/*=====================================================================
*
* STYLES for betaalbarekralen.nl
* Author: Nedbase - www.nedbase.nl
*
*=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * All mixins must be documentated according http://sassdoc.com/
 *
 *
 * Group Helpers
 * Group Vendor prefixed
 * Group Shortcuts
 * Group Ah Nice
 *
 *=====================================================================*/
/* Easings */
/*************************************************
  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 ($grayshade) - 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
 *=====================================================================*/
/**
 * 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();
 */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?v=4");
  src: url("../fonts/icomoon.eot?v=4#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?v=4") format("truetype"), url("../fonts/icomoon.woff?v=4") format("woff"), url("../fonts/icomoon.svg?v=4#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon"], [class*=" icon"], .icon:after, .icon:before, .main-nav li a:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon.social-mail:before {
  content: "\e91c"; }

.icon.mail2:before {
  content: "\ea84"; }

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

.icon.newcart:before {
  content: "\e912"; }

.icon.newuser:before {
  content: "\e913"; }

.icon.social-fb:before {
  content: "\e914"; }

.icon.social-googleplus:before {
  content: "\e915"; }

.icon.social-instagram:before {
  content: "\e916"; }

.icon.social-pinterest:before {
  content: "\e917"; }

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

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

.icon.check:before {
  content: "\e918"; }

.icon.bubbles:before {
  content: "\e910"; }

.icon.mobile:before {
  content: "\e90a"; }

.icon.cell-phone:before {
  content: "\e90a"; }

.icon.handheld:before {
  content: "\e90a"; }

.icon.phone:before {
  content: "\e90b"; }

.icon.telephone:before {
  content: "\e90b"; }

.icon.contact:before {
  content: "\e90b"; }

.icon.support:before {
  content: "\e90b"; }

.icon.call:before {
  content: "\e90b"; }

.icon.book:before {
  content: "\e600"; }

.icon.play:before {
  content: "\e601"; }

.icon.a:before {
  content: "\e90d"; }

.icon.close:before {
  content: "\e90f"; }

.icon.korting:before {
  content: "\e909"; }

.icon.delivery:before {
  content: "\e907"; }

.icon.heart:before {
  content: "\e908"; }

.icon.time:before {
  content: "\e90e"; }

.icon.newsearch:before {
  content: "\e904"; }

.icon.envelope:before {
  content: "\e90c"; }

.icon.bulb:before {
  content: "\e602"; }

.icon.left5:before {
  content: "\e64c"; }

.icon.down5:before {
  content: "\e654"; }

.icon.up5:before {
  content: "\e655"; }

.icon.right5:before {
  content: "\e64d"; }

.icon.list3:before {
  content: "\e60c"; }

.icon.person:before {
  content: "\e905"; }

.icon.local_grocery_store:before {
  content: "\e903"; }

.icon.user2:before {
  content: "\e906"; }

.icon.user:before {
  content: "\e900"; }

.icon.usera:before {
  content: "\e905"; }

.icon.userb:before {
  content: "\e906"; }

.icon.cartnew:before {
  content: "\e903"; }

.icon.usernew:before {
  content: "\e900"; }

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

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

.icon.newsearch:before {
  content: "\e904"; }

.icon.bulb:before {
  content: "\e602"; }

.icon.left5:before {
  content: "\e64c"; }

.icon.down5:before {
  content: "\e654"; }

.icon.up5:before {
  content: "\e655"; }

.icon.right5:before {
  content: "\e64d"; }

.icon.list:before {
  content: "\e60c"; }

.icon.book:before {
  content: "\e600"; }

.icon.play:before {
  content: "\e601"; }

/*=====================================================================
*
* Author: Nedbase - www.nedbase.nl
*
*=====================================================================*/
/* variables */
*:before, *:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  padding-top: 165px; }

/** START EDITOR **/
body {
  font-size: 12px;
  line-height: 1.5; }

body, h1, h2, h3, h4, input, select, option, button, textarea {
  font-family: Arial, Verdana, sans-serif;
  color: #666; }

h1, .h1 {
  font-size: 30px; }

h2, .h2 {
  font-size: 1.5em; }

h3, .h3 {
  font-size: 14px; }

h4, .h4 {
  font-size: 13px; }

h1 a, h2 a, h3 a, h4 a {
  color: inherit;
  text-decoration: none; }

p {
  margin: 0; }

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

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

/** END EDITOR **/
.sharebuttons {
  margin: 10px 0 80px; }

/*  =============================================================================
	Default classes
	========================================================================== */
div.top, table.top {
  margin: 0 !important; }

/* Alert boxes */
.errorMessage {
  color: red;
  border: 1px solid #f00;
  background: #ff9dab;
  padding: 5px;
  display: block; }

.infobox {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1000;
  text-align: left;
  padding: 5px 20px 5px 45px;
  border-top: 1px solid #ffd324;
  border-bottom: 1px solid #ffd324; }

.infobox-error {
  background: #fff6bf url(/image/exclamation.gif) center no-repeat;
  background-position: 15px 50%; }

/* Links */
a, a:link, a:active, a:visited {
  color: #666;
  text-decoration: none;
  outline: none; }

a:hover, a:focus {
  color: #e43d8d; }

/* Lists */
.inline {
  margin: 0;
  padding: 0;
  list-style: none; }

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

.inline li a {
  display: inline-block; }

/* Grid */
.col {
  float: left;
  display: inline-block; }

.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-1 .span-1 {
  width: 100%; }

/* Media */
img, object, iframe {
  max-width: 100%; }

/* Font-face */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svgz#FontAwesomeRegular") format("svg"), url("../fonts/fontawesome-webfont.svg#FontAwesomeRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BetaalbarekralenRegular';
  src: url("../fonts/betaalbarekralen-icons.eot");
  src: url("../fonts/betaalbarekralen-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/betaalbarekralen-icons.woff") format("woff"), url("../fonts/betaalbarekralen-icons.ttf") format("truetype"), url("../fonts/betaalbarekralen-icons.svg#BetaalbarekralenRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bebas';
  src: url("../fonts/bebasneue-webfont.eot");
  src: url("../fonts/bebasneue-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bebasneue-webfont.woff") format("woff"), url("../fonts/bebasneue-webfont.ttf") format("truetype"), url("../fonts/bebasneue-webfont.svg#bebas") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'caveat';
  src: url("../fonts/caveat-regular-webfont.woff2") format("woff2"), url("../fonts/caveat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.logo,
.main-nav,
.category-nav,
h1, h2, h3, h4,
.h1, .h2, .h3, h4,
.cart,
.content .col figure .overlay,
.content .col .text.uitgelicht a strong,
.no-account .h2,
#coupon-box .h2,
.gritter-title,
.bestelhistorie table th,
.ajax-content .h2.icon,
.catTitle.h3,
.parentOfSlideshow .slideshow-item,
.sidebar .filters .filter-header,
.sidebar .filters .filter-toggle {
  font-family: Questrial, sans-serif;
  font-weight: normal; }

.filters .wis-button {
  color: #e43d8d;
  font-size: 11px;
  position: absolute;
  right: 0;
  top: 32px;
  z-index: 10; }

.sidebar .filters .filter {
  position: relative; }

/* Type */
.kop {
  color: #e43d8d;
  text-transform: uppercase;
  font-size: 1.1em;
  display: block; }

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  color: #e43d8d;
  -webkit-margin-before: .83em;
  margin-block-start: .83em;
  -webkit-margin-after: .83em;
  margin-block-end: .83em; }

/* no margin was applied on "mimicked" headings, so fallback to browser default */
.brand {
  color: #e43d8d; }

.nostyle {
  font-size: inherit;
  color: inherit;
  margin: inherit; }

/* Form elements */
.fbTextfield input, .fbPassword input, textarea {
  border: 1px solid #fca9d1;
  width: 37%; }

input:not([type="radio"]):not([type="checkbox"]), .fbTextfield input, input[type=text], input[type=email], .fbPassword input, select, textarea {
  -webkit-appearance: none !important;
  border-radius: 0 !important; }

.fbElement label {
  width: 15%; }

.fbForm .require,
.fbForm label.error {
  color: #e43d8d; }

.fbForm label.error {
  margin: 5px 0; }

/* Scroll to top */
.scrollto {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  right: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  display: none;
  background: #e43d8d;
  color: #fff;
  z-index: 999; }

.scrollto span {
  display: none; }

.scrollto::before {
  content: '\e655';
  font-family: 'icomoon';
  color: #fff; }

.toggler {
  position: absolute;
  top: 115px;
  left: 0;
  width: 10px;
  height: 1px;
  background: transparent;
  z-index: 100; }

span#top {
  position: absolute;
  top: 0; }

/*  =============================================================================
	Formgenerator
	========================================================================== */
.formgen {
  width: 250px; }

.formgen label {
  width: 200px;
  float: left;
  clear: right; }

.formgen input, .formgen textarea {
  float: left;
  clear: left;
  width: 100%; }

.formgen input {
  padding: 5px 0;
  text-ident: 5px;
  height: 20px;
  line-height: 20px; }

.formgen textarea {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #FCA9D1; }

.formgen input.submit {
  width: 108px;
  font-size: 1.2em;
  padding: 7px 0;
  height: 34px;
  float: right;
  margin-right: 0; }

.formgen label.error {
  display: block;
  position: relative;
  width: 100%; }

.formgen .fbRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0; }

.formgen .fbRadio input {
  width: auto; }

.formgen.recaptcha-form > * {
  line-height: initial; }

.formgen.recaptcha-form .fbElement.fbButton.fbButtonNext {
  padding-bottom: 1.25em; }

/*  =============================================================================
	Layout
	========================================================================== */
header {
  margin-bottom: 25px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100; }

.container {
  width: 1180px;
  margin: 0 auto;
  position: relative; }

#main {
  position: relative; }

.content {
  margin-left: 6px;
  position: relative; }

.content .formgen {
  width: 500px;
  max-width: 100%; }

.content .about {
  position: relative;
  margin-top: 40px;
  margin-left: 10px; }

.content .about h2 {
  background: #ffebf5;
  padding: 3px 10px 1px;
  margin-left: -10px;
  text-transform: uppercase;
  display: inline-block; }

.content .about a {
  text-decoration: underline; }

.content > .col-wrapper {
  margin-left: -6px; }

.content .col figure {
  margin: 0 0 6px 6px;
  position: relative; }

.content .col figure img {
  height: 186px; }

.content .col figure.large img {
  height: 378px; }

.content .col figure .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  font-size: 1.5em;
  line-height: 1.4em;
  width: 100%;
  display: none;
  background-color: #fff;
  color: #666;
  opacity: 0.8; }

.content .col figure .overlay div {
  padding: 10px 15px; }

.content .col .text {
  margin: 0 0 6px 6px;
  padding: 2em;
  min-height: 186px;
  height: 186px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.content .col .text.uitgelicht {
  height: 377px; }

.content .col .text.uitgelicht h2 {
  color: #969696;
  font-size: 2em;
  line-height: 1em;
  margin-top: 0; }

.content .col .text.uitgelicht a {
  color: #969696;
  margin-bottom: 2em;
  display: block; }

.content .col .text.uitgelicht a strong {
  font-size: 1.2em;
  line-height: 1.2em;
  display: block; }

.content .col .text.uitgelicht a:hover strong, .content .col .text.uitgelicht a:focus strong {
  color: #e43d8d; }

.content .col .text.small {
  height: 186px;
  border: 0;
  padding: 0 .8em; }

.content .col .text.small h2 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  margin: 0; }

.relative {
  position: relative; }

.image-text figure {
  margin-bottom: 0 !important;
  border: 1px solid #d1d4d7;
  border-bottom: 0; }

.image-text .text.small {
  border: 1px solid #d1d4d7 !important;
  border-top: 0 !important;
  padding-bottom: 10px !important;
  height: 191px !important; }

.content .col .text.bordered {
  border: 1px solid #d1d4d7;
  border-right: 0;
  width: 381px; }

.content .col figure.bordered {
  border: 1px solid #d1d4d7;
  border-right: 0;
  width: 381px;
  height: 184px;
  overflow: hidden; }

.content .col .text.bordered.right {
  border-left: 0;
  border-right: 1px solid #d1d4d7;
  margin-left: 0; }

.content .col figure.bordered.right {
  border-left: 0;
  border-right: 1px solid #d1d4d7;
  margin-left: 0; }

.content .col figure.bordered.right img {
  position: relative;
  right: -4px; }

.sidebar {
  margin: 0 20px 0 0; }

.breadcrumb {
  margin: 1em 0 30px;
  font-size: 12px; }

.breadcrumb a {
  padding-right: 10px; }

.breadcrumb a:after {
  content: '/';
  padding-left: 10px; }

/* 	=============================================================================
	Custom website styles
	========================================================================== */
label {
  height: auto;
  width: auto; }

input, textarea {
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-shadow: none;
  box-shadow: none; }

a.button, button, .fbButtonNext input, input.submit {
  background-image: none;
  background-color: #e43d8d;
  color: #fff;
  text-shadow: none;
  border-radius: 0;
  text-transform: uppercase;
  padding: 7px 10px;
  height: auto;
  line-height: inherit;
  text-indent: 0 !important;
  font-size: 13px;
  -webkit-box-shadow: none;
  box-shadow: none; }

a.button.large, button.large, .fbButtonNext input.large, input.submit.large {
  padding: 8px 20px;
  font-size: 1.5em; }

a.button.medium, button.medium, .fbButtonNext input.medium, input.submit.medium {
  padding: 7px 15px;
  font-size: 1.2em; }

a.button:hover, a.button:focus, button:hover, button:focus, .fbButtonNext input:hover, .fbButtonNext input:focus, input.submit:hover, input.submit:focus {
  background-color: #cc4283; }

a.button.sec, button.sec, .fbButtonNext input.sec, input.submit.sec {
  background: #aaa; }

a.button.sec:hover, a.button.sec:focus, button.sec:hover, button.sec:focus, .fbButtonNext input.sec:hover, .fbButtonNext input.sec:focus, input.submit.sec:hover, input.submit.sec:focus {
  background: #999; }

.arrow {
  position: relative; }

.arrow:before {
  content: '\f04b';
  font-family: 'FontAwesome';
  color: #e43d8d;
  font-weight: normal;
  margin-right: 5px;
  display: inline-block;
  -webkit-transform: scaleX(0.6) scaleY(0.9);
  -ms-transform: scaleX(0.6) scaleY(0.9);
  transform: scaleX(0.6) scaleY(0.9); }

/* 	=============================================================================
	Header
	========================================================================== */
.logo, a.logo {
  font-size: 32px;
  float: left;
  color: #a59fa4;
  margin-top: 20px;
  margin-left: 0;
  margin-bottom: 20px;
  padding: 10px 10px 10px 0;
  font-weight: 400;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  min-height: 48px; }

.logo.small {
  font-size: 4em;
  float: none; }

.logo span {
  color: #e43d8d; }

.logo em {
  font-style: normal; }

.logo .tagline {
  position: absolute;
  top: 64px;
  left: 0;
  font-size: 13px;
  font-family: Questrial, sans-serif;
  color: #9c9c9c;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }

header.main .mobileheader .mobilebuttons {
  display: none; }

header.main div.admin-bar {
  background-color: #4386fc;
  height: 40px;
  font-size: 1em;
  text-align: center;
  padding: 20px 0 0;
  color: white;
  font-weight: bold; }

.mobileaccount {
  display: none; }

.category-mobile-nav {
  display: none; }

/**
 * Add "distraction free header" for checkout
 */
@media screen and (min-width: 767px) {
  .distraction-free-header header.main .mobileheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px; }
    .distraction-free-header header.main .mobileheader .search-bar,
    .distraction-free-header header.main .mobileheader .my-account,
    .distraction-free-header header.main .mobileheader .top-nav {
      display: none; }
    .distraction-free-header header.main .mobileheader .usps {
      position: relative;
      top: 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      gap: 0 20px; }
      .distraction-free-header header.main .mobileheader .usps li {
        margin-right: 0; }
  .distraction-free-header header.main .main-nav {
    display: none; } }

.hasextraheadermessages {
  padding-top: 195px; }

.header-messages {
  display: block;
  position: relative;
  height: 20px;
  background: #e43d8d;
  color: #FFF;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 13px;
  padding: 5px 0 0; }

.header-messages .message {
  display: block;
  margin: 0 auto;
  width: 1180px; }

.header-messages .message a {
  color: #FFF; }

.header-messages .message i {
  float: right;
  font-style: normal;
  cursor: pointer; }

.has-admin-bar {
  padding-top: 225px; }

.hasextraheadermessages.has-admin-bar {
  padding-top: 255px; }

.top-nav {
  position: absolute;
  right: 10px;
  top: 0;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }

.top-nav ul {
  margin: 0;
  padding: 0; }

.top-nav ul li a {
  position: relative;
  padding: 5px 0 5px;
  margin-left: 30px;
  font-size: 14px;
  color: #9c9c9c; }

.top-nav ul li a:hover {
  color: #000; }

.top-nav ul li a:after {
  position: absolute;
  right: -11px;
  top: 8px;
  font-size: 10px;
  content: '\e64d';
  color: #e43d8d; }

.top-nav ul li span {
  position: relative;
  display: inline-block;
  padding: 5px 0 5px;
  margin-left: 30px;
  font-size: 14px;
  color: #9c9c9c;
  cursor: pointer; }

.top-nav ul li span:hover {
  color: #000; }

.top-nav ul li span:after {
  position: absolute;
  right: -11px;
  top: 8px;
  font-size: 10px;
  content: '\e654';
  color: #e43d8d; }

/* CURRENCY */
.currency-nav {
  background: #fff;
  width: auto;
  position: absolute;
  top: 20px;
  left: 10px;
  text-align: left;
  z-index: 100;
  display: none;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); }

.currency-nav ul {
  padding: 10px 0; }

.currency-nav ul li {
  position: relative;
  display: block;
  float: none; }

.currency-nav ul li a {
  padding: 3px 20px;
  display: block;
  font-family: Arial, sans-serif;
  color: #9c9c9c;
  margin-left: 0;
  font-size: 12px; }

.currency-nav ul li a:after {
  display: none; }

.currency-nav ul li a span {
  display: inline;
  -webkit-box-shadow: inset 0 1px white, inset 0 -1px #FFF;
  box-shadow: inset 0 1px white, inset 0 -1px #FFF; }

.currency-nav ul li a:hover span {
  -webkit-box-shadow: inset 0 1px white, inset 0 -1px #e43d8d;
  box-shadow: inset 0 1px white, inset 0 -1px #e43d8d; }

/* MULTILANGUAGE */
ul li.languagetoggle span {
  position: relative;
  display: inline-block;
  padding: 5px 0 5px 0;
  font-size: 14px;
  color: #9c9c9c;
  cursor: pointer;
  text-transform: uppercase; }

ul li.languagetoggle span:hover {
  color: #000; }

ul li.languagetoggle span:before {
  margin-right: 3px !important; }

ul li.languagetoggle span:after {
  position: absolute;
  right: -11px;
  top: 8px;
  font-size: 10px;
  content: '\e654';
  color: #e43d8d; }

ul li.languagetoggle span em {
  font-style: normal; }

.switcher-language-popup {
  position: fixed;
  font-size: 12px;
  background: #f2f2f2;
  left: 0;
  text-align: center;
  top: 150px;
  width: 100%;
  z-index: 31;
  -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
  opacity: 0; }

.switcher-language-popup.open {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.switcher-language-popup .switcher-wrapper {
  padding: 25px 25px 40px; }

.switcher-language-popup .switcher-dropdown {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: block;
  max-width: 850px;
  text-align: left; }

.switcher-language-popup .switcher-dropdown li {
  margin-bottom: 5px;
  float: none;
  display: block;
  font-family: 'Muli',sans-serif !important;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  white-space: nowrap;
  line-height: 22px; }

.switcher-language-popup .switcher-dropdown li:before,
ul li.languagetoggle span:before {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  vertical-align: baseline;
  width: 15px;
  content: ''; }

.switcher-language-popup .switcher-dropdown li.at:before,
ul li.languagetoggle.at span:before {
  background-image: url(/image/flags/at.png); }

.switcher-language-popup .switcher-dropdown li.be:before,
.switcher-language-popup .switcher-dropdown li.be_nl:before,
.switcher-language-popup .switcher-dropdown li.be_fr:before,
ul li.languagetoggle.be span:before,
ul li.languagetoggle.be_nl span:before,
ul li.languagetoggle.be_fr span:before {
  background-image: url(/image/flags/be.png); }

.switcher-language-popup .switcher-dropdown li.cy:before,
ul li.languagetoggle.cy span:before {
  background-image: url(/image/flags/cy.png); }

.switcher-language-popup .switcher-dropdown li.ch:before,
.switcher-language-popup .switcher-dropdown li.ch_fr:before,
.switcher-language-popup .switcher-dropdown li.ch_de:before,
ul li.languagetoggle.ch span:before,
ul li.languagetoggle.ch_fr span:before,
ul li.languagetoggle.ch_de span:before {
  background-image: url(/image/flags/ch.png); }

.switcher-language-popup .switcher-dropdown li.de:before,
ul li.languagetoggle.de span:before {
  background-image: url(/image/flags/de.png); }

.switcher-language-popup .switcher-dropdown li.dk:before,
ul li.languagetoggle.dk span:before {
  background-image: url(/image/flags/dk.png); }

.switcher-language-popup .switcher-dropdown li.es:before,
ul li.languagetoggle.es span:before {
  background-image: url(/image/flags/es.png); }

.switcher-language-popup .switcher-dropdown li.fi:before,
ul li.languagetoggle.fi span:before {
  background-image: url(/image/flags/fi.png); }

.switcher-language-popup .switcher-dropdown li.fr:before,
ul li.languagetoggle.fr span:before {
  background-image: url(/image/flags/fr.png); }

.switcher-language-popup .switcher-dropdown li.gr:before,
ul li.languagetoggle.gr span:before {
  background-image: url(/image/flags/gr.png); }

.switcher-language-popup .switcher-dropdown li.hu:before,
ul li.languagetoggle.hu span:before {
  background-image: url(/image/flags/hu.png); }

.switcher-language-popup .switcher-dropdown li.ie:before,
ul li.languagetoggle.ie span:before {
  background-image: url(/image/flags/ie.png); }

.switcher-language-popup .switcher-dropdown li.it:before,
ul li.languagetoggle.it span:before {
  background-image: url(/image/flags/it.png); }

.switcher-language-popup .switcher-dropdown li.lu:before,
ul li.languagetoggle.lu span:before {
  background-image: url(/image/flags/lu.png); }

.switcher-language-popup .switcher-dropdown li.mt:before,
ul li.languagetoggle.mt span:before {
  background-image: url(/image/flags/mt.png); }

.switcher-language-popup .switcher-dropdown li.nl:before,
ul li.languagetoggle.nl span:before {
  background-image: url(/image/flags/nl.png); }

.switcher-language-popup .switcher-dropdown li.no:before,
ul li.languagetoggle.no span:before {
  background-image: url(/image/flags/no.png); }

.switcher-language-popup .switcher-dropdown li.pl:before,
ul li.languagetoggle.pl span:before {
  background-image: url(/image/flags/pl.png); }

.switcher-language-popup .switcher-dropdown li.pt:before,
ul li.languagetoggle.pt span:before {
  background-image: url(/image/flags/pt.png); }

.switcher-language-popup .switcher-dropdown li.rest:before,
ul li.languagetoggle.rest span:before {
  background-image: url(/image/flags/rest.png); }

.switcher-language-popup .switcher-dropdown li.se:before,
ul li.languagetoggle.se span:before {
  background-image: url(/image/flags/se.png); }

.switcher-language-popup .switcher-dropdown li.uk:before,
.switcher-language-popup .switcher-dropdown li.en:before,
ul li.languagetoggle.uk span:before,
ul li.languagetoggle.en span:before {
  background-image: url(/image/flags/uk.png); }

.switcher-language-popup .switcher-dropdown li.us:before,
ul li.languagetoggle.us span:before {
  background-image: url(/image/flags/us.png); }

.switcher-language-popup .switcher-dropdown li a {
  padding: 0;
  font-size: 14px;
  color: #666;
  margin-left: 10px; }

.switcher-language-popup .switcher-dropdown li a:hover {
  color: #000; }

.switcher-language-popup .switcher-dropdown li a:after {
  display: none; }

.switcher-language-popup .switcher-title,
.switcher-language-popup .switcher-close {
  font-family: 'Muli',sans-serif !important;
  color: #666 !important;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 10px;
  font-weight: 400 !important;
  display: inline-block;
  letter-spacing: 0; }

.switcher-language-popup .switcher-close {
  cursor: pointer;
  padding-top: 20px; }

.switcher-language-popup .switcher-close:before {
  font-size: 12px;
  content: '\e90f';
  display: inline-block;
  margin-right: 10px;
  vertical-align: inherit; }

/* ---------- */
.my-account {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 45px;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }

.my-account > ul {
  margin: 0;
  padding: 0; }

.my-account > ul > li {
  display: block;
  position: relative;
  float: left;
  list-style: none;
  text-transform: uppercase;
  font-size: 11px;
  color: #9c9c9c;
  margin-left: 30px;
  font-family: 'Muli', sans-serif; }

.my-account > ul > li.cart-item {
  margin-left: 10px; }

.my-account > ul > li > a {
  position: relative;
  color: #9c9c9c;
  text-align: center; }

.my-account > ul > li:only-child > a {
  color: #e43d8d; }

.my-account > ul > li > a:hover,
.my-account > ul > li > a:focus {
  color: #666; }

.my-account > ul > li > a .icon {
  display: block;
  height: 16px;
  width: 40px;
  margin: 0 auto;
  padding-bottom: 5px; }

.my-account > ul > li > a .icon:before {
  display: block;
  content: '\e913';
  font-size: 14px; }

.my-account li.favorites-item > a .icon:before {
  content: '\e91a'; }

.my-account li.cart-item > a .icon {
  position: absolute;
  margin: 0;
  right: 30px;
  top: -21px;
  width: 16px; }

.my-account li.cart-item > a .icon:before {
  content: '\e912';
  position: absolute;
  right: -15px; }

.my-account li.cart-item a.cart {
  display: block;
  position: relative;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }

.my-account li.cart-item a.cart small {
  display: block;
  position: relative;
  font-size: 11px;
  margin-top: 21px; }

.my-account li.cart-item a.cart small .productCount {
  display: block;
  position: absolute;
  top: -27px;
  right: 0;
  font-size: 10px;
  background: #e43d8d;
  color: #FFF;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  line-height: 21px; }

.my-account li.cart-item a.cart small .subTotal {
  display: block;
  font-size: 11px;
  text-align: right; }

.my-account li.cart-item a.cart small.sec {
  display: block;
  font-size: 11px;
  text-align: right;
  text-transform: none;
  margin-top: 0; }

.my-account li.cart-item a.cart strong {
  font-weight: normal; }

.account-nav {
  background: #fff;
  width: auto;
  position: absolute;
  top: 35px;
  left: -20px;
  text-align: left;
  z-index: 100;
  display: none;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  min-width: 134px; }

.account-nav ul {
  padding: 10px 0; }

.account-nav ul li {
  position: relative; }

.account-nav ul li a {
  padding: 3px 20px;
  display: block;
  font-family: Arial, sans-serif;
  color: #9c9c9c; }

.account-nav ul li a span {
  display: inline;
  -webkit-box-shadow: inset 0 1px white, inset 0 -1px #FFF;
  box-shadow: inset 0 1px white, inset 0 -1px #FFF; }

.account-nav ul li a:hover span {
  -webkit-box-shadow: inset 0 1px white, inset 0 -1px #e43d8d;
  box-shadow: inset 0 1px white, inset 0 -1px #e43d8d; }

.search-bar {
  position: absolute;
  left: 34%;
  top: 53px;
  border: 1px solid #bdb9bc;
  height: 24px;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }

.search-bar form {
  display: block;
  position: relative;
  height: 24px; }

.search-bar form select {
  width: 125px;
  margin-top: 4px; }

.search-bar form input.placeholder {
  width: 389px;
  border: 0;
  text-indent: 7px;
  float: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 2px 4px;
  color: #bdb9bc;
  height: auto;
  font-family: Questrial, sans-serif;
  font-size: 13px; }

.search-bar form input.placeholder.active {
  color: rgba(156, 156, 156, 0.5); }

.search-bar form button {
  display: block;
  line-height: 0;
  padding: 0;
  width: 34px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  text-shadow: none; }

.search-bar form button:after {
  position: absolute;
  display: block;
  height: 24px;
  top: 5px;
  left: 10px;
  content: '\e919';
  color: #e43d8d;
  font-size: 14px;
  text-transform: none;
  line-height: 1; }

.search-bar #search-in-progress {
  position: absolute;
  right: 30px;
  top: 4px; }

.search-bar .wrapper {
  display: inline-block;
  position: relative; }

.search-bar .hidesearch {
  display: none; }

#suggest {
  position: absolute;
  top: 23px;
  left: 6px;
  z-index: 60;
  width: 258px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
  padding: 15px; }

#suggest #searchList {
  margin: 0;
  padding: 0;
  list-style: none; }

#suggest #searchList a {
  display: block;
  padding: 7px 15px 8px 42px;
  border-bottom: 1px solid #e6d8e1;
  position: relative;
  min-height: 29px; }

#suggest #searchList a .figure {
  position: absolute;
  top: 9px;
  left: 0; }

#suggest #searchList a .figure img {
  border: 1px solid #bdb9bc; }

#suggest #all-results {
  text-transform: uppercase;
  color: #e43d8d;
  display: block;
  text-align: right;
  padding: 15px 20px 5px;
  position: relative;
  font-size: 13px; }

#suggest #all-results:after {
  content: '\f04b';
  font-family: 'FontAwesome';
  position: absolute;
  right: 5px;
  top: 16px;
  color: #F1BDD7;
  font-weight: normal;
  -webkit-transform: scaleX(0.6) scaleY(0.9);
  -ms-transform: scaleX(0.6) scaleY(0.9);
  transform: scaleX(0.6) scaleY(0.9); }

.search-bar.fixed #suggest {
  top: 23px; }

#searchList .selected {
  background-color: #f5f5f5; }

/* 	=============================================================================
	Mainnav
	========================================================================== */
.main-nav {
  position: relative;
  height: 40px;
  z-index: 55;
  width: 100%;
  border-top: 1px solid #d2d4d7;
  border-bottom: 1px solid #d2d4d7;
  background: #fff; }

.main-nav.disabled {
  pointer-events: none;
  opacity: 0.3; }

.main-nav ul {
  height: 40px; }

.main-nav ul a {
  color: #999EA3;
  text-transform: uppercase;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear; }

.main-nav ul a span {
  position: relative;
  height: 40px;
  display: block;
  border-bottom: 1px solid transparent; }

.main-nav > .container > ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.main-nav > .container > ul.nav > li a span:after {
  display: block;
  position: absolute;
  height: 1px;
  bottom: 10px;
  left: 0;
  width: 100%;
  content: '';
  z-index: 999; }

.main-nav > .container > ul.nav > li.open > a span:after {
  background: #e43d8d; }

.main-nav > .container > ul.nav > li.open:hover > a span:after {
  background: #e43d8d; }

.main-nav > .container > ul.nav > li.open > a span:after,
.main-nav > .container > ul.nav > li.active > a span:after {
  background: #e43d8d; }

.main-nav > .container > ul.nav > li.sfhover > a span:after {
  background: #e43d8d; }

.main-nav ul > li {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  white-space: nowrap; }

.main-nav ul > li.first a {
  padding-left: 0; }

.main-nav ul > li.last a {
  padding-right: 0;
  color: #e43d8d; }

.main-nav ul > div {
  display: none; }

.main-nav ul div ul {
  display: block; }

#ulcatAanbiedingen {
  display: block;
  visibility: visible; }

.main-nav ul .ul-container {
  position: absolute;
  width: 100%;
  z-index: 10;
  background: #fff;
  margin-top: -1px;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  border-top: 1px solid transparent; }

.main-nav ul .ul-container span {
  border: 0 !important; }

.main-nav ul li.drop-left .ul-container,
.main-nav ul li.drop-right .ul-container {
  left: -999em;
  opacity: 0;
  -webkit-transition: left 0s ease 0.5s;
  -o-transition: left 0s ease 0.5s;
  transition: left 0s ease 0.5s; }

.main-nav ul li.drop-left:hover .ul-container, .main-nav ul li.drop-left.sfhover .ul-container {
  left: auto;
  right: 0;
  -webkit-transition: left 0s ease 0.5s;
  -o-transition: left 0s ease 0.5s;
  transition: left 0s ease 0.5s;
  opacity: 1; }

.main-nav ul li.drop-right:hover .ul-container, .main-nav ul li.drop-right.sfhover .ul-container {
  left: auto;
  right: 0;
  -webkit-transition: left 0s ease 0.5s;
  -o-transition: left 0s ease 0.5s;
  transition: left 0s ease 0.5s;
  opacity: 1; }

.main-nav ul .ul-container ul {
  float: left;
  height: auto;
  margin: 20px 0;
  width: 24.9%; }

.main-nav ul .ul-container ul.nav {
  border-left: 1px solid #d1d4d7; }

.main-nav ul .ul-container li.first {
  position: static; }

.main-nav ul .ul-container li.first a:after {
  display: none !important; }

.main-nav ul .ul-container li a,
.main-nav ul .ul-container .nav-banner a {
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-transform: none;
  text-shadow: none;
  padding: 5px 15px 0 115px;
  border: 0;
  height: 40px;
  line-height: 1.4;
  display: block;
  color: #999EA3;
  white-space: normal;
  position: relative; }

.main-nav ul .ul-container li a figure {
  position: absolute;
  left: 20px;
  top: 0;
  background: #dfe2e7; }

.oldie .main-nav ul .ul-container li a {
  padding-left: 15px; }

.oldie .main-nav ul .ul-container li a figure {
  position: relative;
  left: 0;
  float: left;
  width: 80px;
  margin-right: 15px; }

.main-nav ul .ul-container a:hover, .main-nav ul .ul-container a:focus {
  background: none;
  color: #ee6697; }

.main-nav ul .ul-container li {
  display: block;
  float: none; }

.main-nav ul .ul-container li.open > a {
  background: #fff;
  color: #ee6697;
  font-weight: bold; }

.main-nav ul .ul-container .nav-banner {
  margin: 20px;
  display: block;
  clear: both;
  display: none; }

.main-nav ul .ul-container .nav-banner a {
  width: 100%;
  padding: 0; }

.main-nav ul .ul-container .nav-banner a img {
  max-width: 100%;
  height: auto; }

.main-nav ul .ul-container li.last a {
  background: none;
  border-radius: 0; }

.main-nav ul .ul-container li.last a:after {
  display: none; }

.main-nav ul > li:nth-child(2) .first,
.main-nav ul > li:nth-child(3) .first,
.main-nav ul > li:nth-child(7) .first,
.main-nav ul > li:nth-child(4) .first {
  position: absolute;
  top: 10px;
  left: 0;
  width: 33%;
  font-weight: bold; }

.main-nav ul > li:nth-child(2) .ul-container,
.main-nav ul > li:nth-child(3) .ul-container,
.main-nav ul > li:nth-child(7) .ul-container,
.main-nav ul > li:nth-child(4) .ul-container {
  padding-top: 35px; }

/* INSPIRATION SUBMENU */
.main-nav ul .ul-container .subsub-wrapper {
  float: left;
  width: 33.333%; }

.main-nav ul .ul-container .subsub-wrapper ul {
  width: 100%; }

.main-nav ul .ul-container .subsub-wrapper > h2,
.main-nav ul .ul-container .subsub-wrapper > .subsub-wrapper__title,
body#hp .main-nav ul .ul-container .subsub-wrapper > h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 28px !important;
  font-family: bebas, sans-serif !important;
  letter-spacing: 0 !important;
  padding-left: 20px; }

.main-nav ul .ul-container .subsub-wrapper > h2 a,
.main-nav ul .ul-container .subsub-wrapper > .subsub-wrapper__title a {
  font-size: 28px !important; }

/* 	=============================================================================
	NEW NAVIGATION
	========================================================================== */
.cata_menu {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100vw;
  height: 50vh;
  min-height: 300px;
  background: #FFF;
  margin-left: calc((100vw - 1180px) / -2);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }

.cata_menu:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50vh;
  left: 0;
  top: 50vh;
  background: rgba(102, 102, 102, 0.5); }

.cata_category {
  position: absolute;
  top: 0;
  left: -1px;
  padding: 20px 0 0 0;
  width: 240px;
  height: calc(50vh - 20px);
  min-height: 300px;
  background-color: #f7f7f7; }

.cata_menu_item {
  width: 100%; }

.cata_menu_name {
  position: relative;
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 12px; }

.cata_menu_name.maintainHover {
  background: #FFF;
  color: #e43d8d; }

.cata_block_container {
  display: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: absolute;
  left: 240px;
  top: 0;
  width: calc(1180px - 240px);
  height: calc(100% - 40px);
  padding: 0;
  background-color: #fff; }

.cata_menu_item:hover .cata_block_container {
  padding: 0; }

.cata_column {
  width: calc(25% - 40px);
  padding: 0 20px;
  -webkit-box-shadow: 0 0 0 0 #ddd, 0 0 0 0 #ddd, 1px 0 0 0 #ddd, 0 0 0 0 #ddd inset, 0 0 0 0 #ddd inset;
  box-shadow: 0 0 0 0 #ddd, 0 0 0 0 #ddd, 1px 0 0 0 #ddd, 0 0 0 0 #ddd inset, 0 0 0 0 #ddd inset; }

.cata_menu_subname {
  display: block;
  padding: 30px 0 10px;
  font-family: 'Muli', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px; }

.cata_menu_subname:hover {
  color: #666; }

.cata_menu_link {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 24px; }

.cata_menu_link:hover {
  color: #666; }

.cata_menu_link:hover span {
  display: inline-block;
  color: #666;
  -webkit-box-shadow: inset 0 1px white, inset 0 -1px #e43d8d;
  box-shadow: inset 0 1px white, inset 0 -1px #e43d8d; }

@media only screen and (max-width: 1279px) {
  .cata_menu {
    margin-left: calc((100vw - 960px) / -2);
    height: 65vh; }
  .cata_menu:after {
    top: 65vh;
    height: 35vh; }
  .cata_category {
    width: 180px;
    height: calc(65vh - 20px); }
  .cata_menu_name {
    padding: 10px; }
  .cata_block_container {
    width: calc(960px - 180px);
    left: 180px; }
  .cata_column {
    width: calc(25% - 20px);
    padding: 0 10px; } }

/* 	=============================================================================
	NEW HOMEPAGE
	========================================================================== */
body#hp {
  color: #666; }

body#hp #main,
header.main,
body#hp header.main {
  font-family: Questrial, sans-serif;
  font-size: 15px; }

body#hp #main .col-wrapper {
  margin: 0; }

body#hp #main .col-wrapper > .col {
  float: none;
  display: block; }

body#hp #main h2, body#hp #main .h2, body#hp .main h2, body#hp .main .h2, footer h2,
body#hp #main h3, body#hp #main .h3, body#hp .main h3, body#hp .main .h3, footer h3,
body#hp #main h4, body#hp #main .h4, body#hp .main h4, body#hp .main .h4, footer h4,
body#hp #main h5, body#hp #main .h5, body#hp .main h5, body#hp .main .h5, footer h5,
body#hp #main h6, body#hp #main .h6, body#hp .main h6, body#hp .main .h6, footer h6,
body#hp #main .title {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  letter-spacing: 2px; }

body#hp .h2, body#hp .h3, body#hp .h4, body#hp .h5, body#hp .h6 {
  display: block;
  margin-bottom: 5px; }

@media screen and (max-width: 767px) {
  body#hp #main {
    margin: 10px 10px 0; } }

.homepage {
  overflow: hidden; }

.homepage *,
.landing * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* FLEXSLIDER HOMEPAGE */
.homepage #carousel {
  border: none;
  margin: 0 auto;
  max-width: 1180px; }

.homepage #carousel .slides li {
  position: relative;
  width: 100%;
  height: 385px;
  overflow: hidden; }

.homepage #carousel .slides li .image {
  width: 100%;
  height: 385px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #cacecd;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: 1.5s -webkit-transform;
  transition: 1.5s -webkit-transform;
  -o-transition: 1.5s transform;
  transition: 1.5s transform;
  transition: 1.5s transform, 1.5s -webkit-transform; }

.homepage .flex-control-nav {
  right: 25px;
  bottom: 35px;
  z-index: 30;
  width: auto; }

.homepage .flex-control-paging li a {
  border-radius: 0px;
  width: 20px;
  height: 20px;
  background: #e5e5e5;
  border: none;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2); }

.homepage .flex-control-paging li a.flex-active {
  background: #f2f2f2; }

.homepage #carousel .slides li > a .position {
  position: absolute;
  width: 35%;
  height: 100%;
  left: 70px;
  top: 0;
  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; }

.homepage #carousel .slides li.alignright > a .position {
  left: auto;
  right: 70px;
  top: 0; }

.homepage #carousel .slides li > a .position .frame {
  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;
  padding: 30px;
  background: transparent; }

.homepage #carousel .slides li.showframe > a .position .frame {
  background: rgba(255, 255, 255, 0.8); }

.homepage #carousel .slides li > a span.title {
  display: block;
  font-family: 'Muli', sans-serif;
  font-size: 20px;
  color: #666;
  text-align: left;
  line-height: 25px;
  text-transform: uppercase; }

.homepage #carousel .slides li > a span.btn {
  display: block;
  width: auto;
  margin: 10px auto 0 0;
  padding: 2px 20px;
  font-family: Questrial, sans-serif;
  font-size: 13px;
  background: #e43d8d;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.homepage #carousel .slides li > a span.btn:hover {
  background: #e7539a; }

@media screen and (min-width: 1400px) {
  .homepage #carousel .slides li {
    height: 385px; }
  .homepage #carousel .slides li .image {
    height: 385px; } }

@media screen and (max-width: 767px) {
  .homepage #carousel {
    margin: 0;
    height: 286px; }
  .homepage #carousel .slides {
    margin: 0; }
  .homepage #carousel .slides > li {
    display: block;
    margin-bottom: 10px;
    height: 286px; }
  .homepage #carousel .slides li > a {
    position: absolute;
    top: 0;
    width: 100%; }
  .homepage #carousel .slides li > a .position {
    position: absolute;
    margin: 0;
    left: auto;
    top: auto;
    bottom: -36px;
    width: 100%;
    background: #e43d8d;
    color: #FFF;
    height: 28px;
    text-align: center;
    font-family: 'Muli', sans-serif; }
  .homepage #carousel .slides li.alignright > a .position {
    right: auto;
    top: auto; }
  .homepage #carousel .slides li > a .position .title {
    color: #FFF;
    font-size: 16px;
    text-align: center; }
  .homepage #carousel .slides li .image {
    width: 100%;
    height: 250px; }
  .homepage .flex-control-nav {
    right: 15px;
    bottom: 45px; } }

.headerimage-container {
  display: block !important; }

.mobileheaderimage-container {
  display: none !important; }

.parentOfLogin h1.pageTitle {
  display: none; }

#main .parentOfLogin .col-wrapper {
  margin: 0; }

/* BLOKKEN HOMEPAGE */
.newblocks {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 -15px 60px;
  padding: 0; }

.newblocks li {
  list-style: none;
  width: calc(25% - 30px);
  margin: 0 15px; }

.newblocks.show1 {
  margin-bottom: 0; }

.newblocks.show1 li {
  width: calc(100% - 30px); }

.newblocks.show2 li {
  width: calc(50% - 30px); }

.newblocks.show3 li {
  width: calc(33.333% - 30px); }

.newblocks li figure {
  position: relative;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.newblocks.show1 li figure {
  height: 400px; }

.newblocks.footerblocks li figure {
  height: 370px; }

.newblocks li figure .position {
  position: absolute;
  width: 100%;
  padding: 10px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center; }

.newblocks li figure .position span {
  display: block;
  text-align: center; }

.newblocks li figure .position span.title {
  text-transform: uppercase;
  font-size: 13px; }

.newblocks li figure .position span.btn, a.video-block__text-btn {
  display: inline-block;
  width: auto;
  margin: 5px auto 0 0;
  padding: 2px 20px;
  font-family: Questrial, sans-serif;
  font-size: 13px;
  background: #e43d8d;
  color: #FFF;
  text-align: center;
  text-transform: uppercase; }

.newblocks li figure .position span.btn:hover, a.video-block__text-btn:hover {
  background: #e961a2; }

.blockframe {
  padding: 20px 100px 60px;
  background: #fcf9fc;
  margin: 0 0 60px; }

.blockframe .newblocks {
  margin-bottom: 0; }

.blockframe h2,
.blockframe .h2 {
  text-align: center;
  padding-bottom: 20px;
  color: #b4b4b4;
  font-size: 20px;
  text-transform: uppercase; }

.blockframe li figure {
  height: 380px; }

.blockframe li figure .position {
  width: 74%;
  left: 13%;
  padding: 20px 10px 20px;
  bottom: -12px; }

.productblocks {
  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;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 15px -5px 60px !important;
  padding: 0;
  width: calc(100% + 10px); }

.productblocks-pre-title {
  padding: 0 1em 1em;
  font-size: 20px;
  color: #666;
  text-align: center;
  text-transform: uppercase; }

.productblocks li {
  position: relative;
  list-style: none;
  width: calc(20% - 10px) !important;
  margin: 0 5px;
  text-align: center;
  border: 1px solid rgba(156, 156, 156, 0.3); }

.productblocks li .favorite {
  position: absolute;
  right: 4px;
  top: 6px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  float: left;
  margin-right: 0;
  z-index: 20;
  text-align: center;
  border: none;
  background: none; }

.productblocks li .favorite .clickable {
  border-radius: 50%;
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #9c9c9c;
  text-align: center;
  background: #FFF;
  line-height: 24px; }

.productblocks li .favorite .clickable:after {
  content: '\e908';
  font-size: 12px;
  color: rgba(156, 156, 156, 0.8); }

.productblocks li .favorite.selected {
  background: none;
  border: none; }

.productblocks li .favorite.selected .clickable:after {
  color: #e43d8d; }

.productblocks li > a {
  padding: 10px !important;
  margin: 0 !important;
  height: auto !important;
  border: none !important; }

.productblocks li > a figure {
  height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px; }

.productblocks li > a figure img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.productblocks li > a .position {
  border-top: 1px solid rgba(156, 156, 156, 0.3);
  padding: 5px 0 8px;
  margin: 0 10px;
  line-height: 17px; }

.productblocks li > a .position span.title {
  font-family: Questrial, sans-serif !important;
  letter-spacing: 0 !important;
  font-size: 13px;
  color: #9c9c9c; }

.productblocks li > a .position span.btn {
  display: inline-block;
  width: auto;
  margin: 0 auto 0 0;
  padding: 2px 20px;
  font-family: Questrial, sans-serif;
  font-size: 13px;
  background: none;
  color: #e43d8d;
  text-align: center;
  text-transform: uppercase; }

.productblocks li > a .position span.btn:hover {
  color: #666;
  background: none; }

.productblocks--landing li > a figure {
  height: 160px; }

@media only screen and (max-width: 1279px) {
  .productblocks--landing li > a figure {
    height: 125px; } }

.newseotext {
  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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 10px; }

.newseotext .col {
  width: calc(49% - 7px);
  font-size: 15px;
  color: #9c9c9c;
  line-height: 19px;
  margin: 0 0 20px;
  text-align: justify; }

.newseotext .col a:link,
.newseotext .col a:active,
.newseotext .col a:visited {
  color: #9c9c9c; }

.newseotext .col:nth-child(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.newseotext .col:nth-child(2) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

.newseotext .col:nth-child(3) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.newseotext .col:nth-child(4) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

@media screen and (max-width: 767px) {
  .newblocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .newblocks.four {
    margin-bottom: 0; }
  .newblocks li {
    width: 100%;
    margin: 0 0 25px; }
  .newblocks li figure .position span.title {
    font-size: 18px; }
  .newblocks li figure .position span.btn {
    font-size: 18px; } }

/* USPS */
.usps {
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0;
  padding: 0;
  color: rgba(156, 156, 156, 0.7); }

.usps li {
  display: inline-block;
  position: relative;
  line-height: 1.5;
  font-size: 13px; }

.usps li br {
  display: none; }

.usps li:before {
  content: '';
  font-family: 'icomoon';
  position: relative;
  margin-right: 5px;
  margin-left: 1px; }

.usps li:nth-child(1):before {
  content: '\e90e'; }

.usps li:nth-child(2):before {
  content: '\e907'; }

.usps li:nth-child(3):before {
  content: '\e908'; }

.usps li:nth-child(4):before {
  content: '\e909'; }

header .usps {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 13px;
  margin: 0;
  color: #9c9c9c; }

header .usps li {
  margin-right: 20px; }

header .usps li:before {
  top: -1px;
  margin-right: 5px;
  font-size: 7px; }

header .usps li:nth-child(1):before,
header .usps li:nth-child(2):before,
header .usps li:nth-child(3):before {
  content: '\e918';
  color: #e43d8d; }

.usps-wrapper {
  border-top: 1px solid #d2d4d7;
  padding-top: 3em;
  margin-top: 3em; }

.usps-wrapper .usps {
  font-size: 13px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.usps-wrapper .usps li {
  padding: 0 3% 0 6%; }

.usps-wrapper .usps li::before {
  color: #e43d8d;
  font-size: 26px;
  position: absolute;
  left: 10px; }

.usps-wrapper .usps li:nth-child(2)::before {
  font-size: 20px;
  top: 5px; }

/* Custom <select> */
.chzn-container {
  font-size: .9em;
  float: left; }

.chzn-container-single .chzn-single {
  height: 25px;
  line-height: 25px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#e0ebfa));
  background: -o-linear-gradient(top, white 50%, #e0ebfa 100%);
  background: linear-gradient(to bottom, white 50%, #e0ebfa 100%); }

.chzn-container-active .chzn-single {
  border-color: #C3C5C9;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); }

.chzn-container-single .chzn-search {
  display: none; }

.chzn-container .chzn-results {
  margin-top: 5px; }

.chzn-container .chzn-drop {
  border-color: #C3C5C9; }

.chzn-container .chzn-results .highlighted {
  background-color: #e43d8d !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f070ac), color-stop(90%, #e43d8d));
  background-image: -o-linear-gradient(top, #f070ac 20%, #e43d8d 90%);
  background-image: linear-gradient(to bottom, #f070ac 20%, #e43d8d 90%);
  color: #fff; }

#r_post_country_chzn .chzn-single,
#a_delivery_country_chzn .chzn-single {
  background: #fff;
  border-color: #FCA9D1;
  padding: 3px 0 3px 8px; }

#r_post_country_chzn.chzn-container,
#a_delivery_country_chzn.chzn-container {
  width: 100% !important;
  font-size: 1em; }

#r_post_country_chzn.chzn-container .chzn-drop,
#a_delivery_country_chzn.chzn-container .chzn-drop {
  border-color: #FCA9D1;
  width: 99.5% !important; }

#r_post_country_chzn.chzn-container-single .chzn-single div b,
#a_delivery_country_chzn.chzn-container-single .chzn-single div b {
  background: url("/image/chosen-sprite.png") no-repeat -4px 4px; }

#r_post_country_chzn.chzn-container-single .chzn-single.chzn-single-with-drop div b,
#a_delivery_country_chzn.chzn-container-single .chzn-single.chzn-single-with-drop div b {
  background-position: -22px 4px; }

.fbSelect select {
  width: 37%;
  font-size: 1em;
  border-color: #FCA9D1;
  padding: 0 0 0 8px;
  height: 33px;
  line-height: 33px;
  background: #fff url("/image/chosen-sprite.png") no-repeat calc(100% + 38px) 5px; }

/* 	=============================================================================
	Main
	========================================================================== */
.sidebar {
  margin-top: 12px; }

.sidebar .filters {
  margin-bottom: 100px; }

.sidebar .filters .filter-header {
  color: #666;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid #d2d4d7;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 20px; }

.sidebar .filters .filter {
  border-bottom: 1px solid #d2d4d7;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 14px; }

.sidebar .filters .filter .filter-toggle {
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px; }

.sidebar .filters .filter.clickable .filter-toggle {
  background: url(/image/open-close.gif) no-repeat 100% 3px;
  cursor: pointer; }

.sidebar .filters .filter.clickable .filter-toggle:hover {
  color: #666; }

.sidebar .filters .filter.open .filter-toggle {
  background-position: 100% -42px; }

.sidebar .filters .filter ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.sidebar .filters .filter label {
  width: 80%;
  display: block;
  background: url(/image/checkbox.gif) no-repeat 0 10px;
  padding: 5px 10%;
  font-size: 12px; }

.sidebar .filters .filter label input {
  position: absolute;
  xleft: -999em;
  visibility: hidden; }

.sidebar .filters .filter .checked {
  background-position: 0 -30px; }

.sidebar .filters .filter .disabled {
  opacity: .5;
  cursor: default; }

.sidebar .filters .filter.kleur label {
  float: left;
  display: inline-block;
  width: 30%; }

.backtooverview {
  display: none; }

.filtertoggle {
  display: none; }

.sidebar nav ul li {
  position: relative; }

.sidebar nav ul li a {
  display: block; }

.sidebar nav ul li.active > a {
  text-decoration: underline; }

.sidebar nav ul > li.open li.open > ul {
  border-left: 2px solid #dcdcdc;
  margin-left: 15px;
  margin-top: 10px; }

.sidebar nav ul > li.open li.open li.open > ul {
  margin-left: 15px; }

/* niveau 1 */
.sidebar nav ul li.active ul, .sidebar li.open ul {
  margin-bottom: 10px;
  margin-left: 15px; }

.sidebar nav ul li.open > a, .sidebar .category-nav ul ul li.open > a {
  color: #e43d8d; }

.sidebar nav ul li.open.hassubs > a {
  border: 0;
  padding-bottom: 2px; }

/* niveau 2 */
.sidebar nav ul ul li a, .sidebar .category-nav ul ul ul li a {
  border: 0;
  padding: 5px 5px 5px 15px;
  font-family: Arial, sans-serif; }

.sidebar nav ul ul > li:first-child > a {
  padding-top: 10px; }

.sidebar nav ul ul li.last > a {
  padding-bottom: 10px; }

/* niveau 3 */
.sidebar nav ul ul ul li a, .sidebar .category-nav ul ul ul li a {
  padding: 3px 5px 3px 15px; }

.sidebar nav ul ul ul li:first-child > a:after, .sidebar .category-nav ul ul ul li:first-child > a:after {
  top: 9px !important; }

/* niveau 4 */
.sidebar .category-nav ul ul ul ul li a {
  padding: 5px 5px 5px 15px; }

.sidebar nav ul li.open.hassubs:first-child > a {
  padding-top: 2px; }

.sidebar nav ul li.open.hassubs:first-child > a:after {
  top: 2px !important; }

.category-nav {
  margin-bottom: 4em;
  border-top: 1px solid #e6d8e2; }

.category-nav ul li.open > a {
  font-weight: normal; }

.category-nav > ul > li > a {
  padding: 5px 5px 5px 30px !important;
  text-transform: uppercase;
  font-size: 16px;
  border-bottom: 1px solid #d2d4d7; }

.category-nav > ul > li a:before {
  font-family: 'BetaalbarekralenRegular';
  font-size: 20px;
  color: #e43d8d;
  position: absolute;
  top: 2px;
  left: 0;
  text-transform: lowercase;
  width: 25px;
  text-align: center; }

.category-nav > ul > li.catnieuw a:before {
  content: 't'; }

.category-nav > ul > li.catinspiratie a:before {
  content: 'r'; }

.category-nav > ul > li.catkralen-en-bedels a:before {
  content: 'y'; }

.category-nav > ul > li.catnatuurproducten a:before {
  content: 'u'; }

.category-nav > ul > li.catonderdelen a:before {
  content: 'q'; }

.category-nav > ul > li.catrijgmateriaal a:before {
  content: 'q'; }

.category-nav > ul > li.cataccessoires a:before {
  content: 'o'; }

.category-nav > ul > li.catseizoentrends a:before {
  content: 'e'; }

.category-nav > ul > li.catsale-2 a:before {
  content: 'w'; }

.category-nav ul ul li a:before {
  display: none; }

.category-nav .nav.video .video a {
  background: url(/image/icon-play.png) no-repeat 6px 8px; }

.category-nav .nav.video .slideshow a {
  background: url(/image/icon-magazine.png) no-repeat 7px 7px; }

.category-nav > ul > li.kralen-op-kleur > a {
  background: url(/image/icon-kralen-op-kleur.png) no-repeat 3px 7px; }

.product-nav {
  margin-top: 10px; }

.product-nav ul li a {
  padding: 5px 0; }

.product-nav ul li.open > a {
  color: #e43d8d;
  font-weight: bold; }

.banners {
  margin: 2em 5px 5px; }

.banners ul li {
  float: left;
  display: inline-block;
  width: 25%; }

.banners ul li a {
  float: left;
  display: inline-block;
  background: #e43d8d;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  width: 95%; }

.banners ul li a:before {
  font-family: 'BetaalbarekralenRegular';
  font-size: 1.8em;
  color: #fff;
  text-transform: lowercase;
  display: block; }

.banners ul li.catnieuw a:before {
  content: 't'; }

.banners ul li.catinspiratie a:before {
  content: 'r'; }

.banners ul li.cataanbiedingen a:before {
  content: 'w'; }

.banners ul li.catseizoentrends a:before {
  content: 'e'; }

.banners ul li a:hover, .banners ul li a:focus {
  background: #cc4283; }

/* 	=============================================================================
	Youtube
	========================================================================== */
.youtubes h3 {
  height: 40px; }

.youtubes {
  margin-left: -6px;
  margin-top: 12px; }

.youtubes ul {
  padding: 0;
  margin: 0; }

.youtubes li {
  width: 33%;
  text-align: center; }

.youtubes li > a {
  border: 0 solid #d2d4d7;
  display: block;
  margin: 0 25px 12px 6px;
  outline: none;
  position: relative;
  padding-bottom: 0; }

.youtubes figure {
  display: block;
  overflow: hidden;
  background: #dfe2e6;
  padding: 6px;
  position: relative; }

.youtubes figure span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -25px;
  background: url(/image/play-button.png) no-repeat 0 0;
  width: 60px;
  height: 63px;
  display: block;
  opacity: 0;
  text-indent: -999em;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear; }

.youtubes li a:hover span {
  opacity: 1; }

.youtubes.full-list h3 {
  height: auto;
  border: 1px solid #d3d4d8;
  border-top: 0;
  margin: 0;
  padding: 1em;
  color: #666; }

.youtubes.full-list figure {
  overflow: hidden;
  padding: 0; }

.youtubes.full-list figure img {
  margin: -30px 0; }

.related-videos {
  padding-top: 3em; }

.related-videos h3 {
  font-size: 20px;
  margin-bottom: .5em; }

.related-videos ul {
  display: block;
  border-top: 1px solid #e43d8d;
  border-bottom: 1px solid #e43d8d;
  margin: 0 0 1em; }

.related-videos ul a {
  margin: 12px 6px; }

.related-videos .readon {
  float: right;
  color: #e43d8d; }

/* 	=============================================================================
	BLOG (november 2015)
	========================================================================== */
.blog img {
  max-width: 100%;
  height: auto; }

.blog article {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 40px 0; }

.blog figure {
  display: block;
  margin-bottom: 1.5em; }

.blog article.multiple-images figure {
  width: 50%;
  height: auto;
  display: inline-block;
  float: left; }

.blog .readon {
  display: block;
  clear: both;
  text-decoration: underline;
  margin-top: 1em; }

.blog .meta {
  margin-bottom: 2em;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px; }

/**
  BKRL-1263
  Apply blog custom header styling only to h1 and h2 that don't have custom header class (to enable header styles in editor)
 */
.blog h1:not(.h3):not(.h4),
.blog .h1,
.blog h2:not(.h3):not(.h4),
.blog .h2 {
  color: #848484;
  font-size: 40px;
  display: block;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  margin: 0; }

.best-blogs h2 {
  text-align: center; }

.best-blogs ul {
  margin: 0 -1%;
  padding: 0;
  list-style: none;
  overflow: hidden; }

.best-blogs ul li {
  float: left;
  display: inline-block;
  width: 18%;
  padding: 0 1%; }

.best-blogs ul li img {
  max-width: 100%;
  height: auto; }

.blog-one .pretitle {
  display: block;
  text-align: center;
  font-size: 10px;
  padding: .5em 0;
  margin-top: 30px; }

.blog-one .subtitle {
  display: block;
  text-align: center;
  font-size: 14px;
  padding: .5em 0 .7em; }

.blog-one .paragraph {
  padding: 1em 0;
  display: block;
  clear: both; }

.blog-one .paragraph.image-full figure {
  display: block; }

.blog-one .paragraph.image-full.multiple-images figure {
  width: 50%;
  height: auto;
  display: inline-block;
  float: left; }

.blog-one .paragraph.image-left figure {
  float: left;
  display: inline-block;
  margin: 0 3em 2em 0;
  max-width: 50%; }

.blog-one .paragraph.image-right figure {
  float: right;
  display: inline-block;
  margin: 0 0 2em 3em;
  max-width: 50%; }

/* 	=============================================================================
	Categories
	========================================================================== */
.intro {
  text-align: center;
  position: relative;
  height: auto;
  margin-right: 10px; }

.intro.large {
  height: 530px; }

.intro figure {
  width: 100%;
  height: auto; }

.intro figure img {
  height: auto; }

.intro .desc {
  position: absolute;
  top: 20px;
  right: 0;
  width: 50%; }

.intro .desc h1 {
  padding: 0 30px;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 1em; }

.intro .desc p {
  padding: 0 30px; }

.intro .desc.diap h1, .intro .desc.diap .h2, .intro .desc.diap p, .intro .desc.diap a, .content .col .uitgelicht.diap h2, .content .col .uitgelicht.diap p, .content .col .uitgelicht.diap a, .content .col .uitgelicht.diap p a:hover strong {
  color: #fff !important; }

.products {
  margin-left: -10px; }

.products {
  padding: 0; }

.products > div > li,
.products > li {
  width: 100%;
  text-align: center; }

.products li,
.no-js .products li {
  width: 20%; }

.products .sharebuttons li li {
  display: inline;
  padding: 3px; }

.products li > a,
.no-js .products li a {
  border: 1px solid #d2d4d7;
  display: block;
  margin: 0 0 10px 10px;
  padding-bottom: 10px;
  outline: none;
  position: relative; }

.logged-in .products li > a,
.logged-in .no-js .products li a {
  padding-bottom: 60px; }

.no-js .products li a {
  min-height: 370px; }

.products li > a.item {
  xbackground: #666;
  xcolor: #fff;
  color: #666;
  border-color: #d2d4d7; }

.products li > a.item .h3 {
  xcolor: #fff;
  color: #666; }

.products .intro-text, .inspiration-cta .intro-text {
  padding: 0 5% 25px;
  text-align: left; }

.products li > a:hover,
.products li > a:focus,
.no-js .products li a:hover,
.no-js .products li a:focus {
  border: 1px solid #ccc;
  color: inherit;
  z-index: 10;
  -webkit-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.3); }

.products h1,
.products h2,
.products .h3 {
  color: #666;
  padding: 0 5%;
  margin-bottom: 20px; }

.products .catTitle {
  color: #666;
  padding: 0 5%;
  display: block;
  margin: 0.83em 0;
  font-size: 14px; }

.products figure {
  height: 185px;
  display: block; }

.products figure img {
  display: inline-block;
  margin: 0 auto; }

.products .label {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  padding: 5px 15px;
  background: #e43d8d;
  text-transform: uppercase; }

.products .label.publish-date {
  background: #4386fc; }

.products .label.publish-date.publish-date--today {
  background: #7befb2; }

.products .label.publish-date.publish-date--future {
  background: #fabe58; }

.products .fancybox-youtube .label,
.products .fancybox-xl .label {
  display: block;
  left: 0;
  top: 0;
  padding: 5px 15px;
  background: #666;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold; }

.products .inspiration-cta figure:after {
  font-family: 'icomoon' !important;
  position: absolute;
  top: 38px;
  width: 100%;
  text-align: center;
  display: block;
  color: #e43d8d;
  font-size: 80px;
  line-height: 1; }

.products .inspiration-cta figure:after {
  content: '\e602'; }

.products .inspiration-cta figure:before {
  content: 'Inspiration';
  position: absolute;
  top: 134px;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  text-transform: uppercase;
  font-family: bebas, sans-serif;
  font-size: 26px;
  color: #e43d8d; }

.products .fancybox-youtube figure:after {
  font-family: 'icomoon' !important;
  position: absolute;
  top: 38px;
  width: 100%;
  text-align: center;
  display: block;
  color: #e43d8d;
  font-size: 80px;
  line-height: 1; }

.products .fancybox-youtube figure:after {
  content: '\e601'; }

.products .fancybox-youtube figure:before {
  content: 'Video';
  position: absolute;
  top: 134px;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  text-transform: uppercase;
  font-family: bebas, sans-serif;
  font-size: 26px;
  color: #e43d8d; }

.products .fancybox-xl figure img,
.products .fancybox-youtube figure img,
.products .inspiration-cta figure img {
  width: 100%; }

.products .cta-readon {
  color: #e43d8d;
  font-weight: normal; }

.products .meta {
  text-align: left;
  font-size: .9em;
  padding: 0 5%;
  line-height: 1.2em;
  margin-top: 20px; }

.products .meta table tr td {
  padding: 2px 0; }

.products .meta table tr td:first-child {
  width: 60px; }

.products .meta table tr td:last-child {
  font-weight: bold; }

.products .meta .normal-price strong {
  text-decoration: line-through;
  margin-right: 5px; }

.products .bestellen {
  font-size: .9em;
  text-align: left;
  padding: 10px 5%;
  position: absolute;
  bottom: 0;
  width: 90%; }

.products .bestellen.banner {
  width: 90%; }

.products .bestellen button {
  float: right;
  font-size: 12px; }

.products .favorite {
  background: url(/image/favorite-bkralen.png) no-repeat 50% 5px;
  width: 30px;
  height: 30px;
  display: inline-block;
  float: left;
  border: 1px solid #f5bfd9;
  margin-right: 3px; }

.products .favorite.selected {
  background-position: 50% -35px; }

.products.product-detail .favorite {
  margin-right: 10px;
  height: 29px;
  background-position: 50% 5px; }

.products.product-detail .favorite.selected {
  background-position: 50% -35px; }

.products.product-detail .amount {
  padding: 5px 0 4px; }

.products .bestellen button {
  padding: 7px 10px 7px 9px; }

.products.categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .products.categories li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-bottom: 0; }
    .products.categories li a .h3 {
      font-size: 14px;
      line-height: 1.3em; }
  .products.categories li.category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.products.product-detail {
  text-align: left; }

.products.product-detail .label {
  font-size: 1.3em;
  position: static;
  display: inline-block; }

.products .bestellen .special-delivery {
  margin-left: 7px;
  margin-top: 5px; }

.products.product-detail .bestellen {
  padding: 15px 0;
  position: static;
  width: auto; }

.products.product-detail .bestellen label {
  padding: 3px 0;
  font-weight: bold;
  margin-right: 20px; }

.products.product-detail h1 {
  padding: 0;
  color: #e43d8d;
  font-size: 30px;
  line-height: 1; }

.products.product-detail p {
  margin-bottom: 1em;
  color: #666; }

.products.product-detail .meta {
  padding: 0;
  margin: 2em 0 0;
  font-size: 12px;
  color: #666; }

.products.product-detail .button {
  float: left;
  display: inline-block;
  margin-left: 10px;
  border-radius: 0;
  padding: 8px 10px; }

.products.product-detail .normal-price {
  position: absolute;
  bottom: 62px;
  right: 90px;
  font-size: 1.1em; }

.products.product-detail .normal-price strong {
  text-decoration: line-through; }

.products .not-available .alert {
  font-weight: bold;
  color: #e43d8d; }

.products .not-available span:hover, .products .not-available span:focus {
  color: #e43d8d; }

.products .not-available a:before, .products .not-available span:before {
  content: '\f04b';
  font-family: 'FontAwesome';
  color: #f1bdd7;
  font-weight: normal;
  margin-right: 5px;
  -webkit-transform: scaleX(0.6) scaleY(0.9);
  -ms-transform: scaleX(0.6) scaleY(0.9);
  transform: scaleX(0.6) scaleY(0.9); }

.login-for-price p,
.login-for-price a {
  color: #e43d8d !important;
  font-weight: bold;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0;
  z-index: 100;
  cursor: pointer; }

.login-for-price p:hover,
.login-for-price a:hover {
  text-decoration: underline; }

#login-for-price-trigger {
  visibility: hidden; }

.products .price-per-item {
  font-size: 90%; }

.paging {
  margin-top: 2em;
  text-align: center;
  display: block; }

.paging div {
  display: inline-block;
  width: auto;
  margin: 0 auto; }

.paging a {
  border: 1px solid #d2d4d7;
  display: inline-block;
  float: left;
  padding: 3px 7px;
  text-align: center;
  margin-right: 5px; }

.paging a:hover, .paging a:focus {
  border-color: #ccc; }

.paging a.last.last:before {
  content: '\f0da\f0da';
  font-family: 'FontAwesome';
  color: #f1bdd7; }

.paging a.last.next:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  color: #f1bdd7; }

.paging a.first.first:before {
  content: '\f0d9\f0d9';
  font-family: 'FontAwesome';
  color: #f1bdd7; }

.paging a.first.prev:before {
  content: '\f0d9';
  font-family: 'FontAwesome';
  color: #f1bdd7; }

.paging a.first:before:hover, .paging a.last:before:hover {
  color: #e43d8d; }

.paging .curPage {
  background: #e43d8d;
  color: #fff;
  border: 1px solid #e43d8d;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 3px 7px;
  margin-right: 5px; }

/* Options */
.options {
  margin: 30px 0; }

.options .views {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 30px; }

.options .views .label,
.page-options .label {
  font-size: 13px;
  text-transform: uppercase;
  height: 17px;
  line-height: 17px;
  display: inline-block;
  float: left;
  margin-right: 10px; }

.options .views a {
  background: url(/image/icon-view.gif) no-repeat 0 0;
  height: 17px;
  line-height: 17px;
  display: inline-block;
  float: left;
  padding: 0 15px 0 25px; }

.options .views a:hover {
  color: #333; }

.options .views a:focus {
  color: #666; }

.options .views a.view-compact {
  background-position: 0 0; }

.options .views a.view-compact.active {
  background-position: 0 -17px; }

.options .views a.view-full {
  background-position: 0 -34px; }

.options .views a.view-full.active {
  background-position: 0 -51px; }

.options .page-options {
  float: right; }

.page-options .paging-amount {
  float: left; }

.page-options .paging-amount a {
  display: inline-block;
  float: left;
  padding: 0 10px;
  height: 17px;
  line-height: 17px; }

.page-options .paging-amount a.active {
  color: #e43d8d; }

.page-options.footer .paging-amount,
.page-options.footer .label {
  float: right; }

.page-options.footer .view-all-link {
  color: #e43d8d; }

.products .compact-content {
  display: none; }

.products.compact h2 {
  display: none; }

.products.compact table {
  display: none; }

.products.compact .compact-content {
  display: block;
  text-align: center; }

.products.compact .compact-content table {
  display: inline-block;
  padding: 0 10px; }

.products.compact li > a, .no-js .products.compact li a {
  min-height: inherit;
  xheight: 250px !important; }

.logged-in .products.compact li > a, .no-js .logged-in .products.compact li a {
  xheight: auto !important;
  padding-bottom: 60px; }

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

.compact-content span {
  font-size: 16px;
  font-weight: bold; }

.compact-content span.price-per-item {
  display: block;
  font-size: 10px;
  font-weight: normal; }

.compact-content span.normal-price {
  display: none; }

/* Algemene product styles */
.amount {
  width: 30px;
  text-align: center;
  padding: 5px 0;
  float: left;
  display: inline-block;
  border: 1px solid #f5bfd9;
  font-size: 14px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #6a6a6a; }

.product-detail .amount {
  padding: 5px 0 4px; }

.amountButtons {
  float: left;
  display: inline-block;
  width: 12px;
  margin: -2px 0 0 2px;
  font-size: .9em;
  display: none; }

.amountButtons span {
  background: #e43d8d;
  color: #fff;
  width: 12px;
  height: 12px;
  font-size: 1.1em;
  text-align: center;
  line-height: 12px;
  display: block;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  margin-top: 2px;
  cursor: pointer; }

input[type=number].amount {
  /* sorry, important cause it interferes with the global `-webkit-appearance: none !important` on inputs */
  -moz-appearance: textfield !important; }
  input[type=number].amount::-webkit-inner-spin-button, input[type=number].amount::-webkit-outer-spin-button {
    -webkit-appearance: none; }

/* Inspiration */
.parentOfSlideshow {
  margin-left: -30px; }

.parentOfSlideshow .new {
  width: 350px;
  margin-right: 30px;
  float: left;
  display: inline-block; }

.parentOfSlideshow .new .item {
  display: block; }

.parentOfSlideshow .new .item .thumb {
  position: relative !important;
  display: block; }

.parentOfSlideshow .new .item .label {
  width: 83px;
  height: 80px;
  display: block !important;
  position: absolute !important;
  top: 7px;
  right: -7px;
  background: url(/image/inspiration-label-new.png) no-repeat 0 0;
  text-indent: -999em; }

.parentOfSlideshow .new .item .curl {
  width: 90px;
  height: 80px;
  display: block;
  position: absolute;
  bottom: 3px;
  right: -14px;
  background: url(/image/inspiration-pagecurl.png) no-repeat 0 0; }

.parentOfSlideshow .new .item img {
  padding: 7px;
  background: #dfe2e6; }

.parentOfSlideshow .new .item .title {
  margin: 10px;
  display: block;
  font-size: 14px;
  width: 80%;
  float: left;
  display: inline-block; }

.parentOfSlideshow .new .share {
  margin: 10px;
  float: right;
  display: inline-block;
  background: url(/image/icon-facebook.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  text-indent: -999em; }

.parentOfSlideshow .new .share:hover, .parentOfSlideshow .new .share:focus {
  opacity: .8; }

.parentOfSlideshow .slideshow-item {
  width: 350px;
  margin-right: 30px;
  float: left;
  display: inline-block; }

.parentOfSlideshow .slideshow-item .item {
  display: block; }

.parentOfSlideshow .slideshow-item .item .thumb {
  position: relative !important;
  display: block; }

.parentOfSlideshow .slideshow-item .item .label {
  display: none; }

.parentOfSlideshow .slideshow-item .item .curl {
  width: 90px;
  height: 80px;
  display: block;
  position: absolute;
  bottom: 3px;
  right: -14px;
  background: url(/image/inspiration-pagecurl.png) no-repeat 0 0; }

.parentOfSlideshow .slideshow-item .item img {
  padding: 7px;
  background: #dfe2e6; }

.parentOfSlideshow .slideshow-item .item .title {
  margin: 10px;
  display: block;
  font-size: 14px;
  width: 80%;
  float: left;
  display: inline-block; }

.parentOfSlideshow .slideshow-item .share {
  margin: 10px;
  float: right;
  display: inline-block;
  background: url(/image/icon-facebook.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  text-indent: -999em; }

.parentOfSlideshow .slideshow-item .share:hover, .parentOfSlideshow .new .share:focus {
  opacity: .8; }

.slideshow-cycle {
  position: relative; }

.slideshow-cycle .cycle {
  width: 850px;
  margin: 25px 25px 10px; }

.slideshow-cycle #slidenav {
  width: 100%;
  text-align: center;
  padding-bottom: 10px; }

.slideshow-cycle #slidenav .activeSlide {
  color: #e43d8d; }

/*.at16nc.at16t_facebook{ background-position: 0 -1680px !important; }*/
.slideshow-cycle #slidenav a {
  padding: 0 10px; }

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

.slideshow-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  padding: 15px 0;
  color: #000; }

.next-slide,
.prev-slide {
  width: 36px;
  height: 73px;
  display: block;
  background: url(/image/inspiration-slideshow-nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -50px;
  text-indent: -999em;
  cursor: pointer;
  z-index: 10; }

.next-slide {
  background-position: 100% 0;
  left: auto;
  right: 25px; }

.inspiratie-fancybox .fancybox-outer {
  background: #dfe2e6; }

.responsive-video {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 20px; }

.responsive-video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

.content .parentOftypeObjects figure img.detail {
  height: auto; }

/* 	=============================================================================
	Inloggen
	========================================================================== */
.login-error {
  color: red; }

.parentOfLogin input.submit {
  padding: 7px 15px; }

.parentOfLogin input {
  text-indent: 5px;
  padding: 5px 0; }

.parentOfLogin label {
  padding: 5px 0; }

.parentOfLogin label.error {
  margin-left: 15%; }

.parentOfLogin .no-account {
  width: 100%;
  border-top: 1px solid #e6d8e2;
  margin-top: 2em;
  padding-top: 2em; }

.parentOfLogin .forget {
  padding: 1em 0 1em 15%; }

.parentOfLogin .no-account p {
  margin-top: 1em; }

.parentOfLogin .no-account p a.button {
  display: inline-block; }

.parentOfLogin .fbCheckboxContainerTitle,
.parentOfLogin .fbRadioContainerTitle {
  width: 44%; }

.parentOfLogin .section:last-child {
  padding-bottom: 30px; }

.parentOfLogin .section h2 {
  background: #ffebf5;
  padding: 5px 10px; }

.parentOfLogin .section p {
  text-indent: 10px;
  margin-bottom: 10px; }

.parentOfLogin .section input {
  padding: 5px 0;
  text-indent: 5px; }

.parentOfLogin .section .fbTextfield input,
.parentOfLogin .section .fbPassword input {
  width: 55%; }

.parentOfLogin .section .fbElement label {
  width: 44%;
  padding-top: 6px;
  text-indent: 10px; }

.parentOfLogin .section .fbRadioContainerTitle {
  text-indent: 10px; }

.parentOfLogin .section .fbRadioButtons label {
  width: 72%;
  padding-top: 0; }

.parentOfLogin .section #r_post_country {
  width: 55.4%;
  padding: 3px 0 3px 5px;
  height: 33px;
  border-radius: 5px;
  border: 1px solid #FCA9D1; }

.parentOfLogin .section select {
  background: #fff;
  border-color: #FCA9D1;
  padding: 3px 0 3px 5px;
  background: url(/image/chosen-sprite.png) no-repeat right -40px top 4px;
  height: 33px; }

.parentOfLogin .section #r_post_country_chzn.chzn-container {
  width: 37% !important; }

.parentOfLogin .section #r_post_country_chzn.chzn-container .chzn-drop {
  width: 99.3% !important; }

.parentOfLogin .newsletter-container input {
  margin-left: 44%; }

.parentOfLogin .newsletter-container .fbCheckbox label {
  width: 50%;
  padding: 0; }

.parentOfLogin .section .fbButton {
  padding-top: 20px; }

.parentOfLogin .section .fbButton input {
  padding: 5px 10px;
  text-indent: 0; }

.parentOfLogin .section label.error {
  margin-left: 44%;
  text-indent: 0;
  width: 56%; }

#register input {
  padding: 5px 0;
  text-indent: 5px; }

#register .fbElement label {
  width: 33%;
  padding-top: 6px;
  text-indent: 10px; }

#register .fbRadioContainerTitle {
  text-indent: 10px;
  width: 33%; }

#register .fbRadioButtons label {
  width: 70%;
  padding-top: 0; }

#register #r_post_country {
  width: 37.4%;
  padding: 7px 2px;
  height: 33px;
  border-radius: 5px;
  border: 1px solid #FCA9D1; }

#register #r_post_country_chzn.chzn-container,
#register #a_delivery_country_chzn.chzn-container {
  width: 37% !important; }

#register #r_post_country_chzn.chzn-container .chzn-drop {
  width: 99.3% !important; }

#register .fbButton {
  padding: 30px 0; }

#register .fbButton input {
  padding: 5px 10px;
  text-indent: 0; }

#register label.error {
  margin-left: 33%;
  text-indent: 0;
  width: 67%; }

#register .voorwaarden {
  width: 37%;
  display: block;
  margin-bottom: 1em;
  margin-top: 1em;
  clear: both;
  margin-left: 33%; }

#register .voorwaarden a {
  text-decoration: underline; }

#register .company {
  margin-bottom: 20px; }

#register input#r_newsletter {
  margin: 5px 0 0 5px; }

.newsletter-usps ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }

.newsletter-usps ul li {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 5px 0 5px 30px; }

.newsletter-usps ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  top: 7px;
  width: 16px;
  height: 16px;
  background: url(/image/icon-checkmark.png);
  background-repeat: no-repeat;
  background-size: 16px auto; }

/* 	=============================================================================
	Shop algemeen
	========================================================================== */
#shop {
  margin-bottom: 4em; }

#ShopCheckoutHeader {
  background: #ffebf5;
  margin-bottom: 4em; }

#ShopCheckoutHeader li {
  text-align: center;
  width: 25%;
  padding: .6em 0;
  text-transform: uppercase; }

#ShopCheckoutHeader li.active,
#ShopCheckoutHeader li.complete {
  background: #e43d8d;
  color: #fff; }

#ShopCheckoutHeader li span b {
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  text-align: center;
  border-radius: 100%;
  background: #e43d8d;
  color: #fff;
  margin-right: 10px;
  font-weight: normal; }

#ShopCheckoutHeader li.active span b,
#ShopCheckoutHeader li.complete span b {
  background: #fff;
  color: #e43d8d; }

#ShopCheckoutHeader li.complete a {
  color: #fff; }

#ShopCheckoutHeader li.complete span b {
  position: relative;
  text-indent: -999em; }
  #ShopCheckoutHeader li.complete span b:before {
    content: '\e918';
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-indent: 0;
    font-size: 80%;
    line-height: 18px; }

.mobile_title {
  display: none; }

.new_usp {
  display: none; }

.new_usp + .continue {
  display: none; }

.shoppingCart {
  width: 100%; }

.shoppingCart tr th,
.shoppingCart tr td {
  text-align: left;
  padding: 1em;
  border-bottom: 1px solid #e6d8e2; }

.shoppingCart tr td.btn,
.shoppingCart tr td.total,
.shoppingCart tr td.img,
.shoppingCart tr .no-padding {
  padding: 1em 0; }

.shoppingCart tr td.btn a {
  font-size: .9em;
  color: #e43d8d;
  padding-left: 20px; }

.shoppingCart tr td.amnt {
  padding: .7em 0;
  width: 60px; }

.shoppingCart tr td.price,
.shoppingCart tr td.total,
.shoppingCart tr td.btn,
.shoppingCart tr th.text-right {
  text-align: right; }

.shoppingCart input.arrow {
  background: transparent url(/image/arrow-right-pink.png) no-repeat 0 5px;
  width: auto;
  text-align: left;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  padding-left: 15px;
  font-size: .9em; }

.shoppingCart input.arrow:hover, .shoppingCart input.arrow:focus {
  color: #e43d8d; }

.shoppingCart .update td {
  border: 0; }

table.shoppingCart tbody .btn a.deleteButton span {
  display: none; }

table.shoppingCart tbody .btn a.deleteButton:before {
  font-family: icomoon;
  content: '\e90f';
  font-size: 13px;
  line-height: 13px;
  color: #e43d8d; }

/* shopping cart amount update */
table.shoppingCart--amount-update tr th {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

table.shoppingCart--amount-update tr .value-prev,
table.shoppingCart--amount-update tr .value-updated {
  text-align: right;
  padding-right: 0; }

table.shoppingCart--amount-update tr .value-updated {
  font-weight: bold; }

.max-error-message {
  color: #e43d8d; }

.shoppingCart .max-error-message {
  display: none; }

.shoppingCart .order-line-error .max-error-message {
  display: inline; }

.shoppingCart .order-line-error input.amount {
  color: #e43d8d; }

.coupon_toggle {
  display: block;
  position: relative;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  font-size: 14px;
  padding: 5px 15px;
  width: 296px;
  cursor: pointer; }

.coupon_toggle:after {
  position: absolute;
  content: '+';
  right: 20px;
  top: 5px;
  font-size: 14px; }

.coupon_toggle.open {
  border-bottom: none; }

.coupon_toggle.open:after {
  content: '-'; }

.coupon_toggle.hidden {
  display: none; }

#coupon-box {
  background: #FFF;
  display: none;
  width: 290px;
  padding: 7px 15px 10px; }

#coupon-box.active {
  display: inline-block; }

#coupon-box form {
  margin-top: 0; }

#coupon-box form input {
  display: inline-block;
  width: 45%;
  height: 31px;
  line-height: 31px;
  padding: 0 5px; }

#coupon-box form button {
  display: block;
  float: right;
  width: 48%;
  margin-top: 0;
  text-transform: none; }

#coupon-box span.h2.brand,
#coupon-box span.h2.brand + p {
  display: none; }

#coupon-box.active {
  display: block;
  border-bottom: 1px solid #dedede; }

/* FOOTER BUTTONS */
.cartbuttons {
  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;
  width: 100%;
  margin-top: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.cartbuttons .left {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  float: none; }

#ShopCheckout #step2 .left,
#ShopCheckout #step3 .left {
  position: relative; }

.cartbuttons .right {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  float: none; }

.cartbuttons .left a,
#ShopCheckout #step2 .left a,
#ShopCheckout #step3 .left input,
#ShopCheckout #step3 .left a {
  display: block;
  background: none;
  text-decoration: underline;
  color: #02a4e2;
  text-transform: none;
  padding: 0 0 10px 0; }

#ShopCheckout #step3 .left input {
  padding: 0;
  margin: 0 15px 0 30px; }

.cartbuttons .left a:hover {
  background: none; }

.cartbuttons .left:before,
#ShopCheckout #step2 .left:before,
#ShopCheckout #step3 .left:before {
  position: absolute;
  top: 8px;
  left: 13px;
  font-family: 'icomoon';
  content: '\e64c';
  display: inline-block;
  margin-right: 10px;
  font-size: 10px; }

.cartbuttons .left:before {
  left: 0;
  top: 4px; }

.cartbuttons .left a {
  margin: 0 0 0 15px; }

#ShopCheckout #step2 .left .button,
#ShopCheckout #step3 .left .button {
  margin: 0 0 0 15px; }

a.continue,
#ShopCheckout #step2 .right a,
#ShopCheckout #step3 .right a,
.cartbuttons .right a {
  padding: 6px 20px 5px 20px;
  cursor: pointer;
  font-family: Questrial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  background: #e43d8d;
  color: #FFF; }

#ShopCheckout #step3 .right .submit {
  margin: 0; }

.cancel-link-container,
.submit-button-container {
  clear: both !important;
  float: none !important;
  overflow: hidden; }

.submit-button-container {
  padding-top: 3em; }

.submit-button-container input {
  display: block;
  width: 100%;
  padding: 6px;
  line-height: 1;
  white-space: normal; }

.price-overview {
  background: #eee; }

.total-price {
  border-top: 2px solid #e43d8d;
  margin-top: 1em;
  padding-top: .4em;
  font-size: 1.8em; }

.total-price .price {
  float: right;
  margin-right: .7em; }

.checkout-container .free-shipping-target {
  display: none; }

.free-shipping-target {
  display: block;
  padding: 5px;
  font-size: 12px;
  border: 1px solid #e43d8d; }

.free-shipping-target b {
  color: #e43d8d; }

#shoppingcartSummary {
  width: 30%;
  float: right;
  font-size: .9em;
  margin-top: 23px; }

#shoppingcartSummary table {
  width: 100%; }

#shoppingcartSummary table td {
  padding: .2em 1em;
  border: 0; }

#shoppingcartSummary table td.text-right {
  padding: .2em .1em; }

#shoppingcartSummary .button {
  float: right;
  margin: 2em 0; }

#shoppingcartSummary .subtotal td {
  background: #ffebf5;
  padding-top: .5em !important;
  padding-bottom: .5em !important; }

#shoppingcartSummary .icon span {
  display: none; }

#shoppingcartSummary .icon:after {
  content: '\f05a';
  font-family: 'FontAwesome';
  font-size: 1.3em;
  position: relative;
  top: 1px;
  color: #e43d8d; }

#shoppingcartSummary .icon:hover:after {
  color: #666; }

#ShopCheckout h2 {
  border-bottom: 1px solid #ddd;
  color: #666;
  padding-bottom: .5em;
  margin-right: 30px; }

#ShopCheckout .col.last h2 {
  margin-right: 0; }

#ShopCheckout .fbContainer {
  clear: none; }

#ShopCheckout #step2 #personal-information,
#ShopCheckout #step2 #delivery_type,
#ShopCheckout #step2 #shipping_information {
  margin-right: 30px; }

#ShopCheckout #step2 .post_streetHousenumberAdditiveContainer,
#ShopCheckout #step2 .a_delivery_streetHousenumberAdditiveContainer {
  padding: 0; }

#ShopCheckout #step2 .post_streetHousenumberAdditiveContainer .fbElement,
#ShopCheckout #step2 .a_delivery_streetHousenumberAdditiveContainer .fbElement {
  display: inline-block;
  float: left;
  clear: none;
  width: 25% !important; }

#ShopCheckout #step2 .post_streetHousenumberAdditiveContainer .fbElement:first-child,
#ShopCheckout #step2 .a_delivery_streetHousenumberAdditiveContainer .fbElement:first-child {
  width: 70% !important;
  margin-right: 5%; }

#ShopCheckout #step2 .post_zipcodeCityContainer,
#ShopCheckout #step2 .a_delivery_zipcodeCityContainer {
  padding: 0; }

#ShopCheckout #step2 .post_zipcodeCityContainer .fbElement,
#ShopCheckout #step2 .a_delivery_zipcodeCityContainer .fbElement {
  display: inline-block;
  float: left;
  clear: none;
  width: 70% !important; }

#ShopCheckout #step2 .post_zipcodeCityContainer .fbElement:first-child,
#ShopCheckout #step2 .a_delivery_zipcodeCityContainer .fbElement:first-child {
  width: 25% !important;
  margin-right: 5%; }

#ShopCheckout #step2 #r_post_province,
#ShopCheckout #step2 #a_delivery_province {
  width: 100%; }

#ShopCheckout #step2 .fbElement {
  margin-bottom: .5em; }

#ShopCheckout #step2 .fbElement label {
  width: 100%; }

#ShopCheckout #step2 .fbTextfield input {
  width: 100%;
  padding: 5px 0;
  text-indent: 5px; }

#ShopCheckout #step2 .fbRadioButtons {
  width: 80%; }

#ShopCheckout #step2 .fbRadioButtons .fbElement label {
  width: 70%; }

#ShopCheckout #step2 #personal-information .fbRadioContainerTitle {
  width: 20%; }

#ShopCheckout #step2 #personal-information .fbRadioButtons .fbElement {
  clear: none;
  display: inline-block;
  width: 40%; }

#ShopCheckout #step2 #personal-information .fbRadioButtons .fbElement input {
  margin-right: 10px; }

#ShopCheckout #step2 .fbForm label.error {
  margin: 0 !important; }

.ShopPaymentAdvance label .paymentTitle {
  width: auto;
  display: block; }

/* DROPOFF */
#ShopCheckout #step2 input[type="checkbox"],
#ShopCheckout #step2 input[type="radio"] {
  -webkit-box-shadow: none;
  box-shadow: none; }

#dropoffContainer {
  margin-right: 30px; }

#dropoffContainer .fbElement.fbTextfield {
  position: relative;
  width: 48%;
  float: left;
  padding-top: 40px;
  margin-right: 4%; }

#dropoffContainer .fbElement.fbTextfield label {
  width: 200% !important; }

#dropoffContainer .fbElement.fbTextfield label:first-of-type {
  position: absolute;
  top: 0;
  left: 0; }

#btnDropoffSearch {
  height: 32px;
  width: 48%;
  margin-top: 40px;
  padding: 5px 15px;
  font-size: 14.4px;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFF;
  border: none;
  background: #aaa; }

#dropoff_locations > .fbRadioButtons {
  float: none; }

#dropoff_locations .pickup-location-container {
  display: block;
  overflow: hidden;
  clear: both;
  margin-bottom: .5em; }
  #dropoff_locations .pickup-location-container .openinghours {
    width: auto;
    float: none;
    clear: both;
    margin-left: 30px; }

#dropoff_locations .fbRadioContainerTitle {
  display: block;
  width: auto;
  float: none;
  margin: 0 0 10px; }

#dropoff_locations input[name="dropoff_locations"] {
  float: left;
  width: 30px; }

#dropoff_locations input[type="radio"] {
  height: auto; }

#dropoff_locations input[type="radio"]:checked + label + .openinghours {
  display: block; }

#dropoff_locations label strong {
  font-size: 16px; }

#dropoff_locations label {
  float: none; }

#r_post_shipping_method > .fbRadioButtons {
  float: none; }

#dropoff_search {
  width: calc(100% - 8px);
  min-height: 30px;
  padding-left: 8px; }

#ShopCheckout #step2 #dropoff_locations .fbRadioButtons {
  width: 100%; }

#ShopCheckout #step2 .spacer {
  display: block;
  zoom: 1;
  padding: 20px; }
  #ShopCheckout #step2 .spacer:before, #ShopCheckout #step2 .spacer:after {
    content: ' ';
    display: table; }
  #ShopCheckout #step2 .spacer:after {
    clear: both; }

dl.openinghours {
  display: none;
  margin: 0;
  padding: 0;
  float: right;
  width: 35%;
  min-width: 140px; }

dl.openinghours strong {
  display: block;
  zoom: 1; }
  dl.openinghours strong:before, dl.openinghours strong:after {
    content: ' ';
    display: table; }
  dl.openinghours strong:after {
    clear: both; }

dl.openinghours dt {
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0; }

dl.openinghours dd {
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0; }

dl.openinghours p {
  display: block;
  width: 100%;
  clear: both;
  font-size: 10px;
  color: #CCC;
  padding: 5px 0 0 0; }

#ShopCheckout #step3 #payment_method .fbRadioContainerTitle {
  width: 20%; }

#ShopCheckout #step3 #payment_method .fbRadioButtons .fbElement {
  clear: none;
  display: inline-block;
  width: 100%; }

#ShopCheckout #step3 #payment_method .fbRadioButtons .fbElement input {
  margin-right: 10px; }

#ShopCheckout #step3 #payment_method div div {
  display: block;
  width: 100%; }

#ShopCheckout #step3 .fbRadioButtons .fbElement label {
  width: 70%;
  margin-top: -2px; }

#ShopCheckout #step3 .fbRadioButtons .fbRadio input {
  margin-right: 25px; }

#ShopCheckout #step3 .r_post_shipping_method_4 span {
  display: none; }

#ShopCheckout #step3 .r_post_shipping_method_4 .icon:after {
  content: '\f05a';
  font-family: 'FontAwesome';
  font-size: 1.3em;
  position: relative;
  top: 1px;
  color: #e43d8d;
  margin-left: 5px; }

#ShopCheckout #step3 .r_post_shipping_method_4 .icon:hover:after {
  color: #666; }

#ShopCheckout #step3 .voorwaarden {
  display: block;
  padding-top: 2em;
  clear: both; }

#ShopCheckout #step3 .voorwaarden a {
  color: #666;
  text-decoration: underline; }

#ShopCheckout #step3 .voorwaarden a:hover, #ShopCheckout #step3 .voorwaarden a:focus {
  color: #e43d8d; }

#ShopCheckout #step2 .fbElement,
#ShopCheckout #step3 .fbElement {
  clear: none; }

#ShopCheckout #step2 .fbElement.left:after,
#ShopCheckout #step2 .fbElement.right:after,
#ShopCheckout #step3 .fbElement.left:after,
#ShopCheckout #step3 .fbElement.right:after {
  clear: none;
  display: inline-block;
  float: left; }

#ShopCheckout #step2 .left .button,
#ShopCheckout #step3 .left .button {
  display: inline-block;
  padding: 5px 15px; }

#ShopCheckout #shoppingcartSummary {
  width: 100%; }

#redirect {
  margin: 0 auto;
  display: table; }

#redirect .redirect-image {
  margin: 0 auto; }

.jsbutton {
  cursor: pointer; }

#extraPayment label {
  width: 400px; }

#extraPayment .fbElement {
  margin: 10px 0; }

/* 	=============================================================================
	ADYEN
	========================================================================== */
/**
  These styles are overrides for the adyen base styling.
  * adyen.css is (in this folder) is parsed with Gulp from node_modules/@adyen/adyen-web/dist/adyen.css (so do not edit it!)
  * these overrides are imported in theme_bkralen.scss
  * adyen styling docs: https://docs.adyen.com/online-payments/web-drop-in/customization#drop-in-css-classes
 */
#dropin-container {
  font-size: 16px;
  margin-right: 30px; }
  #dropin-container input,
  #dropin-container label {
    float: unset;
    width: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset; }

.adyen-checkout {
  /** unset inherited bkralen styles **/ }
  .adyen-checkout__input, .adyen-checkout__label {
    float: unset;
    width: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset; }
  .adyen-checkout__input {
    width: 100%;
    border-radius: 0; }
  .adyen-checkout__dropdown__button {
    border-radius: 0; }
  .adyen-checkout__payment-method:first-child, .adyen-checkout__payment-method:last-child {
    border-radius: 0; }
  .adyen-checkout__payment-method__header__title:hover, .adyen-checkout__payment-method__header__title:focus {
    background: transparent; }
  .adyen-checkout__payment-method__radio {
    left: -24px; }
  .adyen-checkout__payment-method--selected {
    border-radius: 0; }
    .adyen-checkout__payment-method--selected + .adyen-checkout__payment-method {
      border-radius: 0; }
  .adyen-checkout__payment-method--next-selected {
    border-radius: 0; }
  .adyen-checkout__button {
    border-radius: 0;
    background-color: #e43d8d; }
    .adyen-checkout__button:hover, .adyen-checkout__button:focus {
      background-color: #e7539a; }

@media (min-width: 768px) {
  .adyen-checkout__card__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .adyen-checkout__card__form > .adyen-checkout__field {
      width: calc(50% - 8px); }
    .adyen-checkout__card__form > .adyen-checkout__card__brands {
      width: auto;
      -ms-flex-item-align: center;
      align-self: center;
      margin-block: 0;
      margin-left: auto; } }

#ShopPaymentAdyenIDEAL_subselect {
  display: block;
  width: 60%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  background: #fff;
  border-color: #FCA9D1;
  height: 30px;
  line-height: 25px;
  padding: 3px 0 3px 8px;
  background: url(/image/chosen-sprite.png) no-repeat right -41px top 2px; }

#ShopPaymentAdyenIDEAL_subselect + .error {
  display: inline-block;
  padding-top: 5px; }

@media screen and (max-width: 767px) {
  .paymentDescription {
    margin-left: 10px; } }

/* 	=============================================================================
	Contact page
	========================================================================== */
.contact-page .vcard,
.contact-page .contact-additional {
  margin: 3em 0; }

.contact-page .contact-additional .tel,
.contact-page .contact-additional .mob {
  padding: 0 40px;
  position: relative;
  margin-bottom: 1em;
  display: block; }

.contact-page .contact-additional .tel:before {
  content: url(/image/icon-phone2.png);
  position: absolute;
  top: 0;
  left: 0; }

.contact-page .contact-additional .mob:before {
  content: url(/image/icon-phone.gif);
  position: absolute;
  top: 0;
  left: 9px; }

.contact-page .gmap {
  margin-bottom: 20px; }

/* 	=============================================================================
	Bestelhistorie
	========================================================================== */
.bestelhistorie table {
  margin-top: 2em; }

.bestelhistorie table th {
  background: #ffebf5;
  text-align: left;
  padding: 5px 10px;
  font-weight: normal;
  color: #e43d8d;
  font-size: 1.1em; }

.bestelhistorie table td {
  padding: 5px 10px;
  border-bottom: 1px solid #e6d8e2; }

.bestelhistorie table td .arrow {
  float: right; }

.bestelhistorie table td.artnr {
  overflow: hidden;
  max-width: 130px;
  font-size: .9em;
  padding-top: 1.8em; }

.bestelhistorie #shoppingcartSummary {
  width: 50%; }

.bestelhistorie-detail .prev {
  float: right; }

.bestelhistorie-detail table th {
  background: none;
  border-bottom: 1px solid #e6d8e2;
  color: #666; }

.bestelhistorie-detail table td {
  padding: 1.5em 10px; }

.bestelhistorie-detail table td .small {
  font-size: 11px; }

.bestelhistorie-detail table td form {
  font-size: .9em;
  margin-top: 1em; }

.bestelhistorie-detail table td form input {
  width: auto;
  height: auto;
  float: left;
  margin: 2px 5px 0 0; }

.bestelhistorie-detail table td form.out-of-stock label {
  color: #999; }

.bestelhistorie-detail .addresses {
  border: 1px solid #e43d8d;
  padding: 20px;
  margin-top: 3em;
  display: block;
  float: left;
  width: 90%; }

.bestelhistorie-detail #orderDetails {
  float: left;
  width: 40%; }

.bestelhistorie-detail .addresses h3 {
  margin-top: 0; }

.bestelhistorie-detail .unavailable {
  color: #e43d8d;
  display: block; }

.bestelhistorie-detail .not-available .alert {
  font-weight: bold;
  color: #e10076; }

.bestelhistorie-detail .notify-me {
  cursor: pointer; }

.bestelhistorie-detail .notify-me:hover {
  color: #e43d8d; }

.bestelhistorie-detail .not-available a:before, .bestelhistorie-detail .not-available span:before {
  content: '\f04b';
  font-family: 'FontAwesome';
  color: #f1bdd7;
  font-weight: normal;
  margin-right: 5px;
  -webkit-transform: scaleX(0.6) scaleY(0.9);
  -ms-transform: scaleX(0.6) scaleY(0.9);
  transform: scaleX(0.6) scaleY(0.9); }

.bestelhistorie-detail .addForm {
  font-size: 12px; }

.bestelhistorie-detail .addForm a:before {
  content: '\f04b';
  font-family: 'FontAwesome';
  color: #f1bdd7;
  font-weight: normal;
  margin-right: 5px;
  -webkit-transform: scaleX(0.6) scaleY(0.9);
  -ms-transform: scaleX(0.6) scaleY(0.9);
  transform: scaleX(0.6) scaleY(0.9); }

.favorites .bestelhistorie .arrow {
  float: left;
  background: #FFF;
  border: 1px solid #e43d8d;
  color: #666; }

.favorites .bestelhistorie .arrow:hover {
  color: #e43d8d; }

.favorites .bestelhistorie .arrow:before {
  display: none; }

.remove-favorite {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(/image/remove-bkralen.png) no-repeat 50% 50%;
  cursor: pointer; }

.ajax-content h1 {
  margin-top: 0; }

.ajax-content .h2.icon {
  text-transform: uppercase;
  font-size: 1.2em;
  padding: 5px 0;
  display: block;
  margin: 7px 0 13px; }

.ajax-content .h2.icon:before {
  content: '\f007';
  font-family: 'FontAwesome';
  margin-right: 10px;
  color: #e43d8d; }

.sub-nav ul {
  margin-right: 2em;
  border-top: 1px solid #e6d8e2; }

.sub-nav ul a {
  border-bottom: 1px solid #e6d8e2;
  padding: 3px 0 3px 2em;
  display: block;
  position: relative; }

.sub-nav ul a:after {
  content: '\f04b';
  font-family: 'FontAwesome';
  position: absolute;
  right: 5px;
  top: 3px;
  color: #f1bdd7;
  font-weight: normal;
  -webkit-transform: scaleX(0.6) scaleY(0.9);
  -ms-transform: scaleX(0.6) scaleY(0.9);
  transform: scaleX(0.6) scaleY(0.9); }

.landingspage .category figure {
  margin-bottom: 0; }

.landingspage .category .inner {
  background: #e53e8e;
  color: #fff;
  padding: 20px;
  margin-left: 6px; }

.landingspage .category .inner h1,
.landingspage .category .inner .h1,
.landingspage .category .inner h2,
.landingspage .category .inner .h2,
.landingspage .category .inner h3,
.landingspage .category .inner .h3,
.landingspage .category .inner h4,
.landingspage .category .inner .h4 {
  color: #fff; }

.landingspage .category .inner a {
  color: #fff;
  text-decoration: underline; }

.landingspage .usps {
  background: #dfe2e7;
  color: #666;
  padding: 20px;
  margin-left: 6px;
  margin-bottom: 6px; }

.landingspage .usps h2,
.landingspage .usps .h2 {
  color: #666;
  font-size: 21px; }

.landingspage .usps ul {
  margin: 20px 0 30px 20px;
  padding: 0;
  list-style: none; }

.landingspage .usps ul li {
  background: url("/image/icon-checkmark.png") no-repeat 0 8px;
  font-size: 16px;
  padding: 5px 0 5px 50px; }

.landingspage .related {
  background: #aeb7e2;
  padding: 20px;
  color: #fff;
  margin-left: 6px;
  min-height: 313px; }

.landingspage .related h2,
.landingspage .related .h2 {
  color: #fff;
  font-size: 21px;
  margin-top: 0; }

.landingspage .related ul {
  margin: 20px 0 30px 20px;
  padding: 0;
  list-style: none; }

.landingspage .related ul li {
  background: url("/image/arrow-right-white.png") no-repeat 10px 8px;
  font-size: 14px;
  padding: 3px 0 3px 50px; }

.landingspage .related ul li a {
  color: #fff; }

.landingspage .related ul li a:hover {
  text-decoration: underline; }

.landingspage .relatedCategories {
  position: relative; }

.landingspage .relatedCategories > h2,
.landingspage .relatedCategories > .h2 {
  font-size: 24px;
  margin-top: 30px;
  margin-left: 6px; }

.landingspage .relatedCategories .view-all {
  font-size: 16px;
  position: absolute;
  top: 7px;
  right: 6px;
  background: url("/image/arrow-right-pink.png") no-repeat 0 50%;
  padding-left: 20px; }

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

.landingspage .relatedCategories ul li {
  /*width: 25%;*/
  display: inline-block;
  float: left; }

.landingspage .relatedCategories ul li a {
  border: 1px solid #d2d4d7;
  display: block;
  text-align: center;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 6px 6px 6px 0; }

.landingspage .relatedCategories .products figure {
  min-height: 150px; }

.landingspage .relatedCategories .products figure img {
  height: auto; }

.links-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #e43d8d; }

a.links-blocks__link {
  padding: 10px 12px;
  margin: 5px;
  border: 1px solid #e43d8d;
  -webkit-box-shadow: 0 1px 2px 0 rgba(102, 102, 102, 0.5);
  box-shadow: 0 1px 2px 0 rgba(102, 102, 102, 0.5);
  font: 14px Questrial, sans-serif;
  text-transform: uppercase; }

a.links-blocks__link:hover {
  -webkit-box-shadow: 0 2px 4px 0 rgba(102, 102, 102, 0.5);
  box-shadow: 0 2px 4px 0 rgba(102, 102, 102, 0.5);
  color: #666; }

/* 	=============================================================================
	Nieuwsbrief
	========================================================================== */
.nednews-optin p {
  margin-bottom: 1em; }

.nednews-optin .optout {
  color: #fff;
  background-color: #e43d8d;
  padding: 2px;
  border-radius: 5px; }

/* 	=============================================================================
	Flash message
	========================================================================== */
.flash-message {
  padding: 10px; }

.flash-message.info {
  background-color: #e43d8d;
  color: #FFF; }

/* 	=============================================================================
	Inspiration
	========================================================================== */
.inspiration-list {
  margin: 0 -15px 0 0; }

.inspiration-list .item a {
  margin: 0 14px 14px 0;
  display: inline-block;
  float: left;
  text-align: center; }

.inspiration-list .item a:hover {
  color: inherit; }

.inspiration-list img {
  height: auto; }

.inspiration-list .meta {
  position: absolute;
  top: 284px;
  left: 0;
  width: calc(100% - 44px);
  background: rgba(255, 255, 255, 0.9);
  padding: 30px 15px; }

.inspiration-list .meta h2 {
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
  color: #848484;
  font-size: 36px;
  line-height: 1;
  font-family: bebas, sans-serif;
  font-weight: normal; }

.inspiration-list .meta span {
  display: block;
  font-size: 10px;
  text-transform: uppercase; }

.inspiration-list .meta .texteditor {
  max-width: 430px;
  margin: auto; }

.col-small {
  width: 33.3333%;
  float: right; }

.col-large {
  width: 66.6666%;
  float: left;
  position: relative; }

.item {
  clear: both; }

.item-even .col-small {
  float: left; }

.item-even .col-large {
  float: right; }

#custom-nav,
#nav.nav.group {
  margin: 0 0 30px;
  padding: 0;
  list-style: none; }

#custom-nav a,
#nav.nav.group a {
  padding: 5px 0;
  display: block; }

#custom-nav .active a,
#nav.nav.group .active a {
  color: #e43d8d; }

#custom-nav a::before,
#nav.nav.group a::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  margin-right: 7px;
  color: #f1bdd7; }

/* 	=============================================================================
	Klantenservice
	========================================================================== */
.idf-customerservice .col .content .parentOfPage_Thumbs {
  display: none; }

.subpages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  list-style: none;
  margin: 0 -10px;
  padding: 0; }

.subpages li {
  width: calc(33.333% - 20px);
  margin: 0 10px 20px;
  list-style: none;
  text-align: center; }

.subpages li figure {
  height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #EEE; }

.subpages li h3 {
  font-size: 22px;
  text-transform: uppercase;
  font-family: bebas, sans-serif;
  color: #8d8b8c;
  margin: 10px 0 0 0; }

.subpages li span {
  font-family: Questrial, sans-serif;
  font-size: 16px; }

@media only screen and (max-width: 767px) {
  .serviceheader {
    display: none; }
  .subpages {
    margin: 0 0 20px; }
  .subpages li {
    list-style: none;
    text-align: center;
    display: block;
    width: 100%;
    border: none;
    margin: 0;
    zoom: 1; }
  .subpages li a {
    display: block;
    float: left;
    zoom: 1;
    position: relative;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d2d4d7;
    height: auto !important;
    min-height: 40px; }
  .subpages li a:after {
    content: '\e64d';
    font-family: 'icomoon';
    font-size: 12px;
    position: absolute;
    right: 3%;
    top: 13px; }
  .subpages li a figure {
    width: 40px !important;
    float: left;
    margin-right: 10px;
    height: 40px !important;
    max-width: 100%; }
  .subpages li a h3 {
    font-family: Questrial, sans-serif;
    font-weight: normal;
    text-transform: none;
    display: block;
    float: right;
    width: calc(100% - 70px);
    padding: 11px 20px 11px 0;
    margin: 0;
    text-align: left;
    font-size: 14px;
    line-height: 1.3em;
    color: #8d8b8c; }
  .subpages li a span {
    display: none; } }

/* 	=============================================================================
	Footer Contact
	========================================================================== */
.serviceheader figure {
  width: 100%;
  height: 230px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.footer-contact {
  background: #f2f2f2;
  padding: 40px 0;
  margin-top: 20px; }

.footer-contact .container .wrapper {
  padding: 0 10px;
  width: 80%;
  margin-left: 20%; }

.footer-contact h3 {
  display: inline-block;
  margin: 0 0 25px;
  padding: 0 0 15px;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  color: #8b8585;
  text-transform: uppercase;
  border-bottom: 1px solid #8b8585; }

.contact-lineup {
  display: block;
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  clear: both;
  height: 200px; }

.contact-lineup li {
  display: block;
  float: left;
  width: calc(25% - 20px);
  list-style: none;
  text-align: center;
  margin: 0 10px 10px; }

.contact-lineup li > a p {
  color: #666; }

.contact-lineup li > a > span,
.contact-lineup li > span {
  display: block;
  width: 100%;
  height: 100px;
  background: #FFF;
  margin: 0 0 10px;
  text-align: center;
  line-height: 123px; }

.contact-lineup li.item-chat > a > span:after,
.contact-lineup li > span:after {
  content: '';
  font-family: 'icomoon';
  font-size: 40px;
  color: #e43d8d; }

.contact-lineup li.item-phone > span:after {
  content: '\e90b'; }

.contact-lineup li.item-mobile > span:after {
  content: '\e90a'; }

.contact-lineup li.item-mail > span:after {
  content: '\e90c'; }

.contact-lineup li.item-chat > a > span {
  background: url(/image/google-maps-location.png) no-repeat center center/cover; }

.contact-lineup li.item-chat > a > span:after {
  content: none; }

.contact-item-map {
  display: block;
  margin: 20px 0 40px; }

.footer-contact .formgen {
  width: 100%; }

.footer-contact .formgen h2 {
  display: none; }

.footer-contact .formgen .fbTextfield {
  float: left;
  width: 48%;
  clear: none; }

.footer-contact .formgen .fbTextfield:last-of-type {
  float: right; }

.footer-contact .formgen .fbTextfield input,
.footer-contact .formgen textarea {
  border: 1px solid #8b8585; }

.discount_scheme {
  border-color: #e43d8d; }

/* 	=============================================================================
	Footer
	========================================================================== */
footer {
  font-family: Questrial, sans-serif;
  margin-top: 3em;
  padding-top: 7px;
  border-top: 1px solid rgba(156, 156, 156, 0.5); }

footer .social {
  border-bottom: 1px solid rgba(156, 156, 156, 0.5); }

footer .social > .container {
  padding-bottom: 7px; }

footer .social ul {
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0; }

footer .social ul li {
  list-style: none;
  margin: 0 5px; }

footer .social ul li a:before {
  font-size: 24px;
  color: #e43d8d; }

footer .social ul li.twitter a:before {
  content: '\e91b'; }

footer .social ul li.facebook a:before {
  content: '\e914'; }

footer .social ul li.instagram a:before {
  content: '\e916'; }

footer .social ul li.pinterest a:before {
  content: '\e917'; }

footer .social ul li.youtube a:before {
  content: '\e911'; }

footer .social ul li.googleplus a:before {
  content: '\e915'; }

footer .social ul li.newsletter a:before {
  content: '\e91c'; }

footer .social ul li a:link,
footer .social ul li a:active,
footer .social ul li a:visited,
footer .social ul li a:link:before,
footer .social ul li a:active:before,
footer .social ul li a:visited:before {
  color: #e43d8d; }

footer .sitemap {
  font-size: 15px;
  padding: 51px 0 80px;
  font-weight: 200;
  color: rgba(102, 102, 102, 0.8); }

footer .sitemap > .container {
  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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

footer .sitemap .col {
  width: auto; }

footer .sitemap .kop {
  padding: 20px 0;
  color: #666;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Muli', sans-serif;
  letter-spacing: 2px;
  font-weight: 200; }

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

footer .sitemap ul a {
  padding: 3px 0;
  display: block;
  color: rgba(102, 102, 102, 0.8); }

footer .sitemap .about-us {
  padding: 0 20px 70px; }

footer .links {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

footer .links > .container {
  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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

footer .links > .container > * {
  width: 30%; }

footer .links .brands {
  width: calc(46% - 100px); }

footer .links .brands ul {
  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-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }

footer .links .brands ul li {
  display: inline-block;
  list-style: none;
  margin-bottom: 4px; }

footer .links .feedbackwidget {
  width: 182px;
  height: 103px;
  margin-top: -40px; }

footer .links .logos {
  height: 35px;
  margin-top: 30px;
  width: calc(48% - 100px); }

footer .links .logos ul {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

footer .links .logos li {
  padding: 0 5px;
  max-height: 36px; }

footer .links .logos li img {
  max-height: 36px; }

footer .subsub-footer {
  border-top: 1px solid #d2d4d7;
  margin-top: 2em;
  padding: 1em 0;
  font-family: "Arial", sans-serif; }

footer .subsub-footer p {
  float: left; }

footer .subsub-footer .extra {
  float: right; }

footer .subsub-footer .extra li {
  padding: 0 10px; }

footer .shoppingcart {
  border-left: 6px solid #fff;
  padding: 13px 10px; }

.no-js footer .shoppingcart {
  height: 176px; }

footer .shoppingcart .button {
  font-size: 1.2em;
  text-transform: uppercase;
  padding: 5px 10px;
  display: block;
  text-align: center;
  margin-top: 20px; }

footer .shoppingcart .button:after {
  content: '\f054\f054';
  font-family: 'FontAwesome';
  margin-left: 10px; }

footer .cart {
  font-size: 1.2em; }

/* 	=============================================================================
	Module specific
	========================================================================== */
/* Fancybox */
#fancybox-overlay {
  opacity: .4 !important; }

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

.fancybox-close {
  width: auto;
  height: auto;
  background: none;
  top: 10px;
  right: 10px; }

.inspiratie-fancybox .fancybox-close {
  width: auto;
  height: auto;
  background: none;
  top: 4px;
  right: 0px; }

.fancybox-close:after {
  content: '\f00d';
  font-family: 'FontAwesome';
  font-size: 1.5em;
  color: #666;
  padding: 15px 8px; }

.fancybox-close:hover:after {
  color: #8d9298; }

.fancybox-inner .pageTitle {
  margin-bottom: 5px; }

.fancybox-inner .products.product-detail .label {
  position: absolute;
  top: 0; }

/* 'Gritter' modal */
#gritter-notice-wrapper {
  width: 260px; }

.gritter-image {
  width: 50px;
  height: 50px; }

.gritter-with-image {
  width: 150px; }

.gritter-item {
  background: #fff;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  color: #666;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 1em;
  padding: 20px;
  position: relative; }

.gritter-item .gritter-title {
  display: block;
  font-size: 1.1em;
  line-height: 1.1em;
  padding: 0;
  text-shadow: none;
  color: #e43d8d; }

.gritter-with-image, .gritter-without-image {
  padding: 0; }

.gritter-item p {
  font-size: .9em;
  display: none; }

.gritter-close {
  display: none;
  position: absolute;
  top: 6px;
  right: -8px;
  left: auto;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 1004; }

.gritter-close:after {
  content: '\f00d';
  font-family: 'FontAwesome';
  font-size: 1.1em;
  color: #666;
  padding: 15px 8px; }

.gritter-close:hover:after {
  color: #8d9298; }

/* Cloudzoom gallery */
.gallery {
  width: 50%;
  height: 460px;
  position: relative;
  left: 0;
  background: #fff; }

.gallery .full-image img {
  height: 460px;
  margin: 0 auto; }

.gallery .thumbs {
  position: absolute;
  bottom: -5px;
  left: 110%;
  width: 90%; }

.gallery .thumbs a {
  float: left;
  display: inline-block;
  border: 1px solid #d2d4d7;
  margin-right: 6px;
  margin-bottom: 6px;
  width: 90px;
  height: 90px; }

.gallery .thumbs a img {
  width: 90px;
  height: 90px;
  display: block; }

.gallery .thumbs a:hover {
  border: 1px solid #666; }

.gallery .mousetrap {
  cursor: default !important; }

.gallery .cloud-zoom-big {
  overflow: hidden;
  margin: 0 auto;
  display: none !important; }

.gallery .cloud-zoom-loading {
  color: white;
  background: #222;
  padding: 3px;
  border: 1px solid #000;
  display: none; }

/* landingpages */
.landing .title {
  font-family: 'Muli', sans-serif;
  font-weight: 200;
  letter-spacing: 2px; }

.landing__block {
  margin: 30px 0; }

.landing__block > .newblocks,
.landing__block > .blockframe,
.landing__block > .productblocks {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.landing__blockframe-title {
  letter-spacing: .9ex; }

.video-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.video-block__poster {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(60% - 30px);
  margin-right: 30px; }

.video-block__poster-ratio {
  height: 0;
  overflow: hidden;
  padding-top: calc(100% / 16 * 9);
  background: no-repeat center / cover; }

.video-block__text {
  width: 40%;
  padding: 30px;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: #fcf9fc; }

.video-block__text-title {
  font-size: 40px; }

.video-block__text-subtitle {
  margin: 1em 0;
  text-transform: uppercase;
  font-size: 13px; }

a.video-block__text-btn {
  margin: 1em 0; }

.big-block {
  display: block;
  position: relative; }

.big-block__image {
  width: 100%;
  min-height: 385px;
  background: #cacecd no-repeat center / cover; }

.big-block__text {
  position: absolute;
  width: 35%;
  height: 100%;
  left: 70px;
  top: 0;
  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; }

.big-block__text--right {
  left: auto;
  right: 70px; }

.big-block__text-frame {
  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;
  padding: 30px;
  background: rgba(255, 255, 255, 0.85); }

.big-block__title {
  display: block;
  font-family: 'Muli', sans-serif;
  font-size: 20px;
  color: #666;
  text-align: left;
  line-height: 25px;
  text-transform: uppercase; }

.big-block__subtitle {
  font-size: 13px;
  text-transform: uppercase;
  color: #666; }

.big-block__btn {
  display: block;
  width: auto;
  margin: 10px auto 0 0;
  padding: 2px 20px;
  font-family: Questrial, sans-serif;
  font-size: 13px;
  background: #e43d8d;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.big-block__btn:hover {
  background: #e7539a; }

@media screen and (max-width: 767px) {
  .big-block {
    margin: -30px -15px 0; }
  .big-block__image {
    min-height: 0;
    background: none no-repeat center top / 100%; }
  .big-block__image::before {
    content: '';
    display: block;
    height: 0;
    padding-top: calc(100% / 35 * 25); }
  .big-block__text {
    position: static;
    width: 100%;
    left: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .big-block__text-frame {
    padding: 15px;
    text-align: center; }
  .big-block__title {
    text-align: center; }
  .big-block__btn {
    margin-left: auto; } }

/* Hide Recaptcha */
.grecaptcha-badge {
  visibility: hidden; }

/* 	=============================================================================
	Modernizr
	========================================================================== */
.discount_scheme th {
  border-bottom: 1px solid #ccc;
  padding-left: 10px;
  width: 80px;
  text-align: left;
  line-height: 1.5em; }

.discount_scheme td {
  padding-left: 10px; }

.discount_scheme th.first, .discount_scheme td.first {
  padding-right: 10px;
  padding-left: 0px;
  border-right: 1px solid #ccc; }

.no-boxshadow .gritter-item {
  border: 1px solid #ccc; }

.no-boxshadow .account-nav {
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  top: 32px; }

/* 	=============================================================================
	Browser specific
	========================================================================== */
.ie6 #nav li {
  width: 1em;
  white-space: nowrap; }

.ie6 #nav ul li {
  width: auto; }

.ie7 .content .col-wrapper {
  margin-left: 0 !important; }

.ie7 .grid-4 .span-1 {
  width: 24% !important; }

.ie7 .content .col figure {
  margin: 0 !important; }

.ie7 .content .col .text {
  margin: 0 !important;
  padding: 0 !important; }

.ie7 header .main-nav {
  margin-top: 25px; }

.ie7 .top-nav a {
  padding-left: 10px;
  padding-right: 10px; }

.ie7 .sub-footer ul {
  padding-left: 230px; }

.ie7 .sub-footer ul li a {
  padding: 0 20px 0 0; }

.ie7 .sub-footer ul.last {
  float: right;
  padding: 0; }

.ie7 .products .bestellen {
  left: 0; }

.ie7 .gallery {
  float: left; }

.oldie .sidebar ul li a:after {
  display: none; }

.oldie .category-nav > ul > li > a:before {
  display: none; }

.oldie .category-nav > ul > li > a {
  background: url(/image/icons-category.png) no-repeat 0 0; }

.oldie .category-nav > ul > li.catnieuw > a {
  background-position: 0 -30px; }

.oldie .category-nav > ul > li.catinspiratie > a {
  background-position: 0 -60px; }

.oldie .category-nav > ul > li.catkralen-en-bedels > a {
  background-position: 0 -120px; }

.oldie .category-nav > ul > li.catnatuurproducten > a {
  background-position: 0 -150px; }

.oldie .category-nav > ul > li.catonderdelen > a {
  background-position: 0 -180px; }

.oldie .category-nav > ul > li.catrijgmateriaal > a {
  background-position: 0 -180px; }

.oldie .category-nav > ul > li.catspecials > a {
  background-position: 0 -210px; }

.oldie .category-nav > ul > li.catseizoentrends > a {
  background-position: 0 -90px; }

.oldie .category-nav > ul > li.catsale-2 > a {
  background-position: 0 0; }

.oldie .main-nav,
.oldie .category-nav,
.oldie h1, .oldie h2, .oldie h3,
.oldie .my-account,
.oldie .cart,
.oldie .content .col figure .overlay,
.oldie .content .col .text.uitgelicht a strong,
.oldie .products .label,
.oldie .no-account .h2,
.oldie #coupon-box .h2,
.oldie .gritter-title,
.oldie .bestelhistorie table th,
.oldie .ajax-content .h2.icon {
  font-family: Arial, sans-serif;
  font-weight: normal; }

/* Na restyling */
.oldie .main-nav ul .ul-container {
  border: 1px solid #ccc;
  border-top: 0; }

.oldie header .cart {
  top: 30px; }

/* 	=============================================================================
	Helper classes
	========================================================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

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

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.left {
  float: left; }

.right {
  float: right; }

.hidden {
  display: none; }

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

.no-margin {
  margin: 0; }

.clear {
  clear: both; }

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

.group:after {
  clear: both; }

.group {
  zoom: 1; }

/* 	=============================================================================
	Cookiemelding
	========================================================================== */
body #cc-notification.cc-light ul.cc-notification-buttons li a,
body #cc-notification.cc-light ul.cc-notification-buttons li a:visited,
body #cc-notification.cc-light ul.cc-notification-buttons li a:hover,
body #cc-notification.cc-light ul.cc-notification-buttons li a:active,
body #cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:hover, #cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:active {
  background-color: #e43d8d !important; }

body #cc-notification.cc-light a, #cc-notification.cc-light a:visited, #cc-notification.cc-light a:hover {
  color: #e43d8d !important; }

/* 	=============================================================================
	Print styles
	========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !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; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

#dbDebug {
  display: none; }

.r_post_gender_1 {
  width: 100px !important; }

/* 	=============================================================================
	Uitzonderingen op _theme-bkralen
	========================================================================== */
/* 	=============================================================================
	Responsive
	========================================================================== */
@media only screen and (min-width: 768px) {
  .hide-on-bigger-than-mobile {
    display: none; } }

@media only screen and (max-width: 1279px) {
  .header-messages {
    width: 100%; }
  .header-messages .message {
    width: 960px; }
  .container {
    width: 960px; }
  .products li,
  .no-js .products li {
    width: 25%; }
  .main-nav ul a {
    font-size: 14px;
    padding: 0 15px; }
  .search-bar form input.placeholder {
    width: 285px;
    font-size: 13px; }
  .inspiration-list a {
    width: 239px; }
  .inspiration-list .meta {
    width: 462px;
    top: 229px; }
  .inspiration-list .meta h2 {
    font-size: 26px; }
  .inspiration-list .col-large a:last-child {
    width: 97%; }
  /* Cloudzoom gallery */
  .gallery {
    height: 368px; }
  .gallery .full-image img {
    height: 368px; }
  .intro.large {
    height: 430px; }
  .gallery .thumbs a {
    width: 40px;
    height: 40px; }
  .gallery .thumbs a img {
    width: 40px;
    height: 40px; }
  footer .links .brands {
    width: calc(53% - 100px); } }

@media screen and (max-width: 1024px) {
  #dbDebug {
    display: none; }
  body {
    padding-top: 0;
    width: 1024px; }
  header {
    position: static; }
  header.fixed .logo {
    margin-top: 40px; }
  header.fixed .search-bar {
    top: 60px; }
  header.fixed .my-account {
    margin-top: 0; }
  header.fixed .top-nav {
    opacity: 1; }
  header.fixed .cart {
    top: 47px; }
  header.fixed .tagline {
    opacity: 1; }
  .newblocks li figure {
    height: 250px; }
  .blockframe li figure {
    height: 320px; }
  .newblocks.footerblocks li figure {
    height: 320px; }
  .homepage .homepage-item > a {
    height: 370px; }
  .homepage .homepage-item > a .image {
    display: block;
    height: 370px; }
  .logged-in header.fixed .my-account {
    opacity: 1;
    margin-top: 0; }
  /* disabled dropdown from main navigation */
  .main-nav ul .ul-container {
    display: none; }
  .hasextraheadermessages, .has-admin-bar {
    padding-top: 0 !important; } }

@media screen and (max-width: 767px) {
  html {
    position: relative;
    height: 100%; }
  body {
    position: relative;
    width: auto;
    overflow-x: hidden;
    padding-top: 60px;
    background: #FFF;
    line-height: 0;
    min-height: 100%; }
  .container {
    width: auto;
    padding: 0 15px;
    min-width: 0;
    max-width: none; }
  body #main {
    line-height: 1.5; }
  body#hp #main > .container {
    padding: 0; }
  h1 {
    font-size: 28px;
    line-height: 1.2em;
    margin-bottom: 1em; }
  h2 {
    font-size: 22px; }
  h3, .title {
    font-size: 18px; }
  h4 {
    font-size: 14px; }
  .labelwrapper, .inputwrapper {
    width: 100%;
    float: none; }
  label {
    padding: 0 0 5px 0; }
  label.error {
    margin-left: 0; }
  button, .button, .btn, .button.sec, .button.medium, .button.continue, .submit.medium {
    border-radius: 0; }
  .fbTextfield input, input[type=text], input[type=email], .fbPassword input, select, textarea {
    border-radius: 0;
    -webkit-appearance: none; }
  .header-messages {
    display: none; }
  .hasextraheadermessages, .has-admin-bar {
    padding-top: 60px !important; }
  /*=====================================================================
   * MAINNAV
   *=====================================================================*/
  .main-nav {
    height: auto;
    zoom: 1;
    border: none;
    margin-top: 60px;
    background: transparent;
    line-height: 1em; }
    .main-nav:before, .main-nav:after {
      content: ' ';
      display: table; }
    .main-nav:after {
      clear: both; }
  .main-nav {
    opacity: 1 !important; }
  /*LEVEL 1 */
  .main-nav > .container {
    padding: 0;
    zoom: 1; }
    .main-nav > .container:before, .main-nav > .container:after {
      content: ' ';
      display: table; }
    .main-nav > .container:after {
      clear: both; }
  .main-nav > .container > ul.nav {
    display: block; }
  .main-nav ul.nav {
    zoom: 1;
    height: auto;
    background: #FFF; }
    .main-nav ul.nav:before, .main-nav ul.nav:after {
      content: ' ';
      display: table; }
    .main-nav ul.nav:after {
      clear: both; }
  .main-nav ul.nav li {
    display: block;
    float: none;
    height: auto;
    border-bottom: 1px solid #d9d9d9; }
  .main-nav ul.nav li a {
    display: block;
    position: relative;
    float: none;
    height: auto;
    color: #e43d8d;
    font-family: bebas, sans-serif;
    font-size: 22px;
    padding: 0 18px; }
  .main-nav ul.nav li a span {
    height: auto; }
  .main-nav ul.nav li.first {
    position: relative;
    margin: 0;
    padding: 0;
    top: auto;
    left: auto;
    width: auto; }
  .main-nav ul.nav li.first a {
    padding: 0 18px; }
  .main-nav ul.nav li.last a {
    color: #e43d8d; }
  /* LEVEL 2 */
  .main-nav ul.nav li .ul-container {
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    padding-top: 0 !important;
    left: auto !important;
    border: none;
    background: transparent;
    /*background-color: darken(#FFF,7);*/
    -webkit-box-shadow: none;
    box-shadow: none; }
  .main-nav ul.nav li.active > .ul-container,
  .main-nav ul.nav li.open > .ul-container {
    display: block;
    opacity: 1; }
  .main-nav ul.nav li > a span {
    border-bottom: none; }
  .main-nav ul.nav li .ul-container ul {
    float: none;
    margin: 0;
    width: auto;
    border-left: none; }
  .main-nav ul.nav li .ul-container ul.nav {
    float: none;
    margin: 0;
    width: auto;
    border-left: none; }
  .main-nav ul.nav li .ul-container ul li.first {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
    left: auto !important;
    width: auto !important; }
  .main-nav ul.nav li .ul-container ul li a {
    height: 23px;
    font-size: 18px;
    padding: 6px 15px 6px 100px;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden; }
  .main-nav ul.nav li .ul-container ul li a:after {
    display: none; }
  .main-nav ul.nav li .ul-container ul li.first a {
    /* padding: 6px 15px 6px 18px; */
    text-transform: uppercase; }
  .main-nav ul.nav li:nth-child(7) ul li a {
    padding: 6px 15px 6px 18px; }
  .main-nav ul.nav li .ul-container ul li a figure {
    width: 70px;
    height: 35px;
    left: 18px; }
  .main-nav ul.nav li .ul-container ul li a figure img {
    width: 70px;
    height: 35px; }
  .main-nav ul.nav li:nth-child(6) .ul-container ul li.first a figure,
  .main-nav ul.nav li:nth-child(8) .ul-container ul li.first a figure {
    display: block; }
  .main-nav ul.nav li .ul-container li.open > a {
    background: #f7c3dc;
    color: #e43d8d; }
  .main-nav ul li.hassubs > a > .foldout-toggle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    text-align: center; }
  .main-nav ul li.hassubs > a > .foldout-toggle:after {
    font-family: icomoon;
    content: '\e64d';
    position: relative;
    right: 10px;
    top: -5px;
    font-size: 12px;
    font-weight: bold; }
  .main-nav ul li.hassubs.open > a > .foldout-toggle:after {
    content: '\e654'; }
  /*=====================================================================
   * HEADER
   *=====================================================================*/
  header.main {
    position: absolute !important;
    left: -105%;
    top: 0;
    min-height: 100%;
    width: 90%;
    margin: 0 0 0 10%;
    background: #FFF;
    z-index: 200;
    -webkit-transition: left 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: left 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: left 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -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.open {
    left: -10%; }
  header.main > .container {
    zoom: 1; }
    header.main > .container:before, header.main > .container:after {
      content: ' ';
      display: table; }
    header.main > .container:after {
      clear: both; }
  .mobileaccount {
    display: block;
    float: none;
    width: 85%;
    min-height: 100%;
    position: fixed !important;
    left: auto;
    right: -110%;
    top: 60px;
    margin: 0;
    margin-right: 0;
    padding: 0;
    line-height: 1.5;
    zoom: 1;
    background-color: #FFF;
    font-family: bebas, sans-serif;
    font-size: 22px;
    color: #FFF;
    z-index: 100;
    -webkit-transition: right 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: right 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
    .mobileaccount:before, .mobileaccount:after {
      content: ' ';
      display: table; }
    .mobileaccount:after {
      clear: both; }
  .mobileaccount.open {
    right: 0; }
  .mobileaccount a {
    display: block;
    position: relative;
    float: none;
    height: auto;
    color: #e43d8d;
    font-family: bebas, sans-serif;
    font-size: 24px;
    padding: 0 5%;
    text-align: right;
    line-height: 40px;
    border-bottom: 1px solid #d9d9d9; }
  .mobileaccount > a {
    display: block;
    font-size: 24px;
    padding: 0 5%;
    line-height: 40px; }
  .mobileaccount .account-nav {
    position: relative;
    display: block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: auto;
    left: auto; }
  .mobileaccount .account-nav ul {
    padding: 0; }
  .mobileaccount .account-nav ul li a {
    display: block;
    position: relative;
    float: none;
    height: auto;
    color: #e43d8d;
    font-family: bebas, sans-serif;
    font-size: 18px;
    padding: 0 5%;
    text-align: right; }
  header.main .mobileheader {
    display: block;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    -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 .mobileheader > h1 {
    z-index: 100; }
  header.main .mobileheader .logo {
    display: block;
    float: none;
    position: absolute;
    width: 180px;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    top: 13px;
    left: 45px;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 19px;
    line-height: 1em;
    min-height: 0; }
  header.main .mobileheader .logo em {
    font-size: 20px; }
  header.main .mobileheader .mobilebuttons {
    zoom: 1;
    display: block;
    float: none;
    z-index: 90;
    width: calc(100% - 30px);
    padding: 17px 10px 0 12px; }
    header.main .mobileheader .mobilebuttons:before, header.main .mobileheader .mobilebuttons:after {
      content: ' ';
      display: table; }
    header.main .mobileheader .mobilebuttons:after {
      clear: both; }
  header.main .mobileheader .mobilebuttons li {
    list-style: none; }
  header.main .mobileheader .mobilebuttons a .icon:before {
    font-family: 'icomoon';
    font-size: 30px;
    color: #e43d8d; }
  header.main .mobileheader .mobilebuttons .logintoggle {
    display: block;
    float: right;
    width: 27px;
    height: 27px;
    line-height: 1em;
    margin-left: 4px; }
  header.main .mobileheader .mobilebuttons .logintoggle .icon:before {
    content: '\e913';
    font-size: 24px;
    line-height: 1em; }
  header.main .mobileheader .mobilebuttons .searchtoggle {
    display: block;
    float: right;
    width: 27px;
    height: 27px;
    line-height: 1em; }
  header.main .mobileheader .mobilebuttons .searchtoggle .icon:before {
    content: '\e919';
    font-size: 24px;
    line-height: 1em; }
  header.main .mobileheader .mobilebuttons .menutoggle {
    display: block;
    float: left;
    height: 27px;
    line-height: 1em; }
  header.main .mobileheader .mobilebuttons .menutoggle .icon:before {
    font-size: 30px;
    line-height: 1em; }
  ul li.languagetoggle {
    display: block;
    float: right;
    width: 27px;
    height: 27px;
    line-height: 1em;
    margin-left: 4px; }
  ul li.languagetoggle span {
    padding: 0; }
  ul li.languagetoggle span:before {
    width: 25px;
    height: 25px; }
  ul li.languagetoggle span:after {
    display: none; }
  ul li.languagetoggle span em {
    display: none; }
  .switcher-language-popup {
    top: 62px; }
  .switcher-language-popup .switcher-wrapper {
    padding: 15px; }
  .switcher-language-popup .switcher-dropdown {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  .switcher-language-popup .switcher-dropdown li {
    line-height: 18px; }
  .my-account {
    display: none; }
  header.main .mobileheader .mobilebuttons a.cart {
    position: relative;
    float: right;
    margin-left: 10px; }
  header.main .mobileheader .mobilebuttons a.cart .icon {
    position: relative;
    margin: 0;
    line-height: 1em; }
  header.main .mobileheader .mobilebuttons a.cart .icon:before {
    content: '\e912';
    font-size: 24px;
    color: #9c9c9c;
    line-height: 1em; }
  header.main .mobileheader .mobilebuttons a.cart {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
  header.main .mobileheader .mobilebuttons a.cart .sec,
  header.main .mobileheader .mobilebuttons a.cart .subTotal {
    display: none; }
  header.main .mobileheader .mobilebuttons a.cart small {
    display: block;
    position: relative;
    font-size: 11px; }
  header.main .mobileheader .mobilebuttons a.cart small .productCount {
    display: block;
    position: absolute;
    top: -30px;
    left: -10px;
    font-size: 10px;
    background: #e43d8d;
    color: #FFF;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 21px; }
  header.main .mobileheader .tagline {
    display: none; }
  header.main .mobileheader .top-nav {
    display: none; }
  header.main .mobileheader .search-bar {
    position: fixed;
    zoom: 1;
    width: 94%;
    left: 0;
    top: -60px;
    background: #e43d8d;
    padding: 13px 3%;
    border: none;
    z-index: 200;
    height: 34px; }
    header.main .mobileheader .search-bar:before, header.main .mobileheader .search-bar:after {
      content: ' ';
      display: table; }
    header.main .mobileheader .search-bar:after {
      clear: both; }
  header.main .mobileheader .search-bar.active {
    top: 0; }
  header.main .mobileheader .search-bar .wrapper {
    width: calc(100% - 100px);
    float: left; }
  header.main .mobileheader .search-bar input.placeholder {
    width: 100%;
    font-size: 15px;
    padding: 7px 4px; }
  header.main .mobileheader .search-bar form button {
    display: inline-block;
    height: auto;
    margin: 4px 0 0 13px;
    top: -3px;
    right: auto;
    padding: 0;
    width: 30px; }
  header.main .mobileheader .search-bar form button:after {
    color: #FFF;
    font-size: 20px;
    left: 4px; }
  header.main .mobileheader .search-bar .hidesearch {
    display: block;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 27px;
    height: 20px;
    cursor: pointer;
    color: #FFF;
    font-size: 18px;
    font-family: bebas, sans-serif;
    line-height: 1em;
    text-align: center;
    padding: 0; }
  header.main .mobileheader .search-bar .hidesearch span {
    display: none; }
  header.main .mobileheader .search-bar .hidesearch:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e90f';
    font-size: 20px;
    color: #FFF; }
  .search-bar #search-in-progress {
    top: 8px; }
  .search-bar #suggest {
    top: 34px;
    left: 0;
    width: 150%; }
  .headerimage-container {
    display: none !important; }
  .mobileheaderimage-container {
    display: block !important; }
  header .usps {
    display: none; }
  ul.usps {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(156, 156, 156, 0.7);
    margin: 15px 0; }
  ul.usps li {
    width: 48%;
    margin: 0 1% 15px;
    text-align: center; }
  ul.usps li:before {
    margin-left: 0;
    margin-right: 0;
    display: block;
    font-size: 27px; }
  ul.usps li span {
    font-size: 11px; }
  .usps-wrapper {
    padding-top: 2.5em; }
  .usps-wrapper .usps {
    display: block;
    overflow: visible; }
  .usps-wrapper .usps li {
    float: none;
    display: block;
    width: calc(100% - 60px);
    padding-right: 0;
    padding-left: 60px; }
  .usps-wrapper .usps li br {
    display: none; }
  .usps-wrapper .usps li::before {
    top: -8px !important; }
  .usps-wrapper .usps li:not(:last-child) {
    margin-bottom: 2em; }
  /* MAIN */
  .intro {
    display: none;
    margin-right: 0; }
  .content {
    margin-left: 0; }
  #main .col-wrapper {
    margin: 0; }
  #main .col-wrapper.grid-5 .span-1 {
    display: block;
    width: 100%;
    float: none;
    z-index: 80;
    background: #FFF; }
  #main .col-wrapper.grid-5 .span-1 .sidebar {
    margin: 25px 0 0 0; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters {
    margin: 0; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters .filtertoggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    padding: 6px 20px 5px 10px;
    cursor: pointer;
    font-family: Questrial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    background: #e43d8d;
    color: #FFF; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters .filtertoggle:after {
    content: '\e654';
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    position: absolute;
    right: 3.5%;
    top: 12px; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters .filtertoggle.active:after {
    content: '\e655'; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters #filterForm {
    display: none; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters #filterForm.active {
    display: block; }
  .sidebar .filters .filter-toggle {
    padding-left: 10px; }
  .sidebar .filters .filter.clickable .filter-toggle {
    background-position: 97% 3px; }
  .sidebar .filters .filter.open .filter-toggle {
    background-position: 97% -42px; }
  .filters .wis-button {
    font-size: 14px; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters .filter-header {
    display: none; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters .filter li label {
    background-position: 10px 10px;
    font-size: 14px;
    float: left;
    width: 30%; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .filters .filter li .checked {
    background-position: 10px -30px; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .kop.h3,
  #main .col-wrapper.grid-5 .kop.h3,
  #main .col-wrapper.grid-5 .product-nav,
  #main .col-wrapper.grid-5 .span-1 .sidebar .product-nav {
    display: none;
    margin-bottom: 8px;
    font-size: 16px;
    font-family: Questrial, sans-serif;
    font-weight: 700; }
  #main .col-wrapper.grid-5 .showinspiration .kop,
  #main .col-wrapper.grid-5 .span-1 .sidebar .showinspiration .kop {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-family: Questrial, sans-serif;
    font-weight: 700; }
  #main .col-wrapper.grid-5 .span-1 .sidebar .showinspiration {
    display: block;
    width: 100%; }
  #nav.nav.group li a {
    padding: 3px 0; }
  .grid-5 .span-4,
  #main .col-wrapper.grid-5 .span-4 {
    display: block;
    width: 100%;
    float: none; }
  .breadcrumb {
    display: none; }
  .backtooverview {
    display: block;
    margin: 1em 0;
    float: none;
    clear: right; }
  .backtooverview:before {
    content: '\e64c';
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    margin-right: 1%; }
  /* PRODUCTS */
  .options {
    margin: 20px 0; }
  .options .views {
    zoom: 1;
    float: none;
    margin-bottom: 0; }
    .options .views:before, .options .views:after {
      content: ' ';
      display: table; }
    .options .views:after {
      clear: both; }
  .parentOfInspiration_video .options .views {
    margin-bottom: 20px; }
  .options .page-options {
    zoom: 1;
    float: none;
    margin: 20px 0 0 0; }
    .options .page-options:before, .options .page-options:after {
      content: ' ';
      display: table; }
    .options .page-options:after {
      clear: both; }
  ul.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0;
    padding: 0; }
  div.jscroll-added,
  div.jscroll-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0;
    padding: 0; }
  ul.products li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: 46%;
    padding: 0;
    margin: 0 1.5% 20px 1.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  ul.products li > a {
    position: relative;
    zoom: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding-bottom: 10px;
    height: auto !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
    ul.products li > a:before, ul.products li > a:after {
      content: ' ';
      display: table; }
    ul.products li > a:after {
      clear: both; }
  .logged-in ul.products li > a {
    padding-bottom: 85px; }
  .logged-in ul.products.categories li > a {
    padding-bottom: 0; }
  ul.products li > a:hover,
  ul.products li > a:focus,
  ul.no-js .products li a:hover,
  ul.no-js .products li a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 0; }
  ul.products li figure {
    width: 100% !important;
    height: auto !important;
    max-width: 100%; }
  ul.products li figure img {
    width: 100% !important;
    height: auto !important;
    max-width: 100%; }
  ul.products li .meta {
    margin-top: auto; }
  ul.products li .meta tr {
    display: block; }
  ul.products li .meta tr > td {
    display: inline-block;
    width: auto; }
  .product-detail .favorite,
  .products .product .favorite {
    margin-top: 5px;
    width: 27px;
    height: 27px; }
  .products .product .amount {
    margin-top: 5px;
    width: 27px;
    height: 27px;
    padding: 0; }
  .product-detail .amountButtons {
    zoom: 1;
    float: none;
    width: 153px;
    margin-top: 5px;
    margin-right: 4px; }
    .product-detail .amountButtons:before, .product-detail .amountButtons:after {
      content: ' ';
      display: table; }
    .product-detail .amountButtons:after {
      clear: both; }
  .products .bestellen {
    padding: 10px 3% 10px 5%; }
  .products .product .amountButtons {
    width: 61px;
    margin-top: 5px;
    margin-right: 0px; }
  .products .product .amountButtons span {
    height: 21px !important;
    width: 20px !important;
    line-height: 20px;
    margin: 0 0 0 2px; }
  ul.products .bestellen button {
    margin-top: 5px;
    float: none;
    min-width: 120px; }
  .logged-in .products.compact li > a, .no-js .logged-in .products.compact li a {
    padding-bottom: 80px; }
  .paging {
    zoom: 1;
    margin-bottom: 1em; }
    .paging:before, .paging:after {
      content: ' ';
      display: table; }
    .paging:after {
      clear: both; }
  /* CATEGORIES */
  ul.products.categories {
    display: block;
    width: 100%; }
  ul.products.categories li {
    display: block;
    width: 100%;
    border: none;
    margin: 0;
    zoom: 1; }
    ul.products.categories li:before, ul.products.categories li:after {
      content: ' ';
      display: table; }
    ul.products.categories li:after {
      clear: both; }
  ul.products.categories li a {
    display: block;
    float: left;
    zoom: 1;
    position: relative;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d2d4d7;
    height: auto !important;
    min-height: 40px; }
    ul.products.categories li a:before, ul.products.categories li a:after {
      content: ' ';
      display: table; }
    ul.products.categories li a:after {
      clear: both; }
  ul.products.categories li:first-child a {
    border-top: 1px solid #d2d4d7; }
  ul.products.categories li a:after {
    content: '\e64d';
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    position: absolute;
    right: 3%;
    top: 13px; }
  ul.products.categories li a .h3 {
    display: block;
    float: right;
    width: calc(100% - 70px);
    padding: 11px 20px 11px 0;
    margin: 0;
    text-align: left; }
  ul.products.categories li a figure {
    width: 40px !important;
    float: left;
    margin-right: 10px; }
  /* PRODUCT DETAIL */
  .products.product-detail {
    margin-top: 1em;
    margin-left: 0; }
  .products.product-detail .button {
    zoom: 1;
    display: block;
    margin-top: 25px;
    clear: both;
    float: none;
    height: 31px !important;
    min-width: 100%;
    margin-left: 0; }
    .products.product-detail .button:before, .products.product-detail .button:after {
      content: ' ';
      display: table; }
    .products.product-detail .button:after {
      clear: both; }
  .products.product-detail .label {
    top: 30px;
    left: 0; }
  .content .col.span-1 figure {
    margin: 0; }
  .products .fancybox-youtube .label,
  .products .fancybox-xl .label,
  .products .fancybox-youtube figure:after,
  .products .inspiration-cta figure:after,
  .products .inspiration-cta figure:before,
  .products .fancybox-youtube figure:before {
    display: none; }
  /* INSPIRATIE */
  .intro.large {
    display: block;
    height: auto; }
  .intro.large .gallery {
    display: block;
    width: 100%;
    height: auto;
    zoom: 1;
    float: none; }
    .intro.large .gallery:before, .intro.large .gallery:after {
      content: ' ';
      display: table; }
    .intro.large .gallery:after {
      clear: both; }
  .intro.large .gallery .full-image {
    display: block;
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    height: auto;
    zoom: 1;
    float: none;
    margin: 0 0 15px 0; }
    .intro.large .gallery .full-image:before, .intro.large .gallery .full-image:after {
      content: ' ';
      display: table; }
    .intro.large .gallery .full-image:after {
      clear: both; }
  .intro.large .gallery .full-image img {
    width: 100%;
    height: auto; }
  .intro.large .gallery .thumbs {
    display: block;
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    height: auto;
    zoom: 1;
    float: none; }
    .intro.large .gallery .thumbs:before, .intro.large .gallery .thumbs:after {
      content: ' ';
      display: table; }
    .intro.large .gallery .thumbs:after {
      clear: both; }
  .intro.large .desc {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    zoom: 1;
    float: none;
    text-align: left;
    margin: 15px 0; }
    .intro.large .desc:before, .intro.large .desc:after {
      content: ' ';
      display: table; }
    .intro.large .desc:after {
      clear: both; }
  .intro.large .desc p {
    padding: 0; }
  #custom-nav {
    display: none; }
  .inspiration-list {
    margin: 0; }
  .inspiration-list .col-large,
  .inspiration-list .col-small {
    margin: 0;
    width: 100%;
    float: none; }
  .inspiration-list .item a {
    position: relative;
    zoom: 1;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    float: none; }
    .inspiration-list .item a:before, .inspiration-list .item a:after {
      content: ' ';
      display: table; }
    .inspiration-list .item a:after {
      clear: both; }
  .inspiration-list .item a img {
    width: 100%; }
  .inspiration-list .meta {
    position: relative;
    left: auto;
    top: auto;
    padding: 0; }
  /* YOUTUBES */
  .youtubes {
    margin-left: 0;
    margin-top: 0; }
  .youtubes li {
    width: 100%;
    float: none;
    margin: 0 0 20px 0; }
  .youtubes.full-list h3 {
    height: auto !important; }
  .youtubes li a span {
    opacity: 1 !important; }
  /* BLOG */
  .blog-one .paragraph.image-left figure,
  .blog-one .paragraph.image-right figure {
    float: none;
    width: 100%;
    margin: 0 0 20px 0; }
  /* FOOTER CONTACT */
  .serviceheader figure {
    height: 200px; }
  .footer-contact .container .wrapper {
    width: 100%;
    margin-left: 0;
    padding: 0;
    text-align: left; }
  .footer-contact h3 {
    line-height: 1.5;
    text-align: center; }
  .contact-lineup {
    margin: 0 -10px 20px;
    height: auto;
    float: left; }
  .contact-lineup li {
    float: left;
    width: calc(50% - 20px);
    height: auto; }
  .contact-lineup li span {
    display: block;
    float: none;
    width: 100%;
    height: 100px; }
  .contact-lineup li p {
    display: block;
    float: none;
    width: 100%;
    height: 40px;
    margin: 0;
    line-height: 14px; }
  .footer-contact .formgen .fbTextfield,
  .footer-contact .formgen .fbTextfield:last-of-type {
    float: none;
    width: 100%; }
  /* KLANTENSERVICE */
  .idf-customerservice .col .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .idf-customerservice .col .content > * {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .idf-customerservice .col .content .pageTitle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .idf-customerservice .col .content .parentOfPage_Thumbs {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .idf-customerservice .col .content .parentOfPage_Thumbs a:before {
    content: '\e64c';
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    margin-right: 1%; }
  /* FOOTER */
  footer {
    line-height: 1.5;
    margin: 0;
    border-top: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  footer .container {
    margin: 0;
    padding: 0; }
  footer .container .col-wrapper {
    margin: 0; }
  footer .sitemap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
    margin: 0; }
  footer .sitemap .col,
  footer .sitemap .col .kop {
    display: none !important; }
  footer .sitemap .col:nth-child(3) {
    display: block !important;
    width: 100%; }
  footer .sitemap .kop {
    display: none;
    padding: 0; }
  footer .sitemap ul {
    padding: 0;
    margin: 0; }
  footer .sitemap ul li a {
    position: relative;
    padding: 5px 3%;
    border-bottom: 1px solid rgba(229, 229, 229, 0.5);
    color: rgba(156, 156, 156, 0.7);
    background: #FFF;
    font-size: 18px;
    font-family: Questrial, sans-serif; }
  footer .sitemap ul li:first-child a {
    border-top: 1px solid #e5e5e5; }
  footer .sitemap ul li a:after {
    content: '\e64d';
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 12px;
    position: absolute;
    right: 3%;
    top: 13px;
    color: #e43d8d; }
  footer .sitemap .about-us {
    padding: 0;
    padding-left: 0; }
  footer .sitemap .col:first-child .about-us .about-us,
  footer .sitemap .about-us .about-us {
    padding: 20px 3% 20px 3%;
    padding-left: 3% !important; }
  footer .social {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-bottom: 1px solid #e5e5e5; }
  footer .social ul {
    margin: 20px 0; }
  footer .social ul li {
    margin: 0 7px; }
  footer .social ul li a:before {
    font-size: 34px; }
  footer .links {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  footer .links .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  footer .links .brands {
    margin: 0;
    width: 100%; }
  footer .links .brands ul {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    margin-right: -25px; }
  footer .links .brands ul li {
    width: 24%; }
  footer .links .logos {
    margin-top: 0;
    padding-top: 20px;
    width: 100%;
    border-top: 1px solid rgba(229, 229, 229, 0.5); }
  footer .links .logos ul {
    float: none;
    margin: 0 auto; }
  footer .links .logos ul li {
    float: none; }
  footer .subsub-footer {
    margin-top: 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    border-top: none; }
  footer .subsub-footer .container {
    text-align: center;
    margin: 0 3% 0; }
  footer .subsub-footer p {
    display: inline-block;
    padding-left: 0;
    float: none; }
  footer .subsub-footer .extra {
    display: inline-block;
    float: none;
    margin-right: 0; }
  footer .subsub-footer .extra ul {
    display: inline-block;
    float: none; }
  footer .subsub-footer .extra ul li {
    display: inline-block;
    padding: 0 10px 0 0;
    float: none; }
  footer .links .feedbackwidget {
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
    margin: 20px auto; }
  /* FORMS */
  .fbElement label {
    display: block;
    width: auto;
    float: none; }
  .fbTextfield input,
  .fbPassword input,
  .fbSelect select,
  select,
  textarea {
    display: block;
    float: none;
    width: 100%; }
  .fbCheckboxes,
  .fbRadioButtons {
    float: none; }
  .parentOfLogin .forget {
    padding: 1em 0; }
  .parentOfLogin label.error {
    margin-left: 0; }
  .fbRadio label {
    padding-top: 0; }
  /* CHECKOUT */
  #shop {
    margin-bottom: 10px; }
  #ShopCheckoutHeader {
    visibility: hidden;
    height: 0px;
    margin-bottom: 0;
    overflow: hidden; }
  #register .fbRadioButtons label {
    width: 100%; }
  #register .fbElement label {
    text-indent: 0; }
  #register #r_post_country_chzn.chzn-container,
  #register #a_delivery_country_chzn.chzn-container {
    width: 100% !important; }
  .parentOfLogin .fbCheckboxContainerTitle,
  .parentOfLogin .fbRadioContainerTitle {
    width: 100%; }
  .parentOfLogin .section .fbTextfield input,
  .parentOfLogin .section .fbPassword input {
    width: 100%; }
  .mobile_title {
    display: block;
    margin: 20px 0 0 15px; }
  .new_usp {
    display: block;
    margin: 10px 0 10px 15px;
    padding: 0; }
  .new_usp li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px; }
  .new_usp li:before {
    display: block;
    float: left;
    margin-right: 10px;
    font-family: 'icomoon';
    position: relative;
    content: '\e907';
    color: #e43d8d; }
  .new_usp li span {
    display: block;
    overflow: hidden; }
  .new_usp + .continue {
    display: block;
    margin-bottom: 20px;
    text-align: center; }
  #checkout-content .new_usp {
    border-bottom: 1px solid #dedede;
    padding: 0 0 8px 15px;
    margin: 10px 0; }
  /* WINKELMANDJE */
  table.shoppingCart {
    display: block;
    width: auto; }
  table.shoppingCart thead {
    display: none; }
  table.shoppingCart tbody {
    display: block; }
  table.shoppingCart tbody tr {
    display: block;
    position: relative;
    padding: 15px 0;
    margin: 0;
    background: none;
    border-bottom: 1px solid #dedede; }
  table.shoppingCart tbody tr:only-child,
  table.shoppingCart tbody tr:first-child {
    border-top: 1px solid #dedede; }
  table.shoppingCart tbody .btn {
    display: block;
    position: absolute;
    padding: 0;
    right: 15px;
    top: 22px; }
  table.shoppingCart tbody .btn a.deleteButton {
    position: relative;
    padding-left: 0;
    display: block;
    height: 26px;
    width: 26px;
    text-align: center;
    z-index: 5;
    zoom: 1;
    line-height: 26px;
    top: -7px; }
  table.shoppingCart td {
    border: none; }
  table.shoppingCart tbody .img {
    float: left;
    display: block;
    width: 60px;
    padding: 0;
    margin: 0 10px 10px 0; }
  table.shoppingCart tbody .title {
    display: block;
    padding: 0;
    font-size: 15px;
    width: calc(100% - 120px);
    margin-right: 50px;
    overflow: hidden; }
  table.shoppingCart tbody .artnr {
    padding: 0; }
  table.shoppingCart tbody .artnr__text {
    display: none; }
  table.shoppingCart tbody .amnt {
    display: block;
    width: auto;
    padding: 10px 0 0 70px;
    margin: 0; }
  table.shoppingCart tbody .amnt .amount {
    margin: 0;
    height: 23px;
    font-size: 14px;
    width: 50px;
    border: 1px solid #dedede; }
  .amountButtons {
    display: block;
    width: 75px;
    margin: 0; }
  .amountButtons span {
    float: right;
    width: 25px;
    height: 27px;
    padding: 4px;
    margin: 0 0 0 4px;
    font-size: 25px;
    line-height: 27px;
    border-radius: 0;
    background: #e6e6e6;
    color: #666666; }
  table.shoppingCart tbody .price_van {
    display: none; }
  table.shoppingCart tbody .price {
    display: none;
    position: absolute;
    left: 24%;
    bottom: 5px; }
  table.shoppingCart tbody .price:before {
    content: 'p/st '; }
  table.shoppingCart td {
    border: none; }
  table.shoppingCart tbody .total {
    display: block;
    padding: 7px 19px 0 0;
    font-size: 18px;
    text-align: right; }
  table.shoppingCart tbody tr.update {
    display: block;
    padding: 0;
    margin: 0;
    height: 0;
    background: none;
    border: none; }
  /* shopping cart amount update */
  table.shoppingCart--amount-update tr td {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  table.shoppingCart--amount-update tr .value-prev,
  table.shoppingCart--amount-update tr .value-updated {
    width: 100px;
    padding-left: 0;
    padding-bottom: 0;
    text-align: left;
    font-size: 15px; }
  table.shoppingCart--amount-update tr td.value-prev,
  table.shoppingCart--amount-update tr td.value-updated {
    padding-bottom: 0; }
  table.shoppingCart--amount-update thead {
    display: block; }
    table.shoppingCart--amount-update thead tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      table.shoppingCart--amount-update thead tr th {
        display: none;
        border: none; }
        table.shoppingCart--amount-update thead tr th.value-prev, table.shoppingCart--amount-update thead tr th.value-updated {
          display: block;
          font-size: 13px; }
        table.shoppingCart--amount-update thead tr th.value-prev {
          margin-left: 70px; }
  table.shoppingCart--amount-update tbody .title {
    width: calc(100% - 70px); }
  .cartSummary .total-price,
  #shoppingcartSummary .total-price {
    padding: 10px 19px 10px 15px; }
  .total-price {
    margin-top: 0; }
  .total-price .price {
    margin-right: 0; }
  .cartSummary,
  #shoppingcartSummary {
    float: none;
    width: auto;
    font-size: 14px;
    margin: 20px 0 10px; }
  #shoppingcartSummary .shopping_cart_right .text-right {
    padding: 0 10px;
    padding-right: 25px !important; }
  .coupon_toggle {
    display: block;
    width: auto !important; }
  #showcouponbox {
    display: block;
    float: none;
    width: auto;
    padding: 13px 10px;
    margin: 0;
    color: #2079c0;
    text-decoration: none;
    background: #d3e6f6;
    border-radius: 0;
    font-size: 14px; }
  #coupon-box {
    zoom: 1;
    float: none;
    width: auto !important;
    margin: 0;
    background: none; }
    #coupon-box:before, #coupon-box:after {
      content: ' ';
      display: table; }
    #coupon-box:after {
      clear: both; }
  .fancybox-inner {
    line-height: 1.5em; }
  .fancybox-close {
    top: 15px;
    right: 0; }
  footer.cart {
    padding: 0;
    background: none;
    margin-top: 1em; }
  footer.cart .left,
  footer.cart .right {
    float: none; }
  footer.cart .button.medium {
    display: block;
    text-align: center;
    width: auto; }
  footer.cart .button.large {
    display: block;
    text-align: center;
    width: auto;
    margin-top: 1em; }
  .cartbuttons {
    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;
    width: 100%;
    margin-top: 30px; }
  #ShopCheckout #step2,
  #ShopCheckout #step3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .cartbuttons .left,
  #ShopCheckout #step2 .left,
  #ShopCheckout #step3 .left {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    float: none; }
  .cartbuttons .left {
    margin-left: 15px; }
  .cartbuttons .left:before {
    position: absolute;
    top: 19px;
    left: 13px;
    font-family: 'icomoon';
    content: '\e64c';
    display: inline-block;
    margin-right: 10px;
    font-size: 10px; }
  #ShopCheckout #step2 .left:before,
  #ShopCheckout #step3 .left:before {
    position: absolute;
    top: 18px;
    left: 13px;
    font-family: 'icomoon';
    content: '\e64c';
    display: inline-block;
    margin-right: 10px;
    font-size: 10px; }
  .cartbuttons .left:before {
    left: 0; }
  #ShopCheckout #step2 .left a,
  #ShopCheckout #step3 .left input,
  .cartbuttons .left a {
    display: block;
    background: none;
    text-decoration: underline;
    color: #02a4e2;
    text-transform: none;
    padding: 15px 0 10px 0; }
  #ShopCheckout #step3 .left input {
    padding: 10px 0;
    margin: 0 15px 0 30px; }
  .cartbuttons .left a {
    margin: 0 0 0 15px; }
  #ShopCheckout #step2 .left .button,
  #ShopCheckout #step3 .left .button {
    margin: 10px 0 0 15px; }
  #ShopCheckout #step2 .right,
  #ShopCheckout #step3 .right,
  .cartbuttons .right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    float: none; }
  a.continue,
  #ShopCheckout #step2 .right a,
  #ShopCheckout #step3 .right a,
  #ShopCheckout #step2 .right .submit,
  #ShopCheckout #step3 .right .submit,
  .cartbuttons .right a {
    display: block;
    padding: 6px 20px 5px 10px;
    cursor: pointer;
    font-family: Questrial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    background: #e43d8d;
    color: #FFF;
    text-align: center;
    margin: 0 15px; }
  #ShopCheckout #step2 .right .submit,
  #ShopCheckout #step3 .right .submit {
    width: calc(100% - 30px);
    margin: 0 15px; }
  /* CHECKOUT */
  #ShopCheckout #step2 #personal-information {
    padding-top: 10px; }
  #ShopCheckout .fbContainer {
    zoom: 1;
    width: 100%;
    float: none;
    padding: 0; }
    #ShopCheckout .fbContainer:before, #ShopCheckout .fbContainer:after {
      content: ' ';
      display: table; }
    #ShopCheckout .fbContainer:after {
      clear: both; }
  #ShopCheckout h2 {
    color: #e43d8d;
    font-size: 22px;
    padding: 0;
    padding-bottom: 10px;
    margin: 20px 0 0 0; }
  #ShopCheckout h3.subtitle {
    color: #666;
    margin-bottom: 0;
    font-weight: bold;
    margin-top: 15px; }
  .fbCheckboxContainerTitle,
  .fbRadioContainerTitle {
    display: block;
    width: 100%;
    float: none; }
  #ShopCheckout #step2 .fbRadioButtons {
    height: 20px;
    width: 100%; }
  #ShopCheckout #step2 dl.openinghours {
    float: none;
    margin: 0 0 0 30px; }
  #ShopCheckout #step2 .delivery_type .fbRadio {
    display: block;
    border-bottom: 1px solid #dedede;
    padding: 4px 0; }
  #ShopCheckout #step3 .fbRadioButtons .fbRadio {
    border-bottom: 1px solid #dedede;
    padding: 15px 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #ShopCheckout #step3 .fbRadioButtons .fbRadio input {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    margin: 0;
    margin-right: 0 !important;
    width: 15px;
    height: 15px; }
  #ShopCheckout #step3 .fbRadioButtons .fbRadio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 14px;
    padding: 0;
    margin: 0 0 0 10px;
    width: calc(100% - 50px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #ShopCheckout #step3 .fbRadioButtons .fbRadio label span img {
    display: block; }
  #ShopCheckout #step3 .voorwaarden {
    display: block;
    margin: 0 15px 10px;
    width: calc(100% - 30px); }
  /* uitzonderingen */
  #ShopCheckout #step3 .fbShippingMethod .fbRadioButtons .fbRadio label {
    display: block; }
  #ShopCheckout #step3 .fbShippingMethod .fbRadioButtons .fbRadio input {
    margin-top: 3px; }
  #ShopCheckout #step3 .fbPaymentMethod .fbRadioButtons .fbRadio input {
    margin-top: 3px; }
  #ShopCheckout #step3 .fbPaymentMethod .fbRadioButtons .fbRadio.ShopPaymentOmniKassaIDEAL input {
    margin-top: 11px; }
  #ShopCheckout #step3 .fbPaymentMethod .fbRadioButtons .fbRadio.ShopPaymentOmniKassaIDEAL .paymentDescription {
    max-width: 70%; }
  #ShopCheckout #step3 .fbPaymentMethod .fbRadioButtons .fbRadio.ShopPaymentOmniKassaIDEAL .paymentImage {
    width: 51px;
    height: 36px; }
  #ShopCheckout #step3 .fbPaymentMethod .fbRadioButtons .fbRadio.ShopPaymentOmniKassaCreditcard input {
    margin-top: 11px; }
  /* Adyen step */
  #ShopCheckout #step3b h2 {
    border-bottom: 0; }
  #ShopCheckout #step3b .col.span-3 {
    width: 100%;
    margin-bottom: 2em; }
  #ShopCheckout #step3b #dropin-container {
    margin-right: 0; }
  /* newsletter signup */
  #newsletter-signup-form {
    margin-bottom: 2em; } }

/* 	=============================================================================
	Uitzonderingen op _theme-bkralen - Mobiel
	========================================================================== */
@media screen and (max-width: 767px) {
  header.main .mobileheader .logo {
    width: 136px; } }

/*# sourceMappingURL=maps/default_bkralen.css.map */