/*
 *  Theme file
 */
/* Import includes */
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * Dynamic helpers: probably wanted in all files
 *
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/* Global colors */
/* named colors */
/* Branding colors */
/* Social colors */
/* Fonts */
/* Layout */
/* Container fluid size (geen fluid site nodig? zet alle $container-vars op 1 vaste pixel-breedte) */
/* Device breakpoints */
/* Easings */
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * All mixins must be documentated according http://sassdoc.com/
 *
 *
 * Group Helpers
 * Group Vendor prefixed
 * Group Shortcuts
 * Group Ah Nice
 *
 *=====================================================================*/
/*************************************************
  GROUP HELPERS
*************************************************/
/**
 * Grows element if childs are floated
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's stack on each other
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's inline
 * @group helpers
 */
/**
 * Center element inline, makes parent element relative
 * @group helpers
 */
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Set keyframes and properties for animation
 * @group Helpers
 * @param {string} $animationName ('') name of the animation
 * @example @include keyframes(fade-in){
  0%   { opacity: 0; }
  100% { opacity: 1; }
 }
 */
/**
 * Bind animation to element
 * @group Helpers
 * @param {string} $animation ('') name of the animation
 * .animated-element { @include animation(fade-in 1s forwards); }
 */
/**
 * Style placeholders for input-elemnts
 * @group Helpers
 * @param {color} $color (rgba(0,0,0,.4)) color
 * @param {content} @content '' extra declarations
 * @include placeholder(red); }
 * @include placeholder(red){ font-style: italic; }; }
 */
/*************************************************
  GROUP VENDOR PREFIXED
*************************************************/
/**
 * @group Vendor prefixed
 * @param {color} $start-color ($gray) - Startcolor
 * @param {color} $end-color ($gray-shade) - Endcolor
 * @example @include linear-gradient(red, blue);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (100% 100% 100% 100%) - Border-radius-value
 * @example @include border-radius(10px 5px);
 */
/**
 * @group Vendor prefixed
 * @param {float} $value (1) - Opacity-value
 * @example @include opacity(.5);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0 0 2px rgba($black,.2)) - Box-shadow-value
 * @example @include box-shadow(1px 1px 2px red);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0) perspective
 * @example @include perspective(1);
 */
/**
 * @group Vendor prefixed
 * @param {string} $rotateX (0) x-rotation
 * @param {string} $rotateY (0) y-rotation
 * @param {string} $rotateZ (0) z-rotation
 * @param {float} $scale (1) scale
 * @param {string} $translateX (0) x-translate
 * @param {string} $translateY (0) y-translate
 * @param {string} $translateZ (0) z-translate
 * @param {string} $skewX (0) x-skew
 * @param {string} $skewY (0) y-skew
 * @example @include transform(5deg);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (all 500ms) the transition
 * @example @include transition(opacity 250ms ease-in);
 * @example @include transition(none);
 */
/**
 * @group Vendor prefixed
 * @param {string} $val (none) what van be selected?
 * @example @include user-select(none);
 * @example @include user-select(text);
 * @example @include user-select(auto);
 */
/**
 * @group Vendor prefixed
 * @param {integer} $count (2) number of columns
 * @param {integer} $gap (10px) size of gap between columns
 * @example @include columns($count: 5, $gap: 6)
 */
/*************************************************
  GROUP SHORTCUTS
*************************************************/
/**
* @group Shortcuts
* @param {string} $value (0) z-rotation
* @example @include rotate(5deg);
*/
/**
* @group Shortcuts
* @param {string} $value (0) scale
* @example @include scale(2);
*/
/*************************************************
  GROUP AH, NICE!
*************************************************/
/**
* Adds a line after element until right side of parent element (for indexlines)
* @group Ah, nice!
* @param {string} $height (1px) height of line
* @param {color} $color ($bordercolor) color of line
* @param {string} $margin-left (1em) left margin of line
* @param {string} $margin-top (0) top margin of line
* @example @include indexline(1px red 2em);
*/
/**
* Creates circle with possibility of a centered (horizontal and vertical) text inside
* @group Ah, nice!
* @param {string} $size (30px) size of circle
* @param {color} $bgcolor ($primarycolor) background color of circle
* @param {float} $fontsize (1.4) size of text in
* @param {color} $color (#fff) textcolor
* @example @include circle(50px, red, 2, pink)
*/
/**
* Adds a cutstomized dashed border
* @group Ah, nice!
* @param {float} $dashlength (10px) dashlength
* @param {float} $spacelength (10px) spacelength
* @param {float} $borderheight (10px) borderheight
* @param {color} $color ($primarycolor) color
* @param {string} $position (top) position of the border
* @example @include dashed-border(5px, 3px, 4px, red, bottom)
*/
/**
* Adds a triange-arrow to element
* @group Ah, nice!
* @param {string} $position (bottom) position of the arrow
* @param {color} $color (#fff) color of the arrow
* @param {float} $size (10px) size of the arrow
* @example @include border_triangle(bottom, #fff, 10px)
*/
/*************************************************
  NOG GROEPEREN
*************************************************/
/*=====================================================================
 * Calculate
 *=====================================================================*/
/*=====================================================================
 *  Flexbox
 *=====================================================================*/
/**
* Adds flexbox to container element
* @param {string} $direction (flex-direction: row | row-reverse | column | column-reverse)
* @param {string} $wrap (flex-wrap: nowrap | wrap | wrap-reverse)
* @param {string} $align-items (align-items: flex-start | flex-end | center | baseline | stretch)
* @param {string} $align-content (align-content: flex-start | flex-end | center | space-between | space-around | stretch)
* @param {string} $justify-content (justify-content: flex-start | flex-end | center | space-between | space-around)
* @example @include flexbox(row no-wrap space-between);
*/
/**
* Adds flex to child element
* @param {string} $value (flex-grow: 1) you can add flex-grow: <number>, flex-shrink: <number>, flex-basis: <length> | auto
* @param {string} $align (align-self: auto | flex-start | flex-end | center | baseline | stretch)
* @example @include flex(1 auto); you can use the shorthand: flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
*/
/**
* Order child element with ordernumber
* @param {string} $value (order: 1)
* @example @include order(1);
*/
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Break words based on best match... Does not work in chrome
 * @group helpers
 * @example @include word-break();
 */
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * Static helpers: only needed once
 *
 *=====================================================================*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

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;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  border-radius: 0;
}

input[type=text] {
  -webkit-appearance: none;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  -webkit-appearance: none;
  border-radius: 0;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

label {
  cursor: pointer;
}

/*=====================================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *   __  __        __ ___   __ __  ___
 *  |  \/  \  |\ |/  \ |   |_ |  \| |
 *  |__/\__/  | \|\__/ |   |__|__/| |
 *
 * THIS IS A HELPER: PLEASE DO NOT EDIT THIS FILE BUT OVERWRITE IN YOUR OWN FILES
 *===================================================================================*/
/*=====================================================================
 * FLEXSLIDER
 *=====================================================================*/
.flexslider {
  position: relative;
  border: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flexslider li:before {
  content: none;
}

.flexslider img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flex-controls {
  position: static;
}

/* paging nav */
.flex-control-paging li a {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
  text-indent: -999em;
}

.flex-control-paging li a:hover {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flex-control-paging li a.flex-active {
  background: #2188ef;
}

.flex-control-paging li a.flex-active:hover {
  background: #2188ef;
}

/* direction nav */
.flex-direction-nav {
  position: static;
}

.flex-direction-nav li {
  position: static;
}

.flex-direction-nav li a {
  position: absolute;
  line-height: 1;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.5);
}

.flex-direction-nav li a:hover {
  color: #fff;
}

.flex-direction-nav li a:before {
  font-family: "icomoon";
  font-size: 40px;
  display: inline-block;
  content: "\e623";
}

.flex-direction-nav li a.flex-next:before {
  content: "\e611";
}

.flexslider:hover .flex-direction-nav li a {
  opacity: 1;
}

.flex-pauseplay a:before {
  font-family: "icomoon";
  content: "\e645";
}

.flex-pauseplay a.flex-play:before {
  content: "\e617";
}

.carousel li {
  margin-right: auto;
}

/*=====================================================================
 * FANCY SELECT
 *=====================================================================*/
.fancy-select .trigger {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border-color: #dddddd;
  color: #373737;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
}

.fancy-select .trigger:after {
  content: "\e634";
  font-family: "icomoon";
  width: auto;
  height: auto;
  border: 0;
  top: 1em;
  right: 0.5em;
}

.fancy-select .trigger.open {
  color: #373737;
  background: transparent;
  border-color: #dddddd;
}

.fancy-select .trigger.open:after {
  content: "\e609";
}

.fancy-select select:focus + .trigger {
  -webkit-box-shadow: 0 0 2px rgba(55, 55, 55, 0.2);
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.2);
}

.fancy-select .options {
  background: #fff;
  border-top: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.fancy-select .options li {
  display: block;
}
.fancy-select .options li:before {
  content: none;
}
.fancy-select .options li ul, .fancy-select .options li ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fancy-select .options li {
  color: #373737;
  text-transform: none;
  font-weight: 400;
}

.fancy-select .options li.hover {
  background: #f5f7f8;
  color: #373737;
}

.fancy-select .options li.selected {
  background: #2188ef;
  color: #fff;
}

.flex-direction-nav a {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.flex-direction-nav .flex-next {
  right: 0;
}

.flex-direction-nav .flex-prev {
  left: 0;
}

.flexslider:hover .flex-next {
  right: 0;
}

.flexslider:hover .flex-prev {
  left: 0;
}

*:after, *:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Clearfix */
.group:before, .group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.ie6 .group {
  zoom: 1;
}

/* Nedbase reset */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

/* backward compatibility for ul li inline & stacked*/
.inline, .inline ul, .inline ol,
.stacked, .stacked ul, .stacked ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.inline li {
  display: block;
  float: left;
}

.stacked li {
  display: block;
}

.inline li:before,
.stacked li:before {
  content: none;
}

/* Lists */
.centerinline {
  position: relative;
  float: right;
  left: -50%;
}

.centerinline .inline {
  left: 50%;
  position: relative;
}

.centervertical:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

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

/* definition lists */
dl {
  margin: 0;
  zoom: 1;
}
dl:before, dl:after {
  content: " ";
  display: table;
}
dl:after {
  clear: both;
}

dl dt,
dl dd {
  float: left;
  margin: 0;
  margin-bottom: 1em;
}

dl dt {
  width: 40%;
  padding-right: 5em;
  clear: left;
  font-weight: 700;
}

dl dd {
  width: 60%;
  clear: right;
}

dl.stacked dt,
dl.stacked dd {
  width: auto;
  float: none;
}

dl.stacked dt {
  margin: 0;
}

/* Helper classes */
.left {
  float: left;
}

.right {
  float: right;
}

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

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

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

.hidden {
  display: none;
}

.pointer {
  cursor: pointer;
}

/* Grid */
.col-wrapper {
  clear: both;
}

.col {
  float: left;
  display: block;
  clear: none;
}

.grid-6 .span-1 {
  width: 16.666%;
}

.grid-6 .span-2 {
  width: 33.333%;
}

.grid-6 .span-3 {
  width: 50%;
}

.grid-6 .span-4 {
  width: 66.666%;
}

.grid-6 .span-5 {
  width: 83.333%;
}

.grid-6 .span-6 {
  width: 100%;
}

.grid-5 .span-1 {
  width: 20%;
}

.grid-5 .span-2 {
  width: 40%;
}

.grid-5 .span-3 {
  width: 60%;
}

.grid-5 .span-4 {
  width: 80%;
}

.grid-5 .span-5 {
  width: 100%;
}

.grid-4 .span-1 {
  width: 25%;
}

.grid-4 .span-2 {
  width: 50%;
}

.grid-4 .span-3 {
  width: 75%;
}

.grid-4 .span-4 {
  width: 100%;
}

.grid-3 .span-1 {
  width: 33.3333%;
}

.grid-3 .span-2 {
  width: 66.6666%;
}

.grid-3 .span-3 {
  width: 100%;
}

.grid-2 .span-1 {
  width: 50%;
}

.grid-2 .span-2 {
  width: 100%;
}

.grid-1 .span-1 {
  width: 100%;
}

/* Responsive */
img, embed, object, video {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

.map img {
  max-width: none;
}

/* Reset */
input:focus {
  outline: none;
}

/* Fancybox */
.figure a.fancybox {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-outer {
  background: #fff;
  border-radius: 5px;
}

.fancybox-inner {
  border-radius: 5px;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/image/fancybox/fancybox-sprite.png") !important;
}

#fancybox-loading div {
  background-image: url("/image/fancybox/fancybox_loading.gif") !important;
}

/* Waypoints Sticky */
.sticky {
  overflow: hidden;
}

.sticky.stuck {
  position: fixed;
  z-index: 1;
  top: 0;
}

/* Custom file input */
.NFI-wrapper {
  width: 100%;
  height: auto;
  zoom: 1;
  padding-bottom: 1em;
}
.NFI-wrapper:before, .NFI-wrapper:after {
  content: " ";
  display: table;
}
.NFI-wrapper:after {
  clear: both;
}

.NFI-button {
  background-color: #0192DD;
  color: #FFFFFF;
  height: 40px;
  line-height: 40px;
  width: 30%;
}

.NFI-filename,
.inputwrapper .NFI-filename {
  background: #fff;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05) inset;
  color: #777777;
  height: 40px;
  line-height: 40px;
  text-shadow: 0 1px 0 #FFFFFF;
  display: inline-block;
  border-left: 0;
  width: 70%;
}

/* DB Debug */
.dbdebug {
  position: relative;
  z-index: 999;
  background: rgba(255, 255, 255, 0.85);
  padding: 2em 0;
  margin-top: 10em;
  font-family: "Lucida Console", Monaco, monospace;
  color: #444;
}

.dbdebug tbody td.first {
  padding-right: 5px;
}

.dbdebug tbody td {
  vertical-align: top;
  padding: 5px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dbdebug tbody td.number {
  text-align: right;
}

.dbdebug .error {
  color: #f00;
}

.dbdebug .notice {
  font-style: italic;
  color: white;
  background-color: #00d4ff;
}

.dbdebug textarea {
  display: none;
}

.dbdebug {
  background: rgba(0, 0, 0, 0.85);
  color: #e9e9fa;
}

.dbdebug .error {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  padding: 10px;
  top: 20px;
  left: 20px;
  color: #f00;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

/* enable for fixed */
.xdbdebug {
  position: fixed;
  bottom: 0;
  max-height: 50%;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/*=====================================================================
 * FLEXSLIDER
 *=====================================================================*/
.flexslider {
  position: relative;
  border: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flexslider li:before {
  content: none;
}

.flexslider img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flex-controls {
  position: static;
}

/* paging nav */
.flex-control-paging li a {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
  text-indent: -999em;
}

.flex-control-paging li a:hover {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flex-control-paging li a.flex-active {
  background: #2188ef;
}

.flex-control-paging li a.flex-active:hover {
  background: #2188ef;
}

/* direction nav */
.flex-direction-nav {
  position: static;
}

.flex-direction-nav li {
  position: static;
}

.flex-direction-nav li a {
  position: absolute;
  line-height: 1;
  text-shadow: none;
  color: rgba(255, 255, 255, 0.5);
}

.flex-direction-nav li a:hover {
  color: #fff;
}

.flex-direction-nav li a:before {
  font-family: "icomoon";
  font-size: 40px;
  display: inline-block;
  content: "\e623";
}

.flex-direction-nav li a.flex-next:before {
  content: "\e611";
}

.flexslider:hover .flex-direction-nav li a {
  opacity: 1;
}

.flex-pauseplay a:before {
  font-family: "icomoon";
  content: "\e645";
}

.flex-pauseplay a.flex-play:before {
  content: "\e617";
}

.carousel li {
  margin-right: auto;
}

/*=====================================================================
 * FANCY SELECT
 *=====================================================================*/
.fancy-select .trigger {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border-color: #dddddd;
  color: #373737;
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
}

.fancy-select .trigger:after {
  content: "\e634";
  font-family: "icomoon";
  width: auto;
  height: auto;
  border: 0;
  top: 1em;
  right: 0.5em;
}

.fancy-select .trigger.open {
  color: #373737;
  background: transparent;
  border-color: #dddddd;
}

.fancy-select .trigger.open:after {
  content: "\e609";
}

.fancy-select select:focus + .trigger {
  -webkit-box-shadow: 0 0 2px rgba(55, 55, 55, 0.2);
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.2);
}

.fancy-select .options {
  background: #fff;
  border-top: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.fancy-select .options li {
  display: block;
}
.fancy-select .options li:before {
  content: none;
}
.fancy-select .options li ul, .fancy-select .options li ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fancy-select .options li {
  color: #373737;
  text-transform: none;
  font-weight: 400;
}

.fancy-select .options li.hover {
  background: #f5f7f8;
  color: #373737;
}

.fancy-select .options li.selected {
  background: #2188ef;
  color: #fff;
}

.flex-direction-nav a {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.flex-direction-nav .flex-next {
  right: 0;
}

.flex-direction-nav .flex-prev {
  left: 0;
}

.flexslider:hover .flex-next {
  right: 0;
}

.flexslider:hover .flex-prev {
  left: 0;
}

/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/* --- IE6 --- */
.ie6 .mainnav li {
  width: 1em;
  white-space: nowrap;
}

.ie6 .mainnav ul li {
  width: auto;
}

/* --- IE7 --- */
.ie7 .mainnav li:hover, .mainnav li.sfhover {
  position: static;
}

/* --- oldies --- */
.oldie input[type=checkbox], .oldie input[type=radio],
.ie9 input[type=checkbox], .ie9 input[type=radio] {
  border: none;
}

.oldie [type=radio],
.oldie [type=checkbox] {
  position: inherit !important;
  left: inherit !important;
}

.oldie [type=radio] + label:before,
.oldie [type=checkbox] + label:before {
  content: none;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: "flexslider-icon";
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0;
  background: #fff;
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: "\f001";
}

.flex-direction-nav a.flex-next:before {
  content: "\f002";
}

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "\f003";
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: 0.7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

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

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #99cbe8;
  border-top: 0;
  position: absolute;
  width: 263px !important;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -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 {
  width: 59% !important;
}

.chzn-container-single .chzn-single {
  background-color: #ffffff;
  height: 35px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 0 0 0 8px;
  text-decoration: none;
  width: 100%;
}

.chzn-container-single .chzn-default {
  color: #999;
}

.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
}

.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url("../../image/chosen-sprite.png") right top no-repeat;
}

.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}

.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
  line-height: 31px;
}

.chzn-container-single .chzn-single b:after {
  content: "\e905";
  font-size: 6px;
  color: #373737;
}

.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("../../image/chosen-sprite.png") no-repeat 100% -22px;
  background: url("../../image/chosen-sprite.png") no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../image/chosen-sprite.png") no-repeat 100% -22px, -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("../../image/chosen-sprite.png") no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 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;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* @end */
.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  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;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f4f4", endColorstr="#eeeeee", GradientType=0 );
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eeeeee));
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  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("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: 240px;
  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: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}

.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}

.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3875d7", endColorstr="#2a62bc", GradientType=0 );
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.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: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}

.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}

.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}

.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}

.chzn-container .chzn-results-scroll-down span {
  background: url("chosen-sprite.png") no-repeat -4px -3px;
}

.chzn-container .chzn-results-scroll-up span {
  background: url("chosen-sprite.png") no-repeat -22px -3px;
}

/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #99cbe8;
}

.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #99cbe8;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -o-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #f0f6fc;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGY2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-image: -o-linear-gradient(top, #f0f6fc 0%, #ffffff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f6fc), to(#ffffff));
  background-image: linear-gradient(to bottom, #f0f6fc 0%, #ffffff 100%);
  -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;
}

.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 {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}

.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 {
  text-align: right;
}

.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}

.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}

.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}

.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}

.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}

.chzn-rtl .chzn-choices li {
  float: right;
}

.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
  background-position: right top;
}

.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}

.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none;
}

.chzn-rtl .chzn-search input {
  background: #fff url("../../image/chosen-sprite.png") no-repeat -38px -22px;
  background: url("../../image/chosen-sprite.png") no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../image/chosen-sprite.png") no-repeat -38px -22px, -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("../../image/chosen-sprite.png") no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

/* @end */
/* Theme Variables */
/* Load defaults (note: defaults are loaded with new theme variables!) */
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * Dynamic helpers: probably wanted in all files
 *
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/* Global colors */
/* named colors */
/* Branding colors */
/* Social colors */
/* Fonts */
/* Layout */
/* Container fluid size (geen fluid site nodig? zet alle $container-vars op 1 vaste pixel-breedte) */
/* Device breakpoints */
/* Easings */
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * All mixins must be documentated according http://sassdoc.com/
 *
 *
 * Group Helpers
 * Group Vendor prefixed
 * Group Shortcuts
 * Group Ah Nice
 *
 *=====================================================================*/
/*************************************************
  GROUP HELPERS
*************************************************/
/**
 * Grows element if childs are floated
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's stack on each other
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's inline
 * @group helpers
 */
/**
 * Center element inline, makes parent element relative
 * @group helpers
 */
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Set keyframes and properties for animation
 * @group Helpers
 * @param {string} $animationName ('') name of the animation
 * @example @include keyframes(fade-in){
  0%   { opacity: 0; }
  100% { opacity: 1; }
 }
 */
/**
 * Bind animation to element
 * @group Helpers
 * @param {string} $animation ('') name of the animation
 * .animated-element { @include animation(fade-in 1s forwards); }
 */
/**
 * Style placeholders for input-elemnts
 * @group Helpers
 * @param {color} $color (rgba(0,0,0,.4)) color
 * @param {content} @content '' extra declarations
 * @include placeholder(red); }
 * @include placeholder(red){ font-style: italic; }; }
 */
/*************************************************
  GROUP VENDOR PREFIXED
*************************************************/
/**
 * @group Vendor prefixed
 * @param {color} $start-color ($gray) - Startcolor
 * @param {color} $end-color ($gray-shade) - Endcolor
 * @example @include linear-gradient(red, blue);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (100% 100% 100% 100%) - Border-radius-value
 * @example @include border-radius(10px 5px);
 */
/**
 * @group Vendor prefixed
 * @param {float} $value (1) - Opacity-value
 * @example @include opacity(.5);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0 0 2px rgba($black,.2)) - Box-shadow-value
 * @example @include box-shadow(1px 1px 2px red);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0) perspective
 * @example @include perspective(1);
 */
/**
 * @group Vendor prefixed
 * @param {string} $rotateX (0) x-rotation
 * @param {string} $rotateY (0) y-rotation
 * @param {string} $rotateZ (0) z-rotation
 * @param {float} $scale (1) scale
 * @param {string} $translateX (0) x-translate
 * @param {string} $translateY (0) y-translate
 * @param {string} $translateZ (0) z-translate
 * @param {string} $skewX (0) x-skew
 * @param {string} $skewY (0) y-skew
 * @example @include transform(5deg);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (all 500ms) the transition
 * @example @include transition(opacity 250ms ease-in);
 * @example @include transition(none);
 */
/**
 * @group Vendor prefixed
 * @param {string} $val (none) what van be selected?
 * @example @include user-select(none);
 * @example @include user-select(text);
 * @example @include user-select(auto);
 */
/**
 * @group Vendor prefixed
 * @param {integer} $count (2) number of columns
 * @param {integer} $gap (10px) size of gap between columns
 * @example @include columns($count: 5, $gap: 6)
 */
/*************************************************
  GROUP SHORTCUTS
*************************************************/
/**
* @group Shortcuts
* @param {string} $value (0) z-rotation
* @example @include rotate(5deg);
*/
/**
* @group Shortcuts
* @param {string} $value (0) scale
* @example @include scale(2);
*/
/*************************************************
  GROUP AH, NICE!
*************************************************/
/**
* Adds a line after element until right side of parent element (for indexlines)
* @group Ah, nice!
* @param {string} $height (1px) height of line
* @param {color} $color ($bordercolor) color of line
* @param {string} $margin-left (1em) left margin of line
* @param {string} $margin-top (0) top margin of line
* @example @include indexline(1px red 2em);
*/
/**
* Creates circle with possibility of a centered (horizontal and vertical) text inside
* @group Ah, nice!
* @param {string} $size (30px) size of circle
* @param {color} $bgcolor ($primarycolor) background color of circle
* @param {float} $fontsize (1.4) size of text in
* @param {color} $color (#fff) textcolor
* @example @include circle(50px, red, 2, pink)
*/
/**
* Adds a cutstomized dashed border
* @group Ah, nice!
* @param {float} $dashlength (10px) dashlength
* @param {float} $spacelength (10px) spacelength
* @param {float} $borderheight (10px) borderheight
* @param {color} $color ($primarycolor) color
* @param {string} $position (top) position of the border
* @example @include dashed-border(5px, 3px, 4px, red, bottom)
*/
/**
* Adds a triange-arrow to element
* @group Ah, nice!
* @param {string} $position (bottom) position of the arrow
* @param {color} $color (#fff) color of the arrow
* @param {float} $size (10px) size of the arrow
* @example @include border_triangle(bottom, #fff, 10px)
*/
/*************************************************
  NOG GROEPEREN
*************************************************/
/*=====================================================================
 * Calculate
 *=====================================================================*/
/*=====================================================================
 *  Flexbox
 *=====================================================================*/
/**
* Adds flexbox to container element
* @param {string} $direction (flex-direction: row | row-reverse | column | column-reverse)
* @param {string} $wrap (flex-wrap: nowrap | wrap | wrap-reverse)
* @param {string} $align-items (align-items: flex-start | flex-end | center | baseline | stretch)
* @param {string} $align-content (align-content: flex-start | flex-end | center | space-between | space-around | stretch)
* @param {string} $justify-content (justify-content: flex-start | flex-end | center | space-between | space-around)
* @example @include flexbox(row no-wrap space-between);
*/
/**
* Adds flex to child element
* @param {string} $value (flex-grow: 1) you can add flex-grow: <number>, flex-shrink: <number>, flex-basis: <length> | auto
* @param {string} $align (align-self: auto | flex-start | flex-end | center | baseline | stretch)
* @example @include flex(1 auto); you can use the shorthand: flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
*/
/**
* Order child element with ordernumber
* @param {string} $value (order: 1)
* @example @include order(1);
*/
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Break words based on best match... Does not work in chrome
 * @group helpers
 * @example @include word-break();
 */
/*! START EDITOR */
::-moz-selection {
  background: rgba(2, 187, 108, 0.2);
  text-shadow: none;
}

::selection {
  background: rgba(2, 187, 108, 0.2);
  text-shadow: none;
}

html {
  font-size: 62.5%;
}

body, input, select, option, button, textarea {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #373737;
}

h1, h2, h3, .shipping_information > .formbuilderContainerTitle, .h3, h4, .title {
  margin: 0 0 1em;
  color: #2188ef;
  line-height: 1.1;
  font-weight: 600;
}

h1 a, h2 a, h3 a, .shipping_information > .formbuilderContainerTitle a, .h3 a, h4 a, .title a {
  color: inherit;
}

h1 {
  font-size: 42px;
}

h2 {
  font-size: 30px;
}

h3, .shipping_information > .formbuilderContainerTitle, .h3, .title {
  font-size: 20px;
  font-weight: 500;
}

h4 {
  font-size: 15px;
}

h1.pageTitle {
  margin-bottom: 50px;
}

p {
  margin: 0;
}

blockquote {
  margin: 0;
  font-style: italic;
}

blockquote:after {
  content: "";
  display: block;
  width: 20%;
  height: 8px;
  margin: 1em 0;
  background: #02bb6c;
}

a, a:active, a:visited {
  text-decoration: none;
  color: #2188ef;
  outline: none;
}

a:focus {
  outline: none;
}

a:hover, a:active {
  outline: none;
  color: #02bb6c;
}

a:not([href]):hover, a:not([href]):active {
  color: #2188ef;
}

hr {
  border-top: 1px solid #dddddd;
}

.texteditor table tr td {
  border: 1px solid #dddddd;
  padding: 3px 5px;
}

.texteditor table.tabel-geen-rand tr td {
  border: 0;
  padding: 0 10px 0 0;
}

.texteditor a:link, .texteditor a:active, .texteditor a:visited {
  color: #2188ef;
}

.texteditor a:hover {
  color: #798fb7;
}

.texteditor h1 {
  margin: 1em 0 0.5em;
}

.texteditor h2 {
  margin: 1em 0 0.5em;
}

.texteditor h3, .texteditor .shipping_information > .formbuilderContainerTitle, .texteditor .h3 {
  margin: 1em 0 0;
}

.texteditor h4 {
  margin: 1em 0 0;
}

.texteditor .introtekst {
  color: #2188ef;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
}

/* bullet list with icomoon */
.texteditor ul {
  list-style: none;
}

.texteditor ul li {
  position: relative;
}

.texteditor ul li:before {
  content: "\e90a";
  position: absolute;
  font-size: 7px;
  left: -25px;
  top: 7px;
  color: #2188ef;
}

/*! END EDITOR */
/*=============================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=============================================================================*/
/*=============================================================================
 *  GLOBAL STYLES FOR ALL THEMES (specific theme styles in /themes/-files)
 *=============================================================================*/
/* Buttons */
.button, .typeOrderhistory-list button.small, .readall .readalltoggle, .intro.hide-text .toggle, a.button, input.button {
  padding: 6px 20px;
  border: 1px solid #2188ef;
  display: inline-block;
  position: relative;
  line-height: 1.4;
  text-decoration: none !important;
  background: #fff;
  color: #2188ef;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}

.button.button--fill, .typeOrderhistory-list button.button--fill.small, .readall .button--fill.readalltoggle, .intro.hide-text .button--fill.toggle {
  border: 1px solid #2188ef;
  background: #2188ef;
  color: #fff;
}

.button.button--altfill, .typeOrderhistory-list button.button--altfill.small, .readall .button--altfill.readalltoggle, .intro.hide-text .button--altfill.toggle, header.main header.top .account .button.submit, header.main header.top .account .typeOrderhistory-list button.submit.small, .typeOrderhistory-list header.main header.top .account button.submit.small, header.main header.top .account .readall .submit.readalltoggle, .readall header.main header.top .account .submit.readalltoggle, header.main header.top .account .intro.hide-text .submit.toggle, .intro.hide-text header.main header.top .account .submit.toggle {
  border: 1px solid #02bb6c;
  background: #02bb6c;
  color: #fff;
}

.button.button--diap, .typeOrderhistory-list button.button--diap.small, .readall .button--diap.readalltoggle, .intro.hide-text .button--diap.toggle {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}

.button:hover, .typeOrderhistory-list button.small:hover, .readall .readalltoggle:hover, .intro.hide-text .toggle:hover, .button:focus, .typeOrderhistory-list button.small:focus, .readall .readalltoggle:focus, .intro.hide-text .toggle:focus, .button:active, .typeOrderhistory-list button.small:active, .readall .readalltoggle:active, .intro.hide-text .toggle:active {
  background: #3995f1;
  color: #fff;
}

.button.medium, .typeOrderhistory-list button.medium.small, .readall .medium.readalltoggle, .intro.hide-text .medium.toggle {
  padding: 10px 15px;
}

.button.large, .typeOrderhistory-list button.large.small, .readall .large.readalltoggle, .intro.hide-text .large.toggle {
  padding: 15px 30px;
}

.button--green, footer.cart .right .button, footer.cart .right .typeOrderhistory-list button.small, .typeOrderhistory-list footer.cart .right button.small, footer.cart .right .intro.hide-text .toggle, .intro.hide-text footer.cart .right .toggle, footer.cart .right .readall .readalltoggle, .readall footer.cart .right .readalltoggle, .highlight .flexslider .fullImg .button, .highlight .flexslider .fullImg .typeOrderhistory-list button.small, .typeOrderhistory-list .highlight .flexslider .fullImg button.small, .highlight .flexslider .fullImg .readall .readalltoggle, .readall .highlight .flexslider .fullImg .readalltoggle, .highlight .flexslider .fullImg .intro.hide-text .toggle, .intro.hide-text .highlight .flexslider .fullImg .toggle {
  position: relative;
  display: block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  border-radius: 4px;
  background: #02bb6c;
  color: #fff;
  border: 1px solid #03a660;
}

.button-text {
  background: none;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
}

.badge-btn {
  position: relative;
  padding: 20px 25px;
  overflow: hidden;
  border: none;
  background: #02bb6c;
  color: #fff;
  line-height: 1.3;
}

.badge-btn:hover {
  background: #02ca75;
}

.badge-btn::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 30px;
  height: 30px;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background: #ffcc00;
}

.badge-btn--blue {
  background: #2188ef;
}

.badge-btn--blue:hover {
  background: #3995f1;
}

/* Link styles */
.readon {
  display: inline-block;
  padding: 3px 15px;
  border: 3px solid #798fb7;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #798fb7;
  font-weight: 700;
  cursor: pointer;
}

.readon:hover,
a.readon:hover {
  border-color: #2188ef;
  color: #2188ef;
}

.readon:before {
  content: "\e654";
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
  -webkit-transition: transform 0.25s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.42, 0, 0.58, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: transform 0.25s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.25s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.25s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.25s cubic-bezier(0.42, 0, 0.58, 1);
}

.readon.open:before {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
  top: 0;
}

.readon.back:before {
  content: "\e64c";
}

.readon[data-readon-toggle] {
  min-width: 130px;
  text-align: center;
}

/* Breadcrumb */
#hp .breadcrumb {
  display: none;
}

.breadcrumb {
  padding: 20px 0;
  font-size: 13px;
}

.breadcrumb a {
  display: inline-block;
  position: relative;
}

.breadcrumb_item {
  display: inline-block;
}

.breadcrumb a:after {
  position: relative;
  top: 0;
  font-size: 9px;
  content: "\e64d";
  margin: 0 10px;
  color: #aaa;
}

.breadcrumb a.last:after {
  display: none;
}

/*=====================================================================
 *  3rd party plugins-styles
 *=====================================================================*/
/* Custom select (FancySelect) */
.fancy-select .trigger,
.fancy-select .options {
  border: 1px solid #dddddd;
}

.fancy-select .trigger,
.fancy-select .options li {
  color: #373737;
}

.fancy-select .options li.hover {
  background: #f5f7f8;
}

.fancy-select .options li.selected {
  background: #2188ef;
}

.fancy-select .trigger.open {
  color: #373737;
}

/* Flexslider */
.flex-control-paging {
  z-index: 3;
  bottom: 10px;
  right: 5px;
}

.flex-control-paging li a {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background: rgba(255, 255, 255, 0.5);
}

.flex-control-paging li a:hover {
  background: #fff;
}

.flex-control-paging li a.flex-active {
  background: #2188ef;
}

.flex-control-paging li a.flex-active:hover {
  background: #2188ef;
}

.flex-direction-nav {
  z-index: 2;
}

.flex-direction-nav li a {
  width: 60px;
  height: 60px;
  background: none;
  color: rgba(255, 255, 255, 0.5);
}

.flex-direction-nav li a:hover {
  color: #fff;
}

.flex-direction-nav li a:before {
  content: "\e64c";
  display: block;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-size: 2rem;
}

.flex-direction-nav li a.flex-next:before {
  content: "\e64d";
}

/* Nav Tabs */
.nav-tabs li:before {
  content: none;
}

/* CookieBot */
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input[type=checkbox] {
  position: unset !important;
}

/*=====================================================================
 *  FORMS
 *=====================================================================*/
/* BASIC LAYOUT */
textarea {
  display: block;
}

input, textarea, select, label {
  padding: 5px 10px;
  border: 1px solid #dddddd;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, label::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, label::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, label:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, label:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

label {
  padding-left: 0;
  padding-right: 0;
  border-color: transparent;
}

.fbRadioButtons label,
.fbCheckboxes label {
  padding: 0;
}

.labelwrapper {
  width: 40%;
}

.inputwrapper {
  width: 60%;
}

/* validation-errors */
label.error {
  color: #c10b25;
}

.require {
  color: #c10b25;
}

.fbForm .fbTextfield input.error, .fbForm .fbPassword input.error, .fbForm textarea.error {
  border-color: #c10b25;
}

.nbForm .formTextfield input.error,
.nbForm .formPassword input.error,
.nbForm textarea.error {
  border-color: #c10b25;
}

.RetourForm {
  max-width: 700px;
}

.RetourForm .formbuilderElement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}

.RetourForm .formbuilderContainer {
  padding-bottom: 20px;
}

.RetourForm .formbuilderRadio {
  padding: 0;
}

.RetourForm .formbuilderElement::before {
  display: none;
}

.RetourForm .formbuilderElement::after {
  display: none;
}

.RetourForm .formbuilderElement.formbuilderTextfield label,
.RetourForm .formbuilderElement.formbuilderTextarea label {
  width: 50%;
}

.RetourForm .formbuilderElement input {
  width: 50%;
}

.RetourForm .formbuilderElement textarea {
  width: 50%;
}

.RetourForm .formbuilderElement input.submit {
  background: #02bb6c;
  color: #fff;
}

/* CSS RADIOS AND CHECKBOXES */
[type=radio],
[type=checkbox] {
  position: absolute !important;
  left: -9999em !important;
}

[type=radio]:not(.hidden) + label,
[type=checkbox]:not(.hidden) + label {
  position: relative;
  display: block;
  padding: 0 0 0 2em;
}

[type=radio] + label:before,
[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  border: 1px solid #aaa;
  background: #fff;
  color: #2188ef;
  text-align: center;
  line-height: 1em;
}

[type=radio] + label:before {
  border-radius: 100% 100% 100% 100%;
}

[type=radio]:checked + label:before {
  background: #2188ef;
  -webkit-box-shadow: white 0 0 0 2px inset;
  box-shadow: white 0 0 0 2px inset;
}

[type=checkbox]:checked + label:before {
  content: "\e903";
}

[type=radio]:disabled + label:before,
[type=checkbox]:disabled + label:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #dddddd;
  border-color: #dddddd;
  background-color: #f7f7f7;
}

[type=radio]:disabled + label,
[type=checkbox]:disabled + label {
  color: #dddddd;
  cursor: default;
}

[type=radio]:checked:disabled + label:before {
  background-color: #dddddd;
  -webkit-box-shadow: #f7f7f7 0 0 0 2px inset;
  box-shadow: #f7f7f7 0 0 0 2px inset;
}

[type=radio]:focus + label:before,
[type=checkbox]:focus + label:before {
  border-color: #0b559f;
}

/*
 * NEED STACKED FORMS? UNCHECK 2 LINES BELOW
 */
/* formbulder specific */
.formButton .inputwrapper {
  width: auto;
  float: none;
  text-align: right;
}

/*=====================================================================
 * LAYOUT
 *=====================================================================*/
body {
  overflow-x: hidden;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

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

.container, .checkout-container, #cp .flexwrap {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  zoom: 1;
}
.container:before, .checkout-container:before, #cp .flexwrap:before, .container:after, .checkout-container:after, #cp .flexwrap:after {
  content: " ";
  display: table;
}
.container:after, .checkout-container:after, #cp .flexwrap:after {
  clear: both;
}

#cp .flexwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#cp .flexwrap .content {
  width: calc(80% - 20px);
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#cp .flexwrap .sidebar {
  width: 20%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 18px;
}

#cp .flexwrap .subcontent {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

#hp .flexwrap .sidebar {
  display: none;
}

#cp.idf-shoppingcart .flexwrap .content {
  width: 100%;
  margin-left: 0;
}

#cp.idf-shoppingcart .flexwrap .sidebar {
  display: none;
}

.tpl-sidebar-none section.content {
  width: 100%;
}

.tpl-sidebar-left section.content {
  float: right;
}

.tpl-sidebar-left-right section.content {
  width: 50%;
  margin-left: 25%;
}

.tpl-sidebar-left-right aside.left {
  margin-left: -75%;
}

/*=====================================================================
 * HEADER
 *=====================================================================*/
/* TOP HEADER */
header.main {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

header.main header.top {
  background: #2188ef;
  zoom: 1;
  padding: 0;
}
header.main header.top:before, header.main header.top:after {
  content: " ";
  display: table;
}
header.main header.top:after {
  clear: both;
}

header.main header.top > .container .mobileheader, header.main header.top > .checkout-container .mobileheader, header.main #cp header.top > .flexwrap .mobileheader, #cp header.main header.top > .flexwrap .mobileheader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

header.main header.top .logo {
  height: 52px;
  margin: 10px 0;
}

header.main header.top .logo img {
  width: 210px;
  height: 52px;
}

header.main header.top .container .mobileheader .header-search, header.main header.top .checkout-container .mobileheader .header-search, header.main header.top #cp .flexwrap .mobileheader .header-search, #cp header.main header.top .flexwrap .mobileheader .header-search {
  position: fixed;
  top: 20px;
  right: 165px;
  color: white;
  display: none;
}

header.main header.top .container .mobileheader .header-search:after, header.main header.top .checkout-container .mobileheader .header-search:after, header.main header.top #cp .flexwrap .mobileheader .header-search:after, #cp header.main header.top .flexwrap .mobileheader .header-search:after {
  content: "\e653";
  font-size: 25px;
}

header.main header.top .payoff {
  margin: 30px 0 0 30px;
  font-size: 16px;
  line-height: 1em;
  color: #fff;
  font-weight: 700;
}

header.main header.top .servicelinks {
  margin: 31px 0 0 auto;
  line-height: 1em;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

header.main header.top .servicelinks a {
  color: #fff;
  display: inline-block;
  margin-left: 15px;
  opacity: 0.7;
}

header.main header.top .servicelinks a:hover {
  opacity: 1;
}

header.main header.top .accounttoggle {
  margin: 13px 0 13px 75px;
  padding-top: 11px;
}

header.main header.top .account {
  display: none;
  position: absolute;
  right: -20px;
  top: 72px;
  background: #2188ef;
  color: #fff;
  padding: 10px 20px 20px;
  z-index: 10;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(50, 50, 50, 0.6);
  box-shadow: 0 4px 5px rgba(50, 50, 50, 0.6);
  min-width: 250px;
}

header.main header.top .account.open {
  display: block;
}

header.main header.top .account .formbuilderElement {
  display: block;
  width: 100%;
  margin: 0 0 5px;
}

header.main header.top .account input {
  border: none;
  width: 100%;
}

header.main header.top .account label {
  display: block;
  width: 100%;
}

header.main header.top .account .submit {
  width: 100%;
}

header.main header.top .account .submit:hover {
  background: #02a25d;
}

header.main header.top .account .forget {
  margin: 15px 0 0 0;
  font-size: 13px;
}

header.main header.top .account .newuser {
  font-size: 13px;
}

header.main header.top .account a {
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

header.main header.top .account a:hover {
  color: #02bb6c;
}

header.main header.top .account a:before {
  display: inline-block;
  margin: 0 5px 0 0;
  content: "\e64d";
  font-size: 12px;
  color: #fff;
}

header.main header.top .account label.error {
  display: block;
  padding: 0;
}

header.main header.top .account .account-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 767px) {
  header.main header.top .container .mobileheader .header-search, header.main header.top .checkout-container .mobileheader .header-search, header.main header.top #cp .flexwrap .mobileheader .header-search, #cp header.main header.top .flexwrap .mobileheader .header-search {
    display: block;
  }
}
/* BOTTOM HEADER */
header.main header.bottom {
  background: #fff;
  zoom: 1;
  padding: 10px 0;
}
header.main header.bottom:before, header.main header.bottom:after {
  content: " ";
  display: table;
}
header.main header.bottom:after {
  clear: both;
}

header.main header.bottom > .container, header.main header.bottom > .checkout-container, header.main #cp header.bottom > .flexwrap, #cp header.main header.bottom > .flexwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-height: 46px;
}

header.main header.bottom .navtoggle {
  width: 25%;
  border: 1px solid #186dc3;
  font-size: 16px;
  font-weight: 500;
  z-index: 12;
  padding-top: 11px;
}

header.main header.bottom .navtoggle.open {
  border-radius: 4px 4px 0 0;
}

header.main header.bottom .navtoggle:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 44px;
  border-left: 1px solid #186dc3;
  content: "\e654";
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 46px;
}

header.main header.bottom .navtoggle.open:after {
  content: "\e655";
}

header.main header.bottom .price_switch {
  width: calc(20% - 10px);
  margin-right: 10px;
  line-height: 46px;
}

header.main header.bottom .price_switch {
  text-align: center;
}

.idf-checkout header.main header.bottom .price_switch,
.idf-shoppingcart header.main header.bottom .price_switch {
  display: none;
}

header.main header.bottom .price_switch label {
  text-decoration: underline;
}

header.main header.bottom .price_switch label.checked {
  display: none;
}

header.main header.bottom .cart {
  width: 15%;
  min-width: 180px;
}

header.main header.bottom .cart a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  border-radius: 4px;
  background: #02bb6c;
  color: #fff;
  border: 1px solid #03a660;
}

header.main header.bottom .cart a:hover {
  background: rgba(2, 187, 108, 0.8);
}

header.main header.bottom .cart a .productCount {
  display: block;
  position: absolute;
  top: -5px;
  left: 40px;
  width: 26px;
  height: 26px;
  background: #ffcc00;
  color: #373737;
  font-size: 14px;
  border-radius: 100%;
  text-align: center;
  font-weight: 700;
  line-height: 26px;
}

header.main header.bottom .cart a .productCount:before {
  display: block;
  position: absolute;
  left: -30px;
  top: 12px;
  content: "\e902";
  color: #fff;
  font-size: 32px;
}

header.main header.bottom .cart a .subTotal {
  margin-left: auto;
  border-left: 1px solid #03a660;
  width: calc(100% - 53px);
  padding-right: 15px;
  text-align: right;
  line-height: 44px;
  font-size: 16px;
  font-weight: 500;
}

/* SEARCH BOX */
header.main header.bottom .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: calc(35% - 20px);
  margin: 0 10px;
}

#suggest {
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 50;
  background: #fff;
  border: 1px solid #dddddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  display: none;
  width: calc(100% - 45px);
}

#suggest #searchList {
  margin: 0;
  padding: 0 10px 10px;
}

#suggest #searchList li {
  list-style: none;
  line-height: 35px;
}

#suggest #searchList li img {
  margin-right: 10px;
  display: inline-block;
}

#suggest ul li.selected,
#suggest ul li a:hover,
#suggest ul li a:focus {
  background: #f5f7f8;
}

#suggest ul li a {
  display: block;
  padding: 1px 10px 1px 10px;
  text-transform: none;
  position: relative;
  font-size: 18px;
}

#suggest ul li a img {
  position: relative;
}

#suggest ul li a span.searchimage {
  display: inline-block;
  width: 35px;
  max-height: 35px;
  margin-right: 5px;
}

header.main header.bottom .search #searchbox {
  width: calc(100% - 46px);
  height: 46px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #dddddd;
  border-right: none;
}

header.main header.bottom .search #searchbutton {
  width: 46px;
  height: 46px;
  border-radius: 0 4px 4px 0;
  background: #fff;
  border: 1px solid #dddddd;
  margin: 0;
  padding: 0;
}

header.main header.bottom .search #searchbutton span:after {
  display: block;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #373737;
  font-size: 18px;
  content: "\e653";
}

/* MAIN NAV */
.navfade {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(55, 55, 55, 0.4);
  z-index: 0;
}

.navfade.active {
  display: block;
  z-index: 10;
}

/* LEVEL 1 */
.mainnav {
  display: none;
  position: absolute;
  top: 46px;
  left: 20px;
  clear: both;
  zoom: 1;
  z-index: 12;
  background: #fff;
  width: 310px;
  padding: 20px 0;
}
.mainnav:before, .mainnav:after {
  content: " ";
  display: table;
}
.mainnav:after {
  clear: both;
}

.mainnav.open {
  display: block;
}

.mainnav li {
  list-style: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.mainnav > li a {
  display: block;
  position: relative;
  padding: 4px 20px;
  color: #373737;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.mainnav > li.hassubs:hover {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.mainnav > li.hassubs:hover > a {
  color: #02bb6c;
  font-weight: 500;
}

.mainnav > li.hassubs:hover a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0px;
  height: 30px;
  border-right: 1px solid #fff;
  z-index: 20;
}

/* LEVEL 2 */
.mainnav > li > ul {
  display: none;
  position: absolute;
  left: 300px;
  top: 0;
  background: #fff;
  padding: 20px 0;
  width: 300px;
  height: 100%;
  overflow-y: auto;
}

.mainnav > li:hover > ul {
  display: block;
}

.mainnav > li > ul:before {
  display: block;
  content: "";
  position: absolute;
  left: -1px;
  top: 20px;
  width: 1px;
  height: calc(100% - 40px);
  background: #dddddd;
}

.mainnav > li > ul li:hover a {
  color: #02bb6c;
  font-weight: 500;
}

/*=====================================================================
 * HOMEPAGE
 *=====================================================================*/
/* USP'S */
.usps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background: #f5f7f8;
  border: 1px solid rgba(221, 221, 221, 0.6);
  padding: 0 20px;
}

.usps li {
  list-style: none;
  padding: 5px 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.usps li a {
  color: #373737;
}

#hp .usps li {
  font-size: 16px;
}

.usps li:before {
  display: inline-block;
  content: "\e903";
  border-radius: 100%;
  width: 18px;
  height: 18px;
  background: #02bb6c;
  color: #fff;
  margin-right: 10px;
  font-size: 8px;
  line-height: 22px;
}

/* FLEXSLIDER */
.highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 15px;
  margin-bottom: 50px;
}

.highlight .direct-to {
  width: 25%;
  padding: 20px;
  height: 360px;
}

.highlight .direct-to .label {
  font-size: 20px;
  color: #2188ef;
  font-weight: 500;
}

.highlight .direct-to ul {
  display: block;
  list-style: none;
  padding: 0 0 0 10px;
  margin: 1em 0 1em 10px;
  border-left: 2px solid #dddddd;
}

.highlight .direct-to ul li {
  display: block;
}

.highlight .direct-to a {
  display: block;
  line-height: 28px;
  color: #373737;
  font-size: 14px;
  font-weight: 400;
}

.highlight .direct-to a.open-nav-button {
  text-decoration: underline;
}

.highlight .flexslider {
  position: relative;
  height: 360px;
  width: 75%;
  border: 1px solid #dddddd;
}

.highlight .flexslider .fullImg {
  position: relative;
}

.highlight .flexslider .fullImg a {
  display: block;
}

.highlight .flexslider .fullImg > figure {
  position: relative;
  width: 100%;
  height: 358px;
  z-index: 5;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left center;
}

.highlight .flexslider .fullImg > figure img {
  height: 100%;
}

.highlight .flexslider .fullImg .slidecontent {
  position: absolute;
  right: 0;
  z-index: 50;
  top: 0;
  height: 358px;
  width: 50%;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.highlight .flexslider .fullImg .slide-actionlabel {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  margin: 0 0 15px;
  background: #ffcc00;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.highlight .flexslider .fullImg .slide-actionlabel:after {
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 25px solid #ffcc00;
  border-right: 10px solid transparent;
}

.highlight .flexslider .fullImg .slide-title {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #2188ef;
  line-height: 1em;
  margin: 0 0 15px;
}

.highlight .flexslider .fullImg .slide-subtitle {
  display: block;
  margin: 0 0 15px;
  font-weight: 500;
  width: 100%;
}

.highlight .flexslider .fullImg .button, .highlight .flexslider .fullImg .typeOrderhistory-list button.small, .typeOrderhistory-list .highlight .flexslider .fullImg button.small, .highlight .flexslider .fullImg .readall .readalltoggle, .readall .highlight .flexslider .fullImg .readalltoggle, .highlight .flexslider .fullImg .intro.hide-text .toggle, .intro.hide-text .highlight .flexslider .fullImg .toggle {
  display: inline-block;
  width: auto;
  height: auto;
}

.flexslider .slides img {
  max-height: 358px;
  width: auto;
}

.flex-direction-nav li a {
  width: 40px;
  height: 40px;
}

.flex-direction-nav li a:before {
  color: #2188ef;
  line-height: 40px;
  content: "\e904";
  font-size: 18px;
}

.flex-direction-nav li a.flex-next:before {
  content: "\e906";
}

.flexslider:hover .flex-next,
.flex-direction-nav .flex-next {
  right: 0;
  background: #fff;
  border: 1px solid #dddddd;
  border-right: none;
}

.flexslider:hover .flex-prev,
.flex-direction-nav .flex-prev {
  left: 0;
  background: #fff;
  border: 1px solid #dddddd;
  border-left: none;
}

.highlight .flex-control-nav {
  width: 236px;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 15;
}

.highlight .flex-control-nav li {
  margin: 0;
}

.highlight .flex-control-paging li a {
  background: #dddddd;
  width: 12px;
  height: 12px;
}

.highlight .flex-control-paging li a.flex-active {
  background: #2188ef;
}

/* POPULAIRE PRODUCTEN */
.topProducts h2 {
  font-size: 16px;
  font-weight: 700;
}

/* SEO */
.seo {
  margin: 0;
  padding: 50px 0 70px;
  background: #d8e8f6;
  zoom: 1;
}
.seo:before, .seo:after {
  content: " ";
  display: table;
}
.seo:after {
  clear: both;
}

.seonav ul {
  margin: 0 0 50px;
  -webkit-columns: auto 5;
  -moz-columns: auto 5;
  columns: auto 5;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 0;
}

.seonav ul li {
  list-style: none;
  line-height: 40px;
  color: #373737;
  text-decoration: underline;
  font-weight: 500;
}

.seonav ul li a {
  color: #373737;
  text-decoration: underline;
}

.seonav ul li a:hover {
  text-decoration: none;
}

.seotext {
  background: #fff;
  padding: 40px;
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.seotext h1 {
  font-size: 13px;
}

.seotext .intro {
  width: 66.666%;
}

.seotext .intro p {
  -webkit-columns: auto 2;
  -moz-columns: auto 2;
  columns: auto 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.seotext .seocontact {
  padding-top: 27px;
  padding-left: 30px;
}

.seotext .seocontact .title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #373737;
  margin: 0;
}

.seotext .seocontact .title span {
  color: #2188ef;
}

.seotext .seocontact a {
  display: block;
  font-size: 13px;
  margin: 10px 0 0 0;
  color: #373737;
  text-decoration: underline;
}

/*=====================================================================
 * PRODUCT OVERZICHT / CATEGORIE
 *=====================================================================*/
/* SIDEBAR */
.sidebar .primaryNav {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}

.sidebar .primaryNav li {
  list-style-type: none;
  display: block;
  padding: 3px 0;
}

.sidebar .primaryNav > li > a {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}

.sidebar .primaryNav > li > ul {
  margin-left: 10px;
  padding: 0;
}

.sidebar .primaryNav > li > ul li {
  padding-left: 18px;
  border-left: 2px solid #dddddd;
}

.sidebar .primaryNav > li > ul li a {
  color: #373737;
}

.sidebar .primaryNav > li > ul li.active {
  border-left: 2px solid #02bb6c;
}

.sidebar .primaryNav > li > ul li.active a {
  color: #02bb6c;
}

.sidebar .primaryNav > li > ul li:hover a {
  color: #02bb6c;
}

/* CONTENT */
.products-history .product .top,
.typetypeObjects-list .products .product .top {
  position: absolute;
  right: 10px;
  top: 10px;
}

#options.overview__filters {
  height: 35px;
}

.overview__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 75px;
}

.overview__filters .paging {
  margin-left: auto;
  height: 35px;
}

/* SORTING */
.sort-label {
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
}

.overview__sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.sorting-select {
  width: 180px;
}

.select2-container .select2-selection--single {
  height: 35px;
  border-radius: 3px;
  border: 1px solid #dddddd;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
  padding-left: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 24px;
  height: 33px;
  text-align: center;
  line-height: 31px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  position: relative;
  left: auto;
  top: auto;
  margin-left: 0;
  margin-top: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  content: "\e905";
  font-size: 6px;
  color: #373737;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2188ef;
}

/* PAGING */
.paging {
  text-align: right;
}

.paging ul {
  display: inline-block;
  margin: auto;
  text-align: left;
}

.paging a {
  display: inline-block;
  float: left;
  margin: 0 0.2em;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  border: 1px solid #dddddd;
  cursor: pointer;
}

.paging a:hover {
  background: #02bb6c;
  color: #fff;
  border: 1px solid #02bb6c;
}

.paging .active a {
  background: #02bb6c;
  color: #fff;
  border: 1px solid #02bb6c;
}

.paging .active a:hover {
  background: #02d47b;
  color: #fff;
  border: 1px solid #02bb6c;
}

.paging .last,
.paging .first {
  display: none;
}

.paging .prev a, .paging .next a,
.paging .first a, .paging .last a {
  background: transparent;
  color: #2188ef;
}

.paging .prev a:hover, .paging .next a:hover,
.paging .first a:hover, .paging .last a:hover {
  background: #02bb6c;
  color: #fff;
  border: 1px solid #02bb6c;
}

.paging .prev a:after {
  content: "\e904";
  font-size: 10px;
}

.paging .next a:after {
  content: "\e906";
  font-size: 10px;
}

.paging .first a:after,
.paging .last a:after {
  content: "\e638";
}

.paging .last a:after {
  content: "\e637";
}

a#showall {
  height: 35px;
  line-height: 36px;
  margin-left: 10px;
  color: #373737;
  text-decoration: underline;
}

.overview__filters.bottom {
  padding: 20px 0;
  height: 75px;
}

/*=====================================================================
 * PRODUCTS
 *=====================================================================*/
.idf-search .typetypeObjects-list {
  margin-top: 20px;
}

/* GENERAL LISTS */
.products {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  width: 25%;
  padding: 20px 15px 14px;
  -webkit-box-shadow: 1px 0 0 0 #dddddd, 0 1px 0 0 #dddddd, 1px 1px 0 0 #dddddd, 1px 0 0 0 #dddddd inset, 0 1px 0 0 #dddddd inset;
  box-shadow: 1px 0 0 0 #dddddd, 0 1px 0 0 #dddddd, 1px 1px 0 0 #dddddd, 1px 0 0 0 #dddddd inset, 0 1px 0 0 #dddddd inset;
  list-style: none;
  text-align: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (min-width: 1280px) {
  .top-products .product {
    width: 20%;
  }
  .top-products .product:nth-of-type(11),
.top-products .product:nth-of-type(12) {
    display: none;
  }
}
.product .product-in-basket {
  background: #02bb6c;
  padding: 20px 10px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  width: 100%;
  display: none;
}

.product .product-in-basket h3, .product .product-in-basket .shipping_information > .formbuilderContainerTitle, .product .product-in-basket .h3 {
  color: #fff;
  padding-top: 50px;
  text-align: center;
}

.figurewrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}

.product figure {
  height: 140px;
  max-height: 140px;
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product figure img {
  margin: 0 auto;
  max-height: 140px;
  width: auto;
}

.product .productlabel {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 15px;
  padding: 0 15px;
  margin: 0 0 15px;
  background: #ffcc00;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.product .productlabel:after {
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 25px solid #ffcc00;
  border-right: 10px solid transparent;
}

.product h3, .product .shipping_information > .formbuilderContainerTitle, .product .h3 {
  text-align: left;
  width: 100%;
}

.product .productdetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  width: 100%;
}

.product .productdetails .price {
  position: relative;
  color: #373737;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  text-align: right;
  padding: 5px 0;
  min-height: 52px;
} /* added min-height for BVB-207 */
.product .productdetails .price * {
  display: inline-block;
}

.product .productdetails .price span + strong {
  margin-left: 10px;
}

.product .productdetails .price.offer span {
  text-decoration: line-through;
  font-size: 16px;
}

.product .productdetails .price.offer strong {
  color: #ef7d00;
  font-size: 24px;
  line-height: 1;
}

.product .productdetails .price .taxnote,
.product .productdetails .price.offer .taxnote {
  display: block;
  margin-top: -5px;
  color: #aaa;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.product .product__summary {
  font-size: 11px;
  line-height: 18px;
  text-align: left;
  height: 55px;
  margin-top: auto;
  overflow: hidden;
}

.product .product__order form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product .product__order label {
  display: none;
}

.product .product__order input {
  width: 30%;
  text-align: center;
}

.product .product__order .order-button {
  width: 66%;
}

.icon.pdf {
  display: block;
  height: 32px;
  line-height: 32px;
  padding-left: 40px;
  margin: 10px 0;
  background: url(/image/icon_pdf.png) no-repeat center left;
}

/* CATEGORY LIST */
.products.categories {
  margin-top: 20px;
}

.products.categories .h3 {
  min-height: 0;
  text-align: center;
}

.products.categories .tags {
  display: block;
  text-align: center;
}

.products.categories .product__summary {
  margin: 0 0 20px;
}

.products.categories .product__summary a {
  color: #373737;
}

.products.categories .button, .products.categories .typeOrderhistory-list button.small, .typeOrderhistory-list .products.categories button.small, .products.categories .readall .readalltoggle, .readall .products.categories .readalltoggle, .products.categories .intro.hide-text .toggle, .intro.hide-text .products.categories .toggle {
  width: 100%;
  text-align: center;
}

/* CATEGORY PAGE */
.intro.hide-text {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.intro.hide-text.full {
  height: 100%;
  padding-bottom: 50px;
}

.intro {
  min-height: 140px;
  overflow: hidden;
}

.intro figure {
  background: #fff;
  float: right;
  margin: 0 1em 1em 3em;
}

.intro p {
  margin-bottom: 0;
}

.intro h2,
.intro h3,
.intro .shipping_information > .formbuilderContainerTitle,
.intro .h3 {
  margin: 30px 0;
}

.intro.hide-text .toggle {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  width: 140px;
}

.intro.hide-text:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 170px;
  display: block;
  border-bottom: 45px solid #fff;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
}

.intro.hide-text.full:after {
  display: none;
}

.readall {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.readall.full {
  height: 100%;
  padding-bottom: 50px;
}

.readall .readalltoggle {
  position: absolute;
  display: inline-block;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  width: 125px;
}

.readall.full .readalltoggle {
  width: 135px;
}

.readall:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 170px;
  display: block;
  border-bottom: 45px solid #fff;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
}

.readall.full:after {
  display: none;
}

/* DETAIL */
.detailwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0;
}

.detail__specs {
  width: 55%;
}

.detail__specs section {
  margin: 0 0 40px;
}

.detail__specs h1 {
  margin-bottom: 20px;
}

.detail__specs .productlabel {
  display: none;
}

.tags {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tags li {
  display: inline-block;
  float: left;
}

.tags li a {
  display: inline-block;
  color: #373737;
  padding: 0 10px;
  border-right: 1px solid #373737;
}

.tags li:first-child a {
  padding-left: 0;
}

.tags li:last-child a {
  border: 0;
}

.detail__images {
  margin-bottom: 40px;
  zoom: 1;
}
.detail__images:before, .detail__images:after {
  content: " ";
  display: table;
}
.detail__images:after {
  clear: both;
}

.detail__images figure {
  padding: 20px 0;
  width: 100%;
  text-align: center;
}

.detail__images figure .top {
  display: none;
}

.detail__images figure img {
  margin: 0 auto;
}

.detail__images ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.detail__images ul li {
  width: 15%;
  margin-right: 10px;
  display: inline-block;
  float: left;
}

.detail__images ul li a {
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  background: #fff;
}

.detail__images ul li a img {
  max-width: 100%;
  height: auto;
}

.detail__description--large h2 {
  display: none;
}

table.data {
  width: 100%;
}

table.data .table-caption {
  display: none;
}

table.data tr th,
table.data tr td {
  text-align: left;
  width: 50%;
  border: 0;
  padding: 3px 10px;
}

table.data tr:nth-child(even) td,
table.data tr:nth-child(even) th {
  background: #f6f6f6;
}

.detail__cta {
  width: 42%;
}

.list__contact,
.detail__phone {
  text-align: right;
  font-size: 16px;
  font-weight: 500;
}

.list__contact {
  padding-top: 20px;
}

.list__contact span,
.detail__phone span {
  display: inline-block;
  color: #2188ef;
  padding: 0 0 20px;
}

.detail__box {
  border: 1px solid #dddddd;
  padding: 20px;
}

.detail__box + .detail__box {
  border-top: none;
}

.detail__box h3, .detail__box .shipping_information > .formbuilderContainerTitle, .detail__box .h3 {
  margin-bottom: 0;
}

.detail__box h3 + .articleNumber, .detail__box .shipping_information > .formbuilderContainerTitle + .articleNumber, .detail__box .h3 + .articleNumber {
  display: block;
  margin-bottom: 10px;
}

.detail__box .product-variation-select + .select2 {
  margin-left: 10px;
}

.detail__price .price.offer span {
  text-decoration: line-through;
  font-size: 16px;
  margin-right: 10px;
}

.detail__price em {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
}

.detail__price .taxnote {
  display: inline-block;
  font-size: 15px;
}

.detail__delivery {
  margin: 5px 0 10px;
}

.detail__delivery .leverbaaruitvoorraad:before {
  display: inline-block;
  content: "\e903";
  color: #02bb6c;
  font-size: 9px;
  margin-right: 7px;
}

.detail__order form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.detail__order .amount {
  width: 25%;
  margin-right: 5%;
}

.detail__order button {
  width: 70%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.detail__order button:hover {
  background: rgba(2, 187, 108, 0.8);
}

.detail__order button span {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  left: -15px;
}

.detail__order button span:after {
  display: block;
  position: absolute;
  right: -40px;
  top: 2px;
  content: "\e902";
  color: #fff;
  font-size: 32px;
}

.detail__order .button--pricerequest:hover {
  background: #2188ef;
}

.detail__order .button--pricerequest span {
  left: 0;
}

.detail__order .button--pricerequest span:after {
  display: none;
}

.detail__quotation {
  margin: 0 0 10px;
}

.detail__box .usps {
  background: none;
  border: none;
  display: block;
  margin: 0;
  padding: 0;
}

.detail__box .usps li {
  display: block;
  width: 100%;
  text-align: left;
  padding: 4px 0;
}

.detail__box .usps li:before {
  text-align: center;
  background: #2188ef;
}

.detail__unavailable {
  padding: 6px 0;
}

/* GROTE TABS */
.detail__tabs {
  margin: 0 0 40px;
}

.detail__tabs .tabs {
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  padding: 0 0 0 3%;
  list-style: none;
  background: #ffffff;
}

.detail__tabs .tabs li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
}

.detail__tabs .tabs li a {
  display: inline-block;
  margin-right: 2px;
  text-align: center;
  padding: 5px 15px 5px 15px;
  font-size: 16px;
  outline: none;
  color: #373737;
}

.detail__tabs .tabs li a.current {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #fff;
  font-weight: 700;
  padding: 5px 15px 5px 15px;
}

.detail__tabs .tabContent label.error {
  margin: -5px 0 10px 206px;
}

.detail__tabs .tabContent h2,
.detail__tabs .tabContent h3,
.detail__tabs .tabContent .shipping_information > .formbuilderContainerTitle,
.detail__tabs .tabContent .h3,
.detail__tabs .tabContent h4 {
  margin: 1em 0;
}

.readall {
  height: 300px;
  overflow-y: hidden;
}

/* KLEINE TABS */
.detail__contact {
  margin-top: 10px;
}

.detail__contact .minitabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.detail__contact .minitabs .tab {
  padding: 10px 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  border: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.detail__contact .minitabs .tab:first-of-type {
  border-right: none;
}

.detail__contact .minitabs .tab.active {
  border-bottom: 1px solid #fff;
}

.detail__contact .minitabcontent {
  border: 1px solid #dddddd;
  padding: 20px;
  border-top: none;
}

.detail__contact .minitabcontent form label {
  display: inline-block;
  width: 30%;
  margin-right: 3%;
}

.detail__contact .minitabcontent form input,
.detail__contact .minitabcontent form textarea {
  display: inline-block;
  width: 64%;
}

.detail__contact .minitabcontent form .formbuilderElement {
  margin: 0 0 5px 0;
}

.detail__contact .contact__choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail__contact .contact__choice .contact__phone {
  width: 47%;
  text-align: center;
  color: #373737;
}

.detail__contact .contact__choice .contact__phone .icon {
  display: block;
  text-align: center;
  height: 65px;
}

.detail__contact .contact__choice .contact__phone .icon:before {
  content: "\e909";
  font-size: 50px;
  color: #2188ef;
}

.detail__contact .contact__choice .or {
  width: 6%;
}

.detail__contact .contact__choice .contact__form {
  width: 47%;
  text-align: center;
  cursor: pointer;
}

.detail__contact .contact__choice .contact__form .icon {
  display: block;
  text-align: center;
  height: 65px;
}

.detail__contact .contact__choice .contact__form .icon:before {
  content: "\e907";
  font-size: 50px;
  color: #2188ef;
}

.detail__contact .contact__choice .vraagnickform #vraagnick {
  padding: 20px 0 0 0;
}

.detail__matchingproducts {
  margin: 0 0 40px;
}

.products-match .product:nth-of-type(1n+5) {
  display: none;
}

.detail__browsinghistory {
  margin: 40px 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #dddddd;
}

.products-history {
  padding: 0;
}

.products-history .product {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.products-history .product:nth-of-type(1n+5) {
  display: none;
}

.detail__showall {
  color: #373737;
  text-decoration: underline;
}

/*=====================================================================
 * WINKELWAGEN
 *=====================================================================*/
.shop table {
  width: 100%;
}

.cartwrapper {
  zoom: 1;
}
.cartwrapper:before, .cartwrapper:after {
  content: " ";
  display: table;
}
.cartwrapper:after {
  clear: both;
}

.shoppingCart {
  width: 100%;
}

.shoppingCart tr th {
  padding: 5px 10px 5px 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  vertical-align: bottom;
  border-bottom: 1px solid #dddddd;
}

.shoppingCart tr th.text-right {
  text-align: right;
}

.shoppingCart tr th.first {
  color: #fff;
}

.shoppingCart tr td {
  padding: 10px 10px 10px 0;
  height: 100px;
  border-top: 1px solid #dddddd;
  vertical-align: middle;
}

.shoppingCart tr td.img {
  padding-left: 5px;
}

.shoppingCart tr td.img a {
  display: block;
  max-width: 50px;
}

.shoppingCart tr td strong {
  font-weight: normal;
}

.shoppingCart tr td .amnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.shoppingCart tr td.price {
  text-align: right;
  width: 100px;
  font-size: 16px;
  font-weight: 700;
}

.shoppingCart tr td.price.deal {
  color: #ef7d00;
}

.shoppingCart tr td.price strong {
  font-size: 16px;
  font-weight: 700;
}

.shoppingCart tr td.price_van {
  text-align: right;
  font-size: 16px;
  font-weight: 700;
}

.shoppingCart tr td.price_van strong {
  font-size: 16px;
  font-weight: 700;
}

.shoppingCart tr td.price_van .productPriceVan {
  text-decoration: line-through;
}

.shoppingCart tr td.total {
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  padding-right: 25px;
}

.shoppingCart tr td.total strong {
  font-size: 16px;
  font-weight: 700;
}

.shoppingCart tr td.btn {
  width: 100px;
}

.shoppingCart tr.update td {
  height: 0;
  padding: 0;
}

.shoppingCart .deleteButton {
  width: 100%;
  margin: 0 10px;
  height: 35px;
  display: block;
  float: right;
  text-align: center;
  line-height: 35px;
  color: #373737;
  text-decoration: underline;
}

/* PLUS EN MIN KNOPPEN */
.shoppingCart .amount {
  display: block;
  float: left;
  width: 55px;
  height: 35px;
  text-align: center;
  margin: 0 0 0 25px;
}

.shoppingCart .amountButtons {
  display: block;
  float: left;
  position: relative;
}

.shoppingCart .amountButtons span {
  position: absolute;
  background: none;
  width: 25px;
  height: 35px;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: 1px solid #dddddd;
  border-radius: 3px;
}

.shoppingCart .amountButtons span.plus {
  left: 0;
  border-left: none;
  border-radius: 0 3px 3px 0;
}

.shoppingCart .amountButtons span.minus {
  left: -80px;
  border-right: none;
  border-radius: 3px 0 0 3px;
}

/* WINKELWAGEN TOTALEN */
#shoppingcartSummary {
  position: relative;
  width: 35%;
  min-width: 320px;
  padding-top: 0;
}

#shoppingcartSummary td.title {
  padding: 0 5px;
  font-size: 14px;
  font-weight: normal;
  color: #373737;
  margin: 0;
}

#shoppingcartSummary td.text-right {
  text-align: right;
  font-size: 16px;
}

#shoppingcartSummary td.plus-min {
  text-align: center;
}

#shoppingcartSummary .total-price {
  border: 1px solid #dddddd;
  border-bottom: 0;
  font-size: 16px;
  padding: 20px 25px;
}

#shoppingcartSummary .price__summary {
  padding: 20px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

#shoppingcartSummary .total-price .title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #373737;
  text-transform: uppercase;
  margin: 0;
}

#shoppingcartSummary .total-price .price {
  text-align: right;
  float: right;
  margin-right: 0px;
}

#shoppingcartSummary .shopping_cart_right .text-right {
  padding-right: 5px;
}

#shoppingcartSummary .pricetag {
  display: block;
  color: #6F6B6B;
}

#shoppingcartSummary .pricetag .currency {
  float: left;
}

#shoppingcartSummary .total {
  font-weight: bold;
  font-size: 16px;
}

#shoppingcartSummary .total td {
  padding-top: 10px;
  -webkit-box-shadow: 0 4px 0px #DAF1F3 inset, 0 5px 0px #59AEB3 inset;
  box-shadow: 0 4px 0px #DAF1F3 inset, 0 5px 0px #59AEB3 inset;
}

/* VERDER WINKELEN + DOORGAAN */
footer.cart > nav {
  zoom: 1;
  position: relative;
  padding: 0 25px 25px;
  border: 1px solid #dddddd;
  border-top: none;
}
footer.cart > nav:before, footer.cart > nav:after {
  content: " ";
  display: table;
}
footer.cart > nav:after {
  clear: both;
}

footer.cart .to-shop {
  margin: 0.5em 25px 1.5em 0;
  float: none;
  text-align: right;
}

footer.cart .to-shop a {
  color: #373737;
  text-decoration: underline;
  font-weight: 500;
}

footer.cart .to-shop a:hover {
  text-decoration: none;
}

footer.cart .right {
  width: 100%;
}

footer.cart .right .button, footer.cart .right .typeOrderhistory-list button.small, .typeOrderhistory-list footer.cart .right button.small, footer.cart .right .intro.hide-text .toggle, .intro.hide-text footer.cart .right .toggle, footer.cart .right .readall .readalltoggle, .readall footer.cart .right .readalltoggle {
  display: block;
  width: 100%;
}

footer.cart .formbuilderButton label {
  display: none;
}

footer.cart .formbuilderElement {
  clear: none !important;
}

.shippingcosts {
  padding: 0 0 20px;
  margin-right: 25px;
  text-align: right;
}

.idf-shoppingcart ul.usps {
  margin: 1em 0 1.5em;
}

/**
 Cart footer
 */
.cart-footer-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-footer-col {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (max-width: 1024px) {
  .cart-footer-cols {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cart-footer-col {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .cart-footer-col.impulseproducts-cbox {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .cart-footer-col#shoppingcartSummary {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .cart-footer-col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
/**
 Impulse products
 */
.impulse-product {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  background: rgba(221, 221, 221, 0.5);
  border: 1px solid #dddddd;
}

.impulse-product .button-text {
  font-size: 13px;
  text-decoration: underline;
}

.impulse-product .button-text:hover {
  text-decoration: none;
}

.impulse-product__image {
  width: 60px;
  overflow: hidden;
  margin-right: 15px;
}

.impulse-product__balloon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -10px;
  right: 10px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #c10b25;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.impulse-product__price {
  font-size: 16px;
}

.impulse-product__price .offer span {
  text-decoration: line-through;
}

.impulse-product__price .offer strong {
  margin-left: 0.5em;
  color: #ef7d00;
  font-size: 24px;
}

.impulseProducts {
  margin-top: 15px;
  margin-right: 15px;
}

.impulseProducts .impulse-product {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .impulseProducts {
    margin: 1em 0;
  }
}
/**
 Coupon box
 */
#showcouponbox {
  display: inline-block;
  margin: 15px 0;
}

/*=====================================================================
 * CHECKOUT
 *=====================================================================*/
.idf-checkout .content {
  margin-top: 15px;
}

#cp.idf-checkout .flexwrap .content {
  width: 100%;
}

.checkout-container {
  padding: 20px 0;
}

.checkout-container input, .checkout-container select, .checkout-container textarea, .checkout-container label, .checkout-container button {
  margin-bottom: 5px;
}

.checkout-container label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 40%;
}

.checkout-content .checkoutIntro {
  display: none;
}

.checkout-content .col.left {
  float: left;
  width: 48%;
  clear: none;
}

.checkout-content .col.right {
  float: right;
  width: 48%;
  clear: none;
}

.checkout-content #columnContainer,
.checkout-content #column2Container {
  padding: 0;
  width: auto;
}

.formbuilderElement,
.formbuilderContainer {
  zoom: 1;
}
.formbuilderElement:before, .formbuilderElement:after,
.formbuilderContainer:before,
.formbuilderContainer:after {
  content: " ";
  display: table;
}
.formbuilderElement:after,
.formbuilderContainer:after {
  clear: both;
}

.formbuilderCheckboxes,
.formbuilderRadioButtons {
  float: left;
}

.formbuilderRadioButtons label {
  margin-right: 20px;
}

.checkout-content .formbuilderElement.formbuilderRadio,
.checkout-content .formbuilderElement.formbuilderRadio input,
.checkout-content .formbuilderElement.formbuilderRadio label,
.checkout-content .formbuilderElement.formbuilderCheckbox input,
.checkout-content .formbuilderElement.formbuilderCheckbox label,
.checkout-content .formbuilderElement.formbuilderButton.right input {
  width: auto;
}

.checkout-content .formbuilderElement label,
.formbuilderCheckboxContainerTitle,
.formbuilderRadioContainerTitle {
  display: block;
  width: 40%;
  float: left;
}

.checkout-content .formbuilderElement input {
  width: 59%;
}

.shipping_information > .formbuilderContainerTitle {
  margin: 20px 0;
}

.PriceOnRequestForm .formbuilderElement:not(:last-child) {
  margin-bottom: 20px;
}

.PriceOnRequestForm input,
.PriceOnRequestForm textarea {
  display: block;
  width: 100%;
  max-width: 300px;
}

.PriceOnRequestForm select {
  display: block;
}

.checkout-content .checkoutIntro h1,
.checkout-content .checkoutIntro p,
.step01 .title,
.shippingMethod_container h2,
.payment_container h2 {
  display: none;
}

.idf-checkout .breadcrumb {
  display: none;
}

.personal-information .horizontal .formbuilderContainerTitle {
  width: 40%;
  float: left;
}

.checkout-content .formStepContainer .formStepTitle {
  margin-bottom: 15px;
  padding: 0 0 15px 40px;
}

#noticeblock {
  padding: 0 0 20px 0;
}

/* STEPCONTAINERS */
.checkout-content .formStepContainer {
  margin: 0 0 30px 0;
}

.checkout-content .formStepContainer .formStepTitle {
  position: relative;
  font-size: 20px;
  padding: 0 0 20px 40px;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #dddddd;
}

.checkout-content .formStepContainer .formStepTitle:before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #fff;
  content: "1";
  border-radius: 100%;
  background: #02bb6c;
  -webkit-backface-visibility: hidden;
}

.checkout-content .formStepContainer.step02 .formStepTitle:before {
  content: "2";
}

.checkout-content .formStepContainer.step03 .formStepTitle:before {
  content: "3";
}

.checkout-content .formStepContainer.step04 .formStepTitle:before {
  content: "4";
}

.checkout-content .formStepContainer.step05 .formStepTitle {
  display: none;
}

.formbuilderGender label.error {
  padding-top: 0;
}

.checkout-content .horizontal .formbuilderElement {
  margin-bottom: 0;
  float: left;
}

#fancyLogin {
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
  width: 250px;
}

/* PAYMENT */
.shop .checkout .formbuilderPaymentMethod .formbuilderSelect {
  margin-left: 15px;
}

.idf-checkout .formbuilderPaymentMethod .formbuilderRadioButtons {
  float: none;
}

.shop .checkout .formbuilderPaymentMethod label.error {
  margin: 0 0 0 15px;
}

.shop .checkout .formbuilderPaymentMethod .ShopPaymentIDEALProfessional label {
  width: 90%;
}

.shop .checkout .formbuilderPaymentMethod .ShopPaymentIDEALProfessional .paymentImage {
  display: inline-block;
}

.shop .checkout .formbuilderPaymentMethod .ShopPaymentIDEALProfessional p {
  display: inline-block;
  position: relative;
  top: -10px;
  margin-left: 10px;
}

.shop .checkout .formbuilderPaymentMethod .ShopPaymentIDEALProfessional input {
  margin-top: 10px;
}

.shop .checkout .formbuilderPaymentMethod .ShopPaymentInvoice label {
  width: 90%;
}

.formbuilderPaymentMethod .formbuilderContainerTitle {
  display: none;
}

.formbuilderPaymentMethod .formbuilderRadioButtons {
  width: 100%;
}

.payment_container h2 {
  margin-bottom: 20px;
}

.payment_container label,
.formbuilderPaymentMethod .formbuilderElement.formbuilderRadio {
  position: relative;
  margin: 0 0 20px 0;
}

.formbuilderPaymentMethod .formbuilderElement.formbuilderRadio input {
  position: absolute;
  top: 10px;
  left: 10px;
}

.formbuilderPaymentMethod label {
  position: relative;
  padding: 0 0 0 45px;
  width: auto;
  height: auto;
}

.formbuilderPaymentMethod label.error {
  margin-left: 0;
  padding-left: 35px;
}

.formbuilderPaymentMethod .paymentImage {
  position: absolute;
  top: -2px;
  left: 35px;
}

.formbuilderPaymentMethod .paymentDescription {
  padding: 10px 0 0 45px;
  font-size: 15px;
  line-height: 16px;
}

.formbuilderPaymentMethod .formbuilderRadioButtons .formbuilderElement.formbuilderSelect {
  margin: 0 0 30px 83px;
  position: relative;
  top: -20px;
}

.formbuilderPaymentMethod .formbuilderRadioButtons .formbuilderElement.formbuilderSelect label {
  height: auto;
  margin-right: 20px;
}

.formbuilderPaymentMethod .formbuilderRadioButtons .formbuilderElement.formbuilderSelect select {
  padding-right: 15px;
}

.formbuilderPaymentMethod .ShopPaymentCash.disabled input {
  cursor: default;
}

.formbuilderPaymentMethod .ShopPaymentCash.disabled label {
  cursor: default;
}

.formbuilderPaymentMethod .ShopPaymentCash.disabled .paymentImage {
  opacity: 0.5;
  cursor: default;
}

.formbuilderPaymentMethod .ShopPaymentCash.disabled .paymentDescription {
  color: #d2d2d2;
  cursor: default;
}

.formbuilderPaymentMethod label {
  margin-bottom: 0;
  padding-left: 18px;
}

.payment_container label,
.formbuilderPaymentMethod .formbuilderElement.formbuilderRadio {
  margin-bottom: 2px;
}

.formbuilderPaymentMethod .formbuilderElement.formbuilderRadio input {
  position: relative;
  top: 5px;
  left: 0;
}

.formbuilderPaymentMethod .paymentDescription {
  padding: 4px 0 5px 40px;
}

#paymentForm__step1 > .formbuilderPaymentMethod div.ShopPaymentCash, #paymentForm__step1 > .formbuilderPaymentMethod div.ShopPaymentInvoice {
  display: none !important;
}

/* LOGIN */
.formStepLogin {
  padding: 40px 20px;
  background: #fff;
}

.formStepLogin h2.formStepTitle {
  font-size: 20px;
  margin: 0 0 20px 0;
  padding: 0;
}

body.shop.idf-login_modal {
  padding: 0;
  margin: 0;
}

.checkout-content #login label {
  float: none;
  display: block;
}

.checkout-content #login input {
  width: 270px !important;
}

.checkout-content #login .formbuilderElement.formbuilderTextfield {
  clear: none;
  float: left;
  margin-right: 15px;
  padding-left: 15px;
}

.checkout-content #login .formbuilderElement.formbuilderPassword {
  clear: none;
  float: left;
}

.checkout-content #login .forget {
  display: block;
  clear: none;
  display: inline-block;
  float: right;
  margin-right: 77px;
}

.checkout-content #login .formbuilderElement.formbuilderButton {
  float: right;
  clear: none;
  margin-bottom: 25px;
  margin-top: 8px;
}

.checkout-content #login .formbuilderElement.formbuilderButton label {
  display: none;
}

.checkout-content #login .formbuilderElement.formbuilderButton .submit {
  float: right;
  width: auto !important;
  margin-right: 18px;
}

.checkout-content #login label.error {
  margin: 0 !important;
  position: relative;
  top: -7px;
}

.create-account #createAccount {
  margin-bottom: 20px;
  width: auto;
}

.create-account input {
  width: auto;
}

.create-account .formbuilderElement.formbuilderCheckbox label {
  width: 95%;
  margin: 0 0 10px 0;
}

.create-account .formbuilderCheckbox {
  position: relative;
}

.create-account .formbuilderCheckbox label {
  padding-left: 20px;
  margin-bottom: 0;
  width: 250px;
}

.create-account .formbuilderCheckbox input {
  position: absolute;
  top: 0;
  left: 0;
}

#newPasswordFields input {
  width: 250px;
}

#newPasswordFields .password-note {
  width: 40%;
  line-height: 1.2;
  left: 0;
}

#newPasswordFields .formbuilderPassword {
  margin-bottom: 20px;
}

#register {
  width: 600px;
}

#register .formbuilderElement {
  margin: 0 0 10px;
}

#register .formbuilderElement label {
  display: block;
  float: left;
  padding: 4px 0;
  margin: 0;
  width: 200px;
}

#register input {
  width: 354px;
}

#register .formbuilderTextfield input,
#register .formbuilderPassword input,
#register select,
#register textarea {
  float: left;
  outline: none;
}

#register .formbuilderPassword label {
  position: relative;
}

#register .formbuilderPassword label .password-note {
  display: block;
  font-size: 10px;
}

#register .formbuilderPassword label .require {
  position: absolute;
  left: 88px;
  top: 4px;
}

#register .formbuilderPassword + .formbuilderPassword label .require {
  position: relative;
  left: auto;
  top: auto;
}

#register .formbuilderCheckboxes,
#register .formbuilderRadioButtons {
  float: left;
}

#register .formbuilderCheckbox input,
#register .formbuilderRadio input,
#register .formbuilderButton input {
  width: auto;
  float: left;
  margin-right: 5px;
}

#register .horizontal .formbuilderElement {
  float: left;
  clear: none;
  margin-right: 15px;
  display: inline-block;
  width: auto;
}

#register .formbuilderRadioButtons .formbuilderElement label {
  width: auto;
  padding-left: 25px;
}

#register .formbuilderRadioButtons .formbuilderElement input {
  width: auto;
}

/* STEP 1 */
#shipping_information {
  background: #f1f7fc;
  padding: 0 0 6px 31px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  overflow: visible !important;
}

#shipping_information label {
  width: 40%;
}

#shipping_information .formbuilderTextfield input {
  width: 55%;
}

#shipping_information .chzn-container-single .chzn-single {
  width: 220px;
}

#shipping_information .chzn-container-single .chzn-drop {
  width: 228px !important;
}

.formbuilderShippingMethod label.error {
  margin-left: 0;
}

.checkout-content .delivery_type .formbuilderContainerTitle {
  display: none;
}

.checkout-content .delivery_type .formbuilderRadioButtons {
  float: none;
  display: block;
  border: 1px solid #99cbe8;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.checkout-content .delivery_type .formbuilderRadioButtons .formbuilderRadio {
  position: relative;
  padding: 10px 25px;
  border-bottom: 1px solid #99cbe8;
}

.checkout-content .delivery_type .formbuilderRadioButtons .formbuilderRadio:last-child {
  border: 0;
}

.checkout-content .delivery_type .formbuilderRadioButtons .formbuilderRadio input {
  position: absolute;
  left: 10px;
}

.checkout-content .delivery_type .formbuilderRadioButtons .formbuilderRadio label {
  padding-bottom: 0;
  width: auto;
  text-indent: 5px;
}

.checkout-content .delivery_type .formbuilderRadioButtons .address-controls {
  position: absolute;
  right: 7px;
  top: 0;
  height: 33px;
}

.checkout-content .delivery_type .formbuilderRadioButtons .address-controls span {
  margin: 7px 0;
  padding: 2px;
  display: inline-block;
  line-height: 1;
  background: url(/image/sprite-address-controls.png) no-repeat;
  text-indent: -999em;
  width: 16px;
  height: 16px;
}

.checkout-content .delivery_type .formbuilderRadioButtons .address-controls .edit {
  background-position: 4px 2px;
}

.checkout-content .delivery_type .formbuilderRadioButtons .address-controls .edit:hover {
  background-position: 4px -18px;
}

.checkout-content .delivery_type .formbuilderRadioButtons .address-controls .delete {
  background-position: -15px 2px;
}

.checkout-content .delivery_type .formbuilderRadioButtons .address-controls .delete:hover {
  background-position: -15px -18px;
}

.checkout-content #step1 .post_business_fields {
  margin-bottom: 7px;
}

/* STEP 2 */
.checkout-content #step2 .formbuilderContainer.span-2 {
  width: 100%;
}

/* STEP 3 */
.overview-step3 {
  margin-bottom: 2em;
}

.overview-step3 div {
  float: left;
  display: inline-block;
  width: 50%;
}

#summary.summary .formbuilderElement.formbuilderCheckbox {
  width: 100%;
  margin-top: 2em;
}

#summary.summary .formbuilderElement.formbuilderCheckbox label {
  width: auto;
}

.idf-checkout #shoppingcartSummary {
  width: auto;
  margin-bottom: 0 !important;
  padding-top: 5px;
}

.idf-checkout #shoppingcartSummary .total-price {
  margin-top: 5px;
}

.checkout-content #shippingMethod_container .formbuilderContainerTitle {
  display: none;
}

.checkout-content #shoppingcartProducts h2.title {
  margin: 0 0 20px 0;
}

.checkout-content #shoppingcartProducts h2.title p {
  float: right;
  display: inline-block;
  margin: 0 0 0 5px;
}

.checkout-content #shoppingcartProducts .checkout-nav-button {
  float: none;
  display: inline-block;
}

.checkout-content #shoppingcartProducts .shoppingCart tr th {
  text-align: left;
}

.checkout-content #shoppingcartProducts .shoppingCart tr th.text-right {
  text-align: right;
  padding: 5px 0;
}

/* STEP 4 */
.idf-checkout .step04 .shoppingCart {
  display: none;
}

.idf-checkout .step04 #shoppingcartSummary .price__summary {
  border-top: 1px solid #dddddd;
}

.idf-checkout .step04 #shoppingcartSummary .total-price {
  margin-top: 0;
}

.ShopCheckout .step04 footer.cart {
  display: none;
}

.ShopCheckout .step04 #shoppingcartSummary .total-price {
  padding-bottom: 20px;
}

/* STEP 5 */
#step5 {
  margin-bottom: 10px;
}

#block25.parentOfShop_Payment_Request .checkout-content {
  width: 390px;
} /* Only step 5 */
.checkout-content .ordernotes-containter label {
  display: none;
}

.checkout-content .ordernotes-containter textarea {
  width: 458px;
}

.checkout-content .ordernotes-containter {
  width: 100% !important;
  margin: 0 0 20px;
  float: none !important;
}

.formStepContainer.step05 .formbuilderElement.formbuilderTextarea textarea {
  height: auto;
  min-height: 55px;
  padding: 2%;
  text-indent: 0;
  width: 96%;
}

.formStepContainer.step05 .formbuilderElement.formbuilderTextarea label {
  display: none;
}

.formStepContainer.step05 .formbuilderElement.formbuilderTextarea textarea {
  width: 100%;
}

#step5 .create-account .formbuilderCheckbox label {
  padding-left: 30px;
}

.agreement_container h2 {
  display: none;
}

.agreement_container .formbuilderCheckbox {
  position: relative;
}

.agreement_container .formbuilderCheckbox label {
  padding-left: 30px;
}

.agreement_container .agreement-checkbox {
  position: absolute;
  top: 0;
  left: 0;
}

.agreement-box {
  clear: both;
  margin-top: 30px;
  display: block;
}

.agreement-box .section-title {
  margin-right: 0;
}

.agreement-box .inner {
  padding: 15px 15px 0 15px;
}

.agreement_container label.error {
  margin-left: 0;
}

/* CHECKOUT FOOTER */
.ShopCheckout footer.cart {
  background: transparent;
  margin: 0;
  padding: 0;
  text-align: right;
}

.ShopCheckout footer.cart .formbuilderElement {
  margin: 0 auto;
  float: none;
  display: inline-block;
  width: auto;
}

.ShopCheckout footer.cart .formbuilderElement input {
  margin: 0;
}

/* LOGIN MODAL */
.idf-login_modal label {
  width: 150px;
  display: inline-block;
}

.idf-login_modal .forget {
  display: block;
  padding: 20px 0;
}

.idf-login_modal .formStepLogin {
  padding: 40px 20px 0;
}

.idf-login_modal input {
  width: 40%;
}

/* WACHTWOORD VERGETEN */
#forgotPWForm__step1 .formbuilderTextfield {
  margin: 10px 0;
}

#forgotPWForm__step1 .submit.right {
  float: none;
}

/*=====================================================================
 * BEDANKT
 *=====================================================================*/
.checkout-sidebar {
  padding: 20px 50px 50px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  margin: 50px 0 50px;
}

.checkout-sidebar h2 {
  margin: 1em 0 20px 0;
}

.checkout-sidebar .shoppingCart tr td {
  border-bottom: 1px solid #dddddd;
}

/*=====================================================================
 * ACCOUNTPAGINA
 *=====================================================================*/
.editUser #editUser__step1 > .formbuilderContainer:first-of-type {
  margin: 0 0 50px;
}

.editUser #editUser__step1 label {
  width: 150px;
  display: block;
  float: left;
}

.editUser .formbuilderContainer.section {
  margin-bottom: 30px;
}

.editUser .horizontal .formbuilderContainerTitle {
  float: left;
  width: 150px;
}

.editUser .formbuilderTextfield input {
  width: 300px;
}

.bestelhistorie {
  margin-top: 30px;
}

.bestelhistorie table {
  margin-top: 30px;
}

.bestelhistorie table thead th {
  text-align: left;
}

.typeOrderhistory-list h2 {
  margin: 1em 0 20px;
}

/* =============================================================================
   News
   ========================================================================== */
.news .item {
  position: relative;
}

.news .item .date {
  color: #444;
  padding-left: 25px;
  font-size: 11px;
}

.news .item .title {
  color: #2188ef;
  margin: 2px 0 10px;
  font-size: 20px;
}

.news .list .item {
  margin: 2em 0;
  padding-left: 60px;
  padding-bottom: 20px;
  display: block;
  position: relative;
  border-bottom: 1px solid #dddddd;
}

.news .list .item h2.title {
  font-size: 30px;
  font-weight: 700;
}

.news .list .item h2 {
  font-size: 20px;
  font-weight: 400;
}

.news .list .item time {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  width: 40px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
  padding-left: 0;
}

.news .list .item time span {
  display: block;
}

.news .list .item time .day {
  background: #2188ef;
  font-size: 18px;
  padding: 5px 0;
  font-weight: 700;
}

.news .list .item time .month {
  background: #02bb6c;
  border-top: 1px solid #fff;
}

.news .list .item > a {
  display: block;
}

.news .list .item figure {
  float: right;
  margin-left: 20px;
  margin-top: -40px;
  border-radius: 2px;
}

.news .list .item figure img {
  max-width: inherit !important;
}

.news .list .item h2, h3, .h3, .shipping_information > .formbuilderContainerTitle, h4, h5, h6 {
  margin-bottom: 3px;
}

.news .one .item figure {
  float: right;
  margin: 0 0 1em 1em;
  padding: 6px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 2px 3px #eee;
  box-shadow: 0 2px 3px #eee;
}

.news .one .item figure img {
  max-width: 200px !important;
}

.news .one .item .date {
  padding: 0;
  margin-bottom: 2em;
  display: block;
  font-size: 14px;
  font-weight: 700;
}

.news .one a.arrow {
  margin: 2em 0 !important;
}

/* =============================================================================
   Contact page
   ========================================================================== */
.contact-page h2 {
  margin: 40px 0 15px;
}

.contact-page .nick {
  float: right;
  margin: 2em 2em 0 0;
}

.contact-page .social-media {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-page .social-media a {
  height: 32px;
  line-height: 33px;
  display: block;
  padding-left: 43px;
  margin: 3px 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.contact-page .social-media li {
  display: block;
  position: relative;
  height: 40px;
}

.contact-page .social-media li:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #2188ef;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 33px;
}

.contact-page .social-media .facebook:before {
  content: "\e661";
  background: #3d5b96;
}

.contact-page .social-media .twitter:before {
  content: "\e65f";
  background: #2ca3f0;
}

.contact-page .social-media .instagram:before {
  content: "\e900";
  background: #9d369a;
}

.contact-page .social-media .linkedin:before {
  content: "\e669";
  background: #1374af;
}

.contact-page .formbuilderElement {
  margin: 0 0 10px 0;
}

.contact-page #Form_1__step1 {
  width: 410px !important;
}

.contact-page label {
  width: 150px !important;
  float: left;
}

.contact-page label.error {
  margin-left: 157px !important;
  padding: 0;
  margin-bottom: 10px;
  width: 100% !important;
}

.contact-page textarea {
  float: left;
}

.contact-page input,
.contact-page textarea {
  border-color: #99cbe8;
  border-radius: 3px;
  float: right;
  width: 250px;
}

.contact-page .formbuilderForm .require {
  color: #2188ef;
}

.contact-page .button, .contact-page .intro.hide-text .toggle, .intro.hide-text .contact-page .toggle, .contact-page .readall .readalltoggle, .readall .contact-page .readalltoggle, .contact-page .typeOrderhistory-list button.small, .typeOrderhistory-list .contact-page button.small {
  float: right;
  margin: 0;
  width: auto !important;
}

/* =============================================================================
   FAQ page
   ========================================================================== */
.faq-module #faq-qs {
  margin-bottom: 2em;
}

.faq-module .service-label {
  float: right;
  margin-top: -60px;
}

.faq-module .section {
  border: 1px solid #c9e7f6;
  padding: 20px;
  margin-bottom: 6px;
}

.faq-module .section h3, .faq-module .section .h3, .faq-module .section .shipping_information > .formbuilderContainerTitle {
  margin: 0;
  margin-bottom: 1em;
}

.faq-module .categories {
  margin: 2em 0;
}

.faq-module .categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.faq-module .categories ul li a {
  background: url(/image/arrow-primaryNav.png) no-repeat 0 9px;
  padding: 3px 20px;
  display: block;
}

.faq-module .faq .q {
  font-size: 14px;
  background-position: 0 7px;
  outline: none;
}

.faq-module .faq-close {
  font-size: 90%;
  margin-top: 5px;
}

.faq-module .faq .awnser {
  background: #eef5fc;
  display: none;
  margin-bottom: 20px;
  padding: 20px;
}

.faq-module .open-faq .q {
  font-weight: bold;
}

.faq-module .open-faq .awnser {
  display: block;
}

/* GEEN IDEE */
.shop .minimalamount {
  display: block;
  width: 40%;
  clear: both;
  padding: 0 10px;
  margin: 1em 0;
}

.shop .minimalamount p {
  margin: 0;
}

#redirect {
  margin: 0 auto;
  display: table;
}

#redirect .redirect-image {
  margin: 0 auto;
}

.hide-button {
  display: none;
}

div.full {
  width: 100% !important;
}

.nopointer {
  cursor: default;
}

#r_post_street_msg {
  width: 437px;
  margin-left: -14px;
}

/* Tax overlay */
.tax-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(55, 55, 55, 0.5);
  text-align: center;
  font-size: 16px;
}

.tax-overlay__window {
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.tax-overlay__title {
  color: #2188ef;
  font-weight: bold;
}

.tax-overlay__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 1em 0;
}

.tax-overlay__buttons button {
  width: calc(50% - 20px);
  font-size: 16px;
}

.tax-overlay__close {
  color: #2188ef;
  text-transform: uppercase;
  cursor: pointer;
}

.tax-overlay__close:focus,
.tax-overlay__close:hover {
  color: #186dc3;
}

@media screen and (max-width: 768px) {
  .tax-overlay__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tax-overlay__buttons button {
    width: 75%;
    margin: 0.5em auto;
  }
}
/* gritter styling in order history */
.idf-orderhistory #gritter-notice-wrapper .gritter-item-wrapper {
  position: fixed;
  top: 50px;
  right: 50px;
  border-radius: 4px;
  z-index: 10000;
  background: #fff;
  padding: 15px;
  border: 2px solid #2188ef;
}

/* z-indexation */
body > .tax-overlay {
  z-index: 99;
}

body > .page {
  position: relative;
  z-index: 1;
}

body > footer.main {
  position: relative;
  z-index: 1;
}

/*=====================================================================
 * FOOTER
 *=====================================================================*/
footer.main {
  padding: 0;
  background: #fff;
  margin-top: 40px;
}

#hp footer.main {
  margin-top: 40px;
}

.topfooter {
  background: #2188ef;
}

.topfooter > .container, #cp .topfooter > .flexwrap, .topfooter > .checkout-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #fff;
  font-size: 13px;
}

.topfooter h3, .topfooter .h3, .topfooter .shipping_information > .formbuilderContainerTitle,
.topfooter .title {
  color: #fff;
  display: block;
  font-size: 24px;
  margin: 0 0 5px;
}

.topfooter h3 span, .topfooter .h3 span, .topfooter .shipping_information > .formbuilderContainerTitle span {
  display: block;
}

.topfooter p {
  font-size: 13px;
}

.topfooter .block .container, .topfooter .block #cp .flexwrap, #cp .topfooter .block .flexwrap, .topfooter .block .checkout-container {
  padding: 0;
  margin: 0;
}

.topfooter .block.newsletter {
  width: 33.333%;
  padding: 40px 40px 40px 0;
}

.topfooter .block.newsletter .formbuilderFormStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.topfooter .block.newsletter .formbuilderFormStep .formbuilderTextfield > label {
  display: block;
}

.topfooter .block.newsletter .formbuilderFormStep .formbuilderPassword {
  position: relative;
}

.topfooter .block.newsletter .formbuilderFormStep .formbuilderPassword > label {
  display: block;
}

.topfooter .block.newsletter form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.topfooter .block.newsletter input[type=text] {
  width: calc(100% - 100px);
  padding: 5px 10px;
  border: none;
  margin-bottom: 0;
}

.topfooter .block.newsletter .formbuilderButton > label {
  display: none;
}

.topfooter .block.newsletter .submit {
  position: absolute;
  width: 100px;
  margin: 12px 0;
  padding: 6px 10px;
  background: #02bb6c;
  color: #fff;
  border: none;
}

.topfooter .block.newsletter .activePlaceholder {
  color: #373737;
  font-style: normal;
}

.topfooter .block.customerservice {
  width: 33.333%;
  max-width: 500px;
  padding: 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.topfooter .block.customerservice .customerservice__list {
  margin-top: 0px;
  list-style: none;
  padding-left: 0;
}

.topfooter .block.customerservice a {
  color: #fff;
  text-decoration: underline;
}

.topfooter .block.customerservice a:hover {
  text-decoration: none;
}

.topfooter .block.groot {
  width: 33.333%;
  padding: 40px 0 40px 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.colWrapper:first-child {
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 50px 0;
}
.colWrapper:first-child:before, .colWrapper:first-child:after {
  content: " ";
  display: table;
}
.colWrapper:first-child:after {
  clear: both;
}

footer.main .column {
  width: 25%;
}

.footer-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-nav li {
  line-height: 30px;
  font-size: 14px;
}

.footer-nav li a {
  color: #373737;
}

.colWrapper:last-child {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  padding: 40px 0;
  border-top: 1px solid #dddddd;
  text-align: center;
}

.colWrapper:last-child div:first-of-type {
  display: inline-block;
}

footer.main .ratingbox {
  margin-bottom: 20px;
  color: #3d3d3d;
}

footer.main .ratingbox a {
  color: #373737;
}

footer.main .ratingbox span.star {
  display: inline-block;
  width: 20px;
  height: 19px;
  margin-right: 5px;
  background-image: url(/image/sprite_rating.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

footer.main .ratingbox span.star.full {
  background-position: left top;
}

footer.main .ratingbox span.star.half {
  background-position: -30px top;
}

footer.main .ratingbox span.star.empty {
  background-position: -60px top;
}

footer.main .services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 0 30px;
  padding: 0;
}

footer.main .services li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
}

footer.main .services li > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

footer.main .services li.packs {
  width: 80px;
}

footer.main .services li.dhl {
  width: 80px;
}

footer.main .services li.postnl {
  width: 40px;
}

footer.main .services li.ideal {
  width: 40px;
}

footer.main .services li.bancontact {
  width: 45px;
}

footer.main .services li.creditcard {
  width: 45px;
}

footer.main .services li.paypal {
  width: 90px;
}

footer.main .onderdeel-van {
  font-size: 13px;
}

footer.main .onderdeel-van a {
  display: block;
  margin: 10px 0 0 0;
  width: 230px;
}

.credits {
  padding: 1em 0;
  text-align: center;
}

.credits ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.credits ul li {
  display: block;
}
.credits ul li:before {
  content: none;
}
.credits ul li ul, .credits ul li ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.credits ul li {
  float: left;
}
.credits ul li {
  display: inline-block;
  float: none;
  padding: 0 1em;
  border-left: 1px solid #798fb7;
  color: #798fb7;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

.credits ul li.first {
  padding-left: 0;
  border: 0;
}

.credits ul li a {
  color: #798fb7;
  text-decoration: underline;
}

.credits ul li a:hover {
  color: #186dc3;
}

.counters {
  background: #2188ef;
  padding: 30px 0 45px;
  margin-top: 50px;
}

.counters .container, .counters #cp .flexwrap, #cp .counters .flexwrap, .counters .checkout-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.counters .container img, .counters #cp .flexwrap img, #cp .counters .flexwrap img, .counters .checkout-container img {
  margin-bottom: 10px;
}

.counters .container .counter-item, .counters #cp .flexwrap .counter-item, #cp .counters .flexwrap .counter-item, .counters .checkout-container .counter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  width: 20%;
}

.counters .container .counter-item .counter, .counters #cp .flexwrap .counter-item .counter, #cp .counters .flexwrap .counter-item .counter, .counters .checkout-container .counter-item .counter {
  font-size: 40px;
  position: relative;
  padding-top: 20px;
  line-height: 1;
  font-weight: 700;
}

.counters .container .counter-item .counter::after, .counters #cp .flexwrap .counter-item .counter::after, #cp .counters .flexwrap .counter-item .counter::after, .counters .checkout-container .counter-item .counter::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
}

/*=====================================================================
 * TRANSITIONS & ANIMATIONS
 *=====================================================================*/
textarea {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated-element {
  -webkit-animation: fade-in 1s forwards;
  animation: fade-in 1s forwards;
}

/*=====================================================================
 * MEDIA QUERIES
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * Dynamic helpers: probably wanted in all files
 *
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 *=====================================================================*/
/* Global colors */
/* named colors */
/* Branding colors */
/* Social colors */
/* Fonts */
/* Layout */
/* Container fluid size (geen fluid site nodig? zet alle $container-vars op 1 vaste pixel-breedte) */
/* Device breakpoints */
/* Easings */
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * All mixins must be documentated according http://sassdoc.com/
 *
 *
 * Group Helpers
 * Group Vendor prefixed
 * Group Shortcuts
 * Group Ah Nice
 *
 *=====================================================================*/
/*************************************************
  GROUP HELPERS
*************************************************/
/**
 * Grows element if childs are floated
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's stack on each other
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's inline
 * @group helpers
 */
/**
 * Center element inline, makes parent element relative
 * @group helpers
 */
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Set keyframes and properties for animation
 * @group Helpers
 * @param {string} $animationName ('') name of the animation
 * @example @include keyframes(fade-in){
  0%   { opacity: 0; }
  100% { opacity: 1; }
 }
 */
/**
 * Bind animation to element
 * @group Helpers
 * @param {string} $animation ('') name of the animation
 * .animated-element { @include animation(fade-in 1s forwards); }
 */
/**
 * Style placeholders for input-elemnts
 * @group Helpers
 * @param {color} $color (rgba(0,0,0,.4)) color
 * @param {content} @content '' extra declarations
 * @include placeholder(red); }
 * @include placeholder(red){ font-style: italic; }; }
 */
/*************************************************
  GROUP VENDOR PREFIXED
*************************************************/
/**
 * @group Vendor prefixed
 * @param {color} $start-color ($gray) - Startcolor
 * @param {color} $end-color ($gray-shade) - Endcolor
 * @example @include linear-gradient(red, blue);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (100% 100% 100% 100%) - Border-radius-value
 * @example @include border-radius(10px 5px);
 */
/**
 * @group Vendor prefixed
 * @param {float} $value (1) - Opacity-value
 * @example @include opacity(.5);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0 0 2px rgba($black,.2)) - Box-shadow-value
 * @example @include box-shadow(1px 1px 2px red);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0) perspective
 * @example @include perspective(1);
 */
/**
 * @group Vendor prefixed
 * @param {string} $rotateX (0) x-rotation
 * @param {string} $rotateY (0) y-rotation
 * @param {string} $rotateZ (0) z-rotation
 * @param {float} $scale (1) scale
 * @param {string} $translateX (0) x-translate
 * @param {string} $translateY (0) y-translate
 * @param {string} $translateZ (0) z-translate
 * @param {string} $skewX (0) x-skew
 * @param {string} $skewY (0) y-skew
 * @example @include transform(5deg);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (all 500ms) the transition
 * @example @include transition(opacity 250ms ease-in);
 * @example @include transition(none);
 */
/**
 * @group Vendor prefixed
 * @param {string} $val (none) what van be selected?
 * @example @include user-select(none);
 * @example @include user-select(text);
 * @example @include user-select(auto);
 */
/**
 * @group Vendor prefixed
 * @param {integer} $count (2) number of columns
 * @param {integer} $gap (10px) size of gap between columns
 * @example @include columns($count: 5, $gap: 6)
 */
/*************************************************
  GROUP SHORTCUTS
*************************************************/
/**
* @group Shortcuts
* @param {string} $value (0) z-rotation
* @example @include rotate(5deg);
*/
/**
* @group Shortcuts
* @param {string} $value (0) scale
* @example @include scale(2);
*/
/*************************************************
  GROUP AH, NICE!
*************************************************/
/**
* Adds a line after element until right side of parent element (for indexlines)
* @group Ah, nice!
* @param {string} $height (1px) height of line
* @param {color} $color ($bordercolor) color of line
* @param {string} $margin-left (1em) left margin of line
* @param {string} $margin-top (0) top margin of line
* @example @include indexline(1px red 2em);
*/
/**
* Creates circle with possibility of a centered (horizontal and vertical) text inside
* @group Ah, nice!
* @param {string} $size (30px) size of circle
* @param {color} $bgcolor ($primarycolor) background color of circle
* @param {float} $fontsize (1.4) size of text in
* @param {color} $color (#fff) textcolor
* @example @include circle(50px, red, 2, pink)
*/
/**
* Adds a cutstomized dashed border
* @group Ah, nice!
* @param {float} $dashlength (10px) dashlength
* @param {float} $spacelength (10px) spacelength
* @param {float} $borderheight (10px) borderheight
* @param {color} $color ($primarycolor) color
* @param {string} $position (top) position of the border
* @example @include dashed-border(5px, 3px, 4px, red, bottom)
*/
/**
* Adds a triange-arrow to element
* @group Ah, nice!
* @param {string} $position (bottom) position of the arrow
* @param {color} $color (#fff) color of the arrow
* @param {float} $size (10px) size of the arrow
* @example @include border_triangle(bottom, #fff, 10px)
*/
/*************************************************
  NOG GROEPEREN
*************************************************/
/*=====================================================================
 * Calculate
 *=====================================================================*/
/*=====================================================================
 *  Flexbox
 *=====================================================================*/
/**
* Adds flexbox to container element
* @param {string} $direction (flex-direction: row | row-reverse | column | column-reverse)
* @param {string} $wrap (flex-wrap: nowrap | wrap | wrap-reverse)
* @param {string} $align-items (align-items: flex-start | flex-end | center | baseline | stretch)
* @param {string} $align-content (align-content: flex-start | flex-end | center | space-between | space-around | stretch)
* @param {string} $justify-content (justify-content: flex-start | flex-end | center | space-between | space-around)
* @example @include flexbox(row no-wrap space-between);
*/
/**
* Adds flex to child element
* @param {string} $value (flex-grow: 1) you can add flex-grow: <number>, flex-shrink: <number>, flex-basis: <length> | auto
* @param {string} $align (align-self: auto | flex-start | flex-end | center | baseline | stretch)
* @example @include flex(1 auto); you can use the shorthand: flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
*/
/**
* Order child element with ordernumber
* @param {string} $value (order: 1)
* @example @include order(1);
*/
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Break words based on best match... Does not work in chrome
 * @group helpers
 * @example @include word-break();
 */
@media screen {
  body.is-dev:after {
    content: "desktop";
    position: fixed;
    right: 1em;
    bottom: 1em;
    z-index: 999;
    padding: 0.5em 1em;
    border-radius: 1em;
    opacity: 0.5;
    font: italic 20px Georgia;
    color: #fff;
    background: #d3d3d3;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 1024px) {
  /*=====================================================================
   *
   * Author: Nedbase - www.nedbase.nl
   *
   * Tablet styles (for both Portrait and Landscape)
   *
   *=====================================================================*/
  body.is-dev:after {
    content: "tablet";
    background: pink;
  }
  aside.main {
    width: 300px;
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(-100%) translateY(0) translateZ(0) skew(0deg, 0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(-100%) translateY(0) translateZ(0) skew(0deg, 0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(-100%) translateY(0) translateZ(0) skew(0deg, 0deg);
  }
  aside.main.open {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) translateX(0) translateY(0) translateZ(0) skew(0deg, 0deg);
  }
  aside.main .menu {
    opacity: 1;
    pointer-events: auto;
  }
  main {
    width: 100%;
  }
  .preheader {
    padding-left: 120px;
  }
  .hotspots.one .pageTitle {
    padding-left: 140px;
  }
  .old-version-notice {
    padding-left: 60px;
  }
  .counters .container .counter-item .counter, .counters #cp .flexwrap .counter-item .counter, #cp .counters .flexwrap .counter-item .counter, .counters .checkout-container .counter-item .counter {
    font-size: 30px;
  }
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
  /*=====================================================================
   *
   * Author: Nedbase - www.nedbase.nl
   *
   * Tablet styles (for Landscape only)
   *
   *=====================================================================*/
  body.is-dev:after {
    content: "tablet-landscape";
    background: hotpink;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  /*=====================================================================
   *
   * Author: Nedbase - www.nedbase.nl
   *
   * Tablet styles (for Portrait only)
   *
   *=====================================================================*/
  body.is-dev:after {
    content: "tablet-portrait";
    background: deeppink;
  }
}
@media screen and (max-width: 767px) {
  /*=====================================================================
   *
   * Author: Nedbase - www.nedbase.nl
   *
   * Mobile styles (for both Portrait and Landscape)
   *
   *====================================================================*/
  /* COMMON */
  html {
    overflow-x: hidden;
  }
  body {
    overflow-x: hidden;
    position: relative;
    height: auto;
  }
  .container, #cp .flexwrap, .checkout-container {
    width: 94%;
    margin: 0 3%;
    min-width: 0;
    max-width: none;
    padding: 0;
  }
  .page {
    padding-top: 60px;
  }
  header.main {
    position: absolute;
    left: -101%;
    top: 60px;
    bottom: 0;
    padding: 0;
    margin: 0;
    min-height: 100%;
    width: 97% !important;
    -webkit-transition: left 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left 500ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 500ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 100;
    background: #117be6;
  }
  header.main.open {
    left: 0;
  }
  header.main header.top .logo {
    display: block;
    height: 41px;
    width: 147px;
    margin: 9px 0 0 3%;
  }
  header.main header.top .logo img {
    height: 41px;
    width: 100px;
  }
  header.main header.top > .container .mobileheader, header.main #cp header.top > .flexwrap .mobileheader, #cp header.main header.top > .flexwrap .mobileheader, header.main header.top > .checkout-container .mobileheader {
    display: block;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    color: #fff;
    background: #2188ef;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  }
  header.main header.top > .container .mobileheader .mobilebuttons, header.main #cp header.top > .flexwrap .mobileheader .mobilebuttons, #cp header.main header.top > .flexwrap .mobileheader .mobilebuttons, header.main header.top > .checkout-container .mobileheader .mobilebuttons {
    display: block;
    right: 3%;
    float: none;
    position: absolute;
    top: 0;
  }
  header.main header.top > .container .mobileheader .mobilebuttons a, header.main #cp header.top > .flexwrap .mobileheader .mobilebuttons a, #cp header.main header.top > .flexwrap .mobileheader .mobilebuttons a, header.main header.top > .checkout-container .mobileheader .mobilebuttons a {
    font-size: 22px;
    font-size: 2.2rem;
    width: 36px;
    height: 60px;
    line-height: 64px;
    display: block;
    text-align: center;
    float: left;
    margin-left: 0.3em;
    padding: 0;
    color: #fff;
  }
  header.main header.top > .container .mobileheader .mobilebuttons .icon, header.main #cp header.top > .flexwrap .mobileheader .mobilebuttons .icon, #cp header.main header.top > .flexwrap .mobileheader .mobilebuttons .icon, header.main header.top > .checkout-container .mobileheader .mobilebuttons .icon {
    width: 37px;
    height: 58px;
  }
  header.main header.top > .container .mobileheader .mobilebuttons .icon.list:before, header.main #cp header.top > .flexwrap .mobileheader .mobilebuttons .icon.list:before, #cp header.main header.top > .flexwrap .mobileheader .mobilebuttons .icon.list:before, header.main header.top > .checkout-container .mobileheader .mobilebuttons .icon.list:before {
    content: "\e60c";
    font-size: 27px;
    color: #fff;
    font-style: normal;
    line-height: 1em;
    vertical-align: text-top;
  }
  header.main header.top .payoff,
header.main header.top .servicelinks {
    display: none;
  }
  header.main header.top .accounttoggle {
    position: fixed;
    z-index: 100;
    top: 0;
    right: calc(3% + 40px);
    margin: 0;
    border: none;
    padding: 0;
    width: 40px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 73px;
  }
  header.main header.top .accounttoggle span {
    display: none;
  }
  header.main header.top .accounttoggle:before {
    content: "\e908";
    font-size: 24px;
  }
  header.main header.top .account {
    right: 3%;
    top: 60px;
  }
  header.main header.bottom {
    background: #117be6;
  }
  header.main header.bottom .price_switch {
    display: none;
  }
  header.main header.bottom > .container, header.main #cp header.bottom > .flexwrap, #cp header.main header.bottom > .flexwrap, header.main header.bottom > .checkout-container {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  header.main header.bottom .navtoggle {
    display: none;
  }
  header.main header.bottom .mainnav {
    display: block;
    width: 100%;
    left: 0;
    background: #117be6;
  }
  header.main header.bottom .mainnav li {
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  header.main header.bottom .mainnav > li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
  }
  header.main header.bottom .mainnav > li > ul {
    background: none;
    padding: 0;
  }
  header.main header.bottom .mainnav > li.active a + ul,
header.main header.bottom .mainnav > li.active > ul {
    border-top: none;
    display: block;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    background: #02bb6c;
  }
  header.main header.bottom .mainnav > li:hover > ul,
header.main header.bottom .mainnav > li.hassubs:hover a:after {
    display: none;
  }
  header.main header.bottom .smallCart {
    position: fixed;
    z-index: 100;
    top: 10px;
    right: calc(3% + 96px);
    height: 40px;
    width: 40px;
    min-width: 40px;
  }
  header.main header.bottom .smallCart .subTotal {
    display: none;
  }
  header.main header.bottom .cart a .productCount {
    left: 30px;
  }
  header.main header.bottom .cart a .productCount:before {
    top: 8px;
    left: -27px;
  }
  /* HOME */
  .highlight {
    display: none;
  }
  .highlight .direct-to {
    display: none;
  }
  .highlight .flexslider {
    width: 100%;
  }
  .highlight .flexslider .fullImg > figure {
    background-size: 60%;
    background-position: 0 center;
  }
  /* PRODUCT & CATEGORIE */
  /* WINKELMANDJE */
  /* WINKELMANDJE */
  /* CHECKOUT */
  /* LOGIN */
  /* Retour Form */
  /* CONTACT */
  /* FOOTER */
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .top-products .product {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) and (max-width: 620px) {
  .top-products .product {
    width: 50%;
  }
  .top-products .product h3, .top-products .product .h3, .top-products .product .shipping_information > .formbuilderContainerTitle {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .top-products .product {
    width: 100%;
  }
  .top-products .product h3, .top-products .product .h3, .top-products .product .shipping_information > .formbuilderContainerTitle {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .usps {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #hp .usps {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #hp .topProducts {
    padding-top: 20px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .seo {
    display: none;
    margin: 20px 0 0 0;
    padding: 20px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .seonav ul {
    display: block;
    -webkit-columns: auto 1;
    -moz-columns: auto 1;
    columns: auto 1;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .seonav ul li {
    line-height: 27px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .seotext {
    display: none;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .seotext .intro {
    width: 100%;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .seotext .intro p {
    -webkit-columns: auto 1;
    -moz-columns: auto 1;
    columns: auto 1;
  }
}
@media screen and (max-width: 767px) {
  .seotext .seocontact {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .overview__filters {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #options.overview__filters {
    height: auto;
    margin: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .typetypeObjects-list {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .sort-label {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .overview__sorting {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .sorting-select + .select2 {
    width: calc(100% - 80px) !important;
  }
}
@media screen and (max-width: 767px) {
  #options.overview__filters .paging {
    display: block;
    float: left;
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 767px) {
  a#showall {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  #options + .usps {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #cp .flexwrap .sidebar {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #cp .flexwrap .content {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .detailwrapper {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .detail__specs,
.detail__cta {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .detail__phone,
.detail__showall,
.list__contact {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .products-history .product {
    -webkit-box-shadow: 1px 0 0 0 #dddddd, 0 1px 0 0 #dddddd, 1px 1px 0 0 #dddddd, 1px 0 0 0 #dddddd inset, 0 1px 0 0 #dddddd inset;
    box-shadow: 1px 0 0 0 #dddddd, 0 1px 0 0 #dddddd, 1px 1px 0 0 #dddddd, 1px 0 0 0 #dddddd inset, 0 1px 0 0 #dddddd inset;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .product {
    width: 33.333%;
  }
}
@media screen and (max-width: 767px) and (max-width: 620px) {
  .product {
    width: 50%;
  }
  .product h3, .product .h3, .product .shipping_information > .formbuilderContainerTitle {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .product {
    width: 100%;
  }
  .product h3, .product .h3, .product .shipping_information > .formbuilderContainerTitle {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart {
    display: block;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart thead {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody tr {
    display: block;
    position: relative;
    padding: 34px 20px 14px 14px;
    margin: 0 0 10px 0;
    background: none;
    border: 1px solid #dddddd;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody .btn {
    display: block;
    position: absolute;
    padding: 0;
    right: 10px;
    top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart td {
    border: none;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody .img {
    float: left;
    display: block;
    width: 23%;
    padding: 0;
    margin: 0 10px 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart .shoppingCart tr td.img a {
    max-width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody .title {
    display: block;
    padding: 0;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody .amnt {
    display: block;
    width: 160px;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
    border-bottom: none;
    overflow: hidden;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .amountButtons {
    width: 75px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart .deleteButton {
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .amountButtons span {
    float: right;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 20px;
    line-height: 25px;
  }
}
@media screen and (max-width: 767px) {
  .shoppingCart .amountButtons span.minus {
    left: -84px;
  }
}
@media screen and (max-width: 767px) {
  .shoppingCart .amountButtons span.plus {
    left: -4px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody .price_van {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody .price {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart td {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody .total {
    display: block;
    position: absolute;
    padding: 0;
    font-size: 18px;
    text-align: right;
    height: auto;
    right: 20px;
    bottom: 26px;
  }
}
@media screen and (max-width: 767px) {
  #shoppingcartSummary {
    float: none;
    width: auto;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  #shoppingcartSummary .total-price {
    padding: 10px 20px 80px 25px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart table.shoppingCart tbody tr.update {
    display: block;
    padding: 0;
    margin: 10px 0;
    background: none;
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart .cartSummary,
#shoppingcartSummary .title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #shoppingcartSummary .price__summary {
    border-top: 1px solid #dddddd;
  }
}
@media screen and (max-width: 767px) {
  #shoppingcartSummary .shopping_cart_right .text-right {
    padding: 0 10px;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart .shop #showcouponbox {
    display: block;
    float: none;
    width: auto;
    padding: 13px 10px;
    margin: 0;
    color: #2188ef;
    text-decoration: none;
    background: #d3e6f6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart .shop .couponbox {
    zoom: 1;
    float: none;
    width: auto !important;
    margin: 10px 0 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart .shop .couponbox:before, .idf-shoppingcart .shop .couponbox:after {
    content: " ";
    display: table;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart .shop .couponbox:after {
    clear: both;
  }
}
@media screen and (max-width: 767px) {
  .idf-shoppingcart .shop .couponbox .box {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  footer.cart {
    margin: -83px 0 100px 0;
  }
}
@media screen and (max-width: 767px) {
  footer.cart .left {
    position: relative;
    left: auto;
    top: 100px;
  }
}
@media screen and (max-width: 767px) {
  div.full {
    width: 94% !important;
  }
}
@media screen and (max-width: 767px) {
  .checkout-container {
    width: 100%;
    margin: 0;
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .checkout-content .col.left,
.checkout-content .col.right {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .idf-checkout #shoppingcartSummary .total-price {
    padding: 10px 20px 10px 25px;
  }
}
@media screen and (max-width: 767px) {
  .checkout-content .horizontal .formbuilderElement {
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .checkout-container label.error {
    width: 59%;
  }
}
@media screen and (max-width: 767px) {
  #shipping_information {
    overflow: visible !important;
  }
}
@media screen and (max-width: 767px) {
  #shipping_information .chzn-container-single {
    width: 55% !important;
  }
}
@media screen and (max-width: 767px) {
  #shipping_information .chzn-container-single .chzn-single {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #shipping_information .chzn-container-single .chzn-drop {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  #newPasswordFields .formbuilderPassword label {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #newPasswordFields input {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .idf-login_modal .formStepLogin {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .formStepLogin h2.formStepTitle {
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .idf-login_modal label,
.idf-login_modal input {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #register {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #register .formbuilderElement label {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #register input {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .RetourForm .formbuilderElement {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .RetourForm .formbuilderElement input,
.RetourForm .formbuilderElement textarea {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .RetourForm .formbuilderElement select {
    width: 50px;
  }
}
@media screen and (max-width: 767px) {
  .idf-contact .contact-page #Form_1__step1 {
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .contact-page label {
    width: 100% !important;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .contact-page input,
.contact-page textarea {
    width: 100% !important;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .contact-page h2 {
    margin: 1em 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .topfooter > .container, #cp .topfooter > .flexwrap, .topfooter > .checkout-container {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .topfooter > .container,
#cp .topfooter > .flexwrap,
.topfooter > .checkout-container {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .topfooter .block.newsletter,
.topfooter .block.customerservice,
.topfooter .block.groot {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .topfooter .block.newsletter {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .topfooter .block.customerservice {
    padding: 20px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .topfooter .block.groot {
    padding: 20px;
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .colWrapper:first-child {
    display: block;
    margin: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  footer.main > .container, #cp footer.main > .flexwrap, footer.main > .checkout-container {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  footer.main .column {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  footer.main .column h3, footer.main .column .h3, footer.main .column .shipping_information > .formbuilderContainerTitle {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  footer.main .column h3:after, footer.main .column .h3:after, footer.main .column .shipping_information > .formbuilderContainerTitle:after {
    position: absolute;
    top: 9px;
    right: -23px;
    display: block;
    margin-left: 10px;
    content: "\e905";
    font-size: 8px;
    color: #2188ef;
  }
}
@media screen and (max-width: 767px) {
  footer.main .footer-nav {
    display: none;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  footer.main .column:last-child {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #dddddd;
  }
}
@media screen and (max-width: 767px) {
  footer.main .ratingbox {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  footer.main .ratingbox > * {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  footer.main .services {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  footer.main .onderdeel-van {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  footer.main .onderdeel-van a {
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .colWrapper:last-child {
    display: block;
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .counters .container, .counters #cp .flexwrap, #cp .counters .flexwrap, .counters .checkout-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .counters .container .counter-item, .counters #cp .flexwrap .counter-item, #cp .counters .flexwrap .counter-item, .counters .checkout-container .counter-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .counters .container .counter-item:not(:last-child), .counters #cp .flexwrap .counter-item:not(:last-child), #cp .counters .flexwrap .counter-item:not(:last-child), .counters .checkout-container .counter-item:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  /*=====================================================================
   *
   * Author: Nedbase - www.nedbase.nl
   *
   * Mobile styles (for Landscape only)
   *
   *=====================================================================*/
  body.is-dev:after {
    content: none;
    background: dodgerblue;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  /*=====================================================================
   *
   * Author: Nedbase - www.nedbase.nl
   *
   * Mobile styles (for Portrait only)
   *
   *=====================================================================*/
  body.is-dev:after {
    content: none;
    background: lightskyblue;
  }
}
@media print {
  /*=====================================================================
   *
   * Author: Nedbase - www.nedbase.nl
   *
   *=====================================================================*/
  .search,
.dbdebug,
nav {
    display: none;
  }
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }
  .texteditor a[href]:after {
    content: " (" attr(href) ")";
    font-family: Arial, sans-serif;
  }
  .texteditor abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3, .h3, .shipping_information > .formbuilderContainerTitle {
    orphans: 3;
    widows: 3;
  }
  h2, h3, .h3, .shipping_information > .formbuilderContainerTitle {
    page-break-after: avoid;
  }
}
/* Subsite template overrides */
/*# sourceMappingURL=maps/theme-website.css.map */