/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/includes/photoswipe/photoswipe_4.1.2/default-skin/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/includes/photoswipe/photoswipe_4.1.2/default-skin/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(/includes/photoswipe/photoswipe_4.1.2/default-skin/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.faq_item .faq_question:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

.faq_container {
  width: 100%; }

.faq_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px; }
  .faq_item .faq_question {
    font-size: 16px;
    font-weight: 600;
    background: #EFEFEF;
    padding: 15px 20px;
    margin: 0px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    font-family: "Open Sans", sans-serif;
    position: relative;
    padding-right: 40px; }
    .faq_item .faq_question:hover {
      background: #d6d6d6; }
    .faq_item .faq_question:after {
      content: '\f078';
      right: 20px;
      position: absolute;
      top: 50%;
      margin-top: -8px; }
  .faq_item .faq_answer {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: all .5s ease-in-out;
    background: #fbfbfb; }
    .faq_item .faq_answer .text {
      padding: 20px; }
  .faq_item.open .faq_question:after, .faq_item.open h2:after {
    content: '\f062'; }

.sinside-cms .faq_item {
  pointer-events: none; }

/*# sourceMappingURL=faq.css.map */

.rounded_corners .faq_item .faq_question{
    border-radius: 0px;
}

.rounded_corners .faq_item .faq_answer{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .faq_item.open .faq_question{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .faq_item.open .faq_answer{
    border-radius: 0px 0px 0px 0px;
}
.menubutton.open:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

a.hasmegamenu:after, a.expand:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.header__bottom {
  z-index: 30; }
  .header__bottom > .container {
    padding: 0px; }

a.favorites-mobile {
  border: 0px;
  position: absolute;
  right: 69px; }
  a.favorites-mobile:before {
    margin: 0px; }
  a.favorites-mobile .favorites-title {
    display: none; }
  a.favorites-mobile .favoritescount {
    display: none; }

div.menu-basket-mobile {
  position: absolute;
  right: 10px; }
  div.menu-basket-mobile div.basketblock {
    display: block;
    top: 0px;
    width: 60px;
    height: 56px; }
    div.menu-basket-mobile div.basketblock .producttypecount {
      display: none; }
    div.menu-basket-mobile div.basketblock .basketinfo_links:before {
      left: -16px;
      top: 14px; }
    div.menu-basket-mobile div.basketblock .basketinfo_links:hover {
      background: transparent; }

.loggedinas .header__top .menu-service .login:before {
  position: absolute;
  content: '';
  width: 120%;
  margin-left: -10%;
  height: 100%;
  background: #ff8300;
  z-index: -1; }

.menubutton.open:before {
  content: "\f00d";
  font-size: 23px; }

.megamenu-background {
  background: #fff;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: #ececec; }
  .megamenu-background .container {
    height: 100%; }

.megamenu_field_title {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: normal; }

.nav_buttons {
  display: none; }

span.megamenu_icon {
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center; }
  span.megamenu_icon.megamenu_icon_active {
    margin-right: 5px; }

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

img.megamenu_icon {
  max-width: 100%;
  max-height: 100%;
  display: block; }

.megamenu_type_image img {
  max-width: 100%; }

a.hasmegamenu:after, a.expand:after {
  content: '\f105';
  transform: rotate(90deg);
  margin-left: 5px; }
a.hasmegamenu.sub:after, a.expand.sub:after {
  position: absolute;
  right: 20px;
  transform: rotate(0deg); }

.megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  font-weight: normal; }
.megamenu a {
  color: #000; }
  .megamenu a:hover {
    text-decoration: underline; }
.megamenu ul li {
  margin-bottom: 3px; }

.megamenu, .expand .submenu {
  font-size: 14px; }
  .megamenu a, .expand .submenu a {
    text-decoration: none; }

nav ul.menu > li > a {
  white-space: nowrap; }

.menu > li.expand {
  position: relative; }
  .menu > li.expand ul.submenu, .menu > li.expand ul.subsubmenu {
    position: absolute;
    top: 100%;
    left: 0px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ececec;
    height: auto;
    padding: 0px;
    opacity: 0;
    transform: translateY(-30px);
    transition: 0.3s ease-in-out;
    /*pointer-events: none;*/
    min-width: 150px; }
    .menu > li.expand ul.submenu a, .menu > li.expand ul.subsubmenu a {
      width: 100%;
      justify-content: flex-start; }
  .menu > li.expand ul.subsubmenu {
    left: 100%;
    top: 0px;
    transform: translateX(-30px); }
  .menu > li.expand.open ul.submenu {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0px); }
  .menu > li.expand ul > li.expand {
    position: relative; }
    .menu > li.expand ul > li.expand.open ul.subsubmenu {
      pointer-events: auto;
      opacity: 1;
      transform: translateX(0px);
      border-color: #ccc; }

.nav_buttons .nav-back, .nav_buttons .nav-close {
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  top: 8px; }
.nav_buttons .nav-back {
  position: absolute;
  left: 30px;
  display: none; }
.nav_buttons .nav-close {
  position: absolute;
  right: 20px; }
.nav_buttons.open .nav-back {
  display: inline-block; }

nav {
  height: 50px;
  position: relative;
  z-index: 20; }
  nav a {
    color: #000; }
  nav > .container {
    height: 100%;
    padding: 0px;
    border: 0px !important; }
  nav .menu {
    width: 100%;
    height: 100%; }
    nav .menu ul {
      display: flex; }
      nav .menu ul li {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px; }
        nav .menu ul li div.megamenu {
          display: none; }
        nav .menu ul li a {
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px; }
        nav .menu ul li .submenu, nav .menu ul li .subsubmenu {
          border-left: 1px solid transparent; }
          nav .menu ul li .submenu a, nav .menu ul li .subsubmenu a {
            color: #000;
            font-size: 14px;
            padding: 10px;
            font-weight: normal;
            white-space: nowrap; }

@media screen and (min-width: 1023px) {
  nav {
    display: block; }
    nav .menu ul li {
      position: relative; }
      nav .menu ul li.hidesubheadmenu {
        display: none; }
      nav .menu ul li.expand:hover .submenu {
        opacity: 1;
        transform: translateY(0px);
        top: 100%; }
      nav .menu ul li .submenuhover, nav .menu ul li .subsubmenuhover {
        opacity: 1;
        padding-top: 10px; }
      nav .menu ul li .submenu a:not(.currentmenuclicked):hover, nav .menu ul li .subsubmenu a:not(.currentmenuclicked):hover {
        background: #f4f4f4; }

  .menu > li.expand ul.submenu.submenu-bordermenu {
    left: unset;
    right: 0px; }

  .menu > li.expand ul.subsubmenu.submenu-bordermenu {
    left: unset;
    right: 100%;
    transform: translateX(30px); } }
.megamenu-wrapper {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 15; }
  .megamenu-wrapper .megamenu-background {
    height: 0px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 60;
    transition: all .3s ease-in-out; }
  .megamenu-wrapper .megamenu-mainbackground {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out; }
    .megamenu-wrapper .megamenu-mainbackground.open {
      opacity: 1; }
  .megamenu-wrapper .megamenu {
    width: 100%;
    position: absolute;
    left: 0px;
    display: flex;
    z-index: 100;
    top: 0px;
    transform: translateY(-30px);
    pointer-events: none;
    transition: all .3s ease-in-out;
    opacity: 0; }
    .megamenu-wrapper .megamenu.megamenu-hover {
      opacity: 1;
      transform: translateY(0px);
      pointer-events: auto; }

.megamenu_columns {
  max-width: 100%;
  margin: auto;
  display: flex; }
  .megamenu_columns.container {
    padding: 0px 40px;
    border: 0px;
    align-items: flex-start; }

.header__top > .container {
  padding: 0px; }

.megamenu_column {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 0px; }
  .megamenu_column > div:nth-of-type(n+2) {
    margin-top: 10px; }

.megamenu_field ul {
  display: flex;
  flex-direction: column; }
.megamenu_field iframe {
  max-width: 100%; }

.menu-active-background {
  display: none; }

@media screen and (max-width: 1023px) {
  body nav #menu1 .menu > li:hover, body nav #menu1 .menu > li.current, body nav #menu1 .menu > li ul.submenu li a:hover {
    color: inherit; }

  .megamenu_field_title_empty_block {
    display: none; }

  /*    .tpl_page_home{
          header{
              height: 87px;
          }
  
          .header__top{
              display: none;
          }
      }*/
  .megamenu_field_title {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #fff;
    font-size: 14px; }

  .megamenu_field {
    font-size: 13px; }

  nav .menu ul li .submenu a, nav .menu ul li .subsubmenu a {
    white-space: normal; }

  body.megamenu_active nav {
    width: 100%;
    max-width: 0px;
    overflow: hidden;
    min-width: 0px; }
    body.megamenu_active nav.open {
      max-height: 100vh;
      overflow-y: auto;
      max-width: 100%; }

  a.hasmegamenu:after, a.expand:after {
    transform: rotate(0deg);
    position: absolute;
    right: 20px; }

  li.megamenu-open > a.hasmegamenu:after {
    transform: rotate(90deg); }

  li.hasmegamenu, li.expand {
    display: flex;
    flex-direction: column; }

  nav .menu > ul li.expand > ul.submenu, nav .menu > ul li.expand > ul.subsubmenu {
    position: relative;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: none;
    left: 0px; }
    nav .menu > ul li.expand > ul.submenu li a, nav .menu > ul li.expand > ul.subsubmenu li a {
      color: #fff; }
  nav .menu > ul li.expand .submenu {
    background: rgba(0, 0, 0, 0.1); }
    nav .menu > ul li.expand .submenu > li a {
      padding-left: 30px;
      font-size: 13px; }
  nav .menu > ul li.expand .subsubmenu {
    background: rgba(0, 0, 0, 0.2); }
    nav .menu > ul li.expand .subsubmenu > li a {
      padding-left: 45px;
      font-size: 12px; }
  nav .menu > ul li.expand.open > a:after {
    transform: rotate(90deg); }
  nav .menu > ul li.expand.open > ul.submenu, nav .menu > ul li.expand.open > ul.subsubmenu {
    max-height: none;
    border: 0px; }

  header {
    z-index: 70; }

  .menu-active-background {
    display: block;
    width: 0px;
    height: 0px;
    background: transparent;
    pointer-events: none;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 50;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    .menu-active-background.open {
      background: #000;
      opacity: 0.3;
      width: 100%;
      height: 100%;
      pointer-events: auto; }

  nav .container .nav_buttons {
    display: flex;
    flex-flow: nowrap row;
    justify-content: space-between;
    width: 100%;
    height: 35px; }

  nav {
    position: absolute;
    left: 100%;
    transition: .3s ease-in-out;
    transform: translateX(0%);
    min-width: 250px;
    height: auto; }
    nav > .container {
      height: auto;
      flex-direction: column;
      max-width: 100%; }
    nav .menu ul li {
      justify-content: flex-start; }
      nav .menu ul li a {
        width: 100%;
        justify-content: flex-start;
        position: relative;
        padding: 10px 15px; }
        nav .menu ul li a:before {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          left: 0px;
          bottom: 0px;
          height: 1px;
          background: rgba(0, 0, 0, 0.1); }
      nav .menu ul li p a {
        padding: 0px;
        width: auto;
        display: inline-block; }
    nav.open {
      left: 100%;
      transform: translateX(-100%);
      z-index: 100; }

  #menu1 ul.menu {
    display: flex;
    flex-direction: column; }

  .megamenu-wrapper {
    display: none; }

  nav .menu ul li div.megamenu {
    display: flex;
    max-height: 0px;
    width: 100%;
    overflow: hidden; }
    nav .menu ul li div.megamenu ul li {
      margin: 0px; }
    nav .menu ul li div.megamenu.megamenu-hover {
      max-height: none;
      background: rgba(0, 0, 0, 0.1); }
    nav .menu ul li div.megamenu .megamenu_columns {
      flex-direction: column;
      width: 100%;
      padding: 15px;
      align-items: flex-start; }
      nav .menu ul li div.megamenu .megamenu_columns > .container {
        padding: 0px; }
    nav .menu ul li div.megamenu .megamenu_column {
      padding: 0px;
      width: 100%; }
    nav .menu ul li div.megamenu h1, nav .menu ul li div.megamenu h2, nav .menu ul li div.megamenu h3, nav .menu ul li div.megamenu h4, nav .menu ul li div.megamenu h5 {
      padding-left: 30px;
      margin-top: 10px; }
    nav .menu ul li div.megamenu a.megamenu_link {
      padding-left: 0px;
      font-size: 13px;
      color: #fff; } }

/*# sourceMappingURL=menu.css.map */
nav{
    background: #ffffff;
}

nav #menu1 ul > li:hover, nav #menu1 ul > li.current, nav #menu1 ul > li a.currentsub, nav #menu1 ul > li ul.submenu li:not(.currentmenuclicked):hover{
    color: #000000;
}
#menu2 ul > li:hover, #menu2 ul > li a.current {
    color: #000000;
}

nav #menu1 .menu > li ul.submenu li a.currentmenuclicked:hover{
    color: #000;
}

.megamenu h1,
.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5{
    color: #000000;
}

.megamenu_field_title{
    color: #000000;
}

@media screen and (max-width: 1023px) {
    nav #menu1 .menu > li ul.submenu li a.currentmenuclicked:hover{
        color: #fff;
    }
    
    nav #menu1 .menu > li ul.submenu,
    nav #menu1 .menu > li ul.subsubmenu{
        background: rgba(0, 0, 0, 0.1);
        border-color: #000000;
    }
    
    nav .menu ul li a {
        border-color: #000000;
    }
    
    .megamenu h1,
    .megamenu h2,
    .megamenu h3,
    .megamenu h4,
    .megamenu h5{
        color: #fff;
    }
}
.news-item-button:after, .news-item-content .date:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.div.dynamic_page_field .dynamic_field_type_news {
  padding: 0px; }

.comp-news {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  container-name: comp-news;
  container-type: inline-size;
  gap: 15px;
  font-size: 14px; }

.news-item {
  container-name: news-item;
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-grow: 1;
  text-decoration: none;
  color: #000; }

.news-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 15px;
  grid-area: button;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  transition: all .2s ease-in-out; }
  .news-item-button:after {
    content: '\f105';
    margin-left: 10px;
    transition: margin .2s ease-in-out; }

.news-item-content {
  background: #fff;
  border: 1px solid #e4e4e4;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  grid-template-areas: "image" "title" "text" "date" "button";
  padding: 15px;
  transition: all .2s ease-in-out;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  flex-grow: 1; }
  .news-item-content .image {
    position: relative;
    grid-area: image;
    overflow: hidden;
    height: 200px; }
    .news-item-content .image .image-container {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      transition: all .2s ease-in-out;
      background-color: #fff;
      background-blend-mode: multiply; }
  .news-item-content .title {
    grid-area: title;
    font-size: 16px;
    line-height: 26px;
    padding-top: 15px;
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
    transition: all .2s ease-in-out; }
  .news-item-content .date {
    grid-area: date;
    font-size: 13px;
    padding-top: 10px;
    text-align: right; }
    .news-item-content .date:before {
      content: '\f073';
      margin-right: 5px; }
  .news-item-content .text {
    grid-area: text;
    font-size: 14px;
    line-height: 25px;
    max-height: 127px;
    overflow: hidden; }
  .news-item-content:hover {
    transform: translateY(-10px);
    box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.2); }
    .news-item-content:hover .image .image-container {
      width: 110%;
      height: 110%;
      left: -5%;
      top: -5%; }
    .news-item-content:hover .news-item-button {
      background: transparent;
      color: #000; }
      .news-item-content:hover .news-item-button:after {
        margin-left: 20px; }

@container news-item (width < 300px) {
  .news-item-content .image {
    height: 100px; } }
@container comp-news (width < 500px) {
  .news-item {
    width: 100%; } }
@container comp-news (width >= 500px) and (width < 1000px) {
  .news-item {
    min-width: 40%; } }
@container comp-news (width >= 1000px) and (width < 1500px) {
  .news-item {
    min-width: 300px; } }
@container comp-news (width >= 1500px) {
  .news-item {
    min-width: 300px; } }
.sinside-cms .comp-news {
  /*        &:before{
              @extend %fa_light;
              content: '\f044';
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              left: 0px;
              top: 0px;
              position: absolute;
              background: rgba(#fff, 0.8);
              color: #000;
              opacity: 0;
              z-index: 100;
              font-size: 40px;
              transition: all .2s ease-in-out;
          }
          
          &:hover{
              &:before{
                  opacity: 1;
              }
          }*/ }
  .sinside-cms .comp-news * {
    pointer-events: none; }

/*# sourceMappingURL=news.css.map */
.news-item{
    font-family: 'Open Sans',sans-serif;
}

.news-item-button{
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.news-item:hover .news-item-button {
    color: #000000;
}

.news-item:hover .title{
    color: #000000;
    border-color: #000000;
}

.news-item:hover .image .image-container{
    background-color: #000000;
}

/* Add rounded corners css */
.rounded_corners .news-item-button{
    border-radius: 0px;
}

.rounded_corners .news-item-content{
    border-radius: 0px;
}

.rounded_corners .news-item-content .image{
    border-radius: 0px;
}

.rounded_corners .vehicleselected-changevehicle,
.rounded_corners .vehiclesearch-cat-section-back{
    border-radius: 0px;
}
.slider-button:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.comp-sliderheader {
  height: 100%; }
  .comp-sliderheader .owl-stage-outer {
    overflow: hidden; }
  .comp-sliderheader .owl-stage-outer, .comp-sliderheader .owl-stage {
    height: 100%; }
  .comp-sliderheader .sliderheader {
    display: none; }
  .comp-sliderheader .owl-item {
    height: 100%; }
    .comp-sliderheader .owl-item .sliderheader {
      height: 100%;
      display: block; }

.slider-image {
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 10; }

.slider-image-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 20; }

.slider-content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 30px;
  z-index: 30; }
  .slider-content.container {
    position: relative; }

.slider-title {
  width: 100%;
  font-size: 22px;
  color: #fff; }

.slider-subtitle {
  width: 100%;
  font-size: 16px;
  color: #fff;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
  padding-bottom: 20px; }

.slider-button-container {
  display: flex; }

.slider-button {
  display: block;
  transition: all .2s ease-in-out;
  width: 100%;
  font-size: 16px;
  padding: 10px 15px;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  text-decoration: none; }
  .slider-button:after {
    content: '\f105';
    margin-left: 10px;
    transition: margin .2s ease-in-out; }
  .slider-button:hover:after {
    margin-left: 20px; }

.dynamic_page_field.dynamic_field_type_sliderheader_fullwidth {
  padding: 0px; }

.sinside-cms .comp-sliderheader {
  pointer-events: none; }
  .sinside-cms .comp-sliderheader > .sliderheader:nth-of-type(1) {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
    .sinside-cms .comp-sliderheader > .sliderheader:nth-of-type(1) .slider-content {
      width: calc(100% - 60px);
      height: calc(100% - 60px); }

.default_sliderheader_navigation {
  padding-bottom: 20px; }

/*# sourceMappingURL=sliderheader.css.map */
.slider-button{
    background: #000000;
    border-color: #000000;
    color: #fff;
}

.slider-button:hover{
    background: transparent;
    color: #000000;
}

.rounded_corners .comp-sliderheader .owl-stage-outer{
    border-radius: 0px;
}

.rounded_corners .dynamic_field_type_sliderheader_fullwidth .comp-sliderheader{
    border-radius: 0px;
}

.rounded_corners .slider-button{
    border-radius: 0px;
}
.comp-sliderimages {
  height: 100%; }
  .comp-sliderimages .owl-stage-outer, .comp-sliderimages .owl-stage {
    height: 100%; }
  .comp-sliderimages .sliderimage {
    display: none; }
  .comp-sliderimages .owl-item {
    height: 100%; }
    .comp-sliderimages .owl-item .sliderimage {
      display: block;
      height: 100%; }

.sliderimage-image {
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain; }

.dynamic_page_field.dynamic_field_type_sliderimages_fullwidth {
  padding: 0px; }

.sinside-cms .comp-sliderimages {
  height: 100%;
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden; }
  .sinside-cms .comp-sliderimages * {
    pointer-events: none; }
  .sinside-cms .comp-sliderimages .sliderimage {
    display: inline-block;
    height: 100%;
    width: 150px;
    position: relative; }

/*# sourceMappingURL=sliderimages.css.map */
.widget-item-button:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-light); }

.dynamic_page_row_container .dynamic_field_type_widgets {
  padding: 0px; }

.comp-widgets {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  container-name: comp-widget;
  container-type: inline-size;
  gap: 15px;
  font-size: 14px; }

.widget-item {
  container-name: widget-item;
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-grow: 1;
  text-decoration: none;
  color: #000; }

.widget-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  margin-top: 15px;
  grid-area: button;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  transition: all .2s ease-in-out; }
  .widget-item-button:after {
    content: '\f105';
    margin-left: 10px;
    transition: margin .2s ease-in-out; }

.widget-item-content {
  background: #fff;
  border: 1px solid #e4e4e4;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "image" "title" "text" "button";
  padding: 15px;
  transition: all .2s ease-in-out;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  flex-grow: 1; }
  .widget-item-content .image {
    position: relative;
    grid-area: image;
    overflow: hidden;
    height: 250px; }
    .widget-item-content .image .image-container {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      transition: all .2s ease-in-out;
      background-color: #fff;
      background-blend-mode: multiply; }
  .widget-item-content .title {
    grid-area: title;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    font-weight: 600;
    padding: 5px 0px;
    transition: all .2s ease-in-out;
    text-align: center; }
  .widget-item-content .text {
    grid-area: text;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
    text-align: center; }
  .widget-item-content:hover {
    transform: translateY(-10px);
    box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.2); }
    .widget-item-content:hover .image .image-container {
      width: 110%;
      height: 110%;
      left: -5%;
      top: -5%; }
    .widget-item-content:hover .widget-item-button {
      background: transparent;
      color: #000; }
      .widget-item-content:hover .widget-item-button:after {
        margin-left: 20px; }

@container widget-item (width < 300px) {
  .widget-item-content .image {
    height: 150px; }
  .widget-item-content .text {
    line-height: 16px; } }
@container comp-widget (width < 500px) {
  .widget-item {
    width: 100%; } }
@container comp-widget (width >= 500px) and (width < 1000px) {
  .widget-item {
    min-width: 40%; } }
@container comp-widget (width >= 1000px) and (width < 1500px) {
  .widget-item {
    min-width: 300px; } }
@container comp-widget (width >= 1500px) {
  .widget-item {
    min-width: 300px; } }
.sinside-cms .comp-widgets {
  pointer-events: none; }

/*# sourceMappingURL=widgets.css.map */
.widget-item{
    font-family: 'Open Sans',sans-serif;
}

.widget-item-button{
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.widget-item:hover .widget-item-button {
    color: #000000;
}

.widget-item:hover .title{
    color: #000000;
    border-color: #000000;
}

.widget-item:hover .image .image-container{
    background-color: #000000;
}

/* Add rounded corners css */
.rounded_corners .widget-item-button{
    border-radius: 0px;
}

.rounded_corners .widget-item-content{
    border-radius: 0px;
}

.rounded_corners .widget-item-content .image{
    border-radius: 0px;
}


/*
###########################################################
#
# Filename:		ccs file for all CMS websites 
#
# Copyright:		S-Inside
# Platform:		SCSS
# Date created: 	09-07-2025
# 
###########################################################
*/
.vouchercode_add:after, a.pdf_file:after, div.pdf_file:after, tr.basket .prijs_staffels ul li:before, .NoneSelectedProductBackToBasket:before, .optional_extra_image_overlay:before, .productextratext_button:before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.products_putinbasket div.products_putinbasket_shoppingicon:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

/* TinyMCE specific rules */
body.mceContentBody, .mceContentBody td, .mceContentBody pre, .mceContentBody a {
  font-size: 10pt !important; }

/* START html and body */
html, body {
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0; }

html {
  width: 100%;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  color: #4A4A4A;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

main {
  min-height: calc(100vh - 200px); }

*, ::before, ::after {
  box-sizing: border-box;
  outline: none; }

* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased; }

.widgets {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  box-sizing: border-box;
  height: inherit;
  margin: 0 auto;
  max-width: 1180px;
  position: relative;
  width: 100%; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

main div.inhoud ol {
  padding-inline-start: 40px; }
main div.inhoud ul {
  padding-inline-start: 40px; }
  main div.inhoud ul li {
    list-style: initial; }
    main div.inhoud ul li:before {
      display: none; }

ol {
  list-style-type: decimal; }
  ol li {
    list-style: inherit; }

p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

a {
  color: inherit;
  display: inline;
  letter-spacing: inherit;
  text-decoration: none;
  text-transform: inherit;
  vertical-align: baseline; }
  a:hover {
    text-decoration: none; }

[class^="title-"] {
  color: inherit;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase; }

.title-xl {
  color: #FFFFFF;
  font-size: 28px;
  font-weight: 800; }

h1, .title-l {
  color: inherit;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-weight: 800; }

h2, .title-m {
  color: inherit;
  font-size: 18px;
  font-weight: 800; }

.title-s {
  font-size: 16px; }

.title-xs {
  font-size: 14px; }

.hr-line {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  flex-flow: nowrap row;
  font-size: 12px;
  margin-bottom: 5px; }

.hr-line::before {
  background-color: #FFFFFF;
  content: '';
  height: 1px;
  margin-right: 13px;
  width: 75px; }

.hr-line::after {
  background-color: #FFFFFF;
  content: '';
  height: 1px;
  margin-left: 13px;
  width: 75px; }

.widget-item-content .image .image-container {
  background-blend-mode: normal; }

@media screen and (max-width: 767px) {
  .mobile-visible {
    display: block !important; }

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

  .container {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; } }
@media screen and (max-width: 1023px) {
  .tablet-visible {
    display: block !important; }

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

  .container {
    max-width: 768px; }

  .usp-blocks-horizontal [class^="usp-block"] {
    width: 45%;
    margin-bottom: 20px;
    flex-basis: initial !important; }

  .usp-blocks-horizontal [class^="usp-block"]:last-of-type {
    margin-right: 20px !important; } }
@media screen and (min-width: 1023px) {
  .desktop-visible {
    display: block !important; }

  .desktop-hidden {
    display: none !important; } }
@media screen and (min-width: 1023px) and (max-width: 1180px) {
  .container {
    max-width: 1023px; } }
[type=button], [type=reset], [type=submit], button {
  background: transparent none;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: button; }

.btn {
  background-color: #000;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 9px 60px;
  position: relative;
  text-align: center;
  text-decoration: none; }
  .btn:hover, .btn:focus {
    background-color: #213860;
    color: #FFFFFF; }

.btn-white {
  background: #EDEDED;
  color: #4A4A4A; }
  .btn-white:hover, .btn-white:focus {
    background: #4A4A4A;
    color: #EDEDED; }

.btn-ghost {
  background-color: transparent;
  border: 3px solid #FFFFFF;
  color: #FFFFFF;
  text-transform: uppercase;
  position: relative; }
  .btn-ghost:hover, .btn-ghost:focus {
    background-color: white;
    color: #4A4A4A; }

.btn-big {
  font-size: 16px; }

.btn-shop {
  background: #2ECC71;
  color: #FFFFFF;
  padding: 10px 0;
  width: 100%; }
  .btn-shop:hover {
    background: #2AB565;
    color: #FFFFFF; }

@media screen and (max-width: 767px) {
  .btn-big {
    width: 100%; } }
@media screen and (min-width: 1023px) {
  .btn-shop {
    max-width: 240px; } }
@media screen and (min-width: 1280px) {
  .btn-ghost {
    transition: 0.3s ease all; }

  .btn-ghost::before {
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #ffffff;
    z-index: -2; }

  .btn-ghost:hover,
  .btn-ghost:focus {
    background-color: transparent;
    color: #4A4A4A; }

  .btn-ghost:hover::before,
  .btn-ghost:focus::before {
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1; } }
.redtext {
  color: red;
  background: transparent !important;
  font-size: 11pt !important;
  font-weight: bold; }

div.redtext {
  width: 80% !important; }

.greentext {
  color: green;
  background: transparent;
  font-size: 10pt;
  font-weight: bold; }

#foutmelding {
  display: none;
  font-size: 10pt;
  position: absolute;
  padding: 20px;
  top: 200px;
  left: 200px;
  width: 400px;
  border: 2px solid #2c4689;
  background-color: #eeeeee;
  color: #2c4689;
  z-index: 200; }

@media screen {
  body > div#foutmelding {
    position: fixed; } }
.textboxsmall {
  width: 60px;
  height: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border: 1px solid #061232;
  color: #061232;
  background-color: #c0c0c0; }

.areabox {
  width: 360px;
  height: 80px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border: 1px solid #061232;
  color: #061232; }

.selectbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border: 1px solid #061232;
  color: #000000;
  background-color: #eeeeee;
  width: 200px;
  height: 20px; }

.dropbox {
  width: 100%;
  border: 0px;
  margin-bottom: 0px; }

.hiderow {
  display: none !important; }

tr.checkedrow {
  background-color: #000; }

main > .container .container_left {
  float: left;
  width: 75%;
  padding-right: 2.5%; }
main > .container .container_right {
  float: left;
  width: 25%; }
main > .container:after {
  content: "";
  display: table;
  clear: both; }

.tpl_page_home #usps-blocks, .tpl_page_columns #usps-blocks, .tpl_page #usps-blocks {
  margin-top: 2rem; }
.tpl_page_home ul.usplist li, .tpl_page_columns ul.usplist li, .tpl_page ul.usplist li {
  font-size: 14px;
  clear: left; }
.tpl_page_home ul.paymethods, .tpl_page_columns ul.paymethods, .tpl_page ul.paymethods {
  display: inline-block;
  flex-flow: initial;
  height: auto;
  width: 100%; }
  .tpl_page_home ul.paymethods li, .tpl_page_columns ul.paymethods li, .tpl_page ul.paymethods li {
    margin-right: 10px;
    float: left; }
.tpl_page_home .footer__bottom .paymethods, .tpl_page_columns .footer__bottom .paymethods, .tpl_page .footer__bottom .paymethods {
  text-align: center; }
  .tpl_page_home .footer__bottom .paymethods li, .tpl_page_columns .footer__bottom .paymethods li, .tpl_page .footer__bottom .paymethods li {
    float: none;
    display: inline-block; }

.tpl_page_columns main > .container, .tpl_page main > .container {
  font-size: 1.1rem;
  padding-top: 2%;
  padding-bottom: 5%; }
.tpl_page_columns .header, .tpl_page .header {
  height: 20vw;
  max-height: 300px;
  min-height: 100px;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .tpl_page_columns .header .container, .tpl_page .header .container {
    height: 100%; }
  .tpl_page_columns .header img, .tpl_page .header img {
    position: absolute;
    left: 0px;
    top: 0px;
    height: auto;
    width: 100%; }
  .tpl_page_columns .header .title_container, .tpl_page .header .title_container {
    position: absolute;
    bottom: 0px;
    bottom: 30px;
    color: #fff;
    text-transform: uppercase; }

.ui-datepicker-trigger {
  width: 45px;
  padding: 0px;
  float: left; }
  .ui-datepicker-trigger:before {
    content: "\f073";
    display: inline-block;
    position: relative;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff; }
  .ui-datepicker-trigger img {
    display: none; }

tr.checkedrow {
  background-color: #05cc05;
  color: #fff; }

.language_selection {
  margin-right: 40px; }

.language_selection .language {
  position: relative;
  color: #000;
  font-weight: 600;
  line-height: 40px;
  padding: 0px 7px;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  color: #000; }

.language_selection .language:hover,
.language_selection .language.active {
  color: #000; }

.language_selection .language:after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  height: 22px;
  top: -2px;
  right: 0px;
  border-right: 1px solid #000; }

.language_selection .language:last-of-type:after {
  display: none; }

.table_extrasmall table {
  width: 100%;
  font-size: 0.85rem; }

img {
  border: 0px; }

body {
  z-index: 0; }

.nowhitespace {
  white-space: nowrap; }

.submit_buttons {
  float: right; }

.product_main {
  flex-wrap: wrap; }

.resultcount_ .nav_intro {
  display: none; }

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.rotating {
  -webkit-animation: rotating 1.5s linear infinite;
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -o-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite; }

.loading:not(.payment_overlay) span {
  display: none; }
.loading:not(.payment_overlay):before {
  content: "\f1ce" !important;
  display: block;
  margin-top: 0px;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease-in-out;
  color: #fff !important;
  -webkit-animation: rotating 1.5s linear infinite;
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -o-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite; }

.flex-space-between {
  flex-grow: 5; }

.margin-bottom {
  margin-bottom: 5%; }

.message_oldbrowser {
  position: absolute;
  top: 0px;
  z-index: 10000;
  width: 100%;
  text-align: center;
  background: #ff6a00;
  color: #fff; }
  .message_oldbrowser a {
    text-decoration: underline; }

/* Show max 100 results before filtering */
#filter_table {
  font-size: 100; }
  #filter_table tbody tr:nth-of-type(n +100) {
    display: none; }
  #filter_table tbody tr:nth-of-type(97) {
    color: #bebebe; }
    #filter_table tbody tr:nth-of-type(97) td.borderbottom {
      border-bottom: 1px solid #bebebe; }
  #filter_table tbody tr:nth-of-type(98) {
    color: #e7e7e7; }
    #filter_table tbody tr:nth-of-type(98) td.borderbottom {
      border-bottom: 1px solid #e7e7e7; }
  #filter_table tbody tr:nth-of-type(99) {
    color: #f9f9f9; }
    #filter_table tbody tr:nth-of-type(99) td.borderbottom {
      border-bottom: 1px solid #f9f9f9; }
  #filter_table tbody tr[filtermatch='true'] {
    display: table-row;
    color: #000000; }
    #filter_table tbody tr[filtermatch='true'] td.borderbottom {
      border-bottom: 1px solid #000000; }

.crumpathshop {
  width: 100%; }
  .crumpathshop a {
    transition: all .2s ease-in-out;
    border-bottom: 1px solid transparent; }
    .crumpathshop a:hover {
      border-color: #000; }

.onetime_highlight_animation {
  animation: highlight_animation  2s; }

@keyframes highlight_animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
.commonfilters-container {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

@media screen and (max-width: 1023px) {
  .commonfilters-container {
    display: none; } }
/* No footer, but has normall client menu*/
.tpl_fullwidth main .container {
  max-width: 100%;
  width: 100%;
  padding: 0px !important;
  margin: 0px !important; }
.tpl_fullwidth .footer {
  display: none !important; }
.tpl_fullwidth .smallheader {
  display: none !important; }

/* Unique template - No logo, no footer*/
.tpl_fullscreen:not(.tpl_products) main .container {
  max-width: 100%;
  width: 100%;
  padding: 0px !important;
  margin: 0px !important; }
.tpl_fullscreen .whatsappmessage {
  display: none !important; }
.tpl_fullscreen .footer {
  display: none !important; }
.tpl_fullscreen .smallheader {
  display: none !important; }
.tpl_fullscreen header nav > .container {
  width: 100%;
  max-width: 100%; }
.tpl_fullscreen nav #menu1 {
  justify-content: flex-start; }
.tpl_fullscreen header .header__top > .container {
  max-width: 100%; }
.tpl_fullscreen .login_submenu {
  right: 0px; }
.tpl_fullscreen .content {
  padding: 30px; }

@media screen and (min-width: 1024px) {
  .tpl_fullscreen .footer {
    display: none !important; }
  .tpl_fullscreen .smallheader {
    display: none !important; }
  .tpl_fullscreen nav {
    background: #000; }
    .tpl_fullscreen nav #menu1 .menu li {
      color: #fff; }
  .tpl_fullscreen li.login, .tpl_fullscreen div.login {
    color: #fff; }
  .tpl_fullscreen .basketinfo_links:before {
    color: #fff; }
  .tpl_fullscreen .header__bottom {
    height: 0px; }
  .tpl_fullscreen .menu-service > div.search .generalsearchbutton,
  .tpl_fullscreen .menu div.search .generalsearchbutton,
  .tpl_fullscreen .menu-service > li.search .generalsearchbutton,
  .tpl_fullscreen .menu li.search .generalsearchbutton {
    color: #fff; }
  .tpl_fullscreen .menu-service {
    pointer-events: auto; }
  .tpl_fullscreen header {
    height: 49px; }
  .tpl_fullscreen .header__top {
    margin-top: 5px;
    pointer-events: none; }
    .tpl_fullscreen .header__top .logo {
      display: none; }
  .tpl_fullscreen header {
    border-bottom: 0px; }
  .tpl_fullscreen div.workstations_data {
    max-height: calc(100vh - 140px); }
  .tpl_fullscreen .fullscreencontainer {
    padding: 20px;
    padding-bottom: 70px; }
  .tpl_fullscreen:not(.tpl_products) main .container {
    max-width: 100%;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important; }
  .tpl_fullscreen.tpl_products .fullscreencontainer {
    padding: 0px; } }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.save_wrapper {
  position: relative; }

.save_wrapper_basket {
  width: calc(50% - 70px);
  line-height: 40px;
  float: left;
  min-width: 50% !important;
  border: 0px; }
  .save_wrapper_basket input {
    width: 100% !important; }

.saveinput_error {
  position: absolute;
  top: 15px;
  font-size: 10px;
  color: #ff0000; }

.saveinput_loader {
  position: absolute;
  right: 25px;
  top: 7px;
  pointer-events: none; }
  .saveinput_loader::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f110";
    color: #15c700;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; }

.inhoud.container table.totals .shipping_form {
  display: flex; }
  .inhoud.container table.totals .shipping_form .knop_aantal {
    width: 30px;
    height: 40px; }

.vouchercontainer {
  display: flex; }
  .vouchercontainer input {
    margin-bottom: 0px; }

.inhoud.container table.totals tr td.vouchertd {
  padding-right: 0px; }

.vouchercode_add {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  transition: all .2s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  line-height: 13px;
  font-size: 12px; }
  .vouchercode_add:hover {
    background: transparent;
    color: #000; }
  .vouchercode_add:after {
    content: "\f0c7";
    margin-left: 10px;
    margin-right: 0px;
    font-size: 16px; }

.inhoud.container .voucherwrapper table.totals tr:last-of-type {
  font-weight: normal; }

.nowrap {
  white-space: nowrap; }

a.pdf_file, div.pdf_file {
  display: inline-block;
  text-decoration: none !important;
  padding: 5px 10px;
  border: 1px solid;
  border-radius: 10px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  margin-bottom: 2px; }
  a.pdf_file:hover, div.pdf_file:hover {
    background: #000;
    color: #fff; }
  a.pdf_file:after, div.pdf_file:after {
    content: "\f1c1";
    margin-left: 10px; }

.basket_totalprice {
  white-space: nowrap; }

.order_header {
  margin-bottom: 30px; }

.inhoud.container .result_order_address, .inhoud.container.inhoud_orderpage {
  font-size: 1rem; }
  .inhoud.container .result_order_address h3, .inhoud.container .result_order_address h3:first-of-type, .inhoud.container.inhoud_orderpage h3, .inhoud.container.inhoud_orderpage h3:first-of-type {
    font-size: 24px; }
  .inhoud.container .result_order_address h3:nth-of-type(2), .inhoud.container.inhoud_orderpage h3:nth-of-type(2) {
    margin-top: 20px; }

.inhoud.container .result_order_address h3, .inhoud.container .result_order_address h3:first-of-type {
  font-size: 16px;
  text-align: left; }

table {
  border-collapse: collapse; }
  table .select {
    position: relative; }
    table .select:before {
      content: "\f107";
      display: block;
      position: absolute;
      font: normal normal normal 18px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #242424;
      right: 15px;
      top: 50%;
      margin-top: -10px;
      pointer-events: none; }
    table .select select {
      height: 40px !important;
      min-width: 80px;
      transition: all 0.2s ease-in-out;
      cursor: pointer; }
      table .select select:hover {
        background: #dedede; }
    table .select select.extraproducts_box {
      min-width: 300px; }

.klantofferte table td {
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 5px; }
  .klantofferte table td:nth-of-type(1) {
    min-width: 230px; }
.klantofferte .orderproces_tender {
  margin-top: 5px;
  white-space: nowrap; }

div.order_addressfields {
  width: 100%; }
  div.order_addressfields .form-fieldcontainer {
    width: auto; }
  div.order_addressfields table table tr:last-of-type td:nth-of-type(1) {
    padding-left: 0px; }
  div.order_addressfields table table tr:last-of-type td:nth-of-type(2) {
    text-align: right;
    padding-right: 0px; }

.basket_addressfields, .order_addressfields {
  margin-top: 2.5%; }
  .basket_addressfields table td, .order_addressfields table td {
    padding: 15px;
    padding-bottom: 5px;
    padding-top: 5px; }
    .basket_addressfields table td:nth-of-type(1), .order_addressfields table td:nth-of-type(1) {
      min-width: 230px; }
  .basket_addressfields table table, .order_addressfields table table {
    width: 100%; }

.order_addressfields table td {
  padding: 5px; }

/*table.order_buttons:before{
    content: '';
    position: absolute;
    top: -75px;
}*/
.bestelstappen {
  display: flex;
  justify-content: flex-start;
  flex-direction: row; }
  .bestelstappen .step {
    background: #d6d6d6;
    color: #242424;
    flex-grow: 1;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    z-index: inherit;
    cursor: default; }
    .bestelstappen .step:after {
      content: '';
      position: absolute;
      top: -10px;
      right: -5px;
      width: 5px;
      height: 65px;
      background: #fff;
      transform: rotate(0deg);
      z-index: 10; }
    .bestelstappen .step:last-of-type:after {
      display: none; }
    .bestelstappen .step .step_count {
      display: inline;
      margin-right: 5px; }
    .bestelstappen .step.checked_step {
      background: #242424;
      color: #fff; }

.extra_product {
  display: flex;
  margin-top: 10px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  max-width: 100%;
  flex-wrap: wrap; }
  .extra_product .extra_option_title {
    min-width: 200px;
    padding: 10px;
    padding-left: 0px;
    margin-right: 10px;
    flex-grow: 1; }
  .extra_product .knop_addoptionalproduct {
    max-width: 150px;
    border: 1px solid #000;
    color: #fff;
    transition: all 0.2s ease-in-out;
    padding-left: 0px;
    position: relative;
    background: #000;
    font-size: 12px;
    height: 40px;
    padding-right: 0px; }
    .extra_product .knop_addoptionalproduct:before {
      content: "\f055";
      display: inline-block;
      position: relative;
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all 0.2s ease-in-out;
      color: #fff;
      margin-right: 10px; }
    .extra_product .knop_addoptionalproduct:hover {
      color: #000;
      background: transparent; }
      .extra_product .knop_addoptionalproduct:hover:before {
        color: #000; }
  .extra_product .otp_ordernumber {
    height: 40px !important;
    margin-right: 10px; }
  .extra_product .select {
    margin-right: 10px; }
    .extra_product .select select {
      width: 100% !important;
      padding-right: 30px; }

tr.basket .prijs_staffels {
  position: relative;
  width: auto;
  /*        &:before{
              position: relative;
              display: flex;
              justify-content: flex-start;
              width: 100%;
              @extend %font_awesome;
              content: "\f0d7";
              font-size: 18px;
              line-height: 5px;
          }*/ }
  tr.basket .prijs_staffels ul {
    margin: 0px; }
    tr.basket .prijs_staffels ul li {
      line-height: 20px;
      white-space: nowrap; }
      tr.basket .prijs_staffels ul li:before {
        content: "\f107";
        /*margin-left: 0px;*/ }

hr {
  width: 100% !important;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 1em 0;
  padding: 0;
  margin-bottom: 2.5%;
  margin-top: 2.5%; }

.inhoud.container {
  padding-top: 5%;
  padding-bottom: 5%; }
  .inhoud.container h3:first-of-type {
    font-size: 24px;
    margin-bottom: 5px; }
  .inhoud.container .knop_aantal {
    border: 0px;
    background: #d6d6d6;
    color: #242424;
    transition: all 0.2s ease-in-out;
    width: 30px;
    float: left;
    text-align: center;
    padding: 0px;
    height: 40px; }
    .inhoud.container .knop_aantal:hover {
      background: #242424;
      color: #fff; }
  .inhoud.container a.knop_remove:before {
    content: "\f014";
    display: inline-block;
    position: relative;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #000; }
  .inhoud.container a.knop_remove:hover:before {
    color: #ff0000; }
  .inhoud.container .fixedprice, .inhoud.container .fixedshipping {
    width: calc(100% - 30px);
    float: left; }
    .inhoud.container .fixedprice.noprice, .inhoud.container .fixedshipping.noprice {
      background: #ff9696 !important; }
  .inhoud.container .basket {
    width: 100%; }
  .inhoud.container h1, .inhoud.container h2, .inhoud.container h3, .inhoud.container h4, .inhoud.container h5 {
    font-family: "Oswald", sans-serif; }
  .inhoud.container h1 {
    font-size: 24px; }
  .inhoud.container h3:nth-of-type(2) {
    margin-bottom: 10px; }
  .inhoud.container h2 {
    margin-left: 10px;
    color: #000;
    margin-top: 15px; }
  .inhoud.container p {
    font-size: 14px; }
  .inhoud.container #up_productkind {
    width: 100% !important; }
  .inhoud.container div.orderproces_buttons {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #000;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    /*        &:before {
                width: 100% !important;
                display: block;
                height: 1px;
                border: 0;
                border-top: 1px solid #000000;
                margin: 1em 0;
                padding: 0;
                margin-bottom: 2.5%;
                margin-top: 2.5%;
            }*/ }
    .inhoud.container div.orderproces_buttons div.orderproces_button {
      width: auto;
      min-width: 240px;
      flex-grow: 1; }
    .inhoud.container div.orderproces_buttons a.orderproces_button {
      border: 1px solid #000;
      background: #000;
      height: 40px;
      line-height: 40px;
      text-align: center;
      text-indent: 0px;
      font-size: 16px;
      width: 100%;
      display: inline-block;
      padding: 0px 25px;
      transition: all 0.2s ease-in-out;
      color: #fff; }
      .inhoud.container div.orderproces_buttons a.orderproces_button:before {
        display: inline-block;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all 0.2s ease-in-out;
        color: #fff;
        margin-right: 10px; }
      .inhoud.container div.orderproces_buttons a.orderproces_button:hover {
        background: transparent !important;
        color: #000 !important; }
        .inhoud.container div.orderproces_buttons a.orderproces_button:hover:before {
          color: #000; }
  .inhoud.container a.orderproces_checkout {
    background: #85ff4d;
    border: 1px solid #85ff4d; }
    .inhoud.container a.orderproces_checkout:hover {
      color: #000 !important;
      background: transparent !important; }
      .inhoud.container a.orderproces_checkout:hover:after {
        color: #000; }
    .inhoud.container a.orderproces_checkout:after {
      content: "\f105";
      display: inline-block;
      position: relative;
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all 0.2s ease-in-out;
      color: #fff;
      margin-left: 10px; }
  .inhoud.container a.orderproces_tender:before {
    content: "\f0f6"; }
  .inhoud.container a.orderproces_reset:before {
    content: "\f0e2"; }
  .inhoud.container a.orderproces_shopmore:before {
    content: "\f104"; }
  .inhoud.container div.bestelstappen {
    width: 100%;
    margin-bottom: 2.5%; }
    .inhoud.container div.bestelstappen td.checked_step {
      border: 0px;
      border-left: 3px solid #fff;
      border-right: 3px solid #fff; }
    .inhoud.container div.bestelstappen td.unchecked_step {
      border: 0px;
      border-left: 3px solid #fff;
      border-right: 3px solid #fff; }
    .inhoud.container div.bestelstappen td:first-of-type {
      border-left: 0px; }
    .inhoud.container div.bestelstappen td:last-of-type {
      border-right: 0px; }
  .inhoud.container div.bestelstappen .checked_step_name, .inhoud.container .unchecked_step_name {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    height: 40px;
    line-height: 40px; }
  .inhoud.container table.totals {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin-top: 2.5%; }
    .inhoud.container table.totals .fixedshipping {
      width: 100%;
      text-align: center;
      padding-left: 0px; }
    .inhoud.container table.totals .knop_aantal {
      width: 100%;
      height: 30px; }
    .inhoud.container table.totals tr {
      text-align: right; }
      .inhoud.container table.totals tr:last-of-type {
        font-weight: 700; }
      .inhoud.container table.totals tr td {
        padding: 15px;
        padding-top: 5px;
        padding-bottom: 5px; }
        .inhoud.container table.totals tr td:nth-of-type(2) {
          width: 70%;
          text-align: right; }
        .inhoud.container table.totals tr td:last-of-type {
          width: 0px;
          padding: 0px; }
  .inhoud.container .optional_extra img {
    max-width: 140px;
    height: auto; }
  .inhoud.container .optional_extra_title {
    margin-top: 5%; }
  .inhoud.container table.extra_options {
    width: 100%;
    margin-top: 2rem; }
    .inhoud.container table.extra_options table.extra_option tr.basket td {
      background: #dedede; }
    .inhoud.container table.extra_options table.extra_option tr.basket:nth-of-type(1) td {
      background: transparent; }
    .inhoud.container table.extra_options table.extra_option tr.basket button.knop_addoptionalproduct {
      margin-top: 12px;
      height: 40px;
      padding-left: 0px;
      padding-right: 0px;
      font-size: 12px;
      border: 1px solid #000;
      background: #000; }
      .inhoud.container table.extra_options table.extra_option tr.basket button.knop_addoptionalproduct:hover {
        background: transparent;
        color: #000; }
        .inhoud.container table.extra_options table.extra_option tr.basket button.knop_addoptionalproduct:hover:before {
          color: #000; }
    .inhoud.container table.extra_options table.extra_option tr.basket input:hover, .inhoud.container table.extra_options table.extra_option tr.basket select:hover {
      background-color: #fff; }
  .inhoud.container table.optional_extra, .inhoud.container table.extra_option {
    margin-top: 15px;
    width: 100%;
    font-size: 14px;
    border-collapse: collapse; }
    .inhoud.container table.optional_extra tr td, .inhoud.container table.extra_option tr td {
      padding: 15px; }
    .inhoud.container table.optional_extra tr:nth-of-type(even), .inhoud.container table.extra_option tr:nth-of-type(even) {
      background: #dedede; }
    .inhoud.container table.optional_extra tr:first-of-type td, .inhoud.container table.extra_option tr:first-of-type td {
      font-weight: 700; }
    .inhoud.container table.optional_extra button.knop_addoptionalproduct, .inhoud.container table.extra_option button.knop_addoptionalproduct {
      background-color: #000;
      border: 0px;
      color: #fff;
      transition: all 0.2s ease-in-out;
      padding-left: 20px;
      position: relative;
      background: #000;
      font-size: 12px; }
      .inhoud.container table.optional_extra button.knop_addoptionalproduct:before, .inhoud.container table.extra_option button.knop_addoptionalproduct:before {
        content: "\f055";
        display: inline-block;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all 0.2s ease-in-out;
        color: #fff;
        margin-right: 10px; }
      .inhoud.container table.optional_extra button.knop_addoptionalproduct:hover, .inhoud.container table.extra_option button.knop_addoptionalproduct:hover {
        background: transparent; }
  .inhoud.container table.shopitems {
    border-collapse: collapse; }
    .inhoud.container table.shopitems .shopitems_header {
      border-top: 1px solid #242424;
      border-bottom: 1px solid #242424; }
      .inhoud.container table.shopitems .shopitems_header td:nth-of-type(1) {
        text-align: left;
        padding-left: 15px; }
      .inhoud.container table.shopitems .shopitems_header td:nth-of-type(5) {
        min-width: 140px; }
    .inhoud.container table.shopitems tr:first-of-type:before {
      display: none; }
    .inhoud.container table.shopitems tr:first-of-type td {
      text-align: center;
      font-family: "Oswald", sans-serif;
      background: #d6d6d6;
      padding-top: 15px;
      padding-bottom: 15px;
      line-height: initial !important;
      font-weight: 700; }
    .inhoud.container table.shopitems tr td {
      height: 40px;
      line-height: 40px !important;
      text-align: left; }
      .inhoud.container table.shopitems tr td:nth-of-type(5), .inhoud.container table.shopitems tr td:nth-of-type(6), .inhoud.container table.shopitems tr td:nth-of-type(7) {
        text-align: right;
        padding-right: 0px !important; }
      .inhoud.container table.shopitems tr td.description_title {
        text-align: left;
        padding-left: 5px; }
      .inhoud.container table.shopitems tr td:nth-of-type(2) {
        text-align: left; }
    .inhoud.container table.shopitems tr.basket td {
      background: transparent;
      padding: 15px;
      font-size: 14px;
      border-bottom: 1px solid #242424; }
      .inhoud.container table.shopitems tr.basket td.productimage {
        width: 50px; }
      .inhoud.container table.shopitems tr.basket td a.shoplink {
        font-size: 15px !important;
        transition: all 0.2s ease-in-out; }
        .inhoud.container table.shopitems tr.basket td a.shoplink:hover {
          color: #000; }
      .inhoud.container table.shopitems tr.basket td a.shoplink, .inhoud.container table.shopitems tr.basket td .baskettext {
        font-weight: 600; }
      .inhoud.container table.shopitems tr.basket td:last-of-type a {
        transition: all 0.2s ease-in-out; }
        .inhoud.container table.shopitems tr.basket td:last-of-type a:hover {
          color: #ff0000; }
        .inhoud.container table.shopitems tr.basket td:last-of-type a img {
          display: none; }
      .inhoud.container table.shopitems tr.basket td .car_details {
        margin-top: 15px; }
        .inhoud.container table.shopitems tr.basket td .car_details .car_details_title {
          float: left;
          max-width: 50%;
          margin-right: 10px; }
        .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
          height: 40px;
          width: calc(50% - 70px);
          line-height: 40px;
          float: left;
          min-width: 50% !important;
          border: 0px; }
        .inhoud.container table.shopitems tr.basket td .car_details button.knop {
          float: left;
          width: 45px !important;
          height: 40px;
          line-height: 40px;
          padding: 0px;
          top: 0px !important;
          background: #d6d6d6;
          color: #000;
          transition: all 0.2s ease-in-out; }
          .inhoud.container table.shopitems tr.basket td .car_details button.knop:hover {
            background-color: #7c7c7c !important;
            color: #fff; }
        .inhoud.container table.shopitems tr.basket td .car_details:after {
          content: "";
          display: table;
          clear: both; }
    .inhoud.container table.shopitems div {
      margin-left: 0px !important; }
  .inhoud.container .sub_title {
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 1.17em;
    font-weight: 700;
    color: #242424; }
  .inhoud.container [type=text] {
    transition: all 0.2s ease-in-out;
    height: 40px;
    line-height: 40px; }
    .inhoud.container [type=text]:hover, .inhoud.container [type=text]:focus {
      background: #dedede; }
  .inhoud.container .box {
    height: 40px !important;
    border: 0px;
    line-height: 40px; }
  .inhoud.container .areabox {
    width: 100%;
    border: 0px;
    transition: all 0.2s ease-in-out;
    font-size: 14px; }
    .inhoud.container .areabox:hover, .inhoud.container .areabox:focus {
      background: #dedede; }
  .inhoud.container .ammount_button {
    float: left; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  margin-top: 0px; }

.loggedin_counter .inhoud.container table.shopitems {
  font-size: 0.9rem; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td, .loggedin_counter .inhoud.container table.shopitems tr.basket td a.shoplink {
    font-size: 0.9rem !important;
    line-height: 1rem !important; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
    padding: 0 5px;
    height: 30px; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td .car_details button.knop {
    height: 31px;
    line-height: 32px; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td {
    padding: 5px; }
.loggedin_counter .basket .productimage img {
  max-width: 80px !important; }

table.basket .articlenumber {
  padding-left: 10px; }

body.no_basket .basketblock {
  display: none !important; }

.btwcheck {
  margin: 2px;
  margin-left: 10px;
  display: inline-block; }

.userhistory_active .form_orderaddress {
  width: 50% !important;
  float: left; }

.inhoud.container .order_userhistory h2 {
  margin: 0px; }

.inhoud.container.inhoud_orderpage h2 {
  font-size: 1rem; }

div.order_userhistory {
  border-left: 1px solid #000;
  padding-left: 9px;
  width: 35%;
  margin-left: 1%; }
  div.order_userhistory .orderaddress_data {
    /*height: 600px !important;*/
    overflow: auto; }
    div.order_userhistory .orderaddress_data table tr td:nth-of-type(2) {
      white-space: nowrap; }

input[name="fixedtotalprice"] {
  padding-right: 15px;
  text-align: right;
  font-weight: bold; }

select[name="ledger"] {
  height: auto !important;
  cursor: pointer; }

td.total form div, td.total form .knop {
  width: 100% !important; }
td.total form .knop {
  text-align: center;
  margin-left: 0px !important; }
  td.total form .knop .fa:before {
    margin-top: 0px; }

.inexclvat {
  height: 20px;
  margin-bottom: 10px; }

table.payment_inorder {
  width: 100%; }
  table.payment_inorder .payment_buttons {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  table.payment_inorder td span.extracosts {
    float: left;
    position: relative;
    margin-top: 3px;
    margin-left: 5px; }

a.btwcheck {
  border: 1px solid;
  padding: 5px 10px;
  margin-top: -4px;
  transition: all 0.2s ease-in-out;
  background: transparent;
  color: #000; }
  a.btwcheck:hover {
    background: #000;
    color: #fff; }
  a.btwcheck:after {
    content: "\f105";
    display: inline-block;
    position: relative;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    margin-left: 10px; }

#orderform table .orderdone_container {
  float: right;
  min-width: 300px;
  position: relative; }
  #orderform table .orderdone_container:after {
    content: "\f105";
    display: inline-block;
    position: absolute;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff;
    margin-left: 0px;
    right: 20px;
    top: 12px; }
  #orderform table .orderdone_container input {
    border: 0px;
    height: 40px;
    line-height: initial;
    text-align: center;
    text-indent: 0px;
    font-size: 16px;
    width: auto;
    display: inline-block;
    padding: 0px 25px;
    transition: all 0.2s ease-in-out;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding-left: 30px; }
  #orderform table .orderdone_container input.bestel_kassa, #orderform table .orderdone_container input.bestelknop {
    border: 1px solid #85ff4d !important;
    background: #85ff4d !important;
    width: 100%; }
    #orderform table .orderdone_container input.bestel_kassa:hover, #orderform table .orderdone_container input.bestelknop:hover {
      background: transparent !important;
      color: #85ff4d !important; }
      #orderform table .orderdone_container input.bestel_kassa:hover:after, #orderform table .orderdone_container input.bestelknop:hover:after {
        color: #85ff4d !important; }

.tpl_basket .pc_product_image {
  width: 140px;
  height: 140px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

#NoneSelectedProducts .NoneSelectedProductContainer {
  max-width: 100%;
  border: 1px solid;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
  transition: all .2s ease-in-out; }
  #NoneSelectedProducts .NoneSelectedProductContainer:hover {
    box-shadow: 0px 6px 7px rgba(51, 51, 51, 0.5);
    transform: translateY(-5px); }
  #NoneSelectedProducts .NoneSelectedProductContainer .NoneSelectedProductText {
    text-align: center;
    font-size: 15px;
    line-height: 17px; }
  #NoneSelectedProducts .NoneSelectedProductContainer input.NoneSelectedProductButton, #NoneSelectedProducts .NoneSelectedProductContainer a.NoneSelectedProductButton {
    width: 100%;
    white-space: break-spaces;
    height: auto;
    line-height: initial;
    padding: 10px 5px;
    margin-top: 10px; }

.NoneSelectedProductImage {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px; }
  .NoneSelectedProductImage .optional_extra_image {
    width: 100%; }

#NoneSelectedProducts .owl-nav {
  position: absolute;
  top: 20px;
  height: calc(100% - 26px);
  width: 100%;
  pointer-events: none; }
  #NoneSelectedProducts .owl-nav button {
    pointer-events: auto;
    width: 30px;
    height: 100%;
    position: absolute;
    background: #000;
    color: #fff;
    font-size: 38px;
    border: 1px solid #000; }
    #NoneSelectedProducts .owl-nav button.owl-prev {
      left: -40px; }
    #NoneSelectedProducts .owl-nav button.owl-next {
      right: -40px; }
    #NoneSelectedProducts .owl-nav button:hover {
      color: #000 !important; }
    #NoneSelectedProducts .owl-nav button.disabled {
      display: none; }

.NoneSelectedProduct2.hasnav {
  margin-left: 40px;
  margin-right: 40px; }

.NoneSelectedProductBackToBasket:before {
  content: "\f104";
  margin-right: 15px; }

.optional_extra_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .optional_extra_wrapper .knop_addoptionalproduct span {
    display: block !important; }
  .optional_extra_wrapper div.extraproduct_explain {
    float: none;
    margin-left: 10px; }

.optional_extra_container {
  width: 32%;
  padding: 10px;
  border: 1px solid;
  margin-bottom: 2.2%;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
  transition: all .2s ease-in-out; }
  .optional_extra_container:hover {
    box-shadow: 0px 6px 7px rgba(51, 51, 51, 0.5);
    transform: translateY(-5px); }

.optional_extra_image {
  height: 150px;
  display: flex;
  justify-content: center;
  position: relative;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }
  .optional_extra_image img {
    max-width: 100% !important;
    height: auto;
    z-index: 0; }

.optional_extra_image_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  cursor: pointer;
  transition: all .2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center; }
  .optional_extra_image_overlay:before {
    content: "\f05a";
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: 58px;
    color: #fff;
    opacity: 0;
    transition: all .2s ease-in-out; }
  .optional_extra_image_overlay:hover {
    background: rgba(0, 0, 0, 0.3); }
    .optional_extra_image_overlay:hover:before {
      opacity: 1; }

.optional_extra_text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px; }

.optional_extra_text_content {
  text-align: center; }

.optional_extra_price_container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px; }

.optional_extra_price {
  font-weight: 500; }

.inhoud.container .designbasketlayout.optional_extra_title {
  display: inline-block;
  margin-bottom: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  width: 100%; }
.inhoud.container .optional_extra_text_content {
  min-height: 50px; }
.inhoud.container .optional_extra_text {
  align-items: flex-start;
  padding-bottom: 0px; }

.products_overlay {
  content: '';
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 100;
  visibility: hidden; }

.products_overlay_open {
  opacity: 0.7;
  visibility: visible; }

.products_putinbasket {
  display: none;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  width: 500px;
  min-height: 200px;
  padding: 10px;
  z-index: 101;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .products_putinbasket span.products_putinbasket_close {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #fff;
    cursor: pointer; }
    .products_putinbasket span.products_putinbasket_close i {
      font-size: 24px;
      color: #555; }
  .products_putinbasket div.products_putinbasket_shoppingicon {
    margin: 30px 0;
    text-align: center;
    font-weight: bold;
    color: #000; }
    .products_putinbasket div.products_putinbasket_shoppingicon:before {
      content: "\f218";
      display: inline-block;
      position: relative;
      font-size: 40px; }
  .products_putinbasket div.products_putinbasket_title {
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
    color: #000; }
  .products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_shopmore {
    margin-bottom: 20px;
    border: 1px solid #000;
    color: #000 !important;
    background-color: #fff !important; }
    .products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_shopmore:hover {
      background-color: #000;
      color: #fff !important; }
  .products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_gotobasket {
    margin-bottom: 20px;
    background-color: #000;
    border: 1px solid #000; }

@media screen and (max-width: 1023px) {
  div.basketblock:not(.floating) {
    top: -50px; } }
@media screen and (max-width: 767px) {
  .tpl_basket .inhoud.container h3, .tpl_basket .inhoud.container h3:first-of-type, .inhoud_orderlastpage h3, .inhoud_orderlastpage h3:first-of-type, .inhoud.container .result_order_address h3, .inhoud.container .result_order_address h3:first-of-type, .inhoud.container.inhoud_orderpage h3, .inhoud.container.inhoud_orderpage h3:first-of-type {
    text-align: center; }
  .tpl_basket .inhoud.container p, .inhoud_orderlastpage p, .inhoud.container .result_order_address p, .inhoud.container.inhoud_orderpage p {
    text-align: center; }
  .tpl_basket .inhoud.container .order_header, .inhoud_orderlastpage .order_header, .inhoud.container .result_order_address .order_header, .inhoud.container.inhoud_orderpage .order_header {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px; }
  .tpl_basket .inhoud.container .orderdone_container, .inhoud_orderlastpage .orderdone_container, .inhoud.container .result_order_address .orderdone_container, .inhoud.container.inhoud_orderpage .orderdone_container {
    width: 100%; }
    .tpl_basket .inhoud.container .orderdone_container .bestel_kassa, .tpl_basket .inhoud.container .orderdone_container .bestelknop, .inhoud_orderlastpage .orderdone_container .bestel_kassa, .inhoud_orderlastpage .orderdone_container .bestelknop, .inhoud.container .result_order_address .orderdone_container .bestel_kassa, .inhoud.container .result_order_address .orderdone_container .bestelknop, .inhoud.container.inhoud_orderpage .orderdone_container .bestel_kassa, .inhoud.container.inhoud_orderpage .orderdone_container .bestelknop {
      width: 100%; }

  .inhoud.container table.shopitems tr td, .inhoud.container table.shopitems tr.basket td {
    text-align: center; }

  .optional_extra_container {
    width: 100%;
    padding: 0px; }
    .optional_extra_container .optional_extra_text {
      padding: 5px; }
    .optional_extra_container .optional_extra_price_container {
      padding: 5px; }
    .optional_extra_container .optional_extra_button {
      padding: 5px; }

  tr.basket .prijs_staffels {
    text-align: left; }
    tr.basket .prijs_staffels ul li {
      white-space: normal; }
      tr.basket .prijs_staffels ul li:before {
        margin-left: 0px; } }
.formv1 [type=checkbox], .formv1 [type=radio] {
  position: relative;
  left: unset;
  opacity: 1;
  z-index: 1;
  float: left; }
.formv1 [type=checkbox] + label, .formv1 [type=radio] + label {
  display: inline-block;
  float: none;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  margin-top: -1px;
  max-width: calc(100% - 30px); }
.formv1 [type=checkbox] + label:before {
  display: none; }

/* New form layout */
/*div.cms_form_v2{
    width: 90%;
}

.cms_form_v2 {
    .form_row{
        margin-bottom: 1rem;
        display: flex;
    }
    .form_row .field{
        flex-grow: 1;
    }
    .form_row_input_text .field input, .form_row_e-mail_text .field input, .form_row_textarea_text .field textarea {
        width: 100%;
        border: 0px solid #fff;
        background: #e7e7e7;
        outline: none;
        font-size: 0.9rem;
        padding: 5px 10px;
        font-weight: 300;
        min-height: 30px;
    }
    .form_row {
        .description{
            width: 200px;
            text-align: right;
            padding-right: 10px;
            font-weight: 300;
        }
    }
    .form_row.turnstile_row {
        width: 100%;
        margin-top: 10px;
    }
}*/
body .ui-datepicker {
  font-family: "Open Sans", sans-serif; }
  body .ui-datepicker .ui-widget-header {
    border: 0px;
    background: #000;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px !important; }
    body .ui-datepicker .ui-widget-header .ui-widget-content .ui-icon {
      display: none; }
  body .ui-datepicker .ui-datepicker-prev {
    left: 0px;
    top: 0px;
    cursor: pointer;
    transition: all 0.2s ease-in-out; }
    body .ui-datepicker .ui-datepicker-prev:before {
      content: "\f104";
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      position: absolute;
      color: #fff;
      right: 9px;
      top: 3px; }
      body .ui-datepicker .ui-datepicker-prev:before.ui-state-hover {
        background: #fff; }
        body .ui-datepicker .ui-datepicker-prev:before.ui-state-hover:before {
          color: #000; }
    body .ui-datepicker .ui-datepicker-prev span {
      display: none; }
  body .ui-datepicker .ui-datepicker-next {
    right: 0px;
    top: 0px;
    cursor: pointer;
    transition: all 0.2s ease-in-out; }
    body .ui-datepicker .ui-datepicker-next.ui-state-hover {
      background: #fff; }
      body .ui-datepicker .ui-datepicker-next.ui-state-hover:before {
        color: #000; }
    body .ui-datepicker .ui-datepicker-next:before {
      content: "\f105";
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      position: absolute;
      color: #fff;
      right: 9px;
      top: 3px; }
    body .ui-datepicker .ui-datepicker-next span {
      display: none !important; }
  body .ui-datepicker .ui-state-disabled:before {
    display: none; }
  body .ui-datepicker .ui-state-default, body .ui-datepicker .ui-widget-content .ui-state-default, body .ui-datepicker .ui-widget-header .ui-state-default {
    background: #fff;
    border-color: #000;
    color: #000;
    text-align: center;
    transition: all 0.2s ease-in-out; }
    body .ui-datepicker .ui-state-default.ui-state-hover, body .ui-datepicker .ui-state-default.ui-state-active, body .ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover, body .ui-datepicker .ui-widget-content .ui-state-default.ui-state-active, body .ui-datepicker .ui-widget-header .ui-state-default.ui-state-hover, body .ui-datepicker .ui-widget-header .ui-state-default.ui-state-active {
      background: #31bd69;
      border-color: #31bd69;
      color: #fff; }
  body .ui-datepicker .ui-datepicker-today {
    background: #fff;
    border-color: #000;
    color: #000; }
  body .ui-datepicker th {
    font-weight: 400;
    text-transform: uppercase; }

[type=color], [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=file], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  background: #EDEDED;
  border: none;
  border-radius: 0;
  /*box-shadow: 0 0 5px rgba(219, 219, 219, 0.5);*/
  color: #4A4A4A;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  height: 35px;
  padding: 8px 0 8px 15px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.filterbutton {
  cursor: pointer;
  text-align: center; }

[type="button"], [type="submit"], .filterbutton {
  background: #000;
  border: none;
  /*box-shadow: 0 0 5px rgba(219, 219, 219, 0.5);*/
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 38px;
  line-height: 20px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

[type="button"]:enabled:hover, [type="button"]:enabled:focus, [type="submit"]:enabled:focus {
  /*background: #000000;*/
  box-shadow: none; }

[type=checkbox],
[type=radio] {
  left: -9999px;
  opacity: 0;
  position: absolute;
  z-index: -1; }

[type=checkbox] + label,
[type=radio] + label {
  align-items: center;
  color: #4A4A4A;
  cursor: pointer;
  display: flex;
  flex-flow: nowrap row;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  padding: 3px 20px 1px 0;
  position: relative;
  float: left;
  clear: left;
  top: 0px;
  margin-right: 0px;
  padding-right: 0px; }
  [type=checkbox] + label:hover:before,
  [type=radio] + label:hover:before {
    background-color: #000 !important; }

[type=checkbox] + label:before,
[type=radio] + label:before {
  border-radius: 50%;
  border: none;
  background-color: #EDEDED;
  /*box-shadow: 0 0 5px rgba(219, 219, 219, 0.5);*/
  content: "";
  display: block;
  height: 15px;
  min-height: 15px;
  margin: 0 15px 0 0;
  width: 15px;
  min-width: 15px;
  transition: background-color 0.2s ease-in-out; }

[type=checkbox] + label:before {
  border-radius: 0; }

[type=checkbox]:checked + label:before, [type=radio]:checked + label:before {
  background-color: #000 !important; }

[type=checkbox]:checked + label:after, [type=radio]:checked + label:after {
  content: "\f00c";
  font: normal normal normal 9px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  height: 9px;
  left: 3px;
  position: absolute;
  transform: scale(1.3);
  width: 10px;
  color: #fff; }

[type=checkbox][disabled] + label:before {
  background: #3b3b3b;
  opacity: 0.5; }
[type=checkbox][disabled] + label:hover:before {
  background: #3b3b3b;
  opacity: 0.5; }

[type=checkbox] + label.old_AcceptALV, [type=radio] + label.old_AcceptALV {
  flex-wrap: wrap;
  text-transform: initial; }
  [type=checkbox] + label.old_AcceptALV a, [type=checkbox] + label.old_AcceptALV a.shoplink, [type=radio] + label.old_AcceptALV a, [type=radio] + label.old_AcceptALV a.shoplink {
    margin: 0px; }
  [type=checkbox] + label.old_AcceptALV span, [type=radio] + label.old_AcceptALV span {
    width: calc(100% - 30px); }

.orderform2 [type=checkbox].radio-button + label, .orderform2 [type=radio].radio-button + label, .radio-button + label {
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 10px;
  border-radius: 5px;
  color: #4A4A4A !important;
  transition: all 0.2s ease-in-out;
  font-weight: 400 !important;
  min-width: 118px;
  /*text-transform: uppercase;*/
  margin-bottom: 2px;
  white-space: nowrap;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  height: 40px;
  line-height: 39px;
  margin: 0px;
  padding-top: 9px; }
  .orderform2 [type=checkbox].radio-button + label:after, .orderform2 [type=radio].radio-button + label:after, .radio-button + label:after {
    left: 13px; }
  .orderform2 [type=checkbox].radio-button + label:before, .orderform2 [type=radio].radio-button + label:before, .radio-button + label:before {
    margin: 0 10px 0 0;
    background-color: #000000; }
  .orderform2 [type=checkbox].radio-button + label:hover, .orderform2 [type=radio].radio-button + label:hover, .radio-button + label:hover {
    color: #fff !important;
    background: #000; }
    .orderform2 [type=checkbox].radio-button + label:hover:before, .orderform2 [type=radio].radio-button + label:hover:before, .radio-button + label:hover:before {
      background: #fff  !important; }
    .orderform2 [type=checkbox].radio-button + label:hover:after, .orderform2 [type=radio].radio-button + label:hover:after, .radio-button + label:hover:after {
      color: #000; }

@keyframes notice {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
.orderform2 [type=checkbox].radio-button.error + label, .orderform2 [type=radio].radio-button.error + label, .radio-button.error + label {
  border: 1px solid #ff0000;
  color: #ff0000 !important; }

.orderform2 [type=checkbox].radio-button.notice + label, .orderform2 [type=radio].radio-button.notice + label, .radio-button.notice + label {
  animation-name: notice;
  animation-duration: 0.5s; }

.orderform2 [type=checkbox] + label, .orderform2 [type=radio] + label {
  font-size: 0.9rem; }
.orderform2 .order_extrafield_container {
  width: 245px; }

.orderform2 [type=checkbox]:checked.radio-button + label, .orderform2 [type=radio]:checked.radio-button + label,
.orderform2 [type=checkbox]:checked.radio-button.error + label, .orderform2 [type=radio]:checked.radio-button.error + label {
  color: #4A4A4A !important;
  background: #fff;
  border-color: #000; }
  .orderform2 [type=checkbox]:checked.radio-button + label:before, .orderform2 [type=radio]:checked.radio-button + label:before,
  .orderform2 [type=checkbox]:checked.radio-button.error + label:before, .orderform2 [type=radio]:checked.radio-button.error + label:before {
    background: #fff !important; }
  .orderform2 [type=checkbox]:checked.radio-button + label:after, .orderform2 [type=radio]:checked.radio-button + label:after,
  .orderform2 [type=checkbox]:checked.radio-button.error + label:after, .orderform2 [type=radio]:checked.radio-button.error + label:after {
    color: #000; }

.inhoud.container .orderform2.orderconfirm, .orderform2.orderconfirm {
  margin-top: 10px; }
  .inhoud.container .orderform2.orderconfirm #AcceptALV + label,
  .inhoud.container .orderform2.orderconfirm .orderform2 #AcceptALV + label,
  .inhoud.container .orderform2.orderconfirm #SendMailInvoice + label,
  .inhoud.container .orderform2.orderconfirm .orderform2 #SendMailInvoice + label, .orderform2.orderconfirm #AcceptALV + label,
  .orderform2.orderconfirm .orderform2 #AcceptALV + label,
  .orderform2.orderconfirm #SendMailInvoice + label,
  .orderform2.orderconfirm .orderform2 #SendMailInvoice + label {
    max-width: 100%;
    width: 100%;
    height: auto;
    line-height: inherit; }

.orderform:not(.orderform2) {
  width: 100%; }

.inhoud.container .orderform2, .orderform2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-family: "Open Sans", sans-serif; }
  .inhoud.container .orderform2 [type=text], .inhoud.container .orderform2 textarea, .inhoud.container .orderform2 select, .orderform2 [type=text], .orderform2 textarea, .orderform2 select {
    font-size: 14px;
    padding: 10px;
    font-weight: 400 !important;
    background: #fff;
    font-family: "Open Sans", sans-serif; }
    .inhoud.container .orderform2 [type=text]:hover, .inhoud.container .orderform2 [type=text]:focus, .inhoud.container .orderform2 textarea:hover, .inhoud.container .orderform2 textarea:focus, .inhoud.container .orderform2 select:hover, .inhoud.container .orderform2 select:focus, .orderform2 [type=text]:hover, .orderform2 [type=text]:focus, .orderform2 textarea:hover, .orderform2 textarea:focus, .orderform2 select:hover, .orderform2 select:focus {
      background: #fff;
      position: relative;
      border-bottom: 1px solid #000; }
  .inhoud.container .orderform2 select, .orderform2 select {
    /*        font-size: 1rem;
            font-weight: 600;*/ }
  .inhoud.container .orderform2 textarea, .orderform2 textarea {
    height: 100px;
    width: 100%;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 1rem;
    border: 1px solid #e4e4e4; }
  .inhoud.container .orderform2 .orderform_buttonbar, .orderform2 .orderform_buttonbar {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 18px;
    gap: 40px; }
    .inhoud.container .orderform2 .orderform_buttonbar button, .orderform2 .orderform_buttonbar button {
      font-weight: 600; }
      .inhoud.container .orderform2 .orderform_buttonbar button:hover, .orderform2 .orderform_buttonbar button:hover {
        background: transparent !important;
        color: #85ff4d; }
        .inhoud.container .orderform2 .orderform_buttonbar button:hover:after, .orderform2 .orderform_buttonbar button:hover:after {
          color: #85ff4d; }
        .inhoud.container .orderform2 .orderform_buttonbar button:hover:before, .orderform2 .orderform_buttonbar button:hover:before {
          color: #85ff4d; }
      .inhoud.container .orderform2 .orderform_buttonbar button.knop_kassa, .orderform2 .orderform_buttonbar button.knop_kassa {
        min-width: 350px;
        max-width: 100%;
        border-color: #85ff4d;
        background: #85ff4d; }
  .inhoud.container .orderform2 .address_search, .orderform2 .address_search {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px; }
    .inhoud.container .orderform2 .address_search > div, .orderform2 .address_search > div {
      width: 30%; }
    .inhoud.container .orderform2 .address_search input, .orderform2 .address_search input {
      width: 100%;
      margin: 0px;
      height: 40px;
      line-height: 40px; }
    .inhoud.container .orderform2 .address_search button, .orderform2 .address_search button {
      background: #000;
      color: #fff;
      border: #000;
      width: 100% !important;
      /*            height: 40px;
                  line-height: 40px;*/
      text-align: center;
      padding: 10px 20px;
      border: 1px solid; }
      .inhoud.container .orderform2 .address_search button:hover, .orderform2 .address_search button:hover {
        background: #fff;
        color: #000; }
  .inhoud.container .orderform2 .input-title, .orderform2 .input-title {
    padding: 9px 0px;
    margin-right: 10px;
    font-weight: 600;
    color: #545454;
    font-size: 14px;
    width: 130px;
    height: 100%;
    align-items: flex-end;
    display: flex; }
  .inhoud.container .orderform2 .input-container-wide, .orderform2 .input-container-wide {
    min-width: 245px; }
    .inhoud.container .orderform2 .input-container-wide.input-container-date, .orderform2 .input-container-wide.input-container-date {
      min-width: 200px;
      display: flex; }
      .inhoud.container .orderform2 .input-container-wide.input-container-date button, .orderform2 .input-container-wide.input-container-date button {
        margin-top: 18px;
        background: #000;
        border-color: #e4e4e4;
        color: #fff; }
        .inhoud.container .orderform2 .input-container-wide.input-container-date button:hover, .orderform2 .input-container-wide.input-container-date button:hover {
          background: transparent;
          color: #000; }
          .inhoud.container .orderform2 .input-container-wide.input-container-date button:hover:before, .orderform2 .input-container-wide.input-container-date button:hover:before {
            color: #000; }
  .inhoud.container .orderform2 .input-container-wide2, .orderform2 .input-container-wide2 {
    min-width: 510px; }
  .inhoud.container .orderform2 .input-container-half-wide, .orderform2 .input-container-half-wide {
    width: 118px; }
  .inhoud.container .orderform2 .form-fieldcontainer, .orderform2 .form-fieldcontainer {
    padding: 5px 0px;
    padding-top: 2px;
    display: flex;
    align-items: flex-end; }
    .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-btwcode, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-vatcheck, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtm, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtv, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationlightquotation, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationadvquotation, .orderform2 .form-fieldcontainer.form-fieldcontainer-btwcode, .orderform2 .form-fieldcontainer.form-fieldcontainer-vatcheck, .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtm, .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtv, .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationlightquotation, .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationadvquotation {
      justify-content: flex-end; }
    .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-land .select-container, .orderform2 .form-fieldcontainer.form-fieldcontainer-land .select-container {
      display: flex;
      flex-direction: column;
      margin-top: 2px; }
    .inhoud.container .orderform2 .form-fieldcontainer input, .inhoud.container .orderform2 .form-fieldcontainer select, .orderform2 .form-fieldcontainer input, .orderform2 .form-fieldcontainer select {
      margin-bottom: 0px;
      border: 1px solid #e4e4e4;
      color: #4A4A4A !important; }
    .inhoud.container .orderform2 .form-fieldcontainer .textarea, .orderform2 .form-fieldcontainer .textarea {
      color: #4A4A4A !important;
      border: 1px solid #e4e4e4; }
    .inhoud.container .orderform2 .form-fieldcontainer.text-container, .orderform2 .form-fieldcontainer.text-container {
      justify-content: flex-end; }
      .inhoud.container .orderform2 .form-fieldcontainer.text-container div, .orderform2 .form-fieldcontainer.text-container div {
        margin-right: 10px;
        line-height: 40px; }
    .inhoud.container .orderform2 .form-fieldcontainer .select-container:after, .orderform2 .form-fieldcontainer .select-container:after {
      top: unset;
      bottom: 11px; }
    .inhoud.container .orderform2 .form-fieldcontainer .select-container select, .orderform2 .form-fieldcontainer .select-container select {
      height: 40px !important;
      max-width: 100%;
      cursor: pointer;
      margin-top: -2px; }
      .inhoud.container .orderform2 .form-fieldcontainer .select-container select.countrycode, .orderform2 .form-fieldcontainer .select-container select.countrycode {
        max-width: 160px; }
  .inhoud.container .orderform2 .input-combine, .orderform2 .input-combine {
    margin-bottom: 5px;
    align-self: flex-start;
    background: #f9f9f9;
    padding-left: 15px;
    width: 100%;
    position: relative;
    flex-wrap: wrap; }
    .inhoud.container .orderform2 .input-combine.multiline-combine, .orderform2 .input-combine.multiline-combine {
      display: flex;
      flex-wrap: wrap;
      padding-left: 156px; }
      .inhoud.container .orderform2 .input-combine.multiline-combine .title-container, .orderform2 .input-combine.multiline-combine .title-container {
        position: absolute;
        left: 11px; }
    .inhoud.container .orderform2 .input-combine:before, .orderform2 .input-combine:before {
      transition: all 0.2s ease-in-out;
      position: absolute;
      content: "\f00c";
      font: normal normal normal 20px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      margin-top: -12px;
      color: #87cda0;
      left: -50px;
      top: 50%;
      opacity: 0;
      transform: scale(0); }
    .inhoud.container .orderform2 .input-combine.error .title-container .input-title, .orderform2 .input-combine.error .title-container .input-title {
      color: #ff0000; }
    .inhoud.container .orderform2 .input-combine.success, .orderform2 .input-combine.success {
      /*background: #ddefdd;*/ }
      .inhoud.container .orderform2 .input-combine.success:before, .orderform2 .input-combine.success:before {
        opacity: 1; }
    .inhoud.container .orderform2 .input-combine.input-combine-vertical, .orderform2 .input-combine.input-combine-vertical {
      flex-wrap: wrap; }
      .inhoud.container .orderform2 .input-combine.input-combine-vertical .form-fieldcontainer, .orderform2 .input-combine.input-combine-vertical .form-fieldcontainer {
        width: 100%;
        padding: 0px;
        padding-bottom: 10px; }
      .inhoud.container .orderform2 .input-combine.input-combine-vertical .title-container, .orderform2 .input-combine.input-combine-vertical .title-container {
        padding-bottom: 0px; }
  .inhoud.container .orderform2 .input-combine .form-fieldcontainer, .inhoud.container .orderform2 .shipment .form-fieldcontainer, .orderform2 .input-combine .form-fieldcontainer, .orderform2 .shipment .form-fieldcontainer {
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    max-height: 200px; }
  .inhoud.container .orderform2 .input-combine.closed, .inhoud.container .orderform2 .shipment.closed, .orderform2 .input-combine.closed, .orderform2 .shipment.closed {
    margin-bottom: 0px;
    padding-top: 0px; }
    .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth, .orderform2 .input-combine.closed .form-fieldcontainer, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth, .orderform2 .shipment.closed .form-fieldcontainer, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth {
      max-height: 0px;
      padding-top: 0px;
      padding-bottom: 0px; }
      .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer .dynamiclabel label, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth .dynamiclabel label, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer .dynamiclabel label, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth .dynamiclabel label, .orderform2 .input-combine.closed .form-fieldcontainer .dynamiclabel label, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth .dynamiclabel label, .orderform2 .shipment.closed .form-fieldcontainer .dynamiclabel label, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth .dynamiclabel label {
        position: relative; }
      .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer input, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth input, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer input, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth input, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .input-combine.closed .form-fieldcontainer input, .orderform2 .input-combine.closed .form-fieldcontainer textarea, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth input, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .shipment.closed .form-fieldcontainer input, .orderform2 .shipment.closed .form-fieldcontainer textarea, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth input, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea {
        max-height: 0px;
        padding: 0px;
        margin: 0px; }
      .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .input-combine.closed .form-fieldcontainer textarea, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .shipment.closed .form-fieldcontainer textarea, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea {
        border: 0px; }
    .inhoud.container .orderform2 .input-combine.closed.success:before, .inhoud.container .orderform2 .shipment.closed.success:before, .orderform2 .input-combine.closed.success:before, .orderform2 .shipment.closed.success:before {
      display: none; }
  .inhoud.container .orderform2 .input-combine.success:before, .inhoud.container .orderform2 .shipment.success:before, .orderform2 .input-combine.success:before, .orderform2 .shipment.success:before {
    transform: scale(1);
    opacity: 1; }
  .inhoud.container .orderform2 .input-container.error [type=text], .inhoud.container .orderform2 .input-container.error textarea, .inhoud.container .orderform2 .input-container.error select, .orderform2 .input-container.error [type=text], .orderform2 .input-container.error textarea, .orderform2 .input-container.error select {
    border: 1px solid #ff0000; }
  .inhoud.container .orderform2 .input-container.error.dynamiclabel.dynamiclabel-up label, .inhoud.container .orderform2 .input-container.error label, .orderform2 .input-container.error.dynamiclabel.dynamiclabel-up label, .orderform2 .input-container.error label {
    color: #ff0000; }
  .inhoud.container .orderform2 .dynamiclabel label, .orderform2 .dynamiclabel label {
    position: absolute;
    transform: translateY(27px) translateX(10px);
    transition: 0.2s ease-in-out;
    z-index: 10;
    pointer-events: none;
    color: #929292;
    font-weight: 400;
    font-size: 14px !important; }
  .inhoud.container .orderform2 .dynamiclabel input, .orderform2 .dynamiclabel input {
    margin-top: 18px; }
  .inhoud.container .orderform2 .dynamiclabel.dynamiclabel-up label, .orderform2 .dynamiclabel.dynamiclabel-up label {
    color: #a3a3a3;
    transform: translateY(0px) translateX(0px);
    font-weight: 400;
    font-size: 12px !important; }
  .inhoud.container .orderform2 a.btwcheck, .orderform2 a.btwcheck {
    padding: 6px 10px;
    border-radius: 5px;
    margin-left: 0px;
    background: #fff;
    font-size: 14px;
    font-weight: 400 !important;
    /*text-transform: uppercase;*/
    /*line-height: 24px;*/
    border: 1px solid #e4e4e4 !important;
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0px;
    color: #4A4A4A !important; }
    .inhoud.container .orderform2 a.btwcheck:after, .orderform2 a.btwcheck:after {
      top: 1px; }
    .inhoud.container .orderform2 a.btwcheck:hover, .orderform2 a.btwcheck:hover {
      color: #fff !important;
      background: #000; }
  .inhoud.container .orderform2 .company-fields, .orderform2 .company-fields {
    max-height: 0px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    margin: 0px; }
    .inhoud.container .orderform2 .company-fields .form-fieldcontainer, .orderform2 .company-fields .form-fieldcontainer {
      transition: all 0.5s ease-in-out;
      max-height: 0px;
      overflow: hidden; }
    .inhoud.container .orderform2 .company-fields.open, .orderform2 .company-fields.open {
      opacity: 1;
      max-height: 400px;
      margin-bottom: 5px; }
      .inhoud.container .orderform2 .company-fields.open .form-fieldcontainer, .orderform2 .company-fields.open .form-fieldcontainer {
        max-height: 400px;
        overflow: hidden; }
  .inhoud.container .orderform2 .shipment-combine, .orderform2 .shipment-combine {
    z-index: 20;
    padding-top: 18px; }
    .inhoud.container .orderform2 .shipment-combine [type=checkbox].radio-button + label, .inhoud.container .orderform2 .shipment-combine [type=radio].radio-button + label, .inhoud.container .orderform2 .shipment-combine .radio-button + label, .orderform2 .shipment-combine [type=checkbox].radio-button + label, .orderform2 .shipment-combine [type=radio].radio-button + label, .orderform2 .shipment-combine .radio-button + label {
      min-width: 245px; }
  .inhoud.container .orderform2 .input-combine.shipment-combine.closed + .orderform_shipment.closed, .orderform2 .input-combine.shipment-combine.closed + .orderform_shipment.closed {
    margin-top: 0px; }
  .inhoud.container .orderform2 .orderform_shipment, .orderform2 .orderform_shipment {
    background: #ececec;
    display: flex;
    flex-direction: column;
    /*border-radius: 0px 10px 10px 10px;*/
    max-height: 0px;
    padding: 15px;
    margin: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    margin-top: -30px; }
    .inhoud.container .orderform2 .orderform_shipment.open, .orderform2 .orderform_shipment.open {
      margin-bottom: 5px;
      padding: 15px;
      opacity: 1;
      max-height: 400px;
      margin-top: -18px; }
      .inhoud.container .orderform2 .orderform_shipment.open.closed, .orderform2 .orderform_shipment.open.closed {
        margin-bottom: 0px;
        max-height: 0px;
        padding: 0px;
        opacity: 0; }
        .inhoud.container .orderform2 .orderform_shipment.open.closed .form-fieldcontainer, .orderform2 .orderform_shipment.open.closed .form-fieldcontainer {
          padding-top: 0px; }
    .inhoud.container .orderform2 .orderform_shipment.success, .orderform2 .orderform_shipment.success {
      background: #ececec; }
    .inhoud.container .orderform2 .orderform_shipment .input-combine, .orderform2 .orderform_shipment .input-combine {
      background: transparent;
      padding-left: 0px;
      margin-bottom: 0px; }
      .inhoud.container .orderform2 .orderform_shipment .input-combine:last-of-type, .orderform2 .orderform_shipment .input-combine:last-of-type {
        margin-bottom: 0px; }
      .inhoud.container .orderform2 .orderform_shipment .input-combine .form-fieldcontainer, .orderform2 .orderform_shipment .input-combine .form-fieldcontainer {
        padding-bottom: 0px;
        padding-top: 5px; }
    .inhoud.container .orderform2 .orderform_shipment .input-title, .orderform2 .orderform_shipment .input-title {
      /*width: 115px;*/ }
  .inhoud.container .orderform2 #SendMailInvoice + label,
  .inhoud.container .orderform2 #AcceptALV + label, .orderform2 #SendMailInvoice + label,
  .orderform2 #AcceptALV + label {
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    padding-left: 35px; }
    .inhoud.container .orderform2 #SendMailInvoice + label a,
    .inhoud.container .orderform2 #AcceptALV + label a, .orderform2 #SendMailInvoice + label a,
    .orderform2 #AcceptALV + label a {
      background: transparent;
      transition: color .2s ease-in-out; }
    .inhoud.container .orderform2 #SendMailInvoice + label:hover a,
    .inhoud.container .orderform2 #AcceptALV + label:hover a, .orderform2 #SendMailInvoice + label:hover a,
    .orderform2 #AcceptALV + label:hover a {
      color: #fff !important; }
    .inhoud.container .orderform2 #SendMailInvoice + label:before,
    .inhoud.container .orderform2 #AcceptALV + label:before, .orderform2 #SendMailInvoice + label:before,
    .orderform2 #AcceptALV + label:before {
      margin-left: -26px;
      position: absolute; }
  .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a,
  .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a, .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a,
  .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a {
    color: #000 !important; }
    .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a:hover,
    .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a:hover, .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a:hover,
    .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a:hover {
      color: #ccc !important; }
  .inhoud.container .orderform2 .form-fieldcontainer-fullwidth, .orderform2 .form-fieldcontainer-fullwidth {
    flex-grow: 1;
    flex-basis: calc(100% - 130px); }
    .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label,
    .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label, .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label,
    .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label {
      max-width: 100%;
      text-transform: initial;
      font-weight: 400;
      font-size: 14px;
      line-height: initial;
      height: auto; }
      .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label a,
      .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label a, .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label a,
      .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label a {
        background: transparent !important;
        color: #000 !important; }
  .inhoud.container .orderform2.userhistory_active, .orderform2.userhistory_active {
    width: 65%; }
    .inhoud.container .orderform2.userhistory_active .title-container, .orderform2.userhistory_active .title-container {
      width: 100%;
      text-align: center;
      padding-top: 3px;
      display: none; }
      .inhoud.container .orderform2.userhistory_active .title-container .input-title, .orderform2.userhistory_active .title-container .input-title {
        width: 100%;
        padding: 0px; }
    .inhoud.container .orderform2.userhistory_active .input-combine, .orderform2.userhistory_active .input-combine {
      flex-wrap: wrap; }
    .inhoud.container .orderform2.userhistory_active .form-fieldcontainer, .orderform2.userhistory_active .form-fieldcontainer {
      /*            padding: 0px;
                  padding-bottom: 5px;*/ }
    .inhoud.container .orderform2.userhistory_active .input-container-wide, .orderform2.userhistory_active .input-container-wide {
      /*min-width: 193px;*/ }
    .inhoud.container .orderform2.userhistory_active .input-container-half-wide, .orderform2.userhistory_active .input-container-half-wide {
      /*width: 92px;*/ }
    .inhoud.container .orderform2.userhistory_active .form-fieldcontainer .select-container select.countrycode, .orderform2.userhistory_active .form-fieldcontainer .select-container select.countrycode {
      max-width: 245px; }
    .inhoud.container .orderform2.userhistory_active [type=checkbox].radio-button + label, .inhoud.container .orderform2.userhistory_active [type=radio].radio-button + label, .inhoud.container .orderform2.userhistory_active .radio-button + label, .orderform2.userhistory_active [type=checkbox].radio-button + label, .orderform2.userhistory_active [type=radio].radio-button + label, .orderform2.userhistory_active .radio-button + label {
      /*min-width: 92px;*/ }
    .inhoud.container .orderform2.userhistory_active .orderform_shipment.open, .orderform2.userhistory_active .orderform_shipment.open {
      padding-top: 20px; }
    .inhoud.container .orderform2.userhistory_active .company-fields .input-container-half-wide, .orderform2.userhistory_active .company-fields .input-container-half-wide {
      width: 245px; }

.field-input-title {
  font-weight: 400;
  color: #a3a3a3;
  font-size: 12px !important; }

input.textbox_login {
  background: #fff; }

.product_column_left .licenseplate {
  display: none !important; }

table input, table select, table textfield {
  margin-bottom: 5px; }

.formcol {
  display: flex; }

.input-combine {
  display: flex; }
  .input-combine .input-container {
    margin-right: 10px; }

/* Fix auto zoom on iPhone */
@media screen and (max-width: 767px) {
  [type=color], [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=file], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
    font-size: 16px; } }
button[name="setnewcust"] {
  padding: 10px 20px; }

button[name="setnewcust"]:not(:hover) {
  color: #fff; }

form.orderform {
  display: flex;
  flex-direction: row-reverse; }

.order_addressfields {
  display: flex;
  flex-direction: row-reverse; }

.userhistory_active div.order_userhistory {
  width: 100%; }

.addresfields {
  width: auto !important;
  flex-grow: 1; }

.orderaddress_data table td:nth-of-type(1) {
  min-width: 0px !important; }

@media screen and (max-width: 1023px) {
  .inhoud.container .orderform2 .title-container .input-title {
    margin-right: 0px; }

  .shipment-combine {
    padding-top: inherit; }

  .inhoud.container .orderform2 .form-fieldcontainer .select-container select.countrycode, .orderform2 .form-fieldcontainer .select-container select.countrycode {
    max-width: 100%; }

  form.orderform {
    flex-direction: column;
    flex-wrap: wrap; }
    form.orderform .userhistory_active {
      width: 100%; }

  .inhoud.container .orderform2 .order_extrafield_container2, .orderform2 .order_extrafield_container2 {
    width: 100%; }
  .inhoud.container .orderform2 textarea, .orderform2 textarea {
    width: 100%; }
  .inhoud.container .orderform2 .input-combine, .orderform2 .input-combine {
    flex-wrap: wrap;
    justify-content: center; }
    .inhoud.container .orderform2 .input-combine .title-container, .orderform2 .input-combine .title-container {
      width: 100%; }
      .inhoud.container .orderform2 .input-combine .title-container .input-title, .orderform2 .input-combine .title-container .input-title {
        width: 100%;
        text-align: center;
        padding: 0px;
        padding-top: 10px; }
  .inhoud.container .orderform2 .form-fieldcontainer, .orderform2 .form-fieldcontainer {
    flex-grow: 1;
    padding-top: 0px; }
    .inhoud.container .orderform2 .form-fieldcontainer .input-container, .orderform2 .form-fieldcontainer .input-container {
      width: calc(100% - 10px); }
  .inhoud.container .orderform2 .input-container-wide, .inhoud.container .orderform2 .input-container-wide2, .orderform2 .input-container-wide, .orderform2 .input-container-wide2 {
    width: 100%; }
  .inhoud.container .orderform2 [type=checkbox].radio-button + label, .inhoud.container .orderform2 [type=radio].radio-button + label, .orderform2 [type=checkbox].radio-button + label, .orderform2 [type=radio].radio-button + label {
    width: 100%; }
  .inhoud.container .orderform2 .orderform_shipment.open, .orderform2 .orderform_shipment.open {
    max-height: 1000px; }
  .inhoud.container .orderform2 .dynamiclabel label, .inhoud.container .orderform2 .dynamiclabel.dynamiclabel-up label, .orderform2 .dynamiclabel label, .orderform2 .dynamiclabel.dynamiclabel-up label {
    color: #000;
    transform: translateY(0px) translateX(0px);
    font-weight: 400;
    font-size: 14px !important; }
  .inhoud.container .orderform2 .field-input-title, .orderform2 .field-input-title {
    color: #000;
    font-size: 14px !important; }
  .inhoud.container .orderform2 .knop_winkelen, .orderform2 .knop_winkelen {
    width: auto; } }
.orderproces_acceptalv, .orderproces_sendmailinvoice {
  margin-bottom: 10px; }

.orderbuttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px; }
  .orderbuttons input {
    width: 48%; }
  .orderbuttons .orderdone_container {
    width: 48%; }
    .orderbuttons .orderdone_container input {
      width: 100%; }

@media screen and (max-width: 767px) {
  .inhoud.container .orderform2 .orderform_buttonbar, .orderform2 .orderform_buttonbar {
    flex-wrap: wrap;
    flex-direction: column-reverse; }
    .inhoud.container .orderform2 .orderform_buttonbar button, .orderform2 .orderform_buttonbar button {
      width: 100%; }
      .inhoud.container .orderform2 .orderform_buttonbar button.knop_kassa, .orderform2 .orderform_buttonbar button.knop_kassa {
        min-width: auto;
        width: 100%;
        margin-bottom: 10px; }
  .inhoud.container .orderform2 .form-fieldcontainer .select-container select, .orderform2 .form-fieldcontainer .select-container select {
    max-width: 100%; }

  .inhoud.container .orderform2 .input-combine.success:before, .inhoud.container .orderform2 .shipment.success:before, .orderform2 .input-combine.success:before, .orderform2 .shipment.success:before {
    display: none; }

  .orderbuttons {
    flex-direction: column; }
    .orderbuttons input {
      width: 100%; }
    .orderbuttons .orderdone_container {
      margin-top: 10px;
      width: 100%; }

  .buttons_container {
    flex-direction: column; }
    .buttons_container a {
      margin-top: 10px; } }
.buttons_container {
  display: flex;
  justify-content: space-between; }

.newsletter_container {
  text-align: left; }
  .newsletter_container .newsletter_title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px; }
  .newsletter_container .field_container {
    display: flex;
    flex-direction: row;
    margin-bottom: 2px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    max-height: 70px; }
    .newsletter_container .field_container .field_label {
      min-width: 150px;
      text-align: right;
      padding-right: 5px; }
    .newsletter_container .field_container .field {
      flex-grow: 1; }
    .newsletter_container .field_container input {
      height: 30px;
      width: 100%; }
    .newsletter_container .field_container input[type="text"] {
      background: #e8e8e8;
      transition: 0.2s ease-in-out;
      border: 1px solid #000;
      font-size: 1rem; }
      .newsletter_container .field_container input[type="text"]:hover {
        background: #fff !important; }
    .newsletter_container .field_container.newsletter_mailtype {
      display: none;
      margin: 0px; }
  .newsletter_container .newsletter_submit {
    overflow: hidden;
    margin-top: 3px;
    transition: 0.5s ease-in-out;
    max-height: 70px; }
    .newsletter_container .newsletter_submit input {
      line-height: 28px;
      padding: 0px; }
  .newsletter_container.closed .newsletter_repeatmail {
    max-height: 0px; }
  .newsletter_container.closed .newsletter_submit {
    max-height: 0px; }

/* Overwrite default styling */
/*.inhoud.container .orderform2, .orderform2{
    width: 100%;
}
.inhoud.container .orderform2 .input-combine, .orderform2 .input-combine{
    background: transparent;
    padding-left: 0px;
}
.inhoud.container .orderform2 .title-container, .orderform2 .title-container{
    display: none;
}
.inhoud.container .orderform2 .input-combine:not(.closed) [type=text], .inhoud.container .orderform2 .input-combine:not(.closed) textarea, .inhoud.container .orderform2 .input-combine:not(.closed) select, .orderform2 .input-combine:not(.closed) [type=text], .orderform2 .input-combine:not(.closed) textarea, .orderform2 select{
    border: 1px solid #000;
    background: #EDEDED;
}
.inhoud.container .orderform2 .dynamiclabel label, .orderform2 .dynamiclabel label, .inhoud.container .orderform2 .dynamiclabel.dynamiclabel-up label, .orderform2 .dynamiclabel.dynamiclabel-up label{
    transform: translateY(0px) translateX(0px);
    color: #000;
    font-weight: 700;
}

.inhoud.container .orderform2 .form-fieldcontainer, .orderform2 .form-fieldcontainer{
    padding: 0px;
}
.inhoud.container .orderform2 .input-combine.success:before{
    display: none;
}*/
.result_order_text div.select {
  position: relative; }
  .result_order_text div.select:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 8px;
    pointer-events: none; }
  .result_order_text div.select select {
    height: 40px !important;
    max-width: 100%;
    cursor: pointer; }

.hiddenbutton {
  opacity: 0;
  height: 0px;
  border: 0px; }

.button-submit {
  width: 100%;
  background: #000;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #000;
  transition: all .2s ease-in-out;
  padding: 10px 20px;
  cursor: pointer;
  height: auto;
  text-align: center; }
  .button-submit:hover {
    background: transparent;
    color: #000; }

div.cms_form_v2 [type=color], div.cms_form_v2 [type=color], div.cms_form_v2 [type=date], div.cms_form_v2 [type=datetime-local], div.cms_form_v2 [type=datetime], div.cms_form_v2 [type=email], div.cms_form_v2 [type=file], div.cms_form_v2 [type=month], div.cms_form_v2 [type=number], div.cms_form_v2 [type=password], div.cms_form_v2 [type=search], div.cms_form_v2 [type=tel], div.cms_form_v2 [type=text], div.cms_form_v2 [type=time], div.cms_form_v2 [type=url], div.cms_form_v2 [type=week], div.cms_form_v2 select, div.cms_form_v2 textarea {
  border-radius: 4px;
  background: #fafafa;
  border: 1px solid #ccc;
  transition: all .2s ease-in-out; }
  div.cms_form_v2 [type=color]:focus, div.cms_form_v2 [type=color]:hover, div.cms_form_v2 [type=color]:focus, div.cms_form_v2 [type=color]:hover, div.cms_form_v2 [type=date]:focus, div.cms_form_v2 [type=date]:hover, div.cms_form_v2 [type=datetime-local]:focus, div.cms_form_v2 [type=datetime-local]:hover, div.cms_form_v2 [type=datetime]:focus, div.cms_form_v2 [type=datetime]:hover, div.cms_form_v2 [type=email]:focus, div.cms_form_v2 [type=email]:hover, div.cms_form_v2 [type=file]:focus, div.cms_form_v2 [type=file]:hover, div.cms_form_v2 [type=month]:focus, div.cms_form_v2 [type=month]:hover, div.cms_form_v2 [type=number]:focus, div.cms_form_v2 [type=number]:hover, div.cms_form_v2 [type=password]:focus, div.cms_form_v2 [type=password]:hover, div.cms_form_v2 [type=search]:focus, div.cms_form_v2 [type=search]:hover, div.cms_form_v2 [type=tel]:focus, div.cms_form_v2 [type=tel]:hover, div.cms_form_v2 [type=text]:focus, div.cms_form_v2 [type=text]:hover, div.cms_form_v2 [type=time]:focus, div.cms_form_v2 [type=time]:hover, div.cms_form_v2 [type=url]:focus, div.cms_form_v2 [type=url]:hover, div.cms_form_v2 [type=week]:focus, div.cms_form_v2 [type=week]:hover, div.cms_form_v2 select:focus, div.cms_form_v2 select:hover, div.cms_form_v2 textarea:focus, div.cms_form_v2 textarea:hover {
    border-color: #000;
    background: #fff; }
div.cms_form_v2 [type=button].knop_login, div.cms_form_v2 [type=button].knop, div.cms_form_v2 [type=reset].knop_login, div.cms_form_v2 [type=reset].knop, div.cms_form_v2 [type=submit].knop_login, div.cms_form_v2 [type=submit].knop, div.cms_form_v2 button.knop_login, div.cms_form_v2 button.knop {
  border-radius: 10px; }
div.cms_form_v2 form {
  margin-left: 0px; }
  div.cms_form_v2 form .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  div.cms_form_v2 form .form_row {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px; }
    div.cms_form_v2 form .form_row.width_full {
      width: 100%; }
    div.cms_form_v2 form .form_row.width_half {
      width: 48%; }
    div.cms_form_v2 form .form_row.width_third {
      width: 31%; }
    div.cms_form_v2 form .form_row .description {
      width: 200px;
      text-align: left;
      font-weight: 500;
      padding-right: 10px;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      padding-top: 5px; }
    div.cms_form_v2 form .form_row .field {
      width: calc(100% - 200px); }
    div.cms_form_v2 form .form_row .areabox {
      width: 100%;
      font-size: 14px;
      color: #000; }
    div.cms_form_v2 form .form_row.form_row_input_radio {
      flex-wrap: wrap; }
    div.cms_form_v2 form .form_row.form_row_input_checkbox .field, div.cms_form_v2 form .form_row .form_row form_row_input_radio .field {
      display: flex;
      flex-direction: column; }
    div.cms_form_v2 form .form_row.form_row_date_ .field {
      display: flex; }
      div.cms_form_v2 form .form_row.form_row_date_ .field button.ui-datepicker-trigger {
        background: #000;
        border-color: #000;
        top: 0px !important;
        left: 0px !important;
        margin-left: 10px;
        height: auto;
        border-radius: 10px; }
        div.cms_form_v2 form .form_row.form_row_date_ .field button.ui-datepicker-trigger:hover {
          color: #000; }
          div.cms_form_v2 form .form_row.form_row_date_ .field button.ui-datepicker-trigger:hover:before {
            color: #000; }
    div.cms_form_v2 form .form_row.form_row_leeg_ .description {
      width: 100%;
      padding-left: 200px;
      justify-content: flex-start; }
    div.cms_form_v2 form .form_row.captcha_row .field, div.cms_form_v2 form .form_row.form_alv .field, div.cms_form_v2 form .form_row.form_submit .field {
      display: flex;
      justify-content: flex-start; }
    div.cms_form_v2 form .form_row.form_row_fieldsrequired .description {
      display: none; }
    div.cms_form_v2 form .form_row.form_row_fieldsrequired .field {
      width: 100%;
      justify-content: flex-end; }
    div.cms_form_v2 form .form_row .form_row.turnstile_row {
      width: 100%;
      margin-top: 10px; }
      div.cms_form_v2 form .form_row .form_row.turnstile_row > iframe {
        border-radius: 4px; }

#CybotCookiebotDialog input[type=checkbox] {
  left: 0px;
  z-index: 2; }

@media screen and (max-width: 1023px) {
  div.cms_form_v3 .form .form_row.form_row_width_1, div.cms_form_v3 .form .form_row.form_row_width_2, div.cms_form_v3 .form .form_row.form_row_width_3, div.cms_form_v3 .form .form_row.form_row_width_9, div.cms_form_v3 .form .form_row.width_full, div.cms_form_v3 .form .form_row.width_half, div.cms_form_v3 .form .form_row.width_third {
    width: 100%; }
    div.cms_form_v3 .form .form_row.form_row_width_1 .description, div.cms_form_v3 .form .form_row.form_row_width_2 .description, div.cms_form_v3 .form .form_row.form_row_width_3 .description, div.cms_form_v3 .form .form_row.form_row_width_9 .description, div.cms_form_v3 .form .form_row.width_full .description, div.cms_form_v3 .form .form_row.width_half .description, div.cms_form_v3 .form .form_row.width_third .description {
      justify-content: flex-start; } }
@media screen and (max-width: 767px) {
  div.cms_form_v3 .form .form_row.form_row_width_1, div.cms_form_v3 .form .form_row.form_row_width_2, div.cms_form_v3 .form .form_row.form_row_width_3, div.cms_form_v3 .form .form_row.form_row_width_9, div.cms_form_v3 .form .form_row.width_full, div.cms_form_v3 .form .form_row.width_half, div.cms_form_v3 .form .form_row.width_third {
    flex-direction: column; }
    div.cms_form_v3 .form .form_row.form_row_width_1 .description, div.cms_form_v3 .form .form_row.form_row_width_2 .description, div.cms_form_v3 .form .form_row.form_row_width_3 .description, div.cms_form_v3 .form .form_row.form_row_width_9 .description, div.cms_form_v3 .form .form_row.width_full .description, div.cms_form_v3 .form .form_row.width_half .description, div.cms_form_v3 .form .form_row.width_third .description {
      width: 100%; }
    div.cms_form_v3 .form .form_row.form_row_width_1 .field, div.cms_form_v3 .form .form_row.form_row_width_2 .field, div.cms_form_v3 .form .form_row.form_row_width_3 .field, div.cms_form_v3 .form .form_row.form_row_width_9 .field, div.cms_form_v3 .form .form_row.width_full .field, div.cms_form_v3 .form .form_row.width_half .field, div.cms_form_v3 .form .form_row.width_third .field {
      width: 100%; }
  div.cms_form_v3 .form .form_row.form_row_leeg_ .description {
    padding-left: 0px; } }
#orderform table {
  width: 100%; }
  #orderform table tr td:nth-of-type(2) .knop_winkelen {
    float: right; }

#NoneSelectedProducts {
  display: none;
  /* fix vanwege overlay die dit veroozaakt bij siming */ }

div.carsearch_homepage {
  position: absolute;
  width: 400px;
  top: 200px;
  left: 200px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  z-index: 1000; }
  div.carsearch_homepage::before {
    content: " ";
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    z-index: -1;
    background: #444; }
  div.carsearch_homepage div.carsearch_box {
    width: 100%;
    margin-bottom: 20px; }
    div.carsearch_homepage div.carsearch_box select {
      opacity: 1; }
  div.carsearch_homepage #carselect_modeltypes {
    margin-bottom: 0px !important; }

.inhoud_orderpage .order_addressfields {
  margin-top: 0px; }

#webshop_content {
  background-color: #FFFFFF; }

#webshop_content form {
  display: flex;
  flex-flow: nowrap column; }

td.basket {
  padding: 2px 10px 5px 0px; }

table.basket td.productimage img {
  max-width: 80px;
  max-height: 80px; }

a.basketinfo_title {
  color: #061232; }

div.basketblock {
  position: relative;
  font-size: 13px;
  text-indent: 30px;
  padding-bottom: 40px;
  width: 40px;
  z-index: 100; }
  div.basketblock:hover #basketinfo_allproducts {
    display: block;
    top: 39px;
    opacity: 1;
    max-height: 1500px;
    padding: 15px;
    padding-top: 25px; }

#basketinfo_allproducts {
  position: absolute;
  top: 50px;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
  opacity: 0;
  color: #4A4A4A;
  z-index: 20003;
  right: -30px;
  width: 400px;
  padding: 15px;
  border: 0px;
  background: transparent;
  text-indent: 0px;
  font-size: 14px;
  max-height: 0px;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: default; }
  #basketinfo_allproducts:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 100%;
    height: 100%;
    background: #ededed;
    z-index: -1; }
  #basketinfo_allproducts:after {
    content: '';
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    right: 44px;
    width: 20px;
    height: 20px;
    background: #ededed; }

.basket_title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: 700;
  margin-bottom: 10px; }

a.basketinfo_title, a.basketinfo_link {
  display: none; }

a.basketinfo_title {
  color: #4A4A4A; }

.producttypecount {
  position: absolute;
  background: #fff;
  border-radius: 20px;
  text-indent: 0px;
  padding: 3px;
  font-size: 10px;
  left: 20px;
  top: 2px;
  height: 18px;
  line-height: 16px;
  color: #000;
  min-width: 18px;
  text-align: center;
  border: 1px solid; }

.basketinfo_links {
  height: 100%;
  cursor: pointer; }
  .basketinfo_links:before {
    content: "\f07a";
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0px;
    top: 6px;
    margin: 0px;
    padding: 0px;
    text-indent: 0px; }

.basketinfo_products {
  height: 100%; }
  .basketinfo_products .basketinfo_links {
    cursor: pointer; }
  .basketinfo_products .basketinfo_links div.producttypecount {
    line-height: 12px; }

.basket_overview .basket_product {
  border-bottom: 1px solid #000;
  line-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .basket_overview .basket_product:after {
    content: "";
    display: table;
    clear: both; }
  .basket_overview .basket_product .basket_product_amount {
    float: left;
    width: 10%;
    clear: left;
    font-weight: bold; }
  .basket_overview .basket_product .basket_product_name {
    float: left;
    width: 65%; }
  .basket_overview .basket_product .basket_product_price {
    float: left;
    width: 25%;
    text-align: right;
    white-space: nowrap !important; }
  .basket_overview .basket_product .basket_product_delete {
    display: none; }
  .basket_overview .basket_product div.total_amount {
    white-space: nowrap !important; }

.basket_overview_total {
  margin-top: 10px; }
  .basket_overview_total .total_text {
    float: left; }
  .basket_overview_total .total_amount {
    float: right; }
  .basket_overview_total .gotobasket {
    float: left;
    width: 100%; }

div.inhoud_orderlastpage div.orderbuttons.order_finalpage {
  flex-direction: row-reverse; }
div.inhoud_orderlastpage div.orderheader {
  font-size: 14pt; }

div.single_product_container {
  position: relative;
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  div.single_product_container .single_product_data {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 60px;
    padding: 40px 0; }
    div.single_product_container .single_product_data div.product_images {
      max-width: 400px; }
      div.single_product_container .single_product_data div.product_images .product_imagelist {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_large_image {
          text-align: center;
          padding: 0px;
          width: 100%; }
          div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_large_image img {
            height: auto;
            max-width: 300px !important;
            vertical-align: middle; }
        div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image {
          margin-right: 10px;
          margin-top: 10px;
          text-align: center; }
          div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a {
            display: inline-block;
            position: relative;
            z-index: 20;
            overflow: hidden; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:after {
              content: '';
              display: block;
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%;
              background: #000;
              transition: all 0.2s ease-in-out;
              opacity: 0;
              z-index: 10; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:before {
              content: "\f00e";
              display: inline-block;
              position: absolute;
              z-index: 20;
              font: normal normal normal 21px/1 FontAwesome;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              color: #fff;
              width: 100%;
              left: 0px;
              text-align: center;
              margin-top: -10px;
              top: 50%;
              opacity: 0;
              transform: scale(2);
              transition: all 0.2s ease-in-out; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:hover:after {
              opacity: 0.5; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:hover:before {
              opacity: 1;
              transform: scale(1); }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a img {
              position: relative;
              vertical-align: middle;
              width: 70px;
              height: auto;
              z-index: 10; }
    div.single_product_container .single_product_data div.product_textblocks {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      max-width: 40%; }
      div.single_product_container .single_product_data div.product_textblocks div.product_extradescriptions {
        margin-top: 20px;
        display: flex;
        flex-direction: row; }
      div.single_product_container .single_product_data div.product_textblocks table {
        max-width: 90%; }
    div.single_product_container .single_product_data div.product_price_order {
      margin-left: auto;
      margin-right: 20px;
      min-width: 200px;
      width: 200px;
      position: relative; }
      div.single_product_container .single_product_data div.product_price_order div.stockamount {
        position: absolute;
        top: 0px;
        right: 0px; }
      div.single_product_container .single_product_data div.product_price_order div.productprice {
        position: absolute;
        bottom: 70px;
        right: 0px; }
      div.single_product_container .single_product_data div.product_price_order div.orderbutton {
        position: absolute;
        bottom: 20px;
        right: 0px;
        width: 136px; }
        div.single_product_container .single_product_data div.product_price_order div.orderbutton a.addProductToBasket {
          width: 100% !important; }

.bigimage img {
  max-width: 100%; }

.productextratext_button:before {
  content: "\f129";
  color: #fff;
  font-size: 17px; }
.productextratext_button:hover:before {
  color: #000; }

.productextratext {
  display: none;
  background: rgba(0, 0, 0, 0.5); }
  .productextratext.open {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 300; }

.productextratext_text {
  width: 800px;
  max-width: 100%;
  display: flex;
  background: #fff;
  position: relative; }

.productextratext_close {
  pointer-events: auto;
  position: absolute;
  top: 0px;
  cursor: pointer;
  z-index: 300;
  color: #000;
  background: #fff;
  padding: 10px 20px;
  transition: all 0.2s ease-in-out;
  height: 45px;
  margin-top: -45px;
  right: 0px; }
  .productextratext_close:hover {
    background: #efefef; }
  .productextratext_close:after {
    content: "\f00d";
    display: inline-block;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px; }

.productextratext_content {
  width: 100%;
  padding: 25px;
  overflow: auto;
  max-height: 90%; }

div.product_main, div.product_footer {
  clear: both;
  width: 100%; }

div.products_main {
  clear: both;
  width: 100%;
  position: relative; }
  div.products_main .searchresult_count {
    position: relative;
    float: left;
    max-width: 100%;
    color: #000;
    bottom: inherit;
    font-size: 1.2rem; }
    div.products_main .searchresult_count span {
      font-weight: 700; }

div.categorytabs {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%; }

a.producttab, a.producttabs, .tab_other {
  display: inline-block;
  position: relative;
  margin: 0px;
  margin-right: 10px;
  padding: 10px 10px;
  /*border: 0px solid #aaa;*/
  text-decoration: none;
  text-align: center;
  border-radius: 0px;
  /*background-color: #ebebeb;*/
  color: #000;
  font-weight: 700;
  font-size: 13px;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif; }
  a.producttab:before, a.producttabs:before, .tab_other:before {
    content: '';
    height: 1px;
    width: 0px;
    position: absolute;
    left: 10px;
    top: 35px;
    background: #000;
    transition: all 0.2s ease-in-out; }

a.producttab:hover:before, a.producttabs:before {
  opacity: 1;
  width: calc(100% - 20px); }

.categorytabs:after, .product_main:after, .usp_side:after, .pagenav:after, .pagenav table:after, .all_common_filters:after, .productsfound:after, .product:after {
  content: "";
  display: table;
  clear: both; }

.type-cmsproducts.product_main div.product_content {
  padding: 0px; }

div.product_content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  padding: 5px;
  min-height: 200px;
  background: transparent;
  padding-top: 0px; }
  div.product_content.column-top {
    width: 100%; }

span.filter_name, span.sort_name {
  display: block; }

form.products_searchform {
  margin-bottom: 30px; }

div.cardetails_info {
  padding: 10px;
  margin-bottom: 20px; }
  div.cardetails_info h3 {
    font-weight: bold;
    font-size: 18px;
    /*cursor: pointer;*/ }
    div.cardetails_info h3 i {
      margin-right: 20px;
      font-size: 18px; }
  div.cardetails_info div.car_alldetails {
    display: none; }

div.productlist_header {
  height: 40px !important; }

div.simplelist {
  margin-top: 20px; }
  div.simplelist div.product {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    display: flex;
    /*gap: 20px;*/ }
    div.simplelist div.product div.product_cell {
      min-width: 200px;
      min-height: 200px;
      padding: 10px;
      position: relative; }
      div.simplelist div.product div.product_cell img {
        max-width: 200px;
        max-height: 200px; }
      div.simplelist div.product div.product_cell.product_cell_description {
        min-width: 300px;
        flex-grow: 1; }
      div.simplelist div.product div.product_cell.product_cell_right_column {
        margin-left: auto !important;
        width: 180px;
        min-width: 180px;
        display: flex;
        flex-direction: column; }
  div.simplelist div.pricedata {
    position: absolute;
    bottom: 50px;
    padding: 5px; }
    div.simplelist div.pricedata span.price {
      font-weight: bold; }
    div.simplelist div.pricedata span.productprice_oldprice {
      text-decoration: line-through; }
    div.simplelist div.pricedata span.productprice_nettprice {
      font-weight: bold;
      color: #f00; }
  div.simplelist div.orderbutton {
    position: absolute;
    bottom: 10px;
    right: 10px; }

div.productlist_filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 5px; }
  div.productlist_filters div.catfilter {
    width: calc(25% - 40px);
    margin-bottom: 10px; }
  div.productlist_filters div.catfilter_input {
    /*width: 100%;*/ }
  div.productlist_filters div.catfilter_checkbox {
    /*width: 100%;*/ }
  div.productlist_filters div.catfilter_dropbox {
    /*width: 100%;*/ }
  div.productlist_filters div.productlist_filter_submit {
    width: calc(80% - 20px);
    margin-right: 10px; }
  div.productlist_filters div.productlist_filter_reset {
    width: calc(20% - 20px); }
  div.productlist_filters div.catfilter_title {
    font-weight: bold; }
  div.productlist_filters div input, div.productlist_filters div select {
    border-radius: 3px; }

#cms_carsearch {
  width: 100%; }

div.carseach_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;
  padding: 5px;
  width: 100%; }
  div.carseach_container div.carsearch_box {
    width: calc(33.33% - 7px);
    margin-bottom: 10px; }
    div.carseach_container div.carsearch_box input, div.carseach_container div.carsearch_box select {
      border-radius: 5px !important; }

#carselect_modeltypes {
  margin-right: 0px; }

.basket_deleteproduct {
  color: red; }

.product_to_basket, .product_to_basketwide {
  float: right;
  display: block;
  width: 30px;
  height: 24px;
  line-height: 24px;
  padding: 5px;
  text-decoration: none !important;
  font-weight: normal !important;
  margin-right: 20px;
  cursor: pointer;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #05cc05;
  color: #fff;
  text-align: center; }
  .product_to_basket :hover, .product_to_basketwide :hover {
    border: 1px solid #555;
    background-color: #0da20d; }

.product_to_basketwide {
  width: 160px;
  text-align: center;
  background-position: 90% center !important; }

button.product_to_basketwide {
  height: 30px; }

input.product_to_basketwide {
  /* auto zoeken */
  height: 30px;
  margin-right: 14px;
  margin-bottom: 2px; }

.add_basket, .add_relatedproduct {
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  margin-left: 10px;
  border: 1px solid #000;
  cursor: pointer;
  border-radius: 3px;
  background: #000;
  color: #fff;
  font-size: initial;
  transition: all 0.2s ease-in-out;
  margin-top: 5px;
  margin-left: 5px;
  font-family: "Oswald", sans-serif;
  height: 46px;
  line-height: 50px;
  padding: 0px 20px; }
  .add_basket:after, .add_relatedproduct:after {
    content: "\f07a";
    display: inline-block;
    position: relative;
    font: normal normal normal 19px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff;
    font-size: 16px;
    top: -1px; }
  .add_basket.to_productoverview:after, .add_relatedproduct.to_productoverview:after {
    content: "\f105"; }
  .add_basket:hover, .add_relatedproduct:hover {
    background: transparent;
    color: #000; }
    .add_basket:hover:before, .add_basket:hover:after, .add_relatedproduct:hover:before, .add_relatedproduct:hover:after {
      color: #000; }

.inhoud.container a.knop_kassa {
  background: #32ca60 !important;
  border: 1px solid #32ca60; }
.inhoud.container .knop_kassa::after {
  content: "\f105";
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease-in-out;
  color: #fff;
  margin-left: 10px; }
.inhoud.container .knop_offerte::before, .inhoud.container .knop_opnieuw::before, .inhoud.container .knop_winkelen::before, .inhoud.container .knop_kassa::before {
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease-in-out;
  color: #fff;
  margin-right: 10px; }
.inhoud.container .knop_opnieuw::before {
  content: "\f0e2"; }
.inhoud.container .knop_winkelen::before {
  content: "\f104"; }
.inhoud.container .knop_offerte::before {
  content: "\f0f6"; }

div.products_catlist {
  width: 100%;
  display: flex;
  flex-direction: row; }

div.products_catlist_pagetext {
  padding: 10px; }

div.products_cat {
  cursor: pointer;
  width: 30%;
  min-width: 220px;
  border: 1px solid #ccc;
  margin: 10px; }
  div.products_cat img {
    max-width: 100%; }
  div.products_cat h2 {
    max-width: 100%;
    text-align: center; }

div.pagenav {
  position: relative;
  /*clear: both;*/
  line-height: 18px;
  float: right;
  display: flex; }
  div.pagenav.resultcount_ {
    /* Make sure height is reserved so total results text is correctly shown*/
    width: 1px;
    height: 32px; }

table.pagenav {
  position: relative;
  float: right; }

div.searchfilters_set {
  width: 100%;
  height: 40px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #ebebeb;
  color: #000; }

div.searchfilters_yourchoice {
  position: relative;
  width: 110px;
  height: 40px;
  float: left;
  text-indent: 16px;
  line-height: 38px;
  text-transform: uppercase;
  background-color: #aaa;
  color: #fff; }

div.searchfilters_arrow {
  position: relative;
  top: 5px;
  left: 0px;
  float: left;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #aaa; }

div.searchfilters_filters {
  position: relative;
  top: 10px;
  float: left;
  width: 620px;
  height: 30px;
  overflow: auto; }

div.searchfilters_filters span.searchfilter {
  margin-left: 10px;
  font-size: 8pt; }

span.emptyspace_filterbox {
  display: block;
  height: 23px;
  line-height: 28px;
  width: 60px; }

/* end of display of filters set */
/* found products */
div.stock_yes, div.stock_no {
  /*background-image: url("../img/shop/stock_yes.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position:  center center;*/
  width: 40px;
  height: 22px;
  line-height: 22px;
  padding: 2px 0px;
  text-align: center;
  margin: -2px 6px 0px 0px;
  font-size: 10pt;
  font-weight: bold;
  font-family: arial;
  border-radius: 3px;
  border: 1px solid #63c800;
  background-color: #eee;
  color: #555; }

div.stock_no {
  border: 1px solid orange;
  background-color: #fff; }

div.nostock_words {
  margin-left: -20px; }

div.productdetails div.nostock_words {
  margin-left: 0px; }

div.stock_words, div.nostock_words {
  white-space: nowrap;
  width: 90px;
  text-align: right; }

div.productdetails div.stock_words, div.productdetails div.nostock_words {
  margin-top: 7px; }

div.productdetails img {
  margin-top: 3px; }

div.stock_yes img, div.stock_no img {
  margin-top: -1px; }

div.setprice {
  font-weight: bold;
  font-size: 9pt;
  text-align: right; }

span.extrapricedata {
  margin-top: 4px;
  font-weight: normal; }

span.vat {
  font-size: 8pt; }

/* basket info in design */
div.basketinfo_links {
  width: 100%;
  height: 20px;
  /*border-bottom: 1px solid $blockstitle;*/ }

a.basketinfo_link {
  padding-left: 20px;
  padding-right: 0px;
  border-left: 2px solid #000;
  color: #000; }

a.basketinfo_title:hover, a.basketinfo_link:hover {
  text-decoration: underline; }

div.gotobasket {
  text-align: right;
  margin-top: 5px; }

/* end of basket info in design */
#lp_loader {
  display: none; }

div.lp_loader {
  text-align: center;
  margin-top: 80px; }

/* end of licenseplate */
/* login block in design */
header .header_items .loginblock {
  text-align: right;
  color: #00aeef;
  height: 100%;
  margin-top: -2px; }
  header .header_items .loginblock:before {
    position: absolute;
    content: '';
    width: 120%;
    margin-left: -10%;
    height: 100%;
    z-index: -1; }
  header .header_items .loginblock:hover .login_submenu {
    display: block; }
  header .header_items .loginblock .logintext {
    line-height: 50px;
    transition: color .2s ease-in-out; }
    header .header_items .loginblock .logintext:before {
      position: relative;
      content: "\f007";
      display: inline-block;
      font: normal normal normal 21px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      top: 2px;
      margin-right: 5px; }
  header .header_items .loginblock input.textbox_login {
    height: 34px;
    line-height: 34px; }

.loggedinas div.loggedin:hover .login_submenu {
  overflow: inherit; }
  .loggedinas div.loggedin:hover .login_submenu div.custmemo {
    opacity: 1;
    transform: translateX(0px); }

a.login_customer_icon:hover div.custmemo {
  opacity: 1 !important;
  transform: translateX(0px);
  z-index: 1000; }

.login_submenu > .login .part_titel_login {
  float: left;
  color: #00aeef;
  font-size: 14px;
  width: 100%;
  text-align: left;
  margin-top: 25px; }

.login_submenu {
  display: none;
  position: absolute;
  top: 40px;
  transition: all 0.3s ease-in-out, top 0.3s ease-in-out;
  opacity: 1;
  color: #000;
  z-index: 20003;
  right: -41px;
  width: 300px;
  padding: 15px;
  font-size: 14px;
  max-height: 300px;
  overflow: hidden;
  cursor: default; }
  .login_submenu:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 100%;
    height: 100%;
    background: #ededed;
    z-index: -1; }
  .login_submenu:after {
    content: '';
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    right: 70px;
    width: 20px;
    height: 20px;
    background: #ededed; }
  .login_submenu:hover .login_submenu, .login_submenu .login.open .login_submenu {
    display: block;
    top: 44px;
    opacity: 1;
    max-height: 1500px;
    padding: 15px;
    padding-top: 25px; }
  .login_submenu .loggedin {
    float: left;
    width: 100%; }
  .login_submenu .personsdata a:hover {
    text-decoration: underline; }
  .login_submenu img.editcustmemo, .login_submenu #userswitchoffimg img {
    width: 17px;
    height: auto;
    margin-left: 5px;
    margin-top: 1px; }

.loggedinas div.login:hover .login_submenu {
  overflow: inherit; }

div.login:hover .login_submenu div.custmemo {
  opacity: 1;
  transform: translateX(0px); }

/* end of login block in design */
/* customer memo */
div.custmemo {
  display: block !important;
  position: absolute;
  margin: 0px;
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.5s ease-in-out;
  top: 10px;
  margin-left: 0px;
  left: unset;
  right: 100%;
  width: 400px;
  height: 100%;
  padding: 20px;
  /*box-shadow: 3px 3px 5px #b7b7b7;*/
  border-radius: 0px;
  border: 1px solid #b7b7b7;
  background: #fff;
  color: #000;
  z-index: -2;
  min-height: 254px;
  /*max-width: 100%;*/ }
  div.custmemo textarea.custmemo {
    width: 100%;
    /*height: 280px;*/
    font-size: 1rem;
    height: calc(100% - 80px); }
  div.custmemo [type="button"], div.custmemo [type="submit"] {
    width: auto;
    text-indent: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    position: absolute;
    float: none;
    left: 20px;
    bottom: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    line-height: inherit;
    height: auto;
    font-weight: normal;
    font-size: 1rem; }
  div.custmemo a {
    display: none !important;
    position: absolute;
    right: 20px;
    bottom: 20px;
    float: none !important;
    font-weight: normal;
    text-transform: uppercase;
    border: 1px solid #000;
    background: #fff;
    color: #000 !important;
    padding: 10px 20px;
    transition: all 0.2s ease-in-out;
    text-decoration: none; }
    div.custmemo a:hover {
      color: #fff !important;
      background: #000;
      text-decoration: none; }

/* end of customer memo */
#webshop_content {
  opacity: 1 !important; }

.extrainfo {
  margin-top: 5%;
  background: #ededed;
  padding: 7.7%;
  color: #000;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700; }

.extrainfo p {
  margin-bottom: 5%; }

.extrainfo .paymethods li {
  margin-right: 6px; }

.nav_nextpage, .nav_lastpage, .nav_prevpage, .nav_firstpage, .navpagelink {
  display: inline-block;
  width: 32px;
  height: 32px;
  /*background: #ebebeb;*/
  color: #000;
  transition: all 0.2s ease-in-out;
  text-align: center;
  line-height: 25px;
  position: relative;
  overflow: hidden;
  position: relative; }
  .nav_nextpage:after, .nav_lastpage:after, .nav_prevpage:after, .nav_firstpage:after, .navpagelink:after {
    transition: all 0.2s ease-in-out;
    content: '';
    display: block;
    width: 0px;
    border-bottom: 1px solid #000;
    position: absolute;
    background: #000;
    left: 5px;
    top: 27px;
    opacity: 0; }

.navpagelink {
  line-height: 32px;
  font-weight: 700;
  font-size: 13px; }

.nav_nextpage:hover, .nav_lastpage:hover, .nav_prevpage:hover, .nav_firstpage:hover, .navpagelink:hover {
  /*background: #7c7c7c;*/
  /*color: #000;*/
  /*border-color: #7c7c7c;*/ }
  .nav_nextpage:hover:after, .nav_lastpage:hover:after, .nav_prevpage:hover:after, .nav_firstpage:hover:after, .navpagelink:hover:after {
    opacity: 1;
    width: calc(100% - 10px); }

.navpagelink.activepage {
  /*    background: #7c7c7c;
      color: #fff;
      border-color: #7c7c7c;*/ }
  .navpagelink.activepage:after {
    opacity: 1;
    width: calc(100% - 10px); }

.navpagelink.activepage:hover {
  /*    background: #7c7c7c;
      color: #fff;
      border-color: #7c7c7c;*/ }

.nav_intro {
  line-height: 32px;
  font-size: 13px;
  font-weight: 700;
  padding-right: 5px;
  float: left; }

.nav_nextpage:before, .nav_lastpage:before, .nav_prevpage:before, .nav_firstpage:before {
  display: block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 19px;
  line-height: 32px;
  width: 100%;
  text-align: center; }

.nav_nextpage:before {
  content: "\f105"; }

.nav_lastpage:before {
  content: "\f101"; }

.nav_prevpage:before {
  content: "\f104"; }

.nav_firstpage:before {
  content: "\f100"; }

.product_header .searchresult_count {
  position: absolute;
  bottom: 30px;
  left: 0px;
  color: #fff;
  font-size: 22px;
  display: none;
  max-width: 48%; }
  .product_header .searchresult_count span {
    font-weight: 700; }

.product_header .usplist {
  display: none; }

.usps--horizontal {
  display: none !important; }

.menu-service .contact {
  display: none !important; }

/*.header__top .menu-service{
    right: 0px;
    position: absolute;
}*/
.pagecount {
  display: none; }

.noproducts {
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin-top: 20px; }

.product_price {
  padding: 12px 20px;
  padding-top: 0px; }

.productsinbasket {
  display: none; }
  .productsinbasket:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #000;
    position: fixed;
    z-index: 100;
    opacity: 0.5; }
  .productsinbasket .container {
    position: relative;
    top: -130px; }
  .productsinbasket .inbasket {
    position: absolute;
    background: #ededed;
    font-size: 18px;
    color: #4A4A4A;
    top: 62px;
    right: -41px;
    width: 400px;
    min-height: 100px;
    padding: 10px;
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    z-index: 10000; }
    .productsinbasket .inbasket h2 {
      font-size: 15px;
      text-align: center; }
    .productsinbasket .inbasket a, .productsinbasket .inbasket span.to_shop {
      color: #fff;
      font-size: 15px;
      border: 1px solid #000;
      padding: 10px 20px;
      margin-top: 10px;
      width: 100%;
      text-align: center;
      display: inline-block;
      background: #000;
      text-decoration: none;
      transition: all 0.2s ease-in-out;
      cursor: pointer; }
      .productsinbasket .inbasket a.to_basket:after, .productsinbasket .inbasket a.to_shop:after, .productsinbasket .inbasket span.to_shop.to_basket:after, .productsinbasket .inbasket span.to_shop.to_shop:after {
        display: inline-block;
        font: normal normal normal 19px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 10px; }
      .productsinbasket .inbasket a.to_basket:after, .productsinbasket .inbasket span.to_shop.to_basket:after {
        content: "\f07a"; }
      .productsinbasket .inbasket a.to_shop:after, .productsinbasket .inbasket span.to_shop.to_shop:after {
        content: "\f105";
        top: 1px;
        position: relative; }
      .productsinbasket .inbasket a:hover, .productsinbasket .inbasket span.to_shop:hover {
        background: transparent;
        color: #000; }
    .productsinbasket .inbasket:after {
      content: '';
      display: block;
      transform: rotate(45deg);
      position: absolute;
      top: -6px;
      right: 56px;
      width: 20px;
      height: 20px;
      background: #ededed; }

.product_info {
  /* basket */
  position: absolute;
  right: 10px;
  bottom: 10px; }
  .product_info .infobutton {
    color: #000;
    cursor: pointer; }
    .product_info .infobutton:after {
      content: "\f05a";
      display: inline-block;
      position: relative;
      font: normal normal normal 22px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .product_info .infobutton:hover .productlist_wheelinfo {
      display: block;
      width: 320px;
      height: 200px;
      padding: 15px;
      overflow-y: auto; }
    .product_info .infobutton:hover:after {
      z-index: 400; }

.stock_block {
  display: none; }

.showCars, .showNoCars, .showStock, .productextratext_button {
  float: left;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #000;
  margin-right: 5px;
  margin-top: 10px;
  transition: all 0.2s ease-in-out;
  background: #000; }
  .showCars:after, .showNoCars:after, .showStock:after, .productextratext_button:after {
    display: inline-block;
    position: relative;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff; }
  .showCars:hover, .showNoCars:hover, .showStock:hover, .productextratext_button:hover {
    cursor: pointer;
    background: #fff; }
    .showCars:hover:after, .showNoCars:hover:after, .showStock:hover:after, .productextratext_button:hover:after {
      color: #000; }

.showCars, .showNoCars {
  clear: left; }
  .showCars:after, .showNoCars:after {
    content: "\f1b9"; }

div.product_content.relatedproducts_content {
  padding: 0px; }

.relatedproducts_startamount {
  /*    margin-bottom: 15px;
      display: inline-block;*/
  display: none; }

.relatedproducts {
  float: left;
  margin-top: 5%;
  width: 100%; }

.submit_buttons {
  float: right; }

.product_main {
  flex-wrap: wrap; }

.resultcount_ .nav_intro {
  display: none; }

p.continue_extraproducts {
  margin-bottom: 15px; }

/*.single_product .productdetails{
    .deliveryspeed{
        float: left;
    }

    .stockamount{
        float: left;
    }
}*/
input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

/* Show max 100 results before filtering */
/*$maxFilterAmount: 100;
#filter_table{
    font-size: $maxFilterAmount;
    tbody{
        tr{
            &:nth-of-type(n +100){
                display: none;
            }

            &:nth-of-type(97){
                color: #bebebe;

                td.borderbottom{
                    border-bottom: 1px solid #bebebe;
                }
            }

            &:nth-of-type(98){
                color: #e7e7e7;

                td.borderbottom{
                    border-bottom: 1px solid #e7e7e7;
                }
            }

            &:nth-of-type(99){
                color: #f9f9f9;

                td.borderbottom{
                    border-bottom: 1px solid #f9f9f9;
                }
            }

            &[filtermatch='true']{
                display: table-row;
                color: #000000;

                td.borderbottom{
                    border-bottom: 1px solid #000000;
                }
            }
        }
    }
}*/
.crumpathshop {
  width: 100%; }
  .crumpathshop a {
    transition: all .2s ease-in-out;
    border-bottom: 1px solid transparent; }
    .crumpathshop a:hover {
      border-color: #000; }

.onetime_highlight_animation {
  animation: highlight_animation  2s; }

@keyframes highlight_animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
.commonfilters-container {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

@media screen and (max-width: 1023px) {
  .commonfilters-container {
    display: none; } }
.product_container div.product {
  /*.link_related_products, .link_procedure, .link_product_info{
      &:hover{
          color: #000000;
          
          &:after{
              margin-left: 8px;
          }
      }
      
      &:after{
          content: "\f105";
          display: inline-block;
          position: relative;
          font: normal normal normal 15px/1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          margin-left: 5px;
          transition: all 0.2s ease-in-out;
      }
  }*/
    /*.open_extra_products{
        cursor: pointer;
        
        &:hover{
            color: #000000;
        }

        &:after{
            content: "\f105";
            display: inline-block;
            position: relative;
            font: normal normal normal 15px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-left: 5px;
            transform: rotate(0deg);
            transition: all 0.2s ease-in-out;
        }
    }*/
    /*&.open{
        .product{
            margin-bottom: 0px;
        }

        .extra_products{
            max-height: 500px;
            padding: 10px;
            padding-top: 0px;
        }
        
        .open_extra_products{
            &:after{
                transform: rotate(90deg);
            }
        }
    }*/ }

.extra_products_title {
  width: 100%;
  float: left;
  border-bottom: 1px solid;
  padding-bottom: 1%;
  margin-bottom: 1%;
  margin-top: 5%; }

.extra_products {
  transition: all 0.5s ease-in-out;
  padding: 0px;
  color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px; }
  .extra_products .extra_product {
    min-width: 200px;
    background: #fff;
    margin-top: 10px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #c4c4c4;
    transition: all 0.2s ease-in-out;
    flex: 1 0 auto; }
    .extra_products .extra_product .title {
      font-size: .9rem;
      font-weight: 800;
      width: 100%; }
    .extra_products .extra_product .price {
      display: inline-block;
      float: left;
      padding: 10px;
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 10px;
      width: 100%; }
      .extra_products .extra_product .price .setprice_text {
        font-size: 12px;
        display: inline-block; }
      .extra_products .extra_product .price .setprice_vat {
        font-weight: normal;
        font-size: 12px; }
    .extra_products .extra_product .stock_extra_product {
      width: 100%; }
    .extra_products .extra_product .articlenr {
      float: left;
      font-size: 0.8rem;
      margin-right: 10px; }
    .extra_products .extra_product .extratext {
      float: left;
      margin-right: 10px;
      font-size: 0.8rem; }
    .extra_products .extra_product .extratext2 {
      float: left;
      margin-right: 10px;
      font-size: 0.8rem; }
    .extra_products .extra_product .stockamount {
      margin-top: 0px;
      padding-left: 5px;
      padding-right: 10px; }
    .extra_products .extra_product .stock_buttons {
      margin-top: 7px;
      float: left; }
      .extra_products .extra_product .stock_buttons .showCars, .extra_products .extra_product .stock_buttons .showStock {
        display: inline-block;
        float: none;
        margin-top: 0px; }
    .extra_products .extra_product .stock_product {
      margin-top: 10px;
      float: right; }
      .extra_products .extra_product .stock_product table {
        display: none; }
    .extra_products .extra_product .add_extra_product {
      display: inline-block;
      padding: 0px 10px;
      height: 40px;
      cursor: pointer;
      float: right;
      background: #000;
      margin-top: -10px;
      color: #fff;
      border: 2px solid #000;
      transition: all 0.2s ease-in-out; }
      .extra_products .extra_product .add_extra_product:after {
        content: "\f07a";
        margin-top: 10px;
        display: inline-block;
        position: relative;
        font: normal normal normal 20px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .extra_products .extra_product .image {
      text-align: center;
      background: #fff;
      height: 140px;
      overflow: hidden;
      width: 100%;
      margin-top: 10px;
      float: left; }
      .extra_products .extra_product .image img {
        /*width: auto;*/
        height: calc(100% - 20px);
        transition: all 0.2s linear;
        margin-top: 10px; }
    .extra_products .extra_product:hover {
      background: #e2e2e2; }
      .extra_products .extra_product:hover .image img {
        /*height: 100%;
        width: auto;
        margin-top: 0px;*/ }

.product_single .extra_products {
  width: 100%;
  max-height: none;
  background: transparent;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap; }

/*
@media screen and (max-width: 1180px) {
    .extra_products{
        .extra_product{
            width: calc(50% - 10px / 2);
            margin-right: 10px;
            
            &:nth-of-type(3n){
                margin-right: 10px;
            }

            &:nth-last-of-type{
                margin-right: 0px !important;
            }
        }
    }
}

@media screen and (max-width: 760px) {
    .extra_products{
        .extra_product{
            width: 100%;
            margin-right: 0px;

            &:nth-of-type(2n), &:nth-of-type(3n){
                margin-right: 0px;
            }
        }
    }
}*/
@media screen and (max-width: 1023px) {
  .productsinbasket {
    left: 0px;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 1000; }
    .productsinbasket .container .inbasket {
      top: 50% !important;
      right: 0px;
      width: 100%;
      margin-top: -150px; }

  .all_common_filters {
    width: 100%; }
    .all_common_filters .sort_options_title {
      flex-grow: 0; }
    .all_common_filters div.sort_option {
      flex-grow: 1;
      max-width: none; }

  .filter_buttons {
    margin-top: 0px; }

  .webshopcat_cmsproducts .product_header .searchtitle {
    display: block;
    text-align: center; }

  .productsfound.layout_list div.product_amount, .single_product.layout_list div.product_amount, .productsfound div.product_amount, .single_product div.product_amount,
  .type-cmsproducts .product_content.column-left div.product_amount, .type-cmsproducts .product_content.column-right div.product_amount {
    display: none !important; }

  .productsfound .product_container .product.has_product_wide .product_cell {
    width: 65%; }
    .productsfound .product_container .product.has_product_wide .product_cell .deliverydate {
      text-align: left; }
    .productsfound .product_container .product.has_product_wide .product_cell:nth-of-type(1) {
      width: 35%; }
      .productsfound .product_container .product.has_product_wide .product_cell:nth-of-type(1) a {
        display: inherit; }
  .productsfound .product_container .product.product_rear .product_cell {
    width: 65%;
    margin-left: 35%; }
    .productsfound .product_container .product.product_rear .product_cell .deliverydate {
      text-align: left; }

  .filters .show_filters {
    margin-bottom: 0px; }

  .productsfound .storage_info {
    width: 100%; }

  .hideontablet {
    display: none; }

  .resultsfound .filters.column-left {
    margin-top: 0px; }

  .filters {
    max-height: 35px;
    overflow: hidden;
    transition: 0.5s ease-in-out; }
    .filters.column-left {
      width: 100%; }
    .filters .form-fieldcontainer {
      width: 49%; }
      .filters .form-fieldcontainer .input-container, .filters .form-fieldcontainer .select-container, .filters .form-fieldcontainer div.start_new {
        width: 96%; }
      .filters .form-fieldcontainer.show_filters {
        width: 100%; }
      .filters .form-fieldcontainer.columns-4 {
        width: 16%; }
      .filters .form-fieldcontainer.columns-6 {
        width: 24%; }
    .filters.open {
      max-height: 1500px; }

  .extra_product .extra_option_title {
    width: 100%; }
  .extra_product .select {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px; }
  .extra_product .otp_ordernumber {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 10px; }
  .extra_product .knop_addoptionalproduct {
    width: 100%;
    max-width: 100%; }
    .extra_product .knop_addoptionalproduct:before {
      width: auto !important; }

  .login_page main .inhoud_smal {
    padding: 10px;
    margin-top: 10px; }

  .productdetails .orderbutton a.add_relatedproduct {
    margin-left: 0px !important;
    margin-top: 15px; }

  nav #menu1 .menu > li.mobile_only, .mobile_only {
    display: inherit; }

  .breadcrumb a {
    width: 100%;
    border-radius: 0px;
    background: #242424;
    color: #fff;
    display: inline-block;
    text-align: center; }
    .breadcrumb a:hover {
      color: #fff !important; }
      .breadcrumb a:hover:before {
        color: #fff; }

  .product_header.product_header_small {
    display: none; }

  #webshop_content.productpage .product_single .searchresult_count {
    display: none; }
  #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left {
    width: 100%;
    margin: 0px;
    min-height: inherit;
    text-align: center;
    margin-bottom: 5%;
    padding: 0px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .relatedproducts_filters {
      max-height: 0px;
      overflow: hidden;
      transition: all 0.5s ease-in-out; }
      #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .relatedproducts_filters.open {
        max-height: 1000px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .submit_applytyretowheel {
      margin-left: 0px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .filter_TyreBrand, #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .filter_Digit72, #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left div.cat_filter_divider {
      display: none; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left div.cat_filter {
      padding-bottom: 0px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .filter_FreeSize {
      margin-top: 15px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .cat_filteroptions, #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .catfilter_name {
      padding: 15px;
      padding-bottom: 5px;
      padding-top: 5px;
      height: auto !important; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .catfilter_name {
      padding-bottom: 0px; }
  #webshop_content.productpage .product_single .product_content.relatedproducts_content {
    width: 100%; }
  #webshop_content.productpage .product_single .relatedproducts_startamount {
    /*            width: 100%;
                text-align: center;*/
    display: none; }

  div.planner_leftcolumn {
    width: 100%; }

  div.planner_adjust2, div.planner_adjust3 {
    margin-top: 15px; }

  .tpl_page_columns .header img, .tpl_page_columns .tpl_page .header img {
    height: 100%;
    width: auto; }
  .tpl_page_columns div.product_header #carsearchboxes {
    padding-top: 10px; }

  main > .container .container_left {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 5%; }
  main > .container .container_right {
    width: 100%; }

  /* Responsive fix */
  table.productdetails, .order_addressfields table, .planner table, .planner_confirmation table, .planner_rightcolumn table, .inhoud.container table.shopitems, table.order_buttons, .inhoud.container .basket_addressfields table, .inhoud.container table.extra_options, table.NoneSelectedProduct, #licenseplate_cars table {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    table.productdetails .shopitems_header, .order_addressfields table .shopitems_header, .planner table .shopitems_header, .planner_confirmation table .shopitems_header, .planner_rightcolumn table .shopitems_header, .inhoud.container table.shopitems .shopitems_header, table.order_buttons .shopitems_header, .inhoud.container .basket_addressfields table .shopitems_header, .inhoud.container table.extra_options .shopitems_header, table.NoneSelectedProduct .shopitems_header, #licenseplate_cars table .shopitems_header {
      display: none; }
    table.productdetails thead, table.productdetails tbody, table.productdetails th, table.productdetails td, table.productdetails tr, .order_addressfields table thead, .order_addressfields table tbody, .order_addressfields table th, .order_addressfields table td, .order_addressfields table tr, .planner table thead, .planner table tbody, .planner table th, .planner table td, .planner table tr, .planner_confirmation table thead, .planner_confirmation table tbody, .planner_confirmation table th, .planner_confirmation table td, .planner_confirmation table tr, .planner_rightcolumn table thead, .planner_rightcolumn table tbody, .planner_rightcolumn table th, .planner_rightcolumn table td, .planner_rightcolumn table tr, .inhoud.container table.shopitems thead, .inhoud.container table.shopitems tbody, .inhoud.container table.shopitems th, .inhoud.container table.shopitems td, .inhoud.container table.shopitems tr, table.order_buttons thead, table.order_buttons tbody, table.order_buttons th, table.order_buttons td, table.order_buttons tr, .inhoud.container .basket_addressfields table thead, .inhoud.container .basket_addressfields table tbody, .inhoud.container .basket_addressfields table th, .inhoud.container .basket_addressfields table td, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options thead, .inhoud.container table.extra_options tbody, .inhoud.container table.extra_options th, .inhoud.container table.extra_options td, .inhoud.container table.extra_options tr, table.NoneSelectedProduct thead, table.NoneSelectedProduct tbody, table.NoneSelectedProduct th, table.NoneSelectedProduct td, table.NoneSelectedProduct tr, #licenseplate_cars table thead, #licenseplate_cars table tbody, #licenseplate_cars table th, #licenseplate_cars table td, #licenseplate_cars table tr {
      display: block; }
    table.productdetails thead tr, .order_addressfields table thead tr, .planner table thead tr, .planner_confirmation table thead tr, .planner_rightcolumn table thead tr, .inhoud.container table.shopitems thead tr, table.order_buttons thead tr, .inhoud.container .basket_addressfields table thead tr, .inhoud.container table.extra_options thead tr, table.NoneSelectedProduct thead tr, #licenseplate_cars table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.productdetails tr, .order_addressfields table tr, .planner table tr, .planner_confirmation table tr, .planner_rightcolumn table tr, .inhoud.container table.shopitems tr, table.order_buttons tr, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options tr, table.NoneSelectedProduct tr, #licenseplate_cars table tr {
      border: 1px solid #ccc; }
    table.productdetails td, .order_addressfields table td, .planner table td, .planner_confirmation table td, .planner_rightcolumn table td, .inhoud.container table.shopitems td, table.order_buttons td, .inhoud.container .basket_addressfields table td, .inhoud.container table.extra_options td, table.NoneSelectedProduct td, #licenseplate_cars table td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    table.productdetails td:before, .order_addressfields table td:before, .planner table td:before, .planner_confirmation table td:before, .planner_rightcolumn table td:before, .inhoud.container table.shopitems td:before, table.order_buttons td:before, .inhoud.container .basket_addressfields table td:before, .inhoud.container table.extra_options td:before, table.NoneSelectedProduct td:before, #licenseplate_cars table td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .planner_confirmation table tr {
    border: 0px; }
    .planner_confirmation table tr:after {
      content: "";
      display: table;
      clear: both; }
    .planner_confirmation table tr td {
      width: 50%;
      float: left;
      padding: 0px;
      border: 0px; }

  table.productdetails {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    table.productdetails tr {
      border: 0px; }
      table.productdetails tr:after {
        content: "";
        display: table;
        clear: both; }
      table.productdetails tr td {
        width: 100%;
        float: left;
        padding: 0px;
        border: 0px; }

  .shoplink.backtoproducts {
    width: 100%;
    display: inline-block; }

  div.planner_leftcolumn table td {
    padding: 5px; }
    div.planner_leftcolumn table td:first-of-type {
      padding-left: 0px; }

  div.planner_rightcolumn, .planner table {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    div.planner_rightcolumn tr, .planner table tr {
      border: 0px; }
      div.planner_rightcolumn tr:after, .planner table tr:after {
        content: "";
        display: table;
        clear: both; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 50%;
        float: left;
        padding: 0px;
        border: 0px; }
      div.planner_rightcolumn tr:last-of-type td:last-of-type, .planner table tr:last-of-type td:last-of-type {
        width: 100%; }
    div.planner_rightcolumn input:not([type="submit"]), .planner table input:not([type="submit"]) {
      margin-left: 0px; }
    div.planner_rightcolumn select.plannerbox, .planner table select.plannerbox {
      margin-left: 0px; }
    div.planner_rightcolumn textarea.plannerarea, .planner table textarea.plannerarea {
      margin-left: 0px; }
    div.planner_rightcolumn input.plannerknop, .planner table input.plannerknop {
      margin-left: 0px; }
    div.planner_rightcolumn p, .planner table p {
      margin-top: 10px;
      text-align: center; }

  div.extraproduct_explain {
    display: none; }

  .prevamount {
    width: 100% !important;
    text-align: center; }

  #foutmelding {
    width: 100%;
    left: 0px !important; }

  .single_product div.bigimage {
    width: 100%;
    text-align: center;
    height: auto; }
  .single_product .specification_container {
    width: 100%; }
  .single_product div.productdetails {
    width: 100%;
    max-width: 100%;
    padding: 0px; }
    .single_product div.productdetails.productdetailsrear {
      margin-left: 0px; }
    .single_product div.productdetails .wide_type {
      margin-top: 10px; }
    .single_product div.productdetails .orderbutton {
      width: 100%; }
      .single_product div.productdetails .orderbutton a {
        display: inline-block;
        width: 100%;
        text-align: center; }
  .single_product .relatedproducts {
    padding: 0px;
    margin-left: 0px;
    width: 100%; }

  .relatedproducts .search_all .product_price .price_set .price {
    padding-top: 0px;
    padding-bottom: 0px; }

  div.products_main {
    min-height: 100px; }

  div.product_content {
    min-height: 100px; }

  .searchtitle {
    display: none; }

  .productsinbasket .container {
    top: 0px; }
    .productsinbasket .container .inbasket {
      width: 100%;
      top: 10%; }
      .productsinbasket .container .inbasket:after {
        display: none; }

  .categorytabs {
    text-align: center; }

  .product_header .searchresult_count {
    display: none; }

  /*    div.product_main .searchresult_count{
          display: inline-block;
          font-size: 1rem;
          margin-top: 46px;
          text-align: center;
          margin-bottom: 10px;
      }*/
  .resultsfound div.product_main .searchresult_count {
    display: none; }

  #licenseplate_cars {
    text-align: center; }
    #licenseplate_cars .redtext {
      width: 100% !important;
      text-align: center; }
    #licenseplate_cars h1 {
      font-size: 18px;
      text-align: center; }
    #licenseplate_cars table tr {
      text-align: center;
      border: 0px;
      margin-bottom: 25px;
      margin-top: 25px; }
      #licenseplate_cars table tr td {
        border: 0px;
        padding: 0px;
        width: initial !important; }

  /*    #webshop_content #carsearchboxes {
          padding-top: 10px;
          padding-left: 0px;
          
          #carsearchboxes{
              .title{
                  width: 100%;
                  text-align: center;
                  border-radius: 5px;
                  background: #000000;
                  cursor: pointer;
                  height: 35px;
                  line-height: 35px;
                  border: 1px solid #000000;
                  transition: all 0.2s ease-in-out;
              }
          }
      }*/
  .product_column_left {
    display: none; }

  .product_content {
    width: 100%; }

  div.product_content {
    width: 100%; }

  .show_filters {
    display: block; }

  .common_filters {
    float: left;
    padding-top: 40px; }

  div.search_submit {
    float: left;
    clear: left; }

  .all_common_filters {
    transition: all 0.3s ease-in-out;
    max-height: 40px;
    overflow: hidden;
    background: transparent;
    padding: 0px;
    margin-bottom: -40px; }
    .all_common_filters .filter_FreeText {
      height: 40px; }
    .all_common_filters.open {
      padding: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0px;
      max-height: 600px; }
      .all_common_filters.open #FreeText {
        display: initial; }
      .all_common_filters.open .show_filters {
        display: inherit !important; }

  div.productsfound {
    margin-top: 0px; }

  div.productlist_wheel, div.productlist_steel {
    width: calc(50% - 5px); }
    div.productlist_wheel:nth-of-type(4n), div.productlist_steel:nth-of-type(4n) {
      margin-right: 10px; }
    div.productlist_wheel:nth-of-type(2n), div.productlist_steel:nth-of-type(2n) {
      margin-right: 0px; }

  div.licenseplate_cars .lp_content {
    width: 100%;
    left: 0px;
    margin-left: 0px;
    position: absolute;
    height: 100%;
    top: 0px;
    overflow: scroll; }
    div.licenseplate_cars .lp_content a {
      width: 100% !important;
      text-align: center; }

  .navpagelink {
    display: none; }
    .navpagelink:nth-last-of-type(1) {
      display: inline-block; }
    .navpagelink:last-of-type {
      display: inline-block; }

  .pagecount {
    display: inline-block; }

  .show_filters_relatedproducts {
    display: inherit !important; }

  .search_all .product_cell:nth-of-type(1), .relatedproducts_content .product_cell:nth-of-type(1) {
    width: 35%; }
    .search_all .product_cell:nth-of-type(1) img, .relatedproducts_content .product_cell:nth-of-type(1) img {
      max-width: 100%; }
  .search_all .orderbutton, .relatedproducts_content .orderbutton {
    width: 100%; }
    .search_all .orderbutton a, .relatedproducts_content .orderbutton a {
      width: 100%;
      text-align: center; }
  .search_all .vat, .relatedproducts_content .vat {
    float: none;
    display: inline;
    margin-left: 0px; }
  .search_all .product_name, .relatedproducts_content .product_name {
    height: 100%;
    width: 65%;
    margin-left: 35%;
    padding-bottom: 0px; }
    .search_all .product_name.product_name_wide, .relatedproducts_content .product_name.product_name_wide {
      width: 65%; }
      .search_all .product_name.product_name_wide .product_name_left, .relatedproducts_content .product_name.product_name_wide .product_name_left {
        width: 65%; }
      .search_all .product_name.product_name_wide .product_name_right, .relatedproducts_content .product_name.product_name_wide .product_name_right {
        width: 65%;
        text-align: left;
        clear: both;
        margin-top: 15px; }
  .search_all .wideprice, .relatedproducts_content .wideprice {
    width: 100%; }
    .search_all .wideprice .price_set, .relatedproducts_content .wideprice .price_set {
      text-align: center;
      margin-bottom: 10px; }
    .search_all .wideprice .add_basket, .relatedproducts_content .wideprice .add_basket {
      height: auto;
      line-height: 1.3rem;
      padding: 10px; }
  .search_all .product_price, .relatedproducts_content .product_price {
    width: 65%;
    padding: 15px 0px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    margin-left: 35%;
    padding-top: 0px; }
  .search_all .setprice, .relatedproducts_content .setprice {
    width: 100%; }
    .search_all .setprice .add_basket, .relatedproducts_content .setprice .add_basket {
      width: 100%;
      text-align: center; }
  .search_all .stockamount, .relatedproducts_content .stockamount {
    float: left;
    padding: 0px;
    display: none; }
  .search_all .deliveryspeed, .relatedproducts_content .deliveryspeed {
    display: none; }
  .search_all .deliverydate, .relatedproducts_content .deliverydate {
    margin-top: 15px;
    font-size: 13px;
    text-align: center; }

  .inhoud.container a.knop_kassa {
    width: 100%; }
  .inhoud.container .knop_addoptionalproduct span {
    display: none; }
  .inhoud.container .knop_addoptionalproduct:before {
    width: 100%; }
  .inhoud.container .bestelstappen {
    display: none; }
  .inhoud.container table.shopitems tr, .inhoud.container table.shopitems tr.basket {
    margin-top: 10px; }
    .inhoud.container table.shopitems tr td, .inhoud.container table.shopitems tr.basket td {
      height: initial;
      line-height: initial !important;
      border-bottom: 0px;
      padding-bottom: 7px;
      padding-top: 7px; }
      .inhoud.container table.shopitems tr td:first-of-type, .inhoud.container table.shopitems tr.basket td:first-of-type {
        padding: 0px;
        width: 0px; }
      .inhoud.container table.shopitems tr td .car_details, .inhoud.container table.shopitems tr.basket td .car_details {
        margin-bottom: 0px; }
        .inhoud.container table.shopitems tr td .car_details button.knop, .inhoud.container table.shopitems tr.basket td .car_details button.knop {
          width: 100% !important;
          margin: 0px !important;
          max-width: 100%; }
        .inhoud.container table.shopitems tr td .car_details .car_details_title, .inhoud.container table.shopitems tr td .car_details input.customfield, .inhoud.container table.shopitems tr.basket td .car_details .car_details_title, .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
          width: 100%;
          max-width: 100%; }
      .inhoud.container table.shopitems tr td.productimage, .inhoud.container table.shopitems tr.basket td.productimage {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px; }
      .inhoud.container table.shopitems tr td .knop_remove, .inhoud.container table.shopitems tr.basket td .knop_remove {
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ccc; }
      .inhoud.container table.shopitems tr td .basket_form div, .inhoud.container table.shopitems tr.basket td .basket_form div {
        width: 100%; }
        .inhoud.container table.shopitems tr td .basket_form div:after, .inhoud.container table.shopitems tr.basket td .basket_form div:after {
          content: "";
          display: table;
          clear: both; }
  .inhoud.container table.totals {
    margin-top: 10%;
    margin-bottom: 15%;
    font-size: 1.2rem; }
    .inhoud.container table.totals tr td:last-of-type {
      width: 0px; }
  .inhoud.container .sub_title {
    width: 100%;
    text-align: center;
    display: inline-block; }
  .inhoud.container table.order_buttons {
    margin-bottom: 10%; }
    .inhoud.container table.order_buttons:before {
      top: -50px; }
    .inhoud.container table.order_buttons td, .inhoud.container table.order_buttons td.klantofferte {
      padding: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border: 0px;
      text-align: left !important;
      padding-top: 10px; }
      .inhoud.container table.order_buttons td table td, .inhoud.container table.order_buttons td.klantofferte table td {
        padding: 0px; }
      .inhoud.container table.order_buttons td h2, .inhoud.container table.order_buttons td.klantofferte h2 {
        margin-top: 10%;
        margin-left: 0px !important; }
      .inhoud.container table.order_buttons td form table, .inhoud.container table.order_buttons td.klantofferte form table {
        width: 100%; }
        .inhoud.container table.order_buttons td form table table, .inhoud.container table.order_buttons td.klantofferte form table table {
          width: 100%; }
    .inhoud.container table.order_buttons tr {
      border: 0px; }
  .inhoud.container table.extra_options tr {
    border: 0px; }
    .inhoud.container table.extra_options tr td {
      padding: 0px;
      border: 0px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) {
        width: 30%;
        float: left; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) td {
          height: 50px;
          line-height: 50px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) {
        width: 70%;
        float: left;
        background: transparent; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) td {
          background: transparent;
          padding-top: 5px;
          padding-bottom: 5px; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) input {
          width: 100% !important; }
      .inhoud.container table.extra_options tr td table.extra_option .knop_addoptionalproduct:before {
        width: initial; }
  .inhoud.container div.addressform {
    padding-top: 0px; }
  .inhoud.container .basket_addressfields table, .inhoud.container .order_addressfields table {
    margin-left: 0px !important; }
    .inhoud.container .basket_addressfields table .feedback img, .inhoud.container .order_addressfields table .feedback img {
      display: none; }
    .inhoud.container .basket_addressfields table .knop_winkelen, .inhoud.container .order_addressfields table .knop_winkelen {
      margin-bottom: 10px; }
    .inhoud.container .basket_addressfields table tr, .inhoud.container .order_addressfields table tr {
      border: 0px; }
      .inhoud.container .basket_addressfields table tr.gender:after, .inhoud.container .order_addressfields table tr.gender:after {
        content: "";
        display: table;
        clear: both; }
      .inhoud.container .basket_addressfields table tr td, .inhoud.container .order_addressfields table tr td {
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100% !important;
        clear: left; }
        .inhoud.container .basket_addressfields table tr td.gender_male, .inhoud.container .basket_addressfields table tr td.gender_female, .inhoud.container .order_addressfields table tr td.gender_male, .inhoud.container .order_addressfields table tr td.gender_female {
          float: left;
          width: 50% !important;
          text-align: left;
          line-height: 30px; }
          .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label {
            float: left;
            margin-right: 0px;
            padding-right: 0px; }
            .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label:before {
              float: left; }
          .inhoud.container .basket_addressfields table tr td.gender_male img, .inhoud.container .basket_addressfields table tr td.gender_female img, .inhoud.container .order_addressfields table tr td.gender_male img, .inhoud.container .order_addressfields table tr td.gender_female img {
            display: none; }
        .inhoud.container .basket_addressfields table tr td input, .inhoud.container .order_addressfields table tr td input {
          width: 100% !important; }
        .inhoud.container .basket_addressfields table tr td h3, .inhoud.container .order_addressfields table tr td h3 {
          font-size: 14px; }
        .inhoud.container .basket_addressfields table tr td .knop_kassa, .inhoud.container .order_addressfields table tr td .knop_kassa {
          float: none !important;
          width: 100%; }
        .inhoud.container .basket_addressfields table tr td table td, .inhoud.container .order_addressfields table tr td table td {
          padding: 0px; }
  .inhoud.container h2 {
    margin-left: 15px !important; }
  .inhoud.container .knop_offerte, .inhoud.container .knop_opnieuw, .inhoud.container .knop_winkelen {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px; }

  #NoneSelectedProducts {
    width: 100%;
    left: 0px;
    margin-left: 0px; }
    #NoneSelectedProducts table tr {
      margin-top: 15px; }
    #NoneSelectedProducts table td {
      padding-left: 0px;
      border: 0px; }
      #NoneSelectedProducts table td.NoneSelectedProduct div {
        text-align: center; }
      #NoneSelectedProducts table td form {
        text-align: center; }
        #NoneSelectedProducts table td form input.NoneSelectedProduct {
          max-width: 100%;
          white-space: normal;
          height: auto;
          line-height: 1.5rem;
          padding: 1rem 0.4rem;
          width: calc(100% - 30px); }
    #NoneSelectedProducts a {
      width: 100% !important;
      margin-top: 15px;
      text-align: center; }

  .search_all .product.has_product_wide .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_all .product.has_product_wide .product_cell:nth-of-type(1) {
      height: 150px;
      position: relative; }
      .search_all .product.has_product_wide .product_cell:nth-of-type(1) a {
        display: inherit;
        top: 0px;
        margin-top: 10px;
        position: relative;
        left: inherit;
        margin-left: inherit; }
  .search_all .product.product_rear .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_all .product.product_rear .product_cell:nth-of-type(1) {
      display: none; } }
@media screen and (max-width: 450px) {
  /* Responsive fix */
  .inhoud.container table.optional_extra {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .inhoud.container table.optional_extra .shopitems_header {
      display: none; }
    .inhoud.container table.optional_extra thead, .inhoud.container table.optional_extra tbody, .inhoud.container table.optional_extra th, .inhoud.container table.optional_extra td, .inhoud.container table.optional_extra tr {
      display: block; }
    .inhoud.container table.optional_extra thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .inhoud.container table.optional_extra tr {
      border: 1px solid #ccc; }
    .inhoud.container table.optional_extra td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    .inhoud.container table.optional_extra td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .inhoud.container table.optional_extra tr {
    border: 0px; }
    .inhoud.container table.optional_extra tr:nth-of-type(1) {
      display: none; }
    .inhoud.container table.optional_extra tr:last-of-type {
      display: none; }
    .inhoud.container table.optional_extra tr td {
      text-align: center;
      border: 0px; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct span {
    display: inline-block; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct:before {
    width: auto; }

  div.single_product_container div.single_product_data {
    display: felx;
    flex-direction: column;
    padding: 10px; }
    div.single_product_container div.single_product_data div.product_data.product_images {
      width: 100% !important;
      max-width: 100% !important; }
    div.single_product_container div.single_product_data div.product_textblocks {
      width: 100%;
      max-width: 100%; }
      div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions {
        width: 100%;
        display: flex;
        flex-direction: column; }
        div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions div {
          margin-top: 20px; }
    div.single_product_container div.single_product_data div.product_price_order {
      width: 100%;
      max-width: 100%;
      min-height: 200px; }
      div.single_product_container div.single_product_data div.product_price_order div {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto; }
        div.single_product_container div.single_product_data div.product_price_order div div.stockamount {
          top: 60px; } }
@media screen and (max-width: 530px) {
  .filter_buttons {
    margin-top: 0px; }
    .filter_buttons > div {
      margin-right: 0px; }

  .simplelist .product .product_cell {
    width: 100%; }

  .planner_steps .planner_stepcurrent, .planner_steps .planner_step, .planner_steps .planner_stepchecked {
    width: 100%; }
  .planner_steps .planner_stepchecked, .planner_steps .planner_step {
    display: none; }

  div.planner_adjust2, div.planner_adjust3 {
    width: 100%;
    margin-top: 0px; }
    div.planner_adjust2 a, div.planner_adjust3 a {
      width: 100%;
      text-align: center; }

  input.plannerknop {
    margin-left: 0px;
    width: 100%; }

  div.planner_rightcolumn, .planner table {
    margin-top: 5%; }
    div.planner_rightcolumn tr, .planner table tr {
      margin-bottom: 10px;
      border: 0px; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 100%; }

  .planner_confirmation table tr td {
    width: 100%;
    margin-bottom: 3px;
    margin-top: 3px; }

  .overview_products td {
    padding: 5px; }

  .categorytabs a.producttab, .categorytabs a.producttabs {
    padding: 7px 15px;
    font-size: 12px;
    margin: 0px 0px 0px 1px; }

  .search_all .setprice .add_basket {
    font-size: 13px; }

  .all_common_filters select {
    width: 100%; }
  .all_common_filters .sort_option {
    width: 100%; }
  .all_common_filters .common_filter {
    width: 100%; }
    .all_common_filters .common_filter.filter_FreeSize {
      width: 100%; }
  .all_common_filters input.filter_text {
    width: 100%; }
  .all_common_filters .filter_stock, .all_common_filters .filter_FreeText, .all_common_filters .sort_option, .all_common_filters .filter_EAN, .all_common_filters .filter_status, .all_common_filters .filter_MinLoadIndex, .all_common_filters .filter_Steek, .all_common_filters .filter_Steekcirkel, .all_common_filters .filter_ET, .all_common_filters .filter_Boring {
    width: 100%;
    max-width: 100% !important; }
  .all_common_filters input.carsearch_submit, .all_common_filters input.search_submit {
    min-width: initial; }

  div.productlist_wheel, div.productlist_steel {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    height: auto; } }
@media screen and (max-width: 767px) {
  .stockinfo .stocktable {
    width: 100%;
    margin: 0px;
    left: 0px;
    height: 100%; }
    .stockinfo .stocktable table tr td:nth-of-type(4) ~ td {
      display: none; }
  .stockinfo .stockinfo_close {
    top: initial;
    bottom: 0px;
    margin: 0px;
    width: 100%;
    right: 0px;
    text-align: center;
    background: #333;
    color: #fff; }

  #showProductsForWheel .showProductsForWheel {
    width: 100%;
    left: 0px;
    margin: 0px;
    height: 100%;
    overflow: auto; }
  #showProductsForWheel > p a {
    top: initial;
    bottom: 0px;
    margin: 0px;
    width: 100%;
    right: 0px;
    text-align: center;
    background: #333;
    color: #fff; }

  .filter_info_container .filter_info {
    flex-flow: wrap; }
    .filter_info_container .filter_info .column {
      width: 100%;
      margin-top: 10px; }

  .filter_info_container.open {
    max-height: 1000px; }

  table.overview_products {
    font-size: 0.8rem; }
    table.overview_products td {
      padding: 5px; }

  .order_buttons a.knop_kassa {
    float: none; }

  .inhoud_orderpage form#orderform {
    margin-top: 20px; }
    .inhoud_orderpage form#orderform table {
      width: 100% !important;
      min-width: inherit !important;
      float: left !important; }
      .inhoud_orderpage form#orderform table td {
        min-width: inherit !important;
        width: 100% !important;
        display: block; }
      .inhoud_orderpage form#orderform table .tenderdone_container {
        width: 100%; }
        .inhoud_orderpage form#orderform table .tenderdone_container .knop_offerte {
          width: 100%; }
      .inhoud_orderpage form#orderform table .knop_winkelen {
        margin-bottom: 15px; }

  .all_common_filters {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px; }
    .all_common_filters.open {
      padding-left: 0px;
      padding-right: 0px; }
    .all_common_filters .sort_options_title {
      flex-grow: 0; }
    .all_common_filters div.sort_option {
      flex-grow: 1;
      max-width: none; }

  .products_menu_large li {
    width: 100% !important;
    margin-right: 0px !important; }

  .products_menu_large > ul.active-subcategory > li li li {
    margin-right: 0px !important; }

  div.basketblock.floating:hover #basketinfo_allproducts {
    bottom: -20px;
    right: -20px;
    max-width: 100vw;
    display: none; }

  .filters.column-top .form-fieldcontainer {
    width: 100%; }
    .filters.column-top .form-fieldcontainer.quicksearch_container div.quicksearch {
      width: 100%;
      margin-bottom: 0px; }
    .filters.column-top .form-fieldcontainer.quicksearch_container .quicksearchbutton {
      width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-6 .type-title div, .filters.column-top .form-fieldcontainer.columns-12 .type-title div, .filters.column-top .form-fieldcontainer.columns-24 .type-title div {
      font-size: 1rem;
      height: auto;
      line-height: inherit; }
    .filters.column-top .form-fieldcontainer .input-container {
      width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-6, .filters.column-top .form-fieldcontainer.columns-4 {
      width: 100%; }
      .filters.column-top .form-fieldcontainer.columns-6 .input-container, .filters.column-top .form-fieldcontainer.columns-4 .input-container {
        width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-12 {
      width: 100%; }
      .filters.column-top .form-fieldcontainer.columns-12 .input-container {
        width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-24 {
      width: 100%; }
      .filters.column-top .form-fieldcontainer.columns-24 .input-container {
        width: 100%; }

  .filters .form-fieldcontainer .input-container, .filters .form-fieldcontainer .select-container, .filters .form-fieldcontainer div.start_new {
    width: 100%; }

  .filters .form-fieldcontainer .input-container, .filters .form-fieldcontainer .select-container {
    width: 100%; }

  .search_button {
    display: inline-block !important; }

  .hideonmobile {
    display: none; }

  .poweredbywcc {
    width: 100%;
    padding: 20px; }

  img {
    max-width: 100% !important; }

  .filters .form-fieldcontainer {
    width: 100%; }
    .filters .form-fieldcontainer.columns-4 {
      width: 33.33%; }
    .filters .form-fieldcontainer.columns-6 {
      width: 100%; }

  body #webshop_content div.product_header #carsearchboxes #qweon_carsearch {
    flex-direction: column; }
    body #webshop_content div.product_header #carsearchboxes #qweon_carsearch .carsearch_block {
      margin-right: 0px;
      margin-bottom: 2%; }

  .categorytabs a.producttab, .categorytabs a.producttabs {
    font-size: 11px;
    padding: 7px;
    background: #ebebeb;
    margin-bottom: 3px; }
    .categorytabs a.producttab:before, .categorytabs a.producttabs:before {
      display: none; }

  .product .storage_info {
    width: 100%; } }
@media screen and (max-width: 1190px) {
  div.single_product_container div.single_product_data div.product_images {
    max-width: 300px; }
  div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions {
    width: 100%;
    display: flex;
    flex-direction: column; }
    div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions div {
      margin-top: 20px; }

  .breadcrumb a {
    width: 100%;
    border-radius: 0px;
    background: #242424;
    color: #fff;
    display: inline-block;
    text-align: center; }
    .breadcrumb a:hover {
      color: #fff !important; }
      .breadcrumb a:hover:before {
        color: #fff; }

  .filter_FreeText {
    width: auto;
    overflow: hidden; }

  .start_new a, .search_submit input {
    min-width: initial; }

  .common_filter:last-of-type {
    margin-right: 0px; }

  div.catfilter_smallcheckbox {
    width: 50%; }

  #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left {
    margin-top: 68px; }

  div.simplelist div.orderbutton {
    right: 30px; }

  div.products_putinbasket {
    width: 95%;
    padding: 5px; } }
@media screen and (max-width: 1024px) {
  div.extra_product .extra_option_title {
    width: 100%; }
  div.extra_product .select {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px; }
  div.extra_product .otp_ordernumber {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 10px; }
  div.extra_product .knop_addoptionalproduct {
    width: 100%;
    max-width: 100%; }
    div.extra_product .knop_addoptionalproduct:before {
      width: auto !important; }

  .login_page main .inhoud {
    padding: 10px;
    margin-top: 10px; }

  nav #menu1 .menu > li.mobile_only, .mobile_only {
    display: inherit; }

  .productdetails .orderbutton a.add_relatedproduct {
    margin-left: 0px !important;
    margin-top: 15px; }

  div.planner_leftcolumn {
    width: 100%; }

  div.planner_adjust2, div.planner_adjust3 {
    margin-top: 15px; }

  .tpl_page_columns .header img, .tpl_page_columns .tpl_page .header img {
    height: 100%;
    width: auto; }
  .tpl_page_columns div.product_header #carsearchboxes {
    padding-top: 10px; }

  main > .container .container_left {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 5%; }
  main > .container .container_right {
    width: 100%; }

  /* Responsive fix */
  table.productdetails, .order_addressfields table, .planner table, .planner_confirmation table, .planner_rightcolumn table, .inhoud.container table.shopitems, table.order_buttons, .inhoud.container .basket_addressfields table, .inhoud.container table.extra_options, table.NoneSelectedProduct, #licenseplate_cars table {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    table.productdetails .shopitems_header, .order_addressfields table .shopitems_header, .planner table .shopitems_header, .planner_confirmation table .shopitems_header, .planner_rightcolumn table .shopitems_header, .inhoud.container table.shopitems .shopitems_header, table.order_buttons .shopitems_header, .inhoud.container .basket_addressfields table .shopitems_header, .inhoud.container table.extra_options .shopitems_header, table.NoneSelectedProduct .shopitems_header, #licenseplate_cars table .shopitems_header {
      display: none; }
    table.productdetails thead, table.productdetails tbody, table.productdetails th, table.productdetails td, table.productdetails tr, .order_addressfields table thead, .order_addressfields table tbody, .order_addressfields table th, .order_addressfields table td, .order_addressfields table tr, .planner table thead, .planner table tbody, .planner table th, .planner table td, .planner table tr, .planner_confirmation table thead, .planner_confirmation table tbody, .planner_confirmation table th, .planner_confirmation table td, .planner_confirmation table tr, .planner_rightcolumn table thead, .planner_rightcolumn table tbody, .planner_rightcolumn table th, .planner_rightcolumn table td, .planner_rightcolumn table tr, .inhoud.container table.shopitems thead, .inhoud.container table.shopitems tbody, .inhoud.container table.shopitems th, .inhoud.container table.shopitems td, .inhoud.container table.shopitems tr, table.order_buttons thead, table.order_buttons tbody, table.order_buttons th, table.order_buttons td, table.order_buttons tr, .inhoud.container .basket_addressfields table thead, .inhoud.container .basket_addressfields table tbody, .inhoud.container .basket_addressfields table th, .inhoud.container .basket_addressfields table td, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options thead, .inhoud.container table.extra_options tbody, .inhoud.container table.extra_options th, .inhoud.container table.extra_options td, .inhoud.container table.extra_options tr, table.NoneSelectedProduct thead, table.NoneSelectedProduct tbody, table.NoneSelectedProduct th, table.NoneSelectedProduct td, table.NoneSelectedProduct tr, #licenseplate_cars table thead, #licenseplate_cars table tbody, #licenseplate_cars table th, #licenseplate_cars table td, #licenseplate_cars table tr {
      display: block; }
    table.productdetails thead tr, .order_addressfields table thead tr, .planner table thead tr, .planner_confirmation table thead tr, .planner_rightcolumn table thead tr, .inhoud.container table.shopitems thead tr, table.order_buttons thead tr, .inhoud.container .basket_addressfields table thead tr, .inhoud.container table.extra_options thead tr, table.NoneSelectedProduct thead tr, #licenseplate_cars table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.productdetails tr, .order_addressfields table tr, .planner table tr, .planner_confirmation table tr, .planner_rightcolumn table tr, .inhoud.container table.shopitems tr, table.order_buttons tr, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options tr, table.NoneSelectedProduct tr, #licenseplate_cars table tr {
      border: 1px solid #ccc; }
    table.productdetails td, .order_addressfields table td, .planner table td, .planner_confirmation table td, .planner_rightcolumn table td, .inhoud.container table.shopitems td, table.order_buttons td, .inhoud.container .basket_addressfields table td, .inhoud.container table.extra_options td, table.NoneSelectedProduct td, #licenseplate_cars table td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    table.productdetails td:before, .order_addressfields table td:before, .planner table td:before, .planner_confirmation table td:before, .planner_rightcolumn table td:before, .inhoud.container table.shopitems td:before, table.order_buttons td:before, .inhoud.container .basket_addressfields table td:before, .inhoud.container table.extra_options td:before, table.NoneSelectedProduct td:before, #licenseplate_cars table td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .planner_confirmation table tr {
    border: 0px; }
    .planner_confirmation table tr:after {
      content: "";
      display: table;
      clear: both; }
    .planner_confirmation table tr td {
      width: 50%;
      float: left;
      padding: 0px;
      border: 0px; }

  table.productdetails {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    table.productdetails tr {
      border: 0px; }
      table.productdetails tr:after {
        content: "";
        display: table;
        clear: both; }
      table.productdetails tr td {
        width: 100%;
        float: left;
        padding: 0px;
        border: 0px; }

  .shoplink.backtoproducts {
    width: 100%;
    display: inline-block; }

  div.planner_leftcolumn table td {
    padding: 5px; }
    div.planner_leftcolumn table td:first-of-type {
      padding-left: 0px; }

  div.planner_rightcolumn, .planner table {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    div.planner_rightcolumn tr, .planner table tr {
      border: 0px; }
      div.planner_rightcolumn tr:after, .planner table tr:after {
        content: "";
        display: table;
        clear: both; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 50%;
        float: left;
        padding: 0px;
        border: 0px; }
      div.planner_rightcolumn tr:last-of-type td:last-of-type, .planner table tr:last-of-type td:last-of-type {
        width: 100%; }
    div.planner_rightcolumn input:not([type="submit"]), .planner table input:not([type="submit"]) {
      margin-left: 0px; }
    div.planner_rightcolumn select.plannerbox, .planner table select.plannerbox {
      margin-left: 0px; }
    div.planner_rightcolumn textarea.plannerarea, .planner table textarea.plannerarea {
      margin-left: 0px; }
    div.planner_rightcolumn input.plannerknop, .planner table input.plannerknop {
      margin-left: 0px; }
    div.planner_rightcolumn p, .planner table p {
      margin-top: 10px;
      text-align: center; }

  div.extraproduct_explain {
    display: none; }

  .prevamount {
    width: 100% !important;
    text-align: center; }

  #foutmelding {
    width: 100%;
    left: 0px !important; }

  .single_product div.bigimage {
    width: 100%;
    text-align: center;
    height: auto; }
  .single_product div.productdetails {
    width: 100%;
    padding: 0px; }
    .single_product div.productdetails.productdetailsrear {
      margin-left: 0px; }
    .single_product div.productdetails .wide_type {
      margin-top: 10px; }
    .single_product div.productdetails .orderbutton {
      width: 100%; }
      .single_product div.productdetails .orderbutton a {
        display: inline-block;
        width: 100%;
        text-align: center; }
  .single_product .relatedproducts {
    padding: 0px;
    margin-left: 0px;
    width: 100%; }

  .relatedproducts .search_tyres .product_price .price_set .price {
    padding-top: 0px;
    padding-bottom: 0px; }

  /*    .carsearch_box, #qweon_carsearch, .wheeltypesearch_box{
          display: none !important;
      }*/
  #webshop_content.searchresults .carsearch_box, #webshop_content.searchresults #qweon_carsearch, #webshop_content.searchresults .wheeltypesearch_box {
    display: block !important; }

  .search_button {
    display: inline-block !important; }

  div.products_main {
    min-height: 100px; }

  div.product_content {
    min-height: 100px; }

  .searchtitle {
    display: none; }

  .productsinbasket .container {
    top: 0px; }
    .productsinbasket .container .inbasket {
      width: 100%;
      top: 10%; }
      .productsinbasket .container .inbasket:after {
        display: none; }

  .categorytabs {
    text-align: center; }

  .product_header .searchresult_count {
    display: none; }

  div.product_main .searchresult_count {
    display: inline-block;
    font-size: 1rem;
    margin-top: 46px;
    text-align: center;
    margin-bottom: 10px; }

  .resultsfound div.product_main .searchresult_count {
    display: none; }

  #licenseplate_cars {
    text-align: center; }
    #licenseplate_cars .redtext {
      width: 100% !important;
      text-align: center; }
    #licenseplate_cars h1 {
      font-size: 18px;
      text-align: center; }
    #licenseplate_cars table tr {
      text-align: center;
      border: 0px;
      margin-bottom: 25px;
      margin-top: 25px; }
      #licenseplate_cars table tr td {
        border: 0px;
        padding: 0px;
        width: initial !important; }

  /*    #webshop_content #carsearchboxes {
          padding-top: 10px;
          padding-left: 0px;
          
          #carsearchboxes{
              .title{
                  width: 100%;
                  text-align: center;
                  border-radius: 5px;
                  background: #000000;
                  cursor: pointer;
                  height: 35px;
                  line-height: 35px;
                  border: 1px solid #000000;
                  transition: all 0.2s ease-in-out;
              }
          }
      }*/
  .product_column_left {
    display: none; }

  .product_content {
    width: 100%; }

  div.product_content {
    width: 100%; }

  .show_filters {
    display: block; }

  .common_filters {
    float: left;
    padding-top: 40px; }

  div.search_submit {
    float: left;
    clear: left; }

  .all_common_filters {
    transition: all 0.3s ease-in-out;
    max-height: 40px;
    overflow: hidden;
    background: transparent;
    padding: 0px;
    margin-bottom: -40px; }
    .all_common_filters .filter_FreeText {
      height: 40px; }
    .all_common_filters.open {
      background: #f9f9f9;
      padding: 10px;
      margin-bottom: 10px;
      max-height: 600px; }
      .all_common_filters.open #FreeText {
        display: initial; }
      .all_common_filters.open .show_filters {
        display: inherit !important; }

  div.productsfound {
    margin-top: 0px; }

  div.productlist_wheel, div.productlist_steel {
    width: calc(50% - 5px); }
    div.productlist_wheel:nth-of-type(4n), div.productlist_steel:nth-of-type(4n) {
      margin-right: 10px; }
    div.productlist_wheel:nth-of-type(2n), div.productlist_steel:nth-of-type(2n) {
      margin-right: 0px; }

  div.licenseplate_cars .lp_content {
    width: 100%;
    left: 0px;
    margin-left: 0px;
    position: absolute;
    height: 100%;
    top: 0px;
    overflow: scroll; }
    div.licenseplate_cars .lp_content a {
      width: 100% !important;
      text-align: center; }

  .navpagelink {
    display: none; }
    .navpagelink:nth-last-of-type(1) {
      display: inline-block; }
    .navpagelink:last-of-type {
      display: inline-block; }

  .pagecount {
    display: inline-block; }

  .search_tyres .product_cell:nth-of-type(1) {
    width: 35%; }
    .search_tyres .product_cell:nth-of-type(1) img {
      max-width: 100%; }
  .search_tyres .product_name {
    height: 100%;
    width: 65%;
    margin-left: 35%; }
    .search_tyres .product_name.product_name_wide {
      width: 65%; }
      .search_tyres .product_name.product_name_wide .product_name_left {
        width: 65%; }
      .search_tyres .product_name.product_name_wide .product_name_right {
        width: 65%;
        text-align: left;
        clear: both;
        margin-top: 15px; }
  .search_tyres .wideprice {
    width: 100%; }
    .search_tyres .wideprice .price_set {
      text-align: center;
      margin-bottom: 10px; }
    .search_tyres .wideprice .add_basket {
      height: auto;
      line-height: 1.3rem;
      padding: 10px; }
  .search_tyres .product_price {
    width: 65%;
    padding: 15px 0px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    margin-left: 35%;
    padding-top: 0px; }
  .search_tyres .setprice {
    width: 100%; }
    .search_tyres .setprice .add_basket {
      width: 100%;
      text-align: center; }
  .search_tyres .stockamount {
    float: left;
    padding: 0px;
    display: none; }
  .search_tyres .deliveryspeed {
    display: none; }
  .search_tyres .deliverydate {
    margin-top: 15px;
    font-size: 13px;
    text-align: center; }

  .showCars {
    display: none; }

  .inhoud.container a.knop_kassa {
    width: 100%;
    float: none; }
  .inhoud.container .knop_addoptionalproduct span {
    display: none; }
  .inhoud.container .knop_addoptionalproduct:before {
    width: 100%; }
  .inhoud.container .bestelstappen {
    display: none; }
  .inhoud.container table.shopitems tr, .inhoud.container table.shopitems tr.basket {
    margin-top: 10px; }
    .inhoud.container table.shopitems tr td, .inhoud.container table.shopitems tr.basket td {
      height: initial;
      line-height: initial !important;
      border-bottom: 0px;
      padding-bottom: 7px;
      padding-top: 7px; }
      .inhoud.container table.shopitems tr td:first-of-type, .inhoud.container table.shopitems tr.basket td:first-of-type {
        padding: 0px;
        width: 0px; }
      .inhoud.container table.shopitems tr td .car_details, .inhoud.container table.shopitems tr.basket td .car_details {
        margin-bottom: 0px; }
        .inhoud.container table.shopitems tr td .car_details button.knop, .inhoud.container table.shopitems tr.basket td .car_details button.knop {
          width: 100% !important;
          margin: 0px !important;
          max-width: 100%; }
        .inhoud.container table.shopitems tr td .car_details .car_details_title, .inhoud.container table.shopitems tr td .car_details input.customfield, .inhoud.container table.shopitems tr.basket td .car_details .car_details_title, .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
          width: 100%;
          max-width: 100%; }
      .inhoud.container table.shopitems tr td.productimage, .inhoud.container table.shopitems tr.basket td.productimage {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px; }
      .inhoud.container table.shopitems tr td .knop_remove, .inhoud.container table.shopitems tr.basket td .knop_remove {
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ccc; }
      .inhoud.container table.shopitems tr td .basket_form div, .inhoud.container table.shopitems tr.basket td .basket_form div {
        width: 100%; }
        .inhoud.container table.shopitems tr td .basket_form div:after, .inhoud.container table.shopitems tr.basket td .basket_form div:after {
          content: "";
          display: table;
          clear: both; }
  .inhoud.container table.totals {
    margin-top: 10%;
    margin-bottom: 15%;
    font-size: 1.2rem; }
    .inhoud.container table.totals tr td:last-of-type {
      width: 0px; }
  .inhoud.container .sub_title {
    width: 100%;
    text-align: center;
    display: inline-block; }
  .inhoud.container table.order_buttons {
    margin-bottom: 10%; }
    .inhoud.container table.order_buttons:before {
      top: -50px; }
    .inhoud.container table.order_buttons td, .inhoud.container table.order_buttons td.klantofferte {
      padding: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border: 0px;
      text-align: left !important;
      padding-top: 10px; }
      .inhoud.container table.order_buttons td table td, .inhoud.container table.order_buttons td.klantofferte table td {
        padding: 0px; }
      .inhoud.container table.order_buttons td h2, .inhoud.container table.order_buttons td.klantofferte h2 {
        margin-top: 10%;
        margin-left: 0px !important; }
      .inhoud.container table.order_buttons td form table, .inhoud.container table.order_buttons td.klantofferte form table {
        width: 100%; }
        .inhoud.container table.order_buttons td form table table, .inhoud.container table.order_buttons td.klantofferte form table table {
          width: 100%; }
    .inhoud.container table.order_buttons tr {
      border: 0px; }
  .inhoud.container table.extra_options tr {
    border: 0px; }
    .inhoud.container table.extra_options tr td {
      padding: 0px;
      border: 0px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) {
        width: 30%;
        float: left; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) td {
          height: 50px;
          line-height: 50px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) {
        width: 70%;
        float: left;
        background: transparent; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) td {
          background: transparent;
          padding-top: 5px;
          padding-bottom: 5px; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) input {
          width: 100% !important; }
      .inhoud.container table.extra_options tr td table.extra_option .knop_addoptionalproduct:before {
        width: initial; }
  .inhoud.container div.addressform {
    padding-top: 0px; }
  .inhoud.container .basket_addressfields table, .inhoud.container .order_addressfields table {
    margin-left: 0px !important; }
    .inhoud.container .basket_addressfields table .feedback img, .inhoud.container .order_addressfields table .feedback img {
      display: none; }
    .inhoud.container .basket_addressfields table .knop_winkelen, .inhoud.container .order_addressfields table .knop_winkelen {
      margin-bottom: 10px; }
    .inhoud.container .basket_addressfields table tr, .inhoud.container .order_addressfields table tr {
      border: 0px; }
      .inhoud.container .basket_addressfields table tr.gender:after, .inhoud.container .order_addressfields table tr.gender:after {
        content: "";
        display: table;
        clear: both; }
      .inhoud.container .basket_addressfields table tr td, .inhoud.container .order_addressfields table tr td {
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100% !important;
        clear: left; }
        .inhoud.container .basket_addressfields table tr td.gender_male, .inhoud.container .basket_addressfields table tr td.gender_female, .inhoud.container .order_addressfields table tr td.gender_male, .inhoud.container .order_addressfields table tr td.gender_female {
          float: left;
          width: 50% !important;
          text-align: left;
          line-height: 30px; }
          .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label {
            float: left;
            margin-right: 0px;
            padding-right: 0px; }
            .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label:before {
              float: left; }
          .inhoud.container .basket_addressfields table tr td.gender_male img, .inhoud.container .basket_addressfields table tr td.gender_female img, .inhoud.container .order_addressfields table tr td.gender_male img, .inhoud.container .order_addressfields table tr td.gender_female img {
            display: none; }
        .inhoud.container .basket_addressfields table tr td input, .inhoud.container .order_addressfields table tr td input {
          width: 100% !important; }
        .inhoud.container .basket_addressfields table tr td h3, .inhoud.container .order_addressfields table tr td h3 {
          font-size: 14px; }
        .inhoud.container .basket_addressfields table tr td .knop_kassa, .inhoud.container .order_addressfields table tr td .knop_kassa {
          float: none !important;
          width: 100%; }
        .inhoud.container .basket_addressfields table tr td table td, .inhoud.container .order_addressfields table tr td table td {
          padding: 0px; }
  .inhoud.container h2 {
    margin-left: 15px !important; }
  .inhoud.container .knop_offerte, .inhoud.container .knop_opnieuw, .inhoud.container .knop_winkelen {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px; }

  #NoneSelectedProducts {
    width: 100%;
    left: 0px;
    margin-left: 0px; }
    #NoneSelectedProducts table tr {
      margin-top: 15px; }
    #NoneSelectedProducts table td {
      padding-left: 0px;
      border: 0px; }
      #NoneSelectedProducts table td.NoneSelectedProduct div {
        text-align: center; }
      #NoneSelectedProducts table td form {
        text-align: center; }
        #NoneSelectedProducts table td form input.NoneSelectedProduct {
          max-width: 100%;
          white-space: normal;
          height: auto;
          line-height: 1.5rem;
          padding: 1rem 0.4rem;
          width: calc(100% - 30px); }
    #NoneSelectedProducts a {
      width: 100% !important;
      margin-top: 15px;
      text-align: center; }

  .search_tyres .product.has_product_wide .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_tyres .product.has_product_wide .product_cell:nth-of-type(1) {
      height: 150px;
      position: relative; }
      .search_tyres .product.has_product_wide .product_cell:nth-of-type(1) a {
        display: inherit;
        top: 0px;
        margin-top: 10px;
        position: relative;
        left: inherit;
        margin-left: inherit; }
  .search_tyres .product.product_rear .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_tyres .product.product_rear .product_cell:nth-of-type(1) {
      display: none; } }
@media screen and (max-width: 1180px) {
  .search_tyres .product:hover .product_cell:nth-of-type(1) a img, .product_single .product:hover .product_cell:nth-of-type(1) a img {
    width: 120px;
    margin-left: initial;
    margin-top: initial; } }
@media screen and (max-width: 450px) {
  /* Responsive fix */
  .inhoud.container table.optional_extra {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .inhoud.container table.optional_extra .shopitems_header {
      display: none; }
    .inhoud.container table.optional_extra thead, .inhoud.container table.optional_extra tbody, .inhoud.container table.optional_extra th, .inhoud.container table.optional_extra td, .inhoud.container table.optional_extra tr {
      display: block; }
    .inhoud.container table.optional_extra thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .inhoud.container table.optional_extra tr {
      border: 1px solid #ccc; }
    .inhoud.container table.optional_extra td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    .inhoud.container table.optional_extra td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .inhoud.container table.optional_extra tr {
    border: 0px; }
    .inhoud.container table.optional_extra tr:nth-of-type(1) {
      display: none; }
    .inhoud.container table.optional_extra tr:last-of-type {
      display: none; }
    .inhoud.container table.optional_extra tr td {
      text-align: center;
      border: 0px; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct span {
    display: inline-block; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct:before {
    width: auto; } }
@media screen and (max-width: 530px) {
  .filter_buttons {
    margin-top: 40px; }
    .filter_buttons > div {
      margin-right: 0px; }

  .simplelist .product .product_cell:nth-of-type(1) {
    width: 100%; }
    .simplelist .product .product_cell:nth-of-type(1) a img {
      width: 30%; }
  .simplelist .product .product_cell:nth-of-type(2) {
    width: 100%; }
  .simplelist .product .product_cell {
    width: 100%; }

  .planner_steps .planner_stepcurrent, .planner_steps .planner_step, .planner_steps .planner_stepchecked {
    width: 100%; }
  .planner_steps .planner_stepchecked, .planner_steps .planner_step {
    display: none; }

  div.planner_adjust2, div.planner_adjust3 {
    width: 100%;
    margin-top: 0px; }
    div.planner_adjust2 a, div.planner_adjust3 a {
      width: 100%;
      text-align: center; }

  input.plannerknop {
    margin-left: 0px;
    width: 100%; }

  div.planner_rightcolumn, .planner table {
    margin-top: 5%; }
    div.planner_rightcolumn tr, .planner table tr {
      margin-bottom: 10px;
      border: 0px; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 100%; }

  .planner_confirmation table tr td {
    width: 100%;
    margin-bottom: 3px;
    margin-top: 3px; }

  .overview_products td {
    padding: 5px; }

  .categorytabs a.producttab, .categorytabs a.producttabs {
    padding: 7px 15px;
    font-size: 12px;
    margin: 0px 0px 0px 1px; }

  .search_tyres .setprice .add_basket {
    font-size: 13px; }

  .all_common_filters select {
    width: 100%; }
  .all_common_filters .sort_option {
    width: 100%; }
  .all_common_filters .common_filter {
    width: 100%; }
    .all_common_filters .common_filter.filter_FreeSize {
      width: 100%; }
  .all_common_filters input.filter_text {
    width: 100%; }
  .all_common_filters .filter_stock, .all_common_filters .filter_FreeText, .all_common_filters .sort_option, .all_common_filters .filter_EAN, .all_common_filters .filter_status, .all_common_filters .filter_MinLoadIndex, .all_common_filters .filter_Steek, .all_common_filters .filter_Steekcirkel, .all_common_filters .filter_ET, .all_common_filters .filter_Boring {
    width: 100%;
    max-width: 100% !important; }
  .all_common_filters input.carsearch_submit, .all_common_filters input.search_submit {
    min-width: initial; }

  div.productlist_wheel, div.productlist_steel {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    height: auto; } }
@media screen and (max-width: 767px) {
  .stockinfo .stocktable {
    width: 100%;
    margin: 0px;
    left: 0px;
    height: 100%; }
    .stockinfo .stocktable table tr td:nth-of-type(4) ~ td {
      display: none; }
  .stockinfo .stockinfo_close {
    top: initial;
    bottom: 0px;
    margin: 0px;
    width: 100%;
    right: 0px;
    text-align: center;
    background: #333;
    color: #fff; }

  img {
    max-width: 100% !important; } }
div.cms_popup_header {
  height: 24px;
  line-height: 24px;
  padding: 10px;
  background: #a71f1f;
  color: #fff; }
  div.cms_popup_header span {
    font-size: 20px; }
  div.cms_popup_header span.cms_popup_close {
    float: right;
    position: relative;
    top: -9px;
    right: -7px;
    cursor: pointer;
    font: normal normal normal 20px/1 FontAwesome; }
  div.cms_popup_header span.cms_popup_close i {
    color: #fff;
    font-size: 40px; }

div.purchaseorderproductdata div.cms_popup_header {
  min-height: 44px; }

@media screen and (min-width: 1023px) {
  .hideondesk {
    display: none !important; } }
@media screen and (max-width: 1023px) {
  .hideonmobile {
    display: none !important; } }
.showrow {
  display: table-row; }

.hiderow {
  display: none; }

a.readmore_news {
  float: right; }

select.notdefaultselected {
  background-color: yellow; }

.knop_planner {
  display: block;
  font-size: 8pt;
  font-weight: bold;
  width: 240px;
  height: 40px;
  text-indent: 34px;
  line-height: 20px;
  text-align: left;
  padding-right: 4px;
  cursor: pointer;
  border: 1px solid #b9b1ab;
  /*background-image: url("../img/shop/afronden.png") !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;*/
  background-color: #eee !important;
  color: #333; }
  .knop_planner :hover {
    color: #ff6600; }

#foutmelding {
  display: none;
  font-size: 10pt;
  position: absolute;
  top: 100px;
  padding: 20px;
  width: 400px;
  min-height: 200px;
  border: 2px solid #333;
  background-color: #fff;
  color: #333;
  z-index: 400; }

input.findcustomer[type="text"] {
  width: 300px;
  height: 24px;
  margin-right: 10px; }

input.findcustomer[type="submit"]:hover, input.findcustomer[type="button"]:hover {
  box-shadow: 3px 3px 5px #666; }

input.findcustomer[type="submit"], input.findcustomer[type="button"] {
  min-width: 180px;
  height: 30px;
  line-height: 30px;
  padding: 10px;
  line-height: 4px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background-color: #eee;
  color: green; }

input.findcustomer[type="button"] {
  color: red; }

#custlist {
  display: none;
  font-size: 10pt;
  position: absolute;
  top: 100px;
  padding: 20px;
  width: 600px;
  height: 600px;
  overflow: auto;
  border: 2px solid #333;
  background-color: #fff;
  color: #333;
  z-index: 400; }

#custlist tr.customerrow:hover {
  background: yellow; }

#custlist tr.customerrow {
  cursor: pointer; }

img.reload_captcha {
  border: none;
  float: right; }

div.galleryblock {
  text-align: center;
  margin: auto; }

div.galleryitem {
  width: 150px;
  height: 120px;
  display: inline-block;
  cursor: pointer;
  margin: 0px 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

/* shop items */
div.image_list_item {
  float: left;
  padding: 4px; }

div.image_list_item_last {
  padding: 4px; }

div.cms_form {
  /*clear: both;*/ }

/* lightbox */
#lightbox-secNav-btnClose img {
  width: 62px;
  height: 22px;
  background-image: url("../img/cms/lightbox-btn-close.gif");
  background-repeat: no-repeat;
  background-position: center center; }

span.columnhead_order {
  position: relative;
  left: 93px; }

div.inhoud_orderpage {
  overflow: auto; }

div.addressform {
  clear: both;
  padding-top: 40px; }

div.SplitStock select {
  width: 60px; }

.savebutton:hover {
  color: #ff6600; }

.savebutton {
  display: block;
  font-size: 8pt;
  font-weight: bold;
  width: 140px;
  height: 40px;
  text-indent: 34px;
  line-height: 20px;
  text-align: left;
  margin-top: 20px;
  cursor: pointer;
  border: 1px solid green;
  background-color: #f2f2f2;
  color: green; }

div.personsdata {
  text-align: left;
  line-height: 18px; }

img.editcustmemo, img.logofcust {
  margin-right: 1px;
  float: right;
  border: 0px; }

div.draggable {
  cursor: move; }

.faq_container {
  width: 100%; }

.faq_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px; }

.faq_item .faq_question, .faq_item h2 {
  font-size: 16px;
  font-weight: 600;
  background: #EFEFEF;
  padding: 15px 20px;
  margin: 0px;
  cursor: pointer;
  transition: all .2s ease-in-out;
  font-family: "Open Sans", sans-serif;
  position: relative; }

.faq_item .faq_question:hover, .faq_item h2:hover {
  background: #d6d6d6; }

.faq_item .faq_question:after, .faq_item h2:after {
  content: '\f078';
  right: 20px;
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.faq_item .faq_answer {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 0px;
  overflow: hidden;
  transition: all .5s ease-in-out; }

.faq_item .faq_answer .text {
  padding: 20px; }

.faq_item.open .faq_question:after, .faq_item.open h2:after {
  content: '\f062'; }

.faq_item .faq_question:after, .faq_item h2:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

/*
.price_visible {
    display: block;
}
.price_hidden {
    display: none;
}
.purchaseprice_visible {
    font-size: 1.0em;
}
.purchaseprice_hidden {
    font-size: 0;
}*/
.news_blocks {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem; }

.news_block {
  display: block;
  color: #000;
  text-decoration: none;
  position: relative;
  /*width: calc(33% - 4% / 2);*/
  margin-right: 2%;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 10px; }

.news_block:last-of-type {
  margin-right: 0px; }

.subtitle, .news_links {
  width: 100%; }

.news_links {
  margin-bottom: 1rem; }

a.news_link {
  padding: 10px 20px;
  background: transparent !important;
  color: #000;
  display: inline-block;
  margin-top: 5px;
  border: 1px solid #000;
  transition: all 0.2s ease-in-out; }

a.news_link:hover {
  background: #000 !important;
  color: #fff; }

.news_block .news_image {
  display: none; }

.news_block .news_title {
  width: 100%;
  padding: 15px;
  display: block;
  font-weight: 700;
  padding-bottom: 10px;
  font-size: 1.3rem; }

.news_block .news_date {
  width: 100%;
  padding: 15px;
  padding-top: 10px;
  display: block;
  border-top: 1px solid #000;
  font-size: 1rem;
  text-transform: initial; }

.news_block .news_text {
  width: 100%;
  padding: 15px;
  padding-top: 0px;
  display: block;
  font-size: 1rem;
  text-transform: initial; }

.news_block .news_button {
  width: 100%;
  text-align: right;
  padding: 15px;
  display: block;
  font-size: 1rem;
  text-transform: initial; }

.news_block .news_button:after {
  content: "\f105";
  display: inline-block;
  position: relative;
  font: normal normal normal 13px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
  transition: all 0.2s ease-in-out; }

.news_block:hover {
  text-decoration: none;
  cursor: pointer; }

.news_more_button {
  float: right;
  margin-top: 2%;
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  transition: all 0.2s ease-in-out; }

.news_more_button:after {
  content: "\f105";
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
  transition: all 0.2s ease-in-out; }

@media screen and (max-width: 1023px) {
  .news_blocks {
    flex-wrap: wrap; }

  .news_block {
    width: calc(50% - 2%);
    margin-right: 2%;
    margin-bottom: 2%; }

  .news_block:last-of-type {
    margin-right: 0px; } }
@media screen and (max-width: 767px) {
  .news_blocks {
    flex-wrap: wrap; }

  .news_block {
    width: calc(100%);
    margin-right: 0%;
    margin-bottom: 2%; }

  .news_block:last-of-type {
    margin-right: 0px; } }
.newsitem_single h1.title {
  width: calc(100% - 100px);
  margin-top: 2rem;
  font-weight: 700; }

.newsitem_single img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px; }

.newsblock_complete {
  width: 100%; }

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

.newcust {
  height: 40px !important;
  font-size: 12pt !important; }

/* new mobile menu */
div.mobile_menu, div.mobile_menu_hamburger {
  display: none; }

@media screen and (max-width: 1224px) {
  div.cms_form_v2 .form {
    margin-left: 0px; }

  div.cms_form_v2 .form .form_row {
    width: 100%;
    flex-wrap: wrap; }

  div.cms_form_v2 .form .form_row .description {
    width: 100%;
    text-align: left;
    padding-right: 10px;
    font-weight: 300; }

  div.mobile_menu_hamburger {
    display: inline-block; } }
/* employee section */
div.employeelist {
  width: 100%;
  min-height: 170px;
  padding-bottom: 20px; }

div.medewerker_tmb {
  width: 200px;
  height: 340px;
  margin: 0px 16px 30px;
  float: left; }

a.medewerker_tmb {
  margin: auto;
  display: block;
  width: 180px;
  height: 250px;
  /*border: 1px solid #a40e0e;*/
  background-repeat: no-repeat;
  background-size: cover; }

div.employeedetails {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.7); }

div.medewerker {
  display: none;
  position: absolute;
  width: 50%;
  min-width: 600px;
  height: 600px;
  min-height: 300px;
  background: #fff;
  border: 1px solid grey;
  padding: 20%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

h3.medewerkertitle {
  padding-top: 10px;
  width: 100%;
  margin: auto;
  font-size: 11pt;
  color: #9d9d9c;
  text-transform: none;
  line-height: 18px; }

img.medewerker {
  float: right;
  margin-left: 5px;
  border: 1px solid #a40e0e;
  max-width: 50%; }

img.preloadimage {
  display: none;
  border: 0px; }

.employeedetails.open {
  display: block !important; }

.employeedetails div.medewerker.open {
  min-height: 0px;
  padding-top: 4%;
  padding-bottom: 4%;
  overflow: auto;
  transform: scale(1); }

.employeedetails div.medewerker {
  transition: all 0.5s ease-in-out;
  height: 486px;
  padding: 4%;
  min-height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: block !important;
  overflow: hidden;
  border: 0px;
  transform: scale(0); }

.employeedetails img.medewerker {
  margin-left: 30px;
  margin-bottom: 30px; }

a.medewerker_tmb {
  position: relative;
  overflow: hidden;
  background-position: center; }

a.medewerker_tmb:before {
  content: '';
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer; }

a.medewerker_tmb:after {
  content: "\f00e";
  display: inline-block;
  font: normal normal normal 22px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  transform: scale(2); }

a.medewerker_tmb:hover:before {
  opacity: 0.5; }

a.medewerker_tmb:hover:after {
  opacity: 1;
  transform: scale(1); }

@media screen and (max-width: 1023px) {
  .employeedetails div.medewerker.open {
    width: 92%;
    height: 100%; }

  .close {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 40px;
    top: 18px;
    right: 18px; } }
@media screen and (max-width: 600px) {
  .employeedetails img.medewerker {
    margin-left: auto;
    margin-right: auto;
    width: 100%; } }
div.employeedetails .close {
  position: absolute;
  top: 9px;
  right: 14px;
  cursor: pointer;
  transition: all 0.2s ease-in-out; }

div.employeedetails .close:hover {
  color: #ff0000; }

div.employeedetails .close:before {
  content: "\f00d";
  display: inline-block;
  font: normal normal normal 22px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

/* end of employee section */

/*# sourceMappingURL=body.css.map */
/*
###########################################################
#
# Filename:	widgets.css	
#
# Copyright:		S-Inside
# Platform:		CSS
# Date created: 	02-08-2024
#
# 
###########################################################
*/

/*.inhoud .widgets:not(.newadminbutton.widgets):not(.knop_afbeelding.widgets):not(.cms_leftmenu_item_button.widgets), .widgets-container .widgets {*/
.inhoud .widgets, .widgets-container .widgets {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    border: 0px;
    max-width: none;
    margin: 0px;
}

.inhoud .widgets div.widget, .widgets-container .widgets div.widget {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    transform: scale(1);
    margin-right: 30px;
    padding: 10px;
    flex-grow: 1;
    width: 0;
}
div.lastwidget {
    margin-right: 0;
}
.inhoud .widgets div.widget:hover, .widgets-container .widgets div.widget:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
    transform: scale(1.05);
}
.inhoud .widgets h1.widget, .widgets-container .widgets h1.widget {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
}
.inhoud .widgets .widgetimg, .widgets-container .widgets .widgetimg {
    height: 150px;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}
.inhoud .widgets .widgetimg img, .widgets-container .widgets .widgetimg img {
    position: absolute;
    height: 100%;
    width: auto !important;
    max-width: none !important;
}
.inhoud .widgets .widgettext p, .widgets-container .widgets .widgettext p {
    padding: 15px 20px;
    font-size: 1rem;
}
.inhoud .widgets .widgetarrow, .widgets-container .widgets .widgetarrow {
    display: none;
}

@media screen and (max-width: 1023px) {
    .inhoud .widgets, .widgets-container .widgets {
        justify-content: space-between;
        flex-wrap: wrap !important;
    }
    .inhoud .widgets div.widget, .widgets-container .widgets div.widget {
        margin-bottom: 2%;
        width: 48%;
    }
    .inhoud .widgets .widgettext p, .widgets-container .widgets .widgettext p {
        font-size: 1.5rem;
        margin: 0;
    }
}
@media screen and (max-width: 767px) {
    .inhoud .widgets, .widgets-container .widgets {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .inhoud .widgets div.widget, .widgets-container .widgets div.widget {
        margin-bottom: 2%;
        width: 100%;
    }
}/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	max-width: 1020px;
	max-height: 1020px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 90%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	max-width: 500px;
	max-height: 980px;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	max-width: 1000px;
	max-height: 980px;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-text {}
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#lightbox-container-imageoverlay{
	position: absolute;
	z-index: 9;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	color: #000;
}
#lightbox-image {
	position: relative;
	top: 240px;
	left: -60px;
	max-width: 1000px;
	max-height: 980px;
}/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		S-Inside
# Project:			www.sd2.nl
# Platform:			CSS
# Date created: 	Juni 2018 
#
    used colours for this website:
    #a71f1f 	red
    #fff		inhoud background
    #aaaaaa		achtergrond pagina
#
###########################################################
*/



body,table,td,th,div,input,select,textarea,a,h1,h2,h3,h4,h5,h6,span {
	/*font-family: 'Sunflower', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size: 1.0em;
}

body {
	margin: 0px;
	background-color: #fff;
	color: #000;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 20px;
}
h2 {
	margin-top: 10px;
	font-size: 1.1em;
	color: #a71f1f;
}
h3 {
	font-size: 1.1em;
}
img {
	border: 0px;
}
p {
	margin: 10px 0;
}
div.megamenu-wrapper {
	display: none;
}

main {
	min-height: 500px;
}
div.container {
	position: relative;
	display: flex;
	width: 980px;
	margin: auto;
	background-color: #fff;
	color: #000;
	max-width: 100%;
}
div.logo {
	float: right;
	position: absolute;
	right: 0px;
}
img.logo {
	width: 383px;
	height: 160px;
	float: right; 
	padding: 8px; 
	border: 0px;
}

div.menu {
	position: relative;
	top: 18px;
	left: 5px;
	height: 450px;
	width: 130px;
	margin-right: 10px;
	z-index: 90;
	padding: 1px 15px 18px 15px;
	font-size: 9pt; 
	font-weight: bold;	
	line-height: 16px;
	background-image: url(../img/left.png);
	background-repeat: no-repeat; 
	background-position: center top;
	color: #ffffff;
	
}

div.content {
	position: relative;
	top: 0px;
	width: 840px;	
	padding: 15px;
	min-height: 420px;
	padding-bottom: 40px;
}

div.bottom {	
	display: block;
	height: 88px;
	background-image: url(../img/bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: inherit;
	color: #fff;
}
div.nav_bottom {
	margin: auto;
}
div.adres {
	position: relative; 
	top: 0px; 
	right: 14px; 
	width: 200px;
	line-height: 15px; 
	float: right; 
	text-align: right; 
	font-size: 10pt; 
	background: transparent;
	color: #fff; 
}
div.adres table {
	float: right; 
	position: relative; 
	top: 4px;
}
div.adres table td {
	padding-right: 5px;
	line-height: 16px;
}
div.copy {
	position: relative; 
	margin-top: 14px;
	padding-bottom: 20px;
	width: 100%;
	text-align: center;
}
a.copy:hover {color: #000;}
a.copy {
	font-size: 8pt;
	text-decoration: underline;
	background-color: inherit;
	color: #999;
}

.redbold{
	text-decoration: none;
	font-weight: bold;
	background-color: inherit;
	color: #a71f1f;
}
a.link:hover, a.portfoliolink:hover, div.content a:hover {
	color:#000;
}
a.link, a.portfoliolink, a.shoplink, div.content a {
	text-decoration: underline;
	background-color: inherit;
	color: #a71f1f;
}

a.sitemaphoofdlink {
	color: #a71f1f;
	font-size: 1.4em;
	text-decoration: none !important;
}
a.sitemaphoofdlink:hover {
	color: #999;
}
a.sitemaplink {
	margin-left: 10px;
	font-size: 1.2em;
	text-decoration: none !important;
	color: #444 !important;
}
a.sitemaplink:before {
	content: '-' !important;
	color: #a71f1f;
	margin-left: -4px; 
	padding-right: 2px;
}
a.sitemaplink:hover {
	color: #a71f1f;
}

table.prices {
	margin-bottom: 40px;
}
table.prices td.price_number{
	text-align: right;
}

/* formulier 
input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
}*/
/* einde formulier */

#foutmelding {
	display: none;
	font-size: 10pt;
	position: absolute;
	padding: 20px;
	top: 200px;
	left: 25%;
	width: 400px;
	height: 300px;
	border: 2px solid #a71f1f;
	background-color: #fff;
	color: #a71f1f;
	z-index: 200;
}

@media screen{
  	body >div #foutmelding{
   		position: fixed;
  	}
}

@media screen and (min-width: 801px) {
	div.mobile_menu_container, div.mobile_menu_hamburger, div.mobile_menu {
		display: none;
	}
	#menu1 ul.menu {
		width: 100%;
		padding: 0;
		margin-left: -4px;
		margin-top: 0px;
		display: flex;
		flex-direction: column;
	}
	#menu1 ul.menu li {
		list-style: none;
		display: block;
		min-height: 30px;
		height: auto;
	}

	#menu1 ul.menu li.firstsub {
		/*margin-top: -3px;*/
	}
	#menu1 ul.menu li.sub{
		margin-left: 0px;
	}
	#menu1 ul.menu li a {
		display: inline-block;
		position: relative;
		width: 100%;
		height: 16px;
		font-size: 10pt;
		font-weight: bold;
		text-decoration: none;
		background-color: transparent;
		color: #fff;
		justify-content: left;
		padding: 4px 0;
	}
	#menu1 ul.menu li a:hover {color: #fff; background-color: transparent; text-decoration: underline;}
	#menu1 ul.menu li a.current {color: #fff; background-color: transparent;}

	li.expand a.expand::after {
		content: '' !important;
	}
	.menu > li.expand:hover ul.submenu {
		top: 4px !important;
	}
	.menu > li.expand ul.submenu, .menu > li.expand ul.subsubmenu {
		background: none !important;
		border: none !important;
		opacity: 1 !important;
		position: relative !important;
		transform: translateY(0px) !important;
		top: 4px !important;
		left: 12px !important;
		height: auto !important;
		max-height: 600px !important;
		
	}
	nav .menu li ul, a::before {
		background: none !important;
	}
	li.hidesubheadmenu {
		display: none !important;
	}
	.menu > li.expand ul.submenu li a:before {
		content: '-' !important;
		color: #fff !important;
		margin-left: -4px !important; 
		padding-right: 2px !important;
	}

	#menu2 {
		position: relative;
		width: 100%;
		height: 24px;
		top: -16px;
		clear: both;
		background-color: #fff;
		color: #999;
	}

	#menu2 ul.menu2 {
		padding: 0;
	}

	#menu2 ul.menu2 li {
		list-style: none;
		float: left;
	}

	#menu2 ul.menu2 li a {
		position: relative;
		display: block;
		height: 20px;
		line-height: 20px;
		padding-left: 9.5px;
		padding-right: 9.5px;
		font-size: 10pt; 
		font-weight: bold;
		text-decoration: underline;
		background: transparent;
		color: #999;
	}
	#menu2 ul.menu2 li a:hover {color: #a71f1f; background-color: transparent; text-decoration: underline;}
	#menu2 ul.menu2 li a.current {color: #a71f1f;}
}
@media screen and (max-width: 1023px) {
	nav {
		left: 0px;
		min-width: 150px;
	}
	div.content {
		width: calc(100% - 160px);
		left: 150px;
	}
	div.form_row div.description {
		max-width: 20% !important;
	}
	
}
@media screen and (max-width: 800px) {
	#menu1, #menu_title, #menu2 {
		display: none !important;
	}
	div, table, img {
		max-width: 100% !important;
	}
	div.photodesign {
		display: none;
	}
	div.logo {
		position: relative;
		text-align: center;
		right: auto;
		width: 100%;
	}
	img.logo {
		float: none;
		width: 100%;
		heght: auto;
	}
	nav {
		left: 0px;
		width: 100%;
		padding-bottom: 40px;
	}
	nav a {
		line-height: 30px;
		font-size: 12pt;
		margin-left: 10px;
	}
	a.expand::after {
		content: '';
	}
	div.mobile_menu_hamburger {
		position: absolute;
		top: -160px;
		right: 0px;
		width: 40px;
		height: 40px;
	}
	a.hidesubheadmenu, a.subheadmenu {
		display: none;
	}
	div.mobile_menu {
		height: auto;
		min-height: 300px;
		background: #fff;
	}
	div.menuitem {
		min-height: 36px;
	}
	div.mobile_submenu, div.mobile_subsubmenu {
		margin-left: 10px;
	}
	a.expand {
		font-weight: bold;
	}
	div.content{
		top: 20px;
		width: 100%;
		left: 0px;
	}
	div.cms_form_v2 form .form_row .field {
		width: 100%;
	}
	div.cms_form_v2 form .form_row .description {
		justify-content: flex-start;
	}
}/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-content [type="button"].mfp-close,
.mfp-close {
  width: 44px;
    text-shadow: #000 0px 0px 4px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
.mfp-content [type="button"].mfp-close:hover, .mfp-content [type="button"].mfp-close:focus,
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    border: none;
    color: #fff !important;}
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #fff; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}/*{primary} = CUST_COLOR_PRIMARY
{primarycontrast} = CUST_COLOR_PRIMARY_CONTRAST
{secondary} = CUST_COLOR_SECONDARY
{secondarycontrast} = CUST_COLOR_SECONDARY_CONTRAST
{cta} = CUST_COLOR_CTA
{fontprimary} = CUST_FONT_PRIMARY
{fontsecondary} = CUST_FONT_SECONDARY
#000000 = CUST_DESIGN_COLOR_PRODUCTTITLE
CUST_COLOR_PRIMARY_CONTRAST = #ffffff            - Contrast color to primary color
CUST_COLOR_SECONDARY_CONTRAST = #ffffff      - Contast color to secondary color
CUST_FONT_PRIMARY = 'Open Sans',sans-serif        - Primary font for website
CUST_FONT_SECONDARY = 'Open Sans',sans-serif  - Secondary font for website, usualy client font
CUST_DESIGN_COLOR_PRODUCTTITLE = #000000

0px = CUST_DESIGN_ROUNDED_SMALL
0px = CUST_DESIGN_ROUNDED_LARGE
*/

/* B2C Helper */
.b2c_helper_container .title{
    color: #000000;
}

.b2c_helper_nohelp .sub_titel{
    color: #000000;
}

.b2c_helper_nohelp .b2c_helper_button{
    border-color: #000000;
    color: #000000;
}

.b2c_helper_nohelp .b2c_helper_button:hover{
    color: #ffffff;
}

.b2c_helper_button:hover, .b2c_helper_button:focus, .b2c_helper_button.open {
    background: #000000;
    border-color: #000000;
}

.breadcrumb-v2 ol li:after{
    color: #000000;
}

.size_search_fieldttile{
    color: #000000;
}

.size_search_sizes .size_search_selection.text_hover{
    background: #000000;
}

.size_search_sizes .size_search_selection.text_hover .size_search_fieldttile{
    color: #ffffff;
}

.window-widesetchoice .window-widesetchoice-content .buttonbar .widesetchoice_button{
    border-color: #000000;
    color: #000000;
}

.window-widesetchoice .window-widesetchoice-content .buttonbar .widesetchoice_button:hover{
    background: #000000;
    color: #ffffff;
}

/* Productcatalog */
.filters .form-fieldcontainer input.button:not(.filterbutton){
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.textswitch{
    border-color: #000000;
    color: #000000;
}

.textswitch:hover, .textswitch.selected{
    background: #000000;
}

.form-fieldcontainer.type-visualswitch .textswitch{
    border-color: #ccc;
}

.form-fieldcontainer.type-visualswitch .textswitch:hover, .form-fieldcontainer.type-visualswitch .textswitch.selected{
    border-color: #000000;
    background: transparent;
}

.form-fieldcontainer.type-visualswitch .textswitch.selected{
    color: #ccc;
    border-color: #000;
}

.pc-design-pageproduct-1 h1,
.productslist_product .product-title,
div.product a.product_title,
.productpage h1,
.pc_productoverviewpage h1
{
    color: #000000 !important;
}

.pc-productpage-details .select-container select{
    border-color: #000000;
}

.wholesale_overlay .wholesale-button-cta{
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
}

.wholesale_overlay .wholesale-button-cta:hover{
    background: transparent;
    color: #000000;
}

.pc-button-basket{
    background: #000000;
    border-color: #000000;
}

.pc-button-basket:hover{
    color: #000000;
}

.pc-button-compare,
.pc-button-fav{
    color: #000000;
}

.pc-button-compare:hover, .pc-button-fav:hover {
    background: #000000;
    border-color: #000000;
}

.pc-info-button{
    background: #000000;
    border-color: #000000;
}

.pc-info-button:hover{
    color: #000000;
}

div.product a.pc-family-attribute-button{
    background: #000000;
    border-color: #000000;
}

div.product a.pc-family-attribute-button:hover, div.product a.pc-family-attribute-button.open{
    color: #000000;
}

.productslist_product .product-basket{
    background: #000000;
    border-color: #000000;
}

.productslist_product .product-basket:hover{
    color: #000000;
}

.productslist_product .product-basket:hover:before{
    color: #000000 !important;
}

.productsfound .search_all .storage_info .add_basket, .productsfound .product_single .add_basket, .productpage .add_basket, .single_product .orderbutton .add_basket, .extra_products .extra_product .add_extra_product{
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}

.productsfound .search_all .storage_info .add_basket:hover, .productsfound .product_single .add_basket:hover, .productpage .add_basket:hover, .single_product .orderbutton .add_basket:hover, .extra_products .extra_product .add_extra_product:hover{
    background: transparent;
    color: #000000 !important;
    border: 1px solid #000000;
}

.productsfound .search_all .storage_info .add_basket:hover:after, .productsfound .product_single .add_basket:hover:after, .productpage .add_basket:hover:after, .single_product .orderbutton .add_basket:hover:after, .extra_products .extra_product .add_extra_product:hover:after {
    color: #000000 !important;
}

.productsfound.layout_grid .search_results .product_container .orderbutton .add_basket{
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}

.productsfound.layout_grid .search_results .product_container .orderbutton .add_basket:after{
    color: #fff;
}

.productsfound.layout_grid .search_results .product_container .orderbutton .add_basket:hover{
    border: 1px solid #000000;
    background: transparent;
    color: #000000 !important;
}

.productsfound.layout_grid .search_results .product_container .orderbutton .add_basket:hover:after{
    color: #000000 !important;
}

.product-labels .product-label.product-new{
    background: #000000;
}

/*.productcatalog_categories_large.productcatalog_categories a{
    border-color: #000;
    color: #000;
}*/

.productcatalog  .deliveryspeed{
    color: #000000;
    border-color: #000000;
}

.current-filters-title{
    color: #000000;
}

.productfitscar.active .vehicleselection_buttonbar_button.open, .productfitscar.active .vehicleselection_buttonbar_button:hover{
    background: #000000;
}

.productfitscar.active .vehicleselection_tab.open{
    background: #000000;
}

.fitscar_licenseplate_search:hover{
    color: #000000;
}

.cookie-consent__button{
    background: #000000;
    border: 1px solid #000000;
}

.cookie-consent__button:hover{
    background: #fff;
    color: #000000;
}

header.cookie-consent__header span.h1{
    color: #000000;
}

.cookie-consent__inner header{
    background: #fff;
}

.swal2-popup .swal2-styled.swal2-confirm{
    background-color: #000000 !important;
}

.swal2-popup .swal2-styled.swal2-confirm:hover{
    background-color: transparent !important;
    color: #000000 !important;
}

.mainproduct_description_text{
    color: #000000;
}

.template_related_1 .price_set_bottom{
    color: #000000;
}

.pr_count:hover{
    color: #000000;
    border-bottom-color: #000000;
}


.pr_reviewbutton{
    background: #000000;
    border: 1px solid #000000;
}

.pr_reviewbutton:hover{
    background: transparent;
    color: #000000;
}

.seo_model_search_container{
    background: #000000;
}

.seo_model_search .seo_model_search_input:before{
    color: #000000;
}

.seo_models_showfilters{
    background: #000000;
    border-color: #000000;
}

.seo_models_showfilters:hover{
    background: transparent;
    border-color: #000000;
    color: #000000;
}

.size_region_swich .size_region_swich_button{
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}

.size_region_swich .size_region_swich_button:hover{
    background: transparent;
    color: #000000;
}

.size_searchbutton{
    border: 1px solid #000000;
    background: #000000;
    color: #fff;
}

.size_searchbutton:hover{
    background: transparent;
    color: #000000;
}

.single_product.designproductpage-2 .productdetails .add_relatedproduct{
    color: #000000;
}

.single_product.designproductpage-2 .productdetails .add_relatedproduct:hover{
    color: #000;
}

.single_product.designproductpage-3 .productdetails .add_relatedproduct{
    color: #000000;
}

.single_product.designproductpage-3 .productdetails .add_relatedproduct:hover{
    color: #000;
}

.single_product.designproductpage .product_usp a{
    color: #000000;
}

.single_product.designproductpage .product_usp a:hover{
    color: #000;
}

.single_product.designproductpage-3 .product_usp3 a{
    color: #000;
}

.single_product.designproductpage-3 .product_usp3 a:hover{
    color: #000000;
}

#NoneSelectedProducts .owl-nav button{
    background: #000000;
    border-color: #000000;
}

#NoneSelectedProducts .owl-nav button:hover{
    color: #000000 !important;
}

.product_button_bar .product_button_pagelink:hover{
    color: #000000;
}

.product_button_bar .product_button_pagelink:hover:before{
    border-color: #000000;
}

.product_spec_container_openbutton:hover{
    color: #000000;
}

.product_spec_container_openbutton:hover:before{
    border-color: #000000;
}

.single_product.designproductpage-3 .productdetails .add_relatedproduct.single_product_button{
    color: #ffffff;
    background: #000000;
    border-color: #000000;
    text-decoration: none !important;
}

.single_product.designproductpage-3 .productdetails .add_relatedproduct.single_product_button:hover{
    color: #000000;
    background: #ffffff;
    border-color: #000000;
}

.shipmentdeviantprice_msg{
    color: #000000;
}

.carselect_motor_selection_value:hover,
.carselect_motor_selection_value.open{
    color: #ffffff;
    background: #000000;
    border-color: #000000;
}

.bigbutton_v2{
    padding: 10px 150px;
    width: 100%;
    text-align: center;
}

.button_v2, .bigbutton_v2{
    background:  #000000;
    border: 1px solid #000000;
    color: #ffffff !important;
    padding: 10px 20px;
    text-decoration: none !important;
    transition: all .2s ease-in-out;
    display: inline-block;
}

.button_v2:hover, .bigbutton_v2:hover{
    color: #000000 !important;
    background: transparent !important;
}

.button_v2_secondary{
    background:  #000000;
    border: 1px solid #000000;
    color: #ffffff !important;
    padding: 10px 20px;
    text-decoration: none !important;
    transition: all .2s ease-in-out;
    display: inline-block;
}

.button_v2_secondary:hover{
    color: #000000 !important;
    background: transparent !important;
}

.productextratext_button{
    background: #000000;
    border-color: #000000;
}

.productextratext_button:hover{
    background: transparent;
    color: #000000;
    border-color: #000000;
}

.productextratext_button:hover:before{
    color: #000000;
}

[type=button].knop_login, [type=button].knop, [type=reset].knop_login, [type=reset].knop, [type=submit].knop_login, [type=submit].knop, button.knop_login, button.knop {
    border: 1px solid #000000 !important;
    background: #000000 !important;
}

[type=button].knop_login:hover, [type=button].knop:hover, [type=reset].knop_login:hover, [type=reset].knop:hover, [type=submit].knop_login:hover, [type=submit].knop:hover, button.knop_login:hover, button.knop:hover {
    background: transparent !important;
    color: #000000 !important;
}

.dynamic_field_type_freetext a{
    color: #000000;
}

.dynamic_page_row{
    margin-top: 50px;
}

.dynamic_page_row,
.dynamic_page_row_container{
    gap: 10px;
}

.dynamic_page_field_title{
    margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {
    nav #menu1 .menu ul.subsubmenu{
        background: #000000;
    }
    
    nav #menu1 .menu > li:hover, nav #menu1 .menu > li.current, nav #menu1 .menu > li ul.submenu li a:hover{
        color: #fff;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1140px) {
    .container {
        max-width: 1140px;
    }
}

.search_results ul li a{
    color: #000000;
}

.comparebutton:before{
    color: #000000;
}

.loadindexmessage_button{
    background: #000000;
    border-color: #000000;
}

.loadindexmessage_button:hover{
    background: transparent;
    color: #000000;
}

.ui-datepicker-trigger{
    background: #000000;
    color: #fff;
}

.ui-datepicker-trigger:hover{
    border: 1px solid #000000;
    background: transparent;
    color: #000000;
}

.ui-datepicker-trigger:hover:before{
    color: #000000;
}

body div.weekshifter button.knop:hover{
    color: #000000;
}

.inhoud.container .orderform2 [type=checkbox].radio-button#AcceptALV + label:hover a:hover, .orderform2 [type=checkbox].radio-button#AcceptALV + label:hover a:hover {
    color: #000000 !important;
}

.inhoud.container .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a:hover, .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a:hover {
    color: #000000 !important;
}

.supplier_infobutton:hover{
    color: #000000;
}

.vehicleselectioncontainer_small.active,
.vehicleselectioncontainer_medium.active,
.vehicleselectioncontainer_large.active{
    background: #000000;
}

@media screen and (min-width: 1024px){
    .designmenu_1 nav #menu1 .menu > li.expand .submenu .container > li > a{
        color: #000000;
    }

    .designmenu_1 nav #menu1 .menu > li.expand .submenu .container > li a:after{
        border-color: #000000;
    }
}

.tpl_fullscreen nav{
    background: #000000;
}

.tpl_fullscreen nav #menu1 .menu > li:hover{
    background: #000000;
}

.tpl_fullscreen nav #menu1 .menu > li.current{
    background: #000000;
}

.tpl_fullscreen nav #menu1 .menu > li ul.submenu li a:hover,
.tpl_fullscreen nav #menu1 .menu > li ul.submenu li a.current{
    color: #000000;
}

.menu-service div.search:hover{
    color: #000000;
}

.pc-product-images .owl-dots .owl-dot.active span{
    background: #000000;
}

.pc-product-description a:hover{
    color: #000000;
}

.start_new_pc{
    border-color: #000000;
    color: #000000;
}

.start_new_pc:hover{
    background: #000000;
    color: #fff;
}

.vouchercode_add{
    background: #000000;
    color: #fff;
    border-color: #000000;
}

.vouchercode_add:hover{
    background: transparent;
    color: #000000;
}

.filters.filters64.column-left .more_filters .more_filters_button{
    border-color: #000000;
}

.filters.filters64.column-left .more_filters .more_filters_button .more_text,
.filters.filters64.column-left .more_filters .more_filters_button .less_text,
.filters.filters64.column-left .more_filters .more_filters_button:before{
    color: #000000;
}

.filters.filters64.column-left .more_filters .more_filters_button:hover:after,
.filters.filters64.column-left .more_filters.open .more_filters_button:after{
    background: #000000;
    border-color: #000000;
}

.filters.filters64.column-left .more_filters .more_filters_button:after{
    border-color: #000000;
}

.filters.filters64.column-left .more_filters .more_filters_button:hover .more_text,
.filters.filters64.column-left .more_filters.open .more_filters_button .more_text,
.filters.filters64.column-left .more_filters .more_filters_button:hover .less_text,
.filters.filters64.column-left .more_filters.open .more_filters_button .less_text,
.filters.filters64.column-left .more_filters .more_filters_button:hover:before,
.filters.filters64.column-left .more_filters.open .more_filters_button:before{ 
    color: #fff;
}

a.gallerybutton{
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}

a.gallerybutton:hover{
    background: transparent;
    color: #000000;
}

body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
    background-color: #000000;
    border: 2px solid #000000;
}

body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
    background-color: #000000;
    border-color: #000000;
}

body #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider{
    background-color: #000000;
}

body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{
    border-bottom: 1px solid #000000;
    color: #000000;
}

body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
    background-color: #000000;
    border-color: #000000;
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body #CybotCookiebotDialogDetailBodyContentTextAbout a{
    color: #000000;
}

body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover{
    color: #000000;
}

body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover{
    color: #000000;
}

body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
    background: transparent;
    color: #000000;
}

body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{
    fill: #000000;
}

body #CookiebotWidget .CookiebotWidget-consent-details button{
    color: #000000;
}

body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change{
    background-color: #000000;
    border-color: #000000;
}

body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw{
    border-color: #000000;
}

/* Start Rounded corners */

.rounded_corners .switchbutton,
.rounded_corners .seo_models_showfilters,
.rounded_corners .search_button,
.rounded_corners .filter_overlay_cancel,
.rounded_corners .filter_overlay_open .filter_overlay .button,
.rounded_corners .pc-product-directlinks div.link.link-back,
.rounded_corners .pc-product-directlinks a.link.link-back,
.rounded_corners .pc-button-basket,
.rounded_corners .pc-button-compare,
.rounded_corners .ui-slider-horizontal .ui-slider-handle,
.rounded_corners .start_new_pc,
.rounded_corners .more_products,
.rounded_corners .productslist_product .pc_product_amount input,
.rounded_corners .productslist_product .product-basket,
.rounded_corners .carseach_buttons_mobile .switch.open,
.rounded_corners:not(.design_64) .categorytabs a.producttab, .rounded_corners:not(.design_64) .categorytabs a.producttabs, .rounded_corners:not(.design_64) .categorytabs .tab_other,
.rounded_corners .filters .show_filters,
.rounded_corners .knop_winkelen,
.rounded_corners .knop_offerte,
.rounded_corners .knop_kassa,
.rounded_corners .knop,
.rounded_corners .customfield,
.rounded_corners .basket_product_amount,
.rounded_corners main .select2-container .select2-selection,
.rounded_corners .inch_selection .inch_family,
.rounded_corners .single_product .single_product_container .orderbutton  .add_relatedproduct.single_product_button,
.rounded_corners #basketinfo_allproducts .gotobasket a,
.rounded_corners .login_submenu,
.rounded_corners .login_submenu input,
.rounded_corners .more_cardetails,
.rounded_corners .cardetails.open,
.rounded_corners .cardetails_info,
.rounded_corners .share_button,
.rounded_corners .productdetails .orderbutton .add_basket,
.rounded_corners .productsfound.layout_list .search_all .storage_info .add_basket,
.rounded_corners .productsfound.layout_list.layout_compact .product_container,
.rounded_corners .productsfound.layout_list.layout_compact div.product,
.rounded_corners .productsfound.layout_list.layout_compact .product_container .product_price .storage_info .orderbutton .add_basket,
.rounded_corners .filters.column-left .more_filters .more_filters_button,
.rounded_corners .product_amount input,
.rounded_corners .deliveryspeed,
.rounded_corners .filter_buttons select,
.rounded_corners .layouts .layout_option,
.rounded_corners .more_filters .more_filters_button:after,
.rounded_corners .form-fieldcontainer .start_new,
.rounded_corners .form-fieldcontainer select,
.rounded_corners .form-fieldcontainer input,
.rounded_corners .form-fieldcontainer textarea,
.rounded_corners .form-fieldcontainer button,
.rounded_corners #qweon_carsearch select,
.rounded_corners #qweon_carsearch input,
.rounded_corners #qweon_carsearch .cardetails_reset,
.rounded_corners div.product a.pc-family-attribute-button,
.rounded_corners a.button_v2,
.rounded_corners a.bigbutton_v2,
.rounded_corners .loadindexmessage,
.rounded_corners .product_goto_button,
.rounded_corners .product-button.orderbutton,
.rounded_corners .loadindexmessage_button
{
    border-radius: 0px;
}

.rounded_corners .filters .form-fieldcontainer .quicksearchbutton input, .rounded_corners .filters .form-fieldcontainer.quicksearch_container .quicksearchbutton input{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .filters .form-fieldcontainer div.quicksearch, .rounded_corners .filters .form-fieldcontainer.quicksearch_container div.quicksearch{
    border-radius: 0px 0px  0px  0px;
}

.rounded_corners .carseach_buttons_mobile .switch{
    border-radius: 0px;
}

.rounded_corners .vehicleselectioncontainer_responsive.active{
    border-radius: 0px;
}

.rounded_corners .vehicleselectioncontainer_responsive .vehicleselection_tab{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .vehicleselectioncontainer_responsive .fitscar_licenseplate_search,
.rounded_corners .vehicleselectioncontainer_responsive .fitscar_licenseplate_container,
.rounded_corners .vehicleselectioncontainer_responsive .carsearch_block select{
    border-radius: 0px;
}

.rounded_corners .vehicleselection_buttonbar_button:first-of-type{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .vehicleselection_buttonbar_button:last-of-type{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .pc_productoverviewpage.layout_grid .productslist_product .product-basket{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners main .bestelstappen .step:first-of-type{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners main .bestelstappen .step:last-of-type{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .relatedproduct_category_title_container{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .switchpricesbutton.salesbutton{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .switchpricesbutton.purchasebutton{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .search_all .tyrelabel .product_label,
.rounded_corners .product_single .tyrelabel .product_label{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .productslist .productslist_product,
.rounded_corners .productcatalog_category,
.rounded_corners #basketinfo_allproducts,
.rounded_corners #basketinfo_allproducts:before,
.rounded_corners .login_submenu:before,
.rounded_corners .productsfound.layout_list .product_container,
.rounded_corners .productsfound.layout_list .product_container div.product,
.rounded_corners .productsfound.layout_grid .product_container,
.rounded_corners .productsfound.layout_grid .product_container div.product
{
    border-radius: 0px !important;
}

.rounded_corners .productslist_product .product-label{
    margin-top: 0px;
}

.rounded_corners .productcatalog_category{
    overflow: hidden;
}

.rounded_corners .search_all .product_cell:nth-of-type(1){
    background: transparent;
}

.rounded_corners .productsfound.layout_grid .product_container div.product .product_cell .storage_info .add_basket{
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .product_amount_field_container .product_amount{
    border-radius: 0px;
}

.design_64.rounded_corners .productsfound.layout_grid .product_container div.product .product_cell .storage_info .add_basket{
    border-radius: 0px 0px 0px 0px;
}

/* Rounded corners */
.rounded_corners .productsfound.layout_list .search_results .product_container.products_are_wide{
    border-radius: 0px;
}

.rounded_corners .productsfound.layout_list .search_results .product_container.products_are_wide div.product:nth-of-type(1){
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .productsfound.layout_list .search_results .product_container.products_are_wide div.product:nth-of-type(2){
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .productsfound.layout_grid .search_results .product_container.products_are_wide{
    border-radius: 0px;
}

.rounded_corners .productsfound.layout_grid .search_results .product_container.products_are_wide div.product:nth-of-type(1){
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .productsfound.layout_grid .search_results .product_container.products_are_wide div.product:nth-of-type(2){
    border-radius: 0px 0px 0px 0px;
}

.rounded_corners .dynamicpage_photogallery_image{
    border-radius: 0px;
}

.rounded_corners .dynamic_field_type_button{
    border-radius: 0px;
}

.rounded_corners .dynamic_field_type_button .button_background{
    border-radius: 0px;
}
/* End Rounded corners */


div.products_putinbasket {
    border: 1px solid #000000;
    color: #000000;
}
div.products_putinbasket div.products_putinbasket_shoppingicon {
    color: #000000;
}

div.products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_shopmore {
    border-color: #000000 !important;
    color: #000000 !important;
}
div.products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_shopmore:hover {
    background-color: #000000 !important;
    color: #fff !important;
}
div.products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_gotobasket {
    background-color: #000000;
}