@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap);@charset "UTF-8";
/*
	 GRID | hierin staat alle css van toepassing voor de basis, variables, mixins, body, h1 ,h2,h3,h4,h5, ... bestanden die in de submap projects staan mogen niet aangepast worden
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  /*ol, ul, li,*/
}

* {
  margin: 0px;
  padding: 0px;
}

ol, ul {
  /*list-style: none;*/
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*****************************************************************************	VARIABELEN *********************************************************/
/* WAT?

	Kleuren
	Lijn
	Fonts
*/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE JA/NEE <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> KLEUREN <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/* LINK BLAUW**/
/** GROEN **/
/* ZWART */
/* WIT */
/* WIT */
/* BLAUW */
/* TEKSTKLEUR */
/* kleuren voor waarschuwingen */
/*ORANJE */
/* ROood*/
/* GROEN */
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LIJNEN <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> FONTS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  Media queries breakpoints <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/* Extra small screen / phone Note: Deprecated $screen-xs and $screen-phone as of v3.0.0*/
/* Small screen / tablet Note: Deprecated $screen-sm and $screen-tablet as of v3.0.0*/
/* Medium screen / desktop Note: Deprecated $screen-md and $screen-desktop as of v3.0.0*/
/* Large screen / wide desktop // Note: Deprecated $screen-lg and $screen-lg-desktop as of v3.0.0*/
/* So media queries don't overlap when required, provide a maximum*/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Grid system<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/* Number of columns in the grid system*/
/* Padding, to be divided by two and applied to the left and right of all columns*/
/* Point at which the navbar stops collapsing*/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ICON FONT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BORDER BOTTOM <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BORDER TOP <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BORDER RADIUS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BORDER RADIUS CUSTOM <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GRADIENT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> OPACITY <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TEXT SHADOW <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BOX SHADOW  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TRANSITION <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TRANSFORM <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> CLEARFIX <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TOOLTIP <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE MIXINS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> hidden Mixins <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> visible Mixins <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE MIXINS | IPV CLASSE NAAM MEEGEVEN VIA CSS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* Container sizes*/
/* Small screen / tablet*/
/* Medium screen / desktop*/
/* Large screen / wide desktop*/
/* Grid System*/
/* Centered container element*/
/* Creates a wrapper for a series of columns*/
/* Generate the extra small columns*/
/* Generate the small columns*/
/* Generate the small column offsets*/
/* Generate the medium columns*/
/* Generate the large column offsets*/
/* Generate the large columns*/
/* Generate the large column offsets*/
/** >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ICON FONT <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<**/
/*** --------------------------------->> START BASIS <<---------------------------------**/
@media print {
  @page {
    size: 450mm 590mm;
    margin: 0;
  }
}
html, body {
  height: 100%;
}

body {
  background: white;
  color: #666666;
  font-family: "Open Sans", Arial, Helvetica, Sans-serif;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  left: 0;
  min-width: 320px;
  text-rendering: optimizeSpeed;
  -webkit-text-size-adjust: 100%;
}
body.menu-push-toright-filter {
  left: 240px;
  overflow-x: hidden;
  position: relative;
}
body section.container-wrapper {
  background: white;
}
body section.container {
  max-width: 1200px;
}
body.left-open {
  overflow: hidden;
}
body.left-open, body.filters-open {
  overflow: hidden;
}

a {
  color: #1280af;
  text-decoration: underline;
}

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

dl {
  font-size: 14px;
  line-height: 20px;
}

ul li {
  list-style: inside square url("../images/css/bullet.png");
}

ol li {
  list-style: inside decimal;
}
ol.pages {
  margin: 0 auto;
  width: 50%;
}
ol.pages li {
  border-top: 1px solid #e6e6e6;
  float: left;
  font: normal 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
  list-style: outside decimal;
  padding: 10px 0;
  width: 100%;
}
ol.pages li a {
  color: #666666;
  text-decoration: none;
}
ol.pages li a:hover, ol.pages li a:focus {
  color: black;
}
ol.pages li h3 {
  float: left;
  font: bold 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
ol.pages li p {
  font-size: 1em;
}

p {
  font: normal 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 10px;
}
p:first-child {
  margin-top: 0;
}
p strong {
  font-weight: normal;
}

input[type=submit],
input[type=button] {
  cursor: pointer;
}

/* h1,h2,h3,h4,h5 ***/
h1 {
  color: #89be30;
  font: bold 3em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 20px;
}

div.box-info {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  float: left;
  margin-bottom: 25px;
  padding: 2%;
  width: 100%;
}
div.box-info strong {
  float: left;
  font: normal 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box-info strong span {
  color: black;
  font-weight: bold;
}
div.box-info a.showfilters {
  background: url("../images/css/icon-menu.png") no-repeat left center;
  float: left;
  height: 22px;
  margin: 0px 15px 0 0;
  text-indent: -9999px;
  width: 25px;
}
@media (max-width: 767px) {
  div.box-info a.showfilters {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.box-info a.showfilters {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.box-info a.showfilters {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  div.box-info a.showfilters {
    display: none;
  }
}
@media (min-width: 1400px) {
  div.box-info a.showfilters {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.box-info a.showfilters {
    display: block;
  }
}
div.box-info a.logout {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #d9d9d9;
  color: white;
  color: #666666;
  display: inline-block;
  font: 200 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
div.box-info a.logout:hover, div.box-info a.logout:focus {
  background: #666666;
  color: white;
}
div.box-info.pas {
  margin-top: 20px;
}
div.box-info.pas a.btn {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: black;
  color: white;
  float: left;
  margin-top: 10px;
  padding: 5px 15px;
  text-decoration: none;
}
div.box-info.pas a.btn:hover, div.box-info.pas a.btn:focus {
  background: #89be30;
  color: black;
}
div.box-info.show {
  display: block !important;
}

div.customerzone div.box-info {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  div.customerzone div.box-info {
    padding: 3%;
  }
}
div.customerzone div.box-info.no-display {
  display: none;
}

/*---------------------------- BOX-ERROR ----------------------------*/
div.box-error {
  border: 2px solid #e10404;
  color: #e10404;
  float: left;
  padding: 1%;
  text-align: center;
  width: 100%;
}

/*---------------------------- .NO-DISPLAY ------------------------*/
.no-display {
  display: none;
}

/*---------------------------- CLEAR  --------------------------------*/
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

/*---------------------------- STRUCTURAL ----------------------------*/
.structural {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: -9999px;
  width: 1px;
}

input[type=text], input[type=password], input[type=button], input[type=submit], input[type=reset], textarea {
  /* wegdoen van de ios specifieke stijlen */
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-appearance: none;
}

/*-------------------------- WINDOWS PHONE ----------------------------*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*  FONT |  Hierin staan alle scss aanpassingen met betrekking tot de font-size, font-family,... */
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.0.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa:before {
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000";
}

.fa-music:before {
  content: "\F001";
}

.fa-search:before {
  content: "\F002";
}

.fa-envelope-o:before {
  content: "\F003";
}

.fa-heart:before {
  content: "\F004";
}

.fa-star:before {
  content: "\F005";
}

.fa-star-o:before {
  content: "\F006";
}

.fa-user:before {
  content: "\F007";
}

.fa-film:before {
  content: "\F008";
}

.fa-th-large:before {
  content: "\F009";
}

.fa-th:before {
  content: "\F00A";
}

.fa-th-list:before {
  content: "\F00B";
}

.fa-check:before {
  content: "\F00C";
}

.fa-times:before {
  content: "\F00D";
}

.fa-search-plus:before {
  content: "\F00E";
}

.fa-search-minus:before {
  content: "\F010";
}

.fa-power-off:before {
  content: "\F011";
}

.fa-signal:before {
  content: "\F012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}

.fa-trash-o:before {
  content: "\F014";
}

.fa-home:before {
  content: "\F015";
}

.fa-file-o:before {
  content: "\F016";
}

.fa-clock-o:before {
  content: "\F017";
}

.fa-road:before {
  content: "\F018";
}

.fa-download:before {
  content: "\F019";
}

.fa-arrow-circle-o-down:before {
  content: "\F01A";
}

.fa-arrow-circle-o-up:before {
  content: "\F01B";
}

.fa-inbox:before {
  content: "\F01C";
}

.fa-play-circle-o:before {
  content: "\F01D";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}

.fa-refresh:before {
  content: "\F021";
}

.fa-list-alt:before {
  content: "\F022";
}

.fa-lock:before {
  content: "\F023";
}

.fa-flag:before {
  content: "\F024";
}

.fa-headphones:before {
  content: "\F025";
}

.fa-volume-off:before {
  content: "\F026";
}

.fa-volume-down:before {
  content: "\F027";
}

.fa-volume-up:before {
  content: "\F028";
}

.fa-qrcode:before {
  content: "\F029";
}

.fa-barcode:before {
  content: "\F02A";
}

.fa-tag:before {
  content: "\F02B";
}

.fa-tags:before {
  content: "\F02C";
}

.fa-book:before {
  content: "\F02D";
}

.fa-bookmark:before {
  content: "\F02E";
}

.fa-print:before {
  content: "\F02F";
}

.fa-camera:before {
  content: "\F030";
}

.fa-font:before {
  content: "\F031";
}

.fa-bold:before {
  content: "\F032";
}

.fa-italic:before {
  content: "\F033";
}

.fa-text-height:before {
  content: "\F034";
}

.fa-text-width:before {
  content: "\F035";
}

.fa-align-left:before {
  content: "\F036";
}

.fa-align-center:before {
  content: "\F037";
}

.fa-align-right:before {
  content: "\F038";
}

.fa-align-justify:before {
  content: "\F039";
}

.fa-list:before {
  content: "\F03A";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}

.fa-indent:before {
  content: "\F03C";
}

.fa-video-camera:before {
  content: "\F03D";
}

.fa-picture-o:before {
  content: "\F03E";
}

.fa-pencil:before {
  content: "\F040";
}

.fa-map-marker:before {
  content: "\F041";
}

.fa-adjust:before {
  content: "\F042";
}

.fa-tint:before {
  content: "\F043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}

.fa-share-square-o:before {
  content: "\F045";
}

.fa-check-square-o:before {
  content: "\F046";
}

.fa-arrows:before {
  content: "\F047";
}

.fa-step-backward:before {
  content: "\F048";
}

.fa-fast-backward:before {
  content: "\F049";
}

.fa-backward:before {
  content: "\F04A";
}

.fa-play:before {
  content: "\F04B";
}

.fa-pause:before {
  content: "\F04C";
}

.fa-stop:before {
  content: "\F04D";
}

.fa-forward:before {
  content: "\F04E";
}

.fa-fast-forward:before {
  content: "\F050";
}

.fa-step-forward:before {
  content: "\F051";
}

.fa-eject:before {
  content: "\F052";
}

.fa-chevron-left:before {
  content: "\F053";
}

.fa-chevron-right:before {
  content: "\F054";
}

.fa-plus-circle:before {
  content: "\F055";
}

.fa-minus-circle:before {
  content: "\F056";
}

.fa-times-circle:before {
  content: "\F057";
}

.fa-check-circle:before {
  content: "\F058";
}

.fa-question-circle:before {
  content: "\F059";
}

.fa-info-circle:before {
  content: "\F05A";
}

.fa-crosshairs:before {
  content: "\F05B";
}

.fa-times-circle-o:before {
  content: "\F05C";
}

.fa-check-circle-o:before {
  content: "\F05D";
}

.fa-ban:before {
  content: "\F05E";
}

.fa-arrow-left:before {
  content: "\F060";
}

.fa-arrow-right:before {
  content: "\F061";
}

.fa-arrow-up:before {
  content: "\F062";
}

.fa-arrow-down:before {
  content: "\F063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}

.fa-expand:before {
  content: "\F065";
}

.fa-compress:before {
  content: "\F066";
}

.fa-plus:before {
  content: "\F067";
}

.fa-minus:before {
  content: "\F068";
}

.fa-asterisk:before {
  content: "\F069";
}

.fa-exclamation-circle:before {
  content: "\F06A";
}

.fa-gift:before {
  content: "\F06B";
}

.fa-leaf:before {
  content: "\F06C";
}

.fa-fire:before {
  content: "\F06D";
}

.fa-eye:before {
  content: "\F06E";
}

.fa-eye-slash:before {
  content: "\F070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}

.fa-plane:before {
  content: "\F072";
}

.fa-calendar:before {
  content: "\F073";
}

.fa-random:before {
  content: "\F074";
}

.fa-comment:before {
  content: "\F075";
}

.fa-magnet:before {
  content: "\F076";
}

.fa-chevron-up:before {
  content: "\F077";
}

.fa-chevron-down:before {
  content: "\F078";
}

.fa-retweet:before {
  content: "\F079";
}

.fa-shopping-cart:before {
  content: "\F07A";
}

.fa-folder:before {
  content: "\F07B";
}

.fa-folder-open:before {
  content: "\F07C";
}

.fa-arrows-v:before {
  content: "\F07D";
}

.fa-arrows-h:before {
  content: "\F07E";
}

.fa-bar-chart-o:before {
  content: "\F080";
}

.fa-twitter-square:before {
  content: "\F081";
}

.fa-facebook-square:before {
  content: "\F082";
}

.fa-camera-retro:before {
  content: "\F083";
}

.fa-key:before {
  content: "\F084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}

.fa-comments:before {
  content: "\F086";
}

.fa-thumbs-o-up:before {
  content: "\F087";
}

.fa-thumbs-o-down:before {
  content: "\F088";
}

.fa-star-half:before {
  content: "\F089";
}

.fa-heart-o:before {
  content: "\F08A";
}

.fa-sign-out:before {
  content: "\F08B";
}

.fa-linkedin-square:before {
  content: "\F08C";
}

.fa-thumb-tack:before {
  content: "\F08D";
}

.fa-external-link:before {
  content: "\F08E";
}

.fa-sign-in:before {
  content: "\F090";
}

.fa-trophy:before {
  content: "\F091";
}

.fa-github-square:before {
  content: "\F092";
}

.fa-upload:before {
  content: "\F093";
}

.fa-lemon-o:before {
  content: "\F094";
}

.fa-phone:before {
  content: "\F095";
}

.fa-square-o:before {
  content: "\F096";
}

.fa-bookmark-o:before {
  content: "\F097";
}

.fa-phone-square:before {
  content: "\F098";
}

.fa-twitter:before {
  content: "\F099";
}

.fa-facebook:before {
  content: "\F09A";
}

.fa-github:before {
  content: "\F09B";
}

.fa-unlock:before {
  content: "\F09C";
}

.fa-credit-card:before {
  content: "\F09D";
}

.fa-rss:before {
  content: "\F09E";
}

.fa-hdd-o:before {
  content: "\F0A0";
}

.fa-bullhorn:before {
  content: "\F0A1";
}

.fa-bell:before {
  content: "\F0F3";
}

.fa-certificate:before {
  content: "\F0A3";
}

.fa-hand-o-right:before {
  content: "\F0A4";
}

.fa-hand-o-left:before {
  content: "\F0A5";
}

.fa-hand-o-up:before {
  content: "\F0A6";
}

.fa-hand-o-down:before {
  content: "\F0A7";
}

.fa-arrow-circle-left:before {
  content: "\F0A8";
}

.fa-arrow-circle-right:before {
  content: "\F0A9";
}

.fa-arrow-circle-up:before {
  content: "\F0AA";
}

.fa-arrow-circle-down:before {
  content: "\F0AB";
}

.fa-globe:before {
  content: "\F0AC";
}

.fa-wrench:before {
  content: "\F0AD";
}

.fa-tasks:before {
  content: "\F0AE";
}

.fa-filter:before {
  content: "\F0B0";
}

.fa-briefcase:before {
  content: "\F0B1";
}

.fa-arrows-alt:before {
  content: "\F0B2";
}

.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}

.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}

.fa-cloud:before {
  content: "\F0C2";
}

.fa-flask:before {
  content: "\F0C3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}

.fa-paperclip:before {
  content: "\F0C6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}

.fa-square:before {
  content: "\F0C8";
}

.fa-bars:before {
  content: "\F0C9";
}

.fa-list-ul:before {
  content: "\F0CA";
}

.fa-list-ol:before {
  content: "\F0CB";
}

.fa-strikethrough:before {
  content: "\F0CC";
}

.fa-underline:before {
  content: "\F0CD";
}

.fa-table:before {
  content: "\F0CE";
}

.fa-magic:before {
  content: "\F0D0";
}

.fa-truck:before {
  content: "\F0D1";
}

.fa-pinterest:before {
  content: "\F0D2";
}

.fa-pinterest-square:before {
  content: "\F0D3";
}

.fa-google-plus-square:before {
  content: "\F0D4";
}

.fa-google-plus:before {
  content: "\F0D5";
}

.fa-money:before {
  content: "\F0D6";
}

.fa-caret-down:before {
  content: "\F0D7";
}

.fa-caret-up:before {
  content: "\F0D8";
}

.fa-caret-left:before {
  content: "\F0D9";
}

.fa-caret-right:before {
  content: "\F0DA";
}

.fa-columns:before {
  content: "\F0DB";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}

.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\F0DD";
}

.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\F0DE";
}

.fa-envelope:before {
  content: "\F0E0";
}

.fa-linkedin:before {
  content: "\F0E1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}

.fa-comment-o:before {
  content: "\F0E5";
}

.fa-comments-o:before {
  content: "\F0E6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}

.fa-sitemap:before {
  content: "\F0E8";
}

.fa-umbrella:before {
  content: "\F0E9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}

.fa-lightbulb-o:before {
  content: "\F0EB";
}

.fa-exchange:before {
  content: "\F0EC";
}

.fa-cloud-download:before {
  content: "\F0ED";
}

.fa-cloud-upload:before {
  content: "\F0EE";
}

.fa-user-md:before {
  content: "\F0F0";
}

.fa-stethoscope:before {
  content: "\F0F1";
}

.fa-suitcase:before {
  content: "\F0F2";
}

.fa-bell-o:before {
  content: "\F0A2";
}

.fa-coffee:before {
  content: "\F0F4";
}

.fa-cutlery:before {
  content: "\F0F5";
}

.fa-file-text-o:before {
  content: "\F0F6";
}

.fa-building-o:before {
  content: "\F0F7";
}

.fa-hospital-o:before {
  content: "\F0F8";
}

.fa-ambulance:before {
  content: "\F0F9";
}

.fa-medkit:before {
  content: "\F0FA";
}

.fa-fighter-jet:before {
  content: "\F0FB";
}

.fa-beer:before {
  content: "\F0FC";
}

.fa-h-square:before {
  content: "\F0FD";
}

.fa-plus-square:before {
  content: "\F0FE";
}

.fa-angle-double-left:before {
  content: "\F100";
}

.fa-angle-double-right:before {
  content: "\F101";
}

.fa-angle-double-up:before {
  content: "\F102";
}

.fa-angle-double-down:before {
  content: "\F103";
}

.fa-angle-left:before {
  content: "\F104";
}

.fa-angle-right:before {
  content: "\F105";
}

.fa-angle-up:before {
  content: "\F106";
}

.fa-angle-down:before {
  content: "\F107";
}

.fa-desktop:before {
  content: "\F108";
}

.fa-laptop:before {
  content: "\F109";
}

.fa-tablet:before {
  content: "\F10A";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}

.fa-circle-o:before {
  content: "\F10C";
}

.fa-quote-left:before {
  content: "\F10D";
}

.fa-quote-right:before {
  content: "\F10E";
}

.fa-spinner:before {
  content: "\F110";
}

.fa-circle:before {
  content: "\F111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}

.fa-github-alt:before {
  content: "\F113";
}

.fa-folder-o:before {
  content: "\F114";
}

.fa-folder-open-o:before {
  content: "\F115";
}

.fa-smile-o:before {
  content: "\F118";
}

.fa-frown-o:before {
  content: "\F119";
}

.fa-meh-o:before {
  content: "\F11A";
}

.fa-gamepad:before {
  content: "\F11B";
}

.fa-keyboard-o:before {
  content: "\F11C";
}

.fa-flag-o:before {
  content: "\F11D";
}

.fa-flag-checkered:before {
  content: "\F11E";
}

.fa-terminal:before {
  content: "\F120";
}

.fa-code:before {
  content: "\F121";
}

.fa-reply-all:before {
  content: "\F122";
}

.fa-mail-reply-all:before {
  content: "\F122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}

.fa-location-arrow:before {
  content: "\F124";
}

.fa-crop:before {
  content: "\F125";
}

.fa-code-fork:before {
  content: "\F126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}

.fa-question:before {
  content: "\F128";
}

.fa-info:before {
  content: "\F129";
}

.fa-exclamation:before {
  content: "\F12A";
}

.fa-superscript:before {
  content: "\F12B";
}

.fa-subscript:before {
  content: "\F12C";
}

.fa-eraser:before {
  content: "\F12D";
}

.fa-puzzle-piece:before {
  content: "\F12E";
}

.fa-microphone:before {
  content: "\F130";
}

.fa-microphone-slash:before {
  content: "\F131";
}

.fa-shield:before {
  content: "\F132";
}

.fa-calendar-o:before {
  content: "\F133";
}

.fa-fire-extinguisher:before {
  content: "\F134";
}

.fa-rocket:before {
  content: "\F135";
}

.fa-maxcdn:before {
  content: "\F136";
}

.fa-chevron-circle-left:before {
  content: "\F137";
}

.fa-chevron-circle-right:before {
  content: "\F138";
}

.fa-chevron-circle-up:before {
  content: "\F139";
}

.fa-chevron-circle-down:before {
  content: "\F13A";
}

.fa-html5:before {
  content: "\F13B";
}

.fa-css3:before {
  content: "\F13C";
}

.fa-anchor:before {
  content: "\F13D";
}

.fa-unlock-alt:before {
  content: "\F13E";
}

.fa-bullseye:before {
  content: "\F140";
}

.fa-ellipsis-h:before {
  content: "\F141";
}

.fa-ellipsis-v:before {
  content: "\F142";
}

.fa-rss-square:before {
  content: "\F143";
}

.fa-play-circle:before {
  content: "\F144";
}

.fa-ticket:before {
  content: "\F145";
}

.fa-minus-square:before {
  content: "\F146";
}

.fa-minus-square-o:before {
  content: "\F147";
}

.fa-level-up:before {
  content: "\F148";
}

.fa-level-down:before {
  content: "\F149";
}

.fa-check-square:before {
  content: "\F14A";
}

.fa-pencil-square:before {
  content: "\F14B";
}

.fa-external-link-square:before {
  content: "\F14C";
}

.fa-share-square:before {
  content: "\F14D";
}

.fa-compass:before {
  content: "\F14E";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}

.fa-gbp:before {
  content: "\F154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}

.fa-won:before,
.fa-krw:before {
  content: "\F159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}

.fa-file:before {
  content: "\F15B";
}

.fa-file-text:before {
  content: "\F15C";
}

.fa-sort-alpha-asc:before {
  content: "\F15D";
}

.fa-sort-alpha-desc:before {
  content: "\F15E";
}

.fa-sort-amount-asc:before {
  content: "\F160";
}

.fa-sort-amount-desc:before {
  content: "\F161";
}

.fa-sort-numeric-asc:before {
  content: "\F162";
}

.fa-sort-numeric-desc:before {
  content: "\F163";
}

.fa-thumbs-up:before {
  content: "\F164";
}

.fa-thumbs-down:before {
  content: "\F165";
}

.fa-youtube-square:before {
  content: "\F166";
}

.fa-youtube:before {
  content: "\F167";
}

.fa-xing:before {
  content: "\F168";
}

.fa-xing-square:before {
  content: "\F169";
}

.fa-youtube-play:before {
  content: "\F16A";
}

.fa-dropbox:before {
  content: "\F16B";
}

.fa-stack-overflow:before {
  content: "\F16C";
}

.fa-instagram:before {
  content: "\F16D";
}

.fa-flickr:before {
  content: "\F16E";
}

.fa-adn:before {
  content: "\F170";
}

.fa-bitbucket:before {
  content: "\F171";
}

.fa-bitbucket-square:before {
  content: "\F172";
}

.fa-tumblr:before {
  content: "\F173";
}

.fa-tumblr-square:before {
  content: "\F174";
}

.fa-long-arrow-down:before {
  content: "\F175";
}

.fa-long-arrow-up:before {
  content: "\F176";
}

.fa-long-arrow-left:before {
  content: "\F177";
}

.fa-long-arrow-right:before {
  content: "\F178";
}

.fa-apple:before {
  content: "\F179";
}

.fa-windows:before {
  content: "\F17A";
}

.fa-android:before {
  content: "\F17B";
}

.fa-linux:before {
  content: "\F17C";
}

.fa-dribbble:before {
  content: "\F17D";
}

.fa-skype:before {
  content: "\F17E";
}

.fa-foursquare:before {
  content: "\F180";
}

.fa-trello:before {
  content: "\F181";
}

.fa-female:before {
  content: "\F182";
}

.fa-male:before {
  content: "\F183";
}

.fa-gittip:before {
  content: "\F184";
}

.fa-sun-o:before {
  content: "\F185";
}

.fa-moon-o:before {
  content: "\F186";
}

.fa-archive:before {
  content: "\F187";
}

.fa-bug:before {
  content: "\F188";
}

.fa-vk:before {
  content: "\F189";
}

.fa-weibo:before {
  content: "\F18A";
}

.fa-renren:before {
  content: "\F18B";
}

.fa-pagelines:before {
  content: "\F18C";
}

.fa-stack-exchange:before {
  content: "\F18D";
}

.fa-arrow-circle-o-right:before {
  content: "\F18E";
}

.fa-arrow-circle-o-left:before {
  content: "\F190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}

.fa-dot-circle-o:before {
  content: "\F192";
}

.fa-wheelchair:before {
  content: "\F193";
}

.fa-vimeo-square:before {
  content: "\F194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}

.fa-plus-square-o:before {
  content: "\F196";
}

/*****************************************************************************	MASTER  *********************************************************/
div.box-error {
  font: 700 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box-error p {
  font-size: 1em;
}

div.box-info.pas a.btn {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	PAGEHEAD  *********************************************************/
header {
  /* -------------------------------------------------------- SECTION.TOP */
  /* -------------------------------------------------------- MIDDENSTE GEDEELTE  | LOGO | MINI CART | PROFILE  */
  /** mini-cart **/
  /** PROFILE **/
  /** MINICART & PROFILE MOBILE **/
  /* -------------------------------------------------------- HOOFDNAVIGATIE */
  /* -------------------------------------------------------- FORM.SEARCH */
  /* -------------------------------------------------------- NAV.BREADCRUMB */
  /*nav.breadcrumb
  	{
  		li
  		{
  			font: 300 1.3em $normal;
  		}

  		div.advice
  		{
  			strong
  			{
  				font: 700 1.4em $normal;
  			}

  			a,
  			span
  			{
  				font: 300 1.4em $normal;

  				a
  				{
  					font-size: 1em;
  				}
  			}
  		}
  	}
  */
}
header section.top div.wrap nav {
  /** mini-cart bovenaan ** */
  /* customerzone */
}
header section.top div.wrap nav.mini-cart span {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.top div.wrap nav.mini-cart strong {
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.top div.wrap nav ul li {
  font: 300 1.4em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.top div.wrap nav.customerzone li ul li {
  font-size: 1em;
}
header a.logo span {
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
  header a.logo span {
    font: 300 1.8em/1.1em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  header a.logo span {
    font-size: 1.3em;
  }
}
header section.mini-cart section.icon div.wrap:before {
  font-size: 38px;
}
header section.mini-cart section.icon div.wrap span.number {
  font: 700 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.mini-cart section.cart-info strong {
  font: 700 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  header section.mini-cart section.cart-info strong {
    font-size: 1.1em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.mini-cart section.cart-info strong {
    font-size: 1.2em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.mini-cart section.cart-info strong {
    font-size: 1.2em;
  }
}
header section.mini-cart section.cart-info ul li {
  font: 400 1.3em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.mini-cart section.cart-info ul li span {
  font-size: 0.8em;
}
header section.mini-cart section.mini-cart-dropdown div.wrap strong.title-dropdown {
  font: 600 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right strong {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif !important;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right span {
  font: 300 1.2em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right span strong {
  font-size: 1em !important;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li span,
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li strong {
  font-weight: 700;
}
header section.mini-cart section.mini-cart-dropdown div.wrap a.btn {
  font: 700 1.7em "Open Sans", Arial, Helvetica, Sans-serif !important;
  text-transform: uppercase;
}
header nav.navigation-cart ul li a span.number {
  font: 700 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
header nav.navigation-cart ul li a:before,
header nav.navigation-cart ul li span.cart-wrap:before {
  font-size: 38px;
}
@media (max-width: 479px) {
  header nav.navigation-cart ul li a:before,
header nav.navigation-cart ul li span.cart-wrap:before {
    font-size: 28px;
  }
}
header nav.navigation ul.twolevel-navigation > li > a {
  font: 700 1.5em/40px "Open Sans", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav.navigation ul.twolevel-navigation > li > a {
    font-size: 1.3em;
  }
}
header nav.navigation ul.twolevel-navigation > li ul {
  /** 1 level submenu **/
  /* multilevel-1 */
  /* multilevel-2 */
}
header nav.navigation ul.twolevel-navigation > li ul.submenu li a {
  font: 400 1.2em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul {
  /*max-height: 440px;
  overflow: hidden;
  */
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul > li {
  font: 400 1.3em/1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul > li ul li {
  font-weight: 400;
  font-size: 1em;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul > li.title {
  font-size: 1.4em;
  font-weight: 400;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li {
  font: 700 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li ul li {
  font-size: 1em;
  font-weight: 400;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.spotlight-menu a strong {
  font: 700 1.2em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info h2 {
  font: 700 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info strong span {
  font: 700 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  header nav.navigation ul.twolevel-navigation.small > li a,
header nav.navigation ul.twolevel-navigation.small > li:first-child a {
    font-size: 1.3em;
  }
  header nav.navigation ul.twolevel-navigation > li a {
    font-size: 1.5em;
  }
}
header form.search ul li input[type=text], header form.search ul li input[type=search] {
  font: 300 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
header form.search div.suggestion dl dt {
  font: 700 0.9em "Open Sans", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}
header form.search div.suggestion dl dd ul.product-overview li a h3 {
  font: 200 0.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
header form.search div.suggestion a.view-all {
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
header div.help span {
  font: 400 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
header div.help strong {
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.usp-top li strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  ul.usp-top li strong {
    font-size: 1.3em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.usp-top li strong {
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.usp-top li strong {
    font-size: 1.3em;
  }
}
ul.usp-top li span {
  font: 200 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 1200px) and (max-width: 1299px) {
  ul.usp-top li span {
    font-size: 1.3em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.usp-top li span {
    font-size: 1.3em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.usp-top li span {
    font-size: 1.3em;
  }
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	PAGEHEAD  *********************************************************/
a.btn-keuzehulp {
  font: 600 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}

nav.navigation-left ul li a {
  font: 400 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
nav.navigation-left ul li strong.title {
  font: 700 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

aside.pageleft nav strong.title {
  font: 700 1.8em/1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
aside.pageleft nav ul li {
  font: 400 1.5em/1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
aside.pageleft nav ul li a strong {
  font-weight: normal;
}
aside.pageleft nav ul li.active a {
  font-weight: 400;
}
aside.pageleft nav ul li ul li {
  font-size: 1em;
}
aside.pageleft nav ul li ul li ul li {
  font-size: 0.9em;
}
aside.pageleft nav ul.spotlight li h2 {
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
aside.pageleft nav ul.spotlight li p {
  font: 400 1em "Open Sans", Arial, Helvetica, Sans-serif !important;
  line-height: 1.8em !important;
}
aside.pageleft nav.filter.more a.morefilters,
aside.pageleft nav.filter.more a.lessfilters {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
aside.pageleft nav.filter.autocomplete input[type=submit], aside.pageleft nav.filter.autocomplete input[type=button] {
  font: 600 0.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
aside.pageleft div.seo-txt strong.top {
  font: 600 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	MODULES  *********************************************************/
/* INDEX  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START INDEX */
/* -------------------------------------------------------- START SPOTLIGHT | In de kijker naast de slider*/
section.spotlight-large {
  /* slider pager & knoppen */
}
section.spotlight-large div.wrap div.bx-pager a {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-large div.wrap a.bx-prev,
section.spotlight-large div.wrap a.bx-next {
  font: 400 1.4em/2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-large div.wrap a.bx-prev:before,
section.spotlight-large div.wrap a.bx-next:before {
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-indent: 0;
}

section.spotlight-large-tiles ul.tiles li div.title strong {
  font: 400 1.3em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-large-tiles ul.tiles li.box-2 div.title strong {
  font: 400 2em/1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-large-tiles ul.tiles li.box-2 div.title span p {
  font: 400 1.4em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-large-tiles ul.tiles li.box-5 div.title strong {
  font: 400 2em/1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-large-tiles ul.tiles li.box-5 div.title span p {
  font: 400 1.4em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

section.wizard ul li strong.title {
  font: 700 2.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.wizard ul li div.ranges span,
section.wizard ul li div.ranges input {
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.wizard ul li input.btn-keuzehulp {
  font: 700 2.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.wizard ul li a.btn-link {
  font: 300 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.wizard ul li strong.title {
    font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}

section.spotlight-blocks ul.blocks-container li.block div.title strong {
  font: 700 5em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-blocks ul.blocks-container li.block div.title span {
  font: 400 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-blocks ul.blocks-container li.block div.title span p {
  font: 400 1em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight-blocks ul.blocks-container li.block div.title.big strong {
  font: 700 1.8em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}

section.spotlight {
  /* h2 | titel van de blok*/
  /* h3 | titel van het product */
  /* h4.price | prijs */
  /* span.moreinfo | meer info knop */
  /* div.shortdesc */
}
section.spotlight h2 {
  font: 700 1.6em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  /* tablet */
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.spotlight h2 {
    font-size: 1.3em;
  }
}
section.spotlight h3 {
  font: 700 1.6em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight h4 strong {
  font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
  /* tablet */
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.spotlight h4 strong {
    font-size: 1.8em;
  }
}
section.spotlight span.moreinfo {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.spotlight div.shortdesc-block {
  font: 400 1.3em/1.7em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* -------------------------------------------------------- START CATEGORY OVERZICHT OP DE INDEX*/
ul.category-overview li {
  /* h2|  titel van de category */
}
ul.category-overview li h2 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  /* grote smartphone | kleine tablet */
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.category-overview li h2 {
    font-size: 1.2em;
  }
}

/* -------------------------------------------------------- START INTRO*/
section.intro h1 {
  font: 700 2.2em/0.9em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* -------------------------------------------------------- START USP*/
ul.usp li strong {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.usp li strong {
    font-size: 1.4em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.usp li strong {
    font-size: 1.1em;
  }
}
ul.usp li.title {
  font: 700 1.8em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.usp-product li {
  font: 400 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.usp-product li strong {
  font: 600 1em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.usp-product li {
    font-size: 1.2em;
  }
}

div.payment-wrap-detail strong.title {
  font: 300 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* PRODUCT OVERVIEW  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PRODUCT OVERVIEW  */
/* -------------------------------------------------------- START TITEL OP DE INDEx*/
h2.indextitle {
  font: 300 4em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* -------------------------------------------------------- START PRODUCT OVERZICHT*/
ul.product-overview {
  /*&.list {
    li {
      a {
        span.readmore {
          font: 700 1.1em $normal;
        }

        h4 {
          strong {
            font-size: 1.6em;
          }
        }

        div.shortdesc {
          p {
            font: 400 1.4em $normal;

            strong {
              font-size: 1em;
            }
          }

          ul,
          ol {
            li {
              color: $textcolor;
              font: 400 1.4em $normal;
              margin: 0;
            }
          }

          ul {
            li {
              list-style: square inside;
              padding: 0;
            }
          }
        }
      }
    }
  }*/
}
ul.product-overview li {
  /* a element */
}
ul.product-overview li a {
  /* h3 | titel van het product */
  /* h4 | Prijs van het product */
  /* LABEL */
}
ul.product-overview li a div.title strong {
  font: 700 1.5em/1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.product-overview li a div.title strong.productname {
  font: 700 1.8em/1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  ul.product-overview li a div.title strong.productname {
    font: 700 1.6em/1em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}
ul.product-overview li a div.title span.label {
  font: 700 1.6em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.product-overview li a div.title span.productbrand {
  font: 400 1.4em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.product-overview li a div.price strong {
  font: 700 2.2em/1em "Open Sans", Arial, Helvetica, Sans-serif;
  /* tablet */
}
@media (max-width: 767px) {
  ul.product-overview li a div.price strong {
    font: 700 1.6em/1.3em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.product-overview li a div.price strong {
    font-size: 1.8em;
  }
}
ul.product-overview li a div.price span {
  font: 400 0.6em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.product-overview li a div.price strong {
    font-size: 1.6em;
  }
}
ul.product-overview li a span.label {
  font: 700 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.view-all a {
  font: 400 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* CATEGORY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START CATEGORY */
div.pageright {
  /* filters bovenaan desktop */
  /* Aantal per pagina */
  /* Geselecteerde filters */
  /* txt-bottom */
  /* subcatergory view */
}
div.pageright a.showfilters span {
  font: 700 1.2em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright a.btn-promo {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright div.txt-bottom h1 {
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright a.showfilters {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright nav.number-pages div.total-wrap {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright nav.number-pages ul li {
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright nav.number-pages ul li ul li:first-child {
  font-weight: 300;
}
div.pageright nav.number-pages ul li.active span {
  font-weight: 700;
}
div.pageright nav.number-pages ul.sort li ul li a {
  font-size: 0.7em !important;
}
div.pageright nav.selectedfilters ul li {
  font: 200 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright nav.selectedfilters ul li a strong {
  font-size: 1em;
  font-weight: 200;
}
div.pageright nav.selectedfilters ul li a span {
  font-size: 1em;
}
div.pageright div.txt-bottom h2 {
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.pageright ul.subcategorie-overview li h3 {
  font: 400 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* submenu smartphone */
@media (max-width: 767px) {
  nav.submenu ul li a {
    font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}
/* PAGER  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PAGER */
nav.pager li {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
nav.pager li.active {
  font-weight: 700;
}
@media (max-width: 767px) {
  nav.pager li {
    font-size: 1.2em;
    line-height: 2.4em;
  }
}

/* PRODUCT DETAIL  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PRODUCT DETAIL */
/* -------------------------------------------------------- START PRODUCT IMAGES | foto's detail pagina*/
section.product-images a.show-images {
  font: 400 1.4em/1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-images a.watchmoreimages {
  font: 400 1.2em/1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-images.giftcard div.price {
  font: 700 3em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-images.giftcard div.price strong {
  font-weight: 700;
}
section.product-images span.label {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* -------------------------------------------------------- START PRODUCT DATA | INFO RECHTS PRODUCT FOTO'S*/
.product-detail-title {
  float: left;
  width: 100%;
}
.product-detail-title h1 {
  color: #adadad;
  font: 300 4em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  .product-detail-title h1 {
    font: 300 3em/1em "Open Sans", Arial, Helvetica, Sans-serif;
    margin-bottom: 10px;
  }
}
.product-detail-title div.brand-wrap {
  float: left;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .product-detail-title div.brand-wrap {
    margin-bottom: 0;
    width: 100%;
  }
}
.product-detail-title div.brand-wrap span {
  color: #adadad;
}
.product-detail-title div.brand-wrap span span {
  text-decoration: underline;
}
.product-detail-title div.brand-wrap span.articlecode,
.product-detail-title div.brand-wrap span.brand {
  font: 400 1.8em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  .product-detail-title div.brand-wrap span.articlecode,
.product-detail-title div.brand-wrap span.brand {
    font: 400 1.6em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}
.product-detail-title div.brand-wrap span.articlecode a,
.product-detail-title div.brand-wrap span.brand a {
  color: #666666;
}
.product-detail-title div.brand-wrap span.articlecode a:hover, .product-detail-title div.brand-wrap span.articlecode a:focus,
.product-detail-title div.brand-wrap span.brand a:hover,
.product-detail-title div.brand-wrap span.brand a:focus {
  color: black;
  color: black;
}
.product-detail-title a.back-btn {
  background: white;
  border: 1px solid #cccccc;
  border-left: 0;
  color: #666666;
  float: right;
  font: 200 1.3em/28px "Open Sans", Arial, Helvetica, Sans-serif;
  height: 30px;
  margin-bottom: 20px;
  padding: 0 20px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .product-detail-title a.back-btn {
    float: left;
    margin: 10px 0 10px 10px;
  }
}
.product-detail-title a.back-btn:hover, .product-detail-title a.back-btn:focus {
  background: #f2f2f2;
}
.product-detail-title a.back-btn:hover:before, .product-detail-title a.back-btn:focus:before {
  border-right-color: #f2f2f2;
}
.product-detail-title a.back-btn:before {
  border: solid transparent;
  border-color: transparant;
  border-right-color: white;
  border-width: 15px;
  content: "";
  height: 0;
  margin-top: -15px;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
  z-index: 2;
}
.product-detail-title a.back-btn:after {
  border: solid transparent;
  border-color: transparant;
  border-right-color: #cccccc;
  border-width: 16px;
  content: "";
  height: 0;
  margin-top: -16px;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
  z-index: 1;
}

section.product-data {
  /* prijs + voorraad */
}
@media (min-width: 768px) and (max-width: 991px) {
  section.product-data.giftcard h1 {
    font: 300 3.5em/1em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}
section.product-data div.product-info div.price strong {
  font: 700 3em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.product-info div.price small {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.product-info div.price span.label {
  font: 400 0.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.product-info div.stock-delivery span {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.product-info div.stock-delivery strong.stock {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.usp-extra ul li {
  font: 400 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.setparts h2 {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.setparts ul.setoverview > li a.image h3 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data ul.giftcard li label {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data ul.giftcard li.first label {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data ul.giftcard li strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data ul.giftcard li textarea {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data a.btn-giftcard {
  font: 600 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.shortdesc p {
  font: 400 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-data div.shortdesc ul li,
section.product-data div.shortdesc ol li {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.tabs li > a {
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.tabs-content div p {
  font: 400 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.tabs-content strong.title {
  font: 700 2.5em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  div.tabs-content strong.title {
    font-size: 2.4em;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  div.tabs-content strong.title {
    font-size: 2em;
  }
}
div.tabs-content ul li {
  font: 400 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.tabs-content ol li {
  font: 400 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.tabs-content table {
  float: left;
  width: 100%;
}
div.tabs-content table tr td {
  border: 1px solid #e6e6e6;
  padding: 15px;
}

div.productDetails ul li {
  font: 400 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* configurator*/
div.box ul li a {
  font: 400 1.3em/2.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box ul li select {
  font: 400 1.4em/2.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box ul li.active a {
  font-weight: 700;
}
div.box ul li:first-child strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box ul.amount li div.input-group.bootstrap-touchspin button {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box ul.amount li div.input-group.bootstrap-touchspin input[type=text] {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box ul.amount.pricelist li h3 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.box ul.amount.pricelist li strong.price {
  color: #5c9c00;
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

.add-to-cart {
  font: 700 2em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* -------------------------------------------------------- START PRODUCT EXTRA | SETS , OMSCHRIJVING, TECHINFO , REVIEWS, VERWANTE PRODUCTEN*/
ul.accordion li h2.title {
  font: 700 2.5em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  ul.accordion li h2.title {
    font-size: 2.4em;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  ul.accordion li h2.title {
    font-size: 2em;
  }
}

section.product-extra {
  /* techinfo */
  /* review */
  /*** SETS **/
}
section.product-extra h2 {
  font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra .add-to-cart {
  font-size: 1em;
}
section.product-extra ul.techinfo li {
  font: 400 1.3em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra ul.techinfo li p {
  font-size: 1em;
}
section.product-extra ul.overview-sets-link li {
  /* overzicht */
}
section.product-extra ul.overview-sets-link li h3 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra ul.overview-sets-link li strong.stock {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra ul.overview-sets-link li ul.overview li span.plus {
  font: 700 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set li {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set li strong {
  font-weight: 700;
}
section.product-extra ul.overview-sets-link li ul.price li {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra ul.overview-sets-link li ul.price li strong {
  font-weight: 700;
}
section.product-extra ul.overview-sets-link li strong.price {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.product-extra ul.overview-sets-link li strong.price span {
  font-size: 0.8em;
  font-weight: normal;
}
section.product-extra ul.overview-sets-link li a.more {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* gerelateerde producten */
section.relatedproducts h2.title {
  font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* ITEM PAGINA + ALGEMENE TEXT>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START ITEM*/
section.content.content-text {
  /** NEWS OVERVIEW **/
}
section.content.content-text h2 {
  font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.content-text h3 {
  font: 700 1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.content-text ul.news-overview li {
  font-size: 1em;
}
section.content.content-text ul.news-overview li div.right span.date,
section.content.content-text ul.news-overview li div.right span.author {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif !important;
}
section.content.content-text ul.news-overview li div.right span.readmore {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.content-text.news span.date,
section.content.content-text.news span.author {
  font-size: 1.2em;
  font-weight: normal;
}

section.content-text h4 {
  font: 700 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content-text h5 {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content-text h6 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content-text ul.faq-overview {
  float: left;
  width: 100%;
}
section.content-text ul.faq-overview > li {
  font-size: 1em;
}
section.content-text ul.faq-overview > li a.expand h3 {
  font: 400 1.5em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content-text ul li {
  font: normal 1.4em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content-text ol li {
  font: 400 1.4em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content-text table tr td {
  font: 400 1.4em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* MEDIA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START MEDIA*/
section.media h2 {
  font-size: 1.8em;
}
section.media ul.images li a h2 {
  font-size: 1.1em;
  font-weight: 400;
}

/*PRODUCT REVIEW >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PRODUCT REVIEW*/
/* SITEMAP >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END SITEMAP */
ul.sitemap > li {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* SEARCH >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END SEARCH */
section.content.search div.box-info,
section.content.search div.box-warning {
  font-size: 1.5em;
}
section.content.search div.box-info strong,
section.content.search div.box-info span,
section.content.search div.box-warning strong,
section.content.search div.box-warning span {
  font-size: 1em;
  font-weight: 700;
}
section.content.search h2 {
  font: 700 1.7em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 25px;
}
section.content.search ul.search-results li a h3 {
  font: 700 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.search ul.search-results li a span.readmore {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* QUESTION BLOK - CATEGORY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END SEARCH */
section.search-product-overview div.question div.info strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.search-product-overview div.question div.contact-info strong {
  font-size: 1.8em;
}
section.search-product-overview div.question div.contact-info span {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.search-product-overview div.question form a.btn {
  font: 700 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

/*------------CONTACT PAGINA------------*/
section.contact-info div.left-wrap address ul li {
  font: 400 1.5em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.contact-info strong.title {
  font: 600 1.8em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* GOOGLE MAPS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  START  GOOGLE MAPS*/
.gm-style {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  text-decoration: none;
}

/* GOOGLE MAPS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END  GOOGLE MAPS*/
/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	FROM  *********************************************************/
/* ------------------------------------------------------------ UL.FORM */
ul.form li label {
  font: 200 1.5em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form li h2 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form li input {
  /* text, email, phone, password */
  /* submit/button */
}
ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=phone], ul.form li input[type=password] {
  font: 200 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form li input[type=submit], ul.form li input[type=button] {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form li textarea {
  font: 200 1.4em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form li select {
  font: 200 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form li a.forgot-password {
  font: 400 1.1em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form.buttons li a {
  font: 200 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form.login-radio li strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.form.login-radio li ul.radio li label {
  font-weight: 700;
  line-height: 14px;
}

section.content.register h2 {
  font: 400 1.8em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* ------------------------------------------------------------ START FOUTMELDING ONDERAAN*/
div.error-block span {
  font: 700 1.2em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.error-block ul li {
  font: 400 1.2em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	ACCOUNT  *********************************************************/
/* ------------------------------------------------------------ START GEGEVENS*/
section.addressinfo ul > li {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.addressinfo ul > li ul li {
  font: 400 1em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.addressinfo ul > li ul.form li label,
section.addressinfo ul > li ul.form li input,
section.addressinfo ul > li ul.form li select {
  font: 400 1em "Open Sans", Arial, Helvetica, Sans-serif !important;
}

/* ------------------------------------------------------------ START MIJN BESTELLINGEN*/
section.order h2.title strong {
  font: 700 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.order h2.title a {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.order ul.order-info li {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.order ul.order-info li.total {
  font-weight: 700;
}

/* ------------------------------------------------------------ START ACCPRDION-ORDER*/
ul.accordion-order > li > h2 ul li {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.accordion-order > li > h2 ul li strong {
  font-weight: 700;
}

a.modify.extra {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	PAGEFOOT  *********************************************************/
footer {
  /* -------------------------------------------------------- SECTION.TOP*/
}
footer section.top {
  /*********** SERVICE GEDEELTE **/
  /*********** NAV.NAVIGATION-FOOTER **/
  /*********** FORM.NEWSLETTER **/
}
footer section.top strong.title {
  font: 700 2.5em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  footer section.top strong.title {
    font-size: 2.4em;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  footer section.top strong.title {
    font-size: 2em;
  }
}
footer section.top div.service p {
  font-size: 1em;
}
footer section.top div.service span {
  font: 300 1.6em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.top div.service strong {
  font: 700 2.8em/1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.top div.service strong.title {
  font: 700 2.5em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  footer section.top div.service strong.title {
    font-size: 2.4em;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  footer section.top div.service strong.title {
    font-size: 2em;
  }
}
footer section.top address ul li {
  font: 300 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  line-height: 28px;
}
footer section.top div.openinghours p {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.top nav.navigation-footer ul li a {
  font: 300 1.6em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.top form.newsletter p {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  line-height: 25px;
}
footer section.top form.newsletter ul li input[type=text],
footer section.top form.newsletter ul li input[type=email] {
  font: 300 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.top form.newsletter ul li input[type=submit],
footer section.top form.newsletter ul li input[type=button] {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.bottom nav.socialmedia ul li {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.bottom nav.navigation-footer-extra ul li a {
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
footer section.bottom div.credits {
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

html.ie7 div.old-browser {
  font: 600 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  line-height: 40px;
}
html.ie7 div.old-browser a {
  color: white;
}

/*  DELEN VAN DE SITE| basis template , deze mag enkel aangepast worden in de master webshop */
.page-loader {
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border: 6px solid #89be30;
  border-top-color: transparent;
  font-size: 8px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  z-index: 99999;
}

.page-loader,
.page-loader:after {
  border-radius: 50%;
  height: 10em;
  width: 10em;
}

/*
 * Animation
 */
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	PAGEHEAD  *********************************************************/
header {
  display: none;
  margin-bottom: 20px;
  /* -------------------------------------------------------- SECTION.TOP */
  /* -------------------------------------------------------- MIDDENSTE GEDEELTE  | LOGO | MINI CART | PROFILE  */
  /*** LOGO **/
  /** mini-cart **/
  /** PROFILE **/
  /** MINICART & PROFILE MOBILE **/
  /* -------------------------------------------------------- HOOFDNAVIGATIE */
  /* -------------------------------------------------------- FORM.SEARCH */
}
@media (max-width: 990px) {
  header .row {
    margin: 0;
  }
}
header section.top {
  background: black;
  margin-bottom: 20px;
  padding: 10px 0;
  width: 100%;
}
header section.top:before, header section.top:after {
  content: " ";
  display: table;
}
header section.top:after {
  clear: both;
}
header section.top {
  *zoom: 1;
}
header section.top div.wrap {
  float: right;
}
header section.top div.wrap div.nav-wrap {
  float: left;
  margin-left: 15px;
}
header section.top div.wrap nav {
  border-left: 1px solid #333333;
  float: left;
  padding: 0 15px;
  /** mini-cart bovenaan ** */
  /** CUSTOMERZONE */
  /** ------> LANG **/
  /** ------> NAVIGATION-TOP **/
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top div.wrap nav {
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  header section.top div.wrap nav {
    border: none;
    padding: 0;
  }
}
header section.top div.wrap nav:first-child {
  border-left: none;
}
header section.top div.wrap nav.mini-cart {
  padding-left: 20px;
}
header section.top div.wrap nav.mini-cart.empty span {
  border: none;
  color: #89be30;
}
header section.top div.wrap nav.mini-cart:before {
  border: 1px solid red;
  display: block;
  font: normal 12px/12px "$fa-var-shopping-cart";
  height: 20px;
  width: 20px;
}
header section.top div.wrap nav.mini-cart img {
  float: left;
  margin: 0px 10px 0 0;
}
header section.top div.wrap nav.mini-cart a {
  display: block;
  text-decoration: none;
}
header section.top div.wrap nav.mini-cart a:hover strong, header section.top div.wrap nav.mini-cart a:focus strong {
  color: #5c9c00;
}
header section.top div.wrap nav.mini-cart span {
  border-right: 1px solid #333333;
  color: white;
  float: left;
  padding: 0 5px 0 0;
}
header section.top div.wrap nav.mini-cart span:before {
  color: white;
  margin-top: -1px;
  padding-right: 10px;
}
header section.top div.wrap nav.mini-cart strong {
  color: #89be30;
  float: left;
  padding-left: 5px;
}
header section.top div.wrap nav.customerzone ul {
  height: auto;
}
header section.top div.wrap nav.customerzone ul li {
  color: #a6a6a6;
  float: left;
  padding: 0 20px 0 10px;
  position: relative;
  position: relative;
  width: auto;
}
header section.top div.wrap nav.customerzone ul li.empty {
  padding: 0;
}
header section.top div.wrap nav.customerzone ul li:before {
  padding-top: 2px;
  position: absolute;
  right: 0;
}
header section.top div.wrap nav.customerzone ul li:hover, header section.top div.wrap nav.customerzone ul li:focus {
  color: #89be30;
  cursor: pointer;
}
header section.top div.wrap nav.customerzone ul li:hover ul, header section.top div.wrap nav.customerzone ul li:focus ul {
  display: block;
}
header section.top div.wrap nav.customerzone ul li ul {
  display: none;
  left: 0;
  padding-top: 13px;
  position: absolute;
  width: 150px;
  z-index: 99999;
}
header section.top div.wrap nav.customerzone ul li ul li {
  background: white;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  float: left;
  padding: 0;
  width: 100%;
}
header section.top div.wrap nav.customerzone ul li ul li a {
  color: #666666;
  float: left;
  padding: 5px;
  width: 100%;
}
header section.top div.wrap nav.customerzone ul li ul li a:hover, header section.top div.wrap nav.customerzone ul li ul li a:focus {
  background: #89be30;
  color: white;
}
header section.top div.wrap nav ul li {
  float: left;
  list-style: none;
}
header section.top div.wrap nav ul li.active a {
  color: #89be30;
}
header section.top div.wrap nav ul li a {
  color: white;
  padding: 0 5px;
  text-decoration: none;
}
header section.top div.wrap nav ul li a:hover, header section.top div.wrap nav ul li a:focus {
  color: #89be30;
}
header section.top div.wrap nav ul li span {
  color: #89be30;
  padding: 0 5px;
}
header section.top div.wrap nav.lang ul li {
  text-transform: uppercase;
}
header section.top div.wrap nav.lang ul li a:hover, header section.top div.wrap nav.lang ul li a:focus {
  color: #cccccc;
}
header section.top div.wrap nav ul li a {
  padding: 0 10px;
}
header section.top div.wrap nav.navigation-top ul li:first-child {
  display: none;
}
@media (max-width: 767px) {
  header section.top div.wrap nav.navigation-top ul li:first-child {
    display: block;
  }
}
header a.logo {
  display: block;
}
header a.logo img {
  display: block;
  width: 100%;
}
header section.middle form.search {
  margin-top: 35px;
  /*-- (logo height/2) - (form height/2) --*/
}
header section.middle div.wrap-nav {
  margin-top: 35px;
}
@media (max-width: 767px) {
  header section.middle div.wrap-nav {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.middle div.wrap-nav {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.middle div.wrap-nav {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header section.middle div.wrap-nav {
    display: none;
  }
}
@media (min-width: 1400px) {
  header section.middle div.wrap-nav {
    display: none;
  }
}
header section.middle div.wrap-nav a.nav-link-mobile {
  display: block;
  margin: 0;
  width: 100%;
}
header section.middle div.wrap-nav a.nav-link-mobile span {
  background: black;
  left: 0;
}
header section.middle div.wrap-nav a.nav-link-mobile span:before, header section.middle div.wrap-nav a.nav-link-mobile span:after {
  background: black;
}
header section.middle div.help strong,
header section.middle div.help span {
  float: left;
  text-align: right;
  width: 100%;
}
header section.middle div.help strong {
  color: #89be30;
}
@media (max-width: 767px) {
  header section.middle div.help {
    margin: 20px 0;
    padding: 0 15px;
  }
  header section.middle div.help strong,
header section.middle div.help span {
    display: inline-block;
    text-align: left;
    width: auto;
  }
  header section.middle div.help strong a,
header section.middle div.help span a {
    color: #89be30;
    text-decoration: none;
  }
  header section.middle div.help strong {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  header section.middle div.wrap-mini-cart {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.middle div.wrap-mini-cart {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.middle div.wrap-mini-cart {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header section.middle div.wrap-mini-cart {
    display: none;
  }
}
@media (min-width: 1400px) {
  header section.middle div.wrap-mini-cart {
    display: none;
  }
}
header section.middle div.wrap-mini-cart section.mini-cart {
  float: none;
  margin: 0;
}
header section.middle div.wrap-mini-cart section.mini-cart a {
  padding: 5% 2%;
  text-align: center;
}
header section.middle div.wrap-mini-cart section.mini-cart a section.icon {
  max-width: none;
  width: 50%;
}
header section.middle div.wrap-mini-cart section.mini-cart a section.icon div.wrap {
  position: static;
}
header section.middle div.wrap-mini-cart section.mini-cart a section.icon div.wrap span.number {
  height: 30px;
  padding: 5px;
  width: 30px;
}
header section.middle div.wrap-mini-cart section.mini-cart a section.cart-info {
  margin-top: 10%;
  min-width: 1px;
  text-align: left;
  width: 100%;
}
header section.middle div.wrap-mini-cart section.mini-cart a section.cart-info strong {
  display: none;
}
header section.middle div.wrap-mini-cart section.mini-cart a section.cart-info ul li span {
  display: none;
}
header section.mini-cart {
  color: #666666;
  position: relative;
}
header section.mini-cart a {
  color: #666666;
  display: block;
  text-decoration: none;
  width: 100%;
}
header section.mini-cart a:before, header section.mini-cart a:after {
  content: " ";
  display: table;
}
header section.mini-cart a:after {
  clear: both;
}
header section.mini-cart a {
  *zoom: 1;
}
@media (max-width: 767px) {
  header section.mini-cart a {
    border: 1px solid #cccccc;
    padding: 10%;
    width: 90%;
  }
}
header section.mini-cart a:hover section.cart-info ul li span-btn-checkout, header section.mini-cart a:focus section.cart-info ul li span-btn-checkout {
  background: #89be30;
}
header section.mini-cart section.icon {
  display: inline-block;
  max-width: 33px;
  vertical-align: middle;
  width: 25%;
}
header section.mini-cart section.icon div.wrap {
  position: relative;
}
header section.mini-cart section.icon div.wrap:before {
  color: black;
}
header section.mini-cart section.icon div.wrap span.number {
  background: #89be30;
  bottom: -10px;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: white;
  height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 20px;
}
header section.mini-cart section.cart-info {
  display: inline-block !important;
  min-width: 180px;
  padding-left: 10px;
  vertical-align: middle;
  width: 70%;
}
header section.mini-cart section.cart-info strong {
  color: black;
  text-transform: uppercase;
}
header section.mini-cart section.cart-info ul {
  margin-top: 2px;
  width: 100%;
}
header section.mini-cart section.cart-info ul:before, header section.mini-cart section.cart-info ul:after {
  content: " ";
  display: table;
}
header section.mini-cart section.cart-info ul:after {
  clear: both;
}
header section.mini-cart section.cart-info ul {
  *zoom: 1;
}
header section.mini-cart section.cart-info ul li {
  display: inline-block;
  list-style: none;
  padding: 0 5px;
  text-transform: uppercase;
}
header section.mini-cart section.cart-info ul li:first-child {
  border: none;
  padding-left: 0;
}
header section.mini-cart section.cart-info ul li span.btn-checkout {
  background: #acd863;
  color: white;
  padding: 2px 8px;
}
header section.mini-cart section.cart-info ul li span.btn-dropdown {
  background: url("../images/css/arrow-close.png") no-repeat center right;
  display: block;
  position: relative;
  width: 100px;
}
header section.mini-cart section.mini-cart-dropdown {
  display: none;
  padding-top: 20px;
  position: absolute;
  right: 0;
  width: 400px;
  z-index: 99999;
}
header section.mini-cart section.mini-cart-dropdown div.wrap {
  background: black;
  float: left;
  padding: 10px;
  position: relative;
  width: 100%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: black;
  border-width: 10px;
  left: 30px;
}
header section.mini-cart section.mini-cart-dropdown div.wrap strong.title-dropdown {
  border-bottom: 1px solid #737373;
  color: white;
  float: left;
  margin-bottom: 5px;
  padding-bottom: 3px;
  width: 100%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li {
  border-bottom: 1px solid #737373;
  float: left;
  list-style: none;
  width: 100%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a {
  display: block;
  padding: 15px 0;
  width: 100%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a img {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right {
  display: inline-block;
  padding-left: 4%;
  vertical-align: middle;
  width: 70%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right strong,
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right span {
  color: white;
  display: block;
  width: 100%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a:hover div.right span,
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a:hover div.right strong, header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a:focus div.right span,
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a:focus div.right strong {
  color: #89be30;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total {
  float: left;
  padding: 10px 0;
  width: 100%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li {
  color: white;
  float: left;
  list-style: none;
  padding: 3px 0;
  width: 100%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li span,
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li strong {
  float: left;
  text-align: right;
  width: 50%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li span:first-child,
header section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li strong:first-child {
  text-align: left;
}
header section.mini-cart section.mini-cart-dropdown div.wrap a.btn {
  background: #5c9c00;
  color: white;
  float: left;
  padding: 20px 0;
  text-align: center;
  width: 50%;
}
header section.mini-cart section.mini-cart-dropdown div.wrap a.btn.first {
  background: #89be30;
}
header section.mini-cart section.mini-cart-dropdown div.wrap a.btn:hover, header section.mini-cart section.mini-cart-dropdown div.wrap a.btn:focus {
  background: #4d8300;
}
header section.mini-cart section.mini-cart-dropdown div.wrap a.btn:hover.first, header section.mini-cart section.mini-cart-dropdown div.wrap a.btn:focus.first {
  background: #7aaa2b;
}
header section.mini-cart:hover section.mini-cart-dropdown, header section.mini-cart:focus section.mini-cart-dropdown {
  display: block;
}
@media (max-width: 767px) {
  header div.mini-profile {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header div.mini-profile {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header div.mini-profile {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header div.mini-profile {
    display: none;
  }
}
@media (min-width: 1400px) {
  header div.mini-profile {
    display: none;
  }
}
header div.mini-profile a {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  height: 100%;
  padding: 0 10px;
  text-decoration: none;
}
header div.mini-profile .icon:before {
  color: #89be30;
  font-size: 25px;
}
header nav.navigation-cart {
  padding-left: 0 !important;
  padding-top: 0%;
}
@media (min-width: 480px) and (max-width: 990px) {
  header nav.navigation-cart {
    padding-top: 3%;
  }
}
header nav.navigation-cart ul {
  float: right;
}
header nav.navigation-cart ul li {
  float: left;
  list-style: none;
  padding: 5px;
}
header nav.navigation-cart ul li a,
header nav.navigation-cart ul li span.cart-wrap {
  border: 1px solid #e6e6e6;
  display: block;
  position: relative;
}
header nav.navigation-cart ul li a:hover, header nav.navigation-cart ul li a:focus,
header nav.navigation-cart ul li span.cart-wrap:hover,
header nav.navigation-cart ul li span.cart-wrap:focus {
  border-color: #89be30;
}
header nav.navigation-cart ul li a:before,
header nav.navigation-cart ul li span.cart-wrap:before {
  color: black;
  float: left;
  padding-top: 3px;
  text-align: center;
  width: 45px;
}
@media (max-width: 479px) {
  header nav.navigation-cart ul li a,
header nav.navigation-cart ul li span.cart-wrap {
    height: 45px;
    padding: 5px;
    width: 45px;
  }
  header nav.navigation-cart ul li a:before,
header nav.navigation-cart ul li span.cart-wrap:before {
    width: 35px;
  }
}
@media (min-width: 480px) and (max-width: 990px) {
  header nav.navigation-cart ul li a,
header nav.navigation-cart ul li span.cart-wrap {
    height: 55px;
    padding: 5px;
    width: 55px;
  }
}
header nav.navigation-cart ul li a img,
header nav.navigation-cart ul li span.cart-wrap img {
  width: 100%;
}
header nav.navigation-cart ul li a span.number,
header nav.navigation-cart ul li span.cart-wrap span.number {
  background: #89be30;
  bottom: -10px;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: white;
  height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 20px;
}
header section.middle {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  header section.middle {
    margin-bottom: 20px;
  }
}
header nav.navigation {
  z-index: 100;
}
@media (max-width: 767px) {
  header nav.navigation {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    left: calc(-100% - 10px);
    position: absolute !important;
    top: 0;
    z-index: 9999999;
  }
  .left-open header nav.navigation {
    left: 0;
  }
}
header nav.navigation ul.twolevel-navigation > li {
  float: left;
  list-style: none;
  margin-left: 30px;
  position: relative;
}
header nav.navigation ul.twolevel-navigation > li.singlelevel-parent {
  position: relative;
}
header nav.navigation ul.twolevel-navigation > li.singlelevel-parent div.row {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  width: auto !important;
}
header nav.navigation ul.twolevel-navigation > li.singlelevel-parent div.row div.submenu {
  padding: 0 !important;
  width: 300px !important;
}
header nav.navigation ul.twolevel-navigation > li.singlelevel-parent div.row div.submenu ul {
  float: left;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li.singlelevel-parent div.row div.submenu ul li {
  float: left;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li.multilevel-parent {
  position: static;
}
header nav.navigation ul.twolevel-navigation > li.multilevel-parent div.row {
  display: none;
  left: 10px;
  position: absolute;
  /*div.submenu
  {
      padding-right: 30px;
  }*/
}
header nav.navigation ul.twolevel-navigation > li.multilevel-parent div.row div.submenu div.column ul li {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li.multilevel-parent div.row div.submenu div.column ul li ul li {
  margin-bottom: 0;
}
header nav.navigation ul.twolevel-navigation > li.multilevel-parent:hover div.row, header nav.navigation ul.twolevel-navigation > li.multilevel-parent:focus div.row {
  display: block;
}
header nav.navigation ul.twolevel-navigation > li.active > a {
  color: #89be30;
}
header nav.navigation ul.twolevel-navigation > li:first-child {
  margin-left: 0;
}
header nav.navigation ul.twolevel-navigation > li > a {
  color: #666666;
  text-decoration: none;
}
header nav.navigation ul.twolevel-navigation > li > a:hover, header nav.navigation ul.twolevel-navigation > li > a:focus {
  color: black;
}
header nav.navigation ul.twolevel-navigation > li:hover > a, header nav.navigation ul.twolevel-navigation > li:focus > a {
  color: black;
}
header nav.navigation ul.twolevel-navigation > li:hover ul.submenu, header nav.navigation ul.twolevel-navigation > li:focus ul.submenu {
  display: block;
}
header nav.navigation ul.twolevel-navigation > li:hover div.submenu, header nav.navigation ul.twolevel-navigation > li:focus div.submenu {
  display: block;
}
header nav.navigation ul.twolevel-navigation > li ul {
  /** 1 level submenu **/
  /* multilevel-1 */
  /* multilevel-2 */
}
header nav.navigation ul.twolevel-navigation > li ul.submenu {
  background: white;
  border: 1px solid #e6e6e6;
  border-top: 0;
  display: none;
  padding: 10px;
  position: absolute;
  width: 150px;
}
header nav.navigation ul.twolevel-navigation > li ul.submenu li {
  border-top: 1px solid #e6e6e6;
  list-style: none;
}
header nav.navigation ul.twolevel-navigation > li ul.submenu li:first-child {
  border-top: none;
}
header nav.navigation ul.twolevel-navigation > li ul.submenu li a {
  color: #666666;
  display: block;
  padding: 5px 0;
  text-decoration: none;
  text-transform: none;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.submenu li a:hover, header nav.navigation ul.twolevel-navigation > li ul.submenu li a:focus {
  color: #1280af;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 {
  background: white;
  border: 1px solid #e6e6e6;
  border-top: none;
  float: left;
  padding: 2%;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li {
  list-style: none;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li a {
  color: black;
  text-decoration: none;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li a:hover, header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li a:focus {
  color: #89be30;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul {
  float: left;
  margin: 10px 0 20px 0;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul > li {
  float: left;
  padding: 0 !important;
  text-transform: uppercase;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul > li ul li {
  float: left;
  text-transform: none;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 {
  background: white;
  border: 1px solid #e6e6e6;
  border-top: none;
  padding: 1%;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2:before, header nav.navigation ul.twolevel-navigation > li ul.multilevel-2:after {
  content: " ";
  display: table;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2:after {
  clear: both;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 {
  *zoom: 1;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li {
  list-style: none;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation {
  padding-left: 0;
  padding-right: 30px;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul:first-child {
  padding-left: 0;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li {
  float: left;
  padding: 0;
  text-transform: uppercase;
  width: 100% !important;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li a {
  color: black;
  text-decoration: none;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li a:hover, header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li a:focus {
  color: #89be30;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li ul {
  float: left;
  margin: 10px 0 20px 0;
  padding: 0;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul li ul li {
  text-transform: none;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.spotlight-menu a {
  display: block;
  position: relative;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.spotlight-menu a strong {
  background: black;
  bottom: 10px;
  color: white;
  padding: 10px;
  position: absolute;
  right: 0;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.spotlight-menu a img {
  display: block;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li {
  float: left;
  padding: 0;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li:first-child a {
  border: none;
  padding-top: 0;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li a {
  border-top: 1px solid #e6e6e6;
  display: block;
  padding: 10px 0;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li a:hover div.info h2,
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li a a:focus div.info h2 {
  color: #89be30;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info {
  float: left;
  width: 70%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info h2 {
  color: black;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info strong span {
  color: #5c9c00;
  float: left;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info strong small {
  color: #a6a6a6;
  text-decoration: line-through;
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info strong small:before, header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info strong small:after {
  content: " ";
  display: table;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info strong small:after {
  clear: both;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li div.info strong small {
  *zoom: 1;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu ul li img {
  float: right;
  width: 30%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li img {
  width: 100%;
}
header nav.navigation ul.twolevel-navigation div.submenu {
  left: 0;
  position: absolute;
}
@media (max-width: 767px) {
  header nav.navigation ul.twolevel-navigation {
    float: left;
    margin-top: 20px;
    width: 100%;
  }
  header nav.navigation ul.twolevel-navigation.small > li a,
header nav.navigation ul.twolevel-navigation.small > li:first-child a {
    background: #f2f2f2;
    padding: 1% 2%;
    width: 100%;
  }
  header nav.navigation ul.twolevel-navigation.small > li a:hover, header nav.navigation ul.twolevel-navigation.small > li a:focus,
header nav.navigation ul.twolevel-navigation.small > li:first-child a:hover,
header nav.navigation ul.twolevel-navigation.small > li:first-child a:focus {
    background: #e6e6e6;
    color: black;
  }
  header nav.navigation ul.twolevel-navigation.small > li.active a,
header nav.navigation ul.twolevel-navigation.small > li:first-child.active a {
    background: #89be30;
    color: black;
  }
  header nav.navigation ul.twolevel-navigation > li {
    border-bottom: 1px solid #e6e6e6;
    margin-left: 0;
    width: 100%;
  }
  header nav.navigation ul.twolevel-navigation > li.active a {
    background: none;
  }
  header nav.navigation ul.twolevel-navigation > li.active a:hover, header nav.navigation ul.twolevel-navigation > li.active a:focus {
    background: none;
  }
  header nav.navigation ul.twolevel-navigation > li a {
    background: url("../images/css/arrow-menu.png") no-repeat 98% center;
    display: block;
    padding: 8px 0;
    width: 100%;
  }
  header nav.navigation ul.twolevel-navigation > li a:hover, header nav.navigation ul.twolevel-navigation > li a:focus {
    background-image: url("../images/css/arrow-menu-hover.png");
    color: #89be30;
  }
}
header form.search {
  float: left;
}
header form.search ul {
  width: 100%;
}
header form.search ul:before, header form.search ul:after {
  content: " ";
  display: table;
}
header form.search ul:after {
  clear: both;
}
header form.search ul {
  *zoom: 1;
}
header form.search ul li {
  float: left;
  list-style: none;
  width: 100%;
}
header form.search ul li input[type=text], header form.search ul li input[type=search] {
  border: 1px solid #e6e6e6;
  border-right: 0;
  float: left;
  height: 30px;
  padding: 0 10px;
  width: 85%;
}
@media (max-width: 767px) {
  header form.search.long {
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  header {
    margin-bottom: 0 !important;
  }
  header a.logo img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }
  header section.top {
    position: relative;
  }
  header section.top div.wrap {
    float: right;
    max-width: 100%;
    padding: 5px 5px 0 0;
    width: 100%;
  }
  header section.top div.wrap div.nav-wrap {
    border-top: 1px solid #333333;
    float: left;
    padding: 15px 0 10px 0;
    width: 100%;
  }
  header section.top div.wrap div.nav-wrap nav.mini-cart {
    float: right;
    margin-right: 0;
    padding-right: 15px;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  header section.top div.wrap div.nav-wrap nav.mini-cart {
    display: inline-block;
    float: none;
    margin-bottom: 15px;
    margin-left: 15px;
    text-align: left;
    width: 100%;
  }
  header section.top div.wrap div.nav-wrap nav.mini-cart a {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  header section.top div.wrap div.nav-wrap nav.customerzone {
    border: none;
    float: left;
  }
  header section.top div.wrap div.nav-wrap nav.customerzone li:first-child {
    padding-left: 0;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  header section.top div.wrap div.nav-wrap nav.customerzone {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  header section.top div.wrap div.nav-wrap.mobile-type-dropdown {
    border: 0;
    padding: 0;
  }
  header section.top div.wrap div.nav-wrap.mobile-type-dropdown nav.customerzone {
    border: 0;
    padding: 0;
  }
}
@media (max-width: 767px) {
  header section.top div.wrap nav.lang {
    border: 0;
    position: absolute;
    right: 15px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  header section.top div.wrap nav {
    border-left: 1px solid #404040;
  }
  header section.top div.wrap nav.mini-cart {
    border: none;
    float: left;
    margin-right: 5px;
  }
  header section.top div.wrap nav.customerzone {
    border-left: 1px solid #404040;
    float: left;
  }
  header section.top div.wrap nav.lang {
    float: left;
    padding-left: 5px;
    width: auto;
  }
  header section.top div.wrap nav.lang ul {
    float: right;
  }
  header section.top div.wrap nav.lang ul li {
    margin-left: 0;
  }
  header section.top div.wrap nav.lang ul li a,
header section.top div.wrap nav.lang ul li span {
    padding: 0 5px;
  }
}

a.nav-link-mobile,
a.showfilters {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: left;
  height: 32px;
  margin-left: 5px;
  position: relative;
  text-indent: -999px;
  width: 42px;
}
@media (max-width: 767px) {
  a.nav-link-mobile,
a.showfilters {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  a.nav-link-mobile,
a.showfilters {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  a.nav-link-mobile,
a.showfilters {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  a.nav-link-mobile,
a.showfilters {
    display: none;
  }
}
@media (min-width: 1400px) {
  a.nav-link-mobile,
a.showfilters {
    display: none;
  }
}
a.nav-link-mobile:hover, a.nav-link-mobile:focus,
a.showfilters:hover,
a.showfilters:focus {
  border-color: #89be30;
}
a.nav-link-mobile:hover span,
a.nav-link-mobile:hover span:before,
a.nav-link-mobile:hover span:after, a.nav-link-mobile:focus span,
a.nav-link-mobile:focus span:before,
a.nav-link-mobile:focus span:after,
a.showfilters:hover span,
a.showfilters:hover span:before,
a.showfilters:hover span:after,
a.showfilters:focus span,
a.showfilters:focus span:before,
a.showfilters:focus span:after {
  background: #89be30;
}
a.nav-link-mobile span,
a.nav-link-mobile span:before,
a.nav-link-mobile span:after,
a.showfilters span,
a.showfilters span:before,
a.showfilters span:after {
  background: white;
  border-radius: 2px;
  content: "";
  cursor: pointer;
  display: block;
  height: 4px;
  left: 10px;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  width: 30px;
}
a.nav-link-mobile span:before,
a.showfilters span:before {
  left: 0;
  top: -9px;
}
a.nav-link-mobile span:after,
a.showfilters span:after {
  bottom: -9px;
  left: 0;
}

a.showfilters {
  height: 28px;
  margin: 0;
  margin-right: 15px;
  width: 36px;
}
@media (max-width: 767px) {
  a.showfilters {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  a.showfilters {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  a.showfilters {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  a.showfilters {
    display: none;
  }
}
@media (min-width: 1400px) {
  a.showfilters {
    display: none;
  }
}
a.showfilters span {
  left: 0;
  top: 47%;
}

body.left-open a.nav-link-mobile,
body.left-open a.showfilters {
  border-color: #89be30;
}
body.left-open a.nav-link-mobile span,
body.left-open a.showfilters span {
  background-color: #89be30;
  height: 0;
}
body.left-open a.nav-link-mobile span:before,
body.left-open a.showfilters span:before {
  background: #89be30;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.left-open a.nav-link-mobile span:after,
body.left-open a.showfilters span:after {
  background: #89be30;
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* -------------------------------------------------------- NAV.BREADCRUMB */
nav.breadcrumb {
  margin-bottom: 10px;
  /*&.large {
    margin-top: 20px;

    @include breakpoint(col-xs) {
      margin-top: 0;
    }
  }*/
  /*div.advice {
    div.wrap {
      background: $positive;
      color: $light;
      float: left;
      padding: 10px;
      text-align: center;
      width: 100%;
    }


    strong,
    span {
      display: inline-block;
    }

    span {
      padding-left: 10px;

      a {
        color: $light;
        text-decoration: none;
      }
    }
  }*/
}
nav.breadcrumb:before, nav.breadcrumb:after {
  content: " ";
  display: table;
}
nav.breadcrumb:after {
  clear: both;
}
nav.breadcrumb {
  *zoom: 1;
}
@media (max-width: 767px) {
  nav.breadcrumb {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.breadcrumb {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  nav.breadcrumb {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  nav.breadcrumb {
    display: block;
  }
}
@media (min-width: 1400px) {
  nav.breadcrumb {
    display: block;
  }
}
nav.breadcrumb div.wrap-breadcrumb {
  /*&.small {
        ul {
          background: darken($light, 5%);
          padding: 10px;

          li {
            margin: 0;
          }
        }
      }
  */
}
nav.breadcrumb div.wrap-breadcrumb ul li {
  float: left;
  font: 300 1.4em/14px "Open Sans", Arial, Helvetica, Sans-serif;
  list-style: none;
  padding: 0 5px 0 10px;
  position: relative;
}
nav.breadcrumb div.wrap-breadcrumb ul li:before {
  content: "\F105";
  font: 400 1rem/1 "FontAwesome";
  height: 14px;
  left: 1px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
}
nav.breadcrumb div.wrap-breadcrumb ul li:first-child {
  background: none;
  padding-left: 0;
}
nav.breadcrumb div.wrap-breadcrumb ul li:first-child:before {
  content: none;
}
nav.breadcrumb div.wrap-breadcrumb ul li a {
  color: #666666;
}
nav.breadcrumb div.wrap-breadcrumb ul li a:hover, nav.breadcrumb div.wrap-breadcrumb ul li a:focus {
  color: #89be30;
}

html.ie7 header {
  margin-top: 40px;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	PAGEHEAD  *********************************************************/
/***Drawers zitten in sass/plugings/_snap.scss***/
/*div.snap-drawers {
  div.snap-drawer-left {
    background: lighten($leftMenu, 5%);

    nav.navigation-left {
      background: lighten($leftMenu, 5%);
      height: 100%;
      overflow-y: auto;

      ul {
        li {
          background: lighten($leftMenu, 5%);
          float: left;
          list-style: none;
          position: relative;
          width: 100%;

          a {
            border-bottom: 1px solid lighten($leftMenu, 10%);
            color: $light;
            display: block;
            padding: 15px 5%;
            position: relative;
            text-decoration: none;
            width: 100%;

            &.menulink {
              background: url('../images/css/arrow-menu-right.png') no-repeat 85% center;
            }

            &:after {
              @include border-bottom($leftMenu);
            }


          }

          h3 {
            color: darken($light, 2%);
            font: 300 2.5em/1.5em $normal;
            margin-top: 20px;
            text-align: center;
          }

          div.submenu {
            @include transition(all, 0.3s, ease);

            background: lighten($leftMenu, 5%);
            height: 100%;
            left: -265px;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 2;

            a {
              &.back {
                background: $leftMenu url('../images/css/arrow-menu-left.png') no-repeat 5% center;
                font: 300 1.4em/1em $normal;
                padding: 4% 10%;
                text-transform: uppercase;
              }

              &.title {
                color: darken($light, 2%);
                font: 300 2.5em/2.5em $normal;
                padding: 10% 10% 0 10%;
              }

              &.menulink-sub {
                background: url('../images/css/arrow-menu-right.png') no-repeat 85% center;
              }
            }

            &.open {
              left: 0;
            }

          }
        }
      }
    }

    &.filtersMobile {
      background: $light;

      aside.pageleft {
        background: $light;
        border-right: $border;
        height: 100%;
        left: 0;
        overflow-y: auto;
        padding-top: 10px;
        top: 0;
        width: 100%;

        @include breakpoint(col-md) {
          width: 30%;
        }

        a.hidefilters {
          //-- MIXIN
          @include border-radius;
          //-- CSS
          background: darken($light, 10%);
          color: $textcolor;
          float: left;
          margin-bottom: 20px;
          padding: 5px 20px;
          text-decoration: none;

          @include visible-xs;
          @include visible-sm;

          &:hover,
          &:focus {
            background: $dark;
            color: $light;
          }
        }

        &.open {
          z-index: 2;
        }
      }
    }
  }
}*/
@media (max-width: 990px) {
  aside.pageleft {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: white;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding-bottom: 50px;
    position: fixed !important;
    top: 100% !important;
    width: 100%;
    z-index: 999;
  }
  .filters-open aside.pageleft {
    top: 0 !important;
  }
  aside.pageleft.filtersLeft {
    opacity: 1 !important;
  }
}
aside.pageleft.display {
  display: none;
}
aside.pageleft a.hidefilters {
  background: #89be30;
  color: white;
  display: none;
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 14px 20px;
  text-decoration: none;
}
aside.pageleft a.hidefilters i {
  font-size: 18px;
  margin-right: 15px;
}
.filters-open aside.pageleft a.hidefilters {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99;
}
aside.pageleft a.hidefilters.close {
  background: transparent;
  color: transparent;
  height: 30px;
  left: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  right: 10px;
  text-indent: 100%;
  top: 10px;
  width: 30px;
}
aside.pageleft a.hidefilters.close:before, aside.pageleft a.hidefilters.close:after {
  background: black;
  content: "";
  display: block;
  height: 28px;
  position: absolute;
  width: 2px;
}
aside.pageleft a.hidefilters.close:before {
  /* FF3.5+ */
  /* IE9 */
  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);
  /* Saf3.1+, Chrome */
  transform: rotate(45deg);
}
aside.pageleft a.hidefilters.close:after {
  /* FF3.5+ */
  /* IE9 */
  /* Opera 10.5 */
  -webkit-transform: rotate(-45deg);
  /* Saf3.1+, Chrome */
  transform: rotate(-45deg);
}
aside.pageleft a.hidefilters.close:focus {
  background: none;
}
aside.pageleft a.hidefilters:hover, aside.pageleft a.hidefilters:focus {
  background: black;
  color: white;
}
@media (max-width: 990px) {
  aside.pageleft a.hidefilters {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
aside.pageleft nav {
  border-top: 1px solid #e6e6e6;
  float: left;
  padding: 20px 0;
  width: 100%;
}
aside.pageleft nav.filter ul li input[type=checkbox] {
  display: none;
}
aside.pageleft nav.filter ul li a {
  padding: 0 0 0 13%;
  position: relative;
  width: 87%;
}
aside.pageleft nav.filter ul li a:before {
  border: 1px solid #e6e6e6;
  content: "";
  display: block;
  height: 19px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 19px;
}
aside.pageleft nav.filter ul li a:after {
  background: #89be30;
  content: "";
  display: none;
  height: 13px;
  left: 3px;
  position: absolute;
  top: 6px;
  width: 13px;
}
aside.pageleft nav.filter ul li a:hover, aside.pageleft nav.filter ul li a:focus {
  text-decoration: underline;
}
aside.pageleft nav.filter ul li a:hover:after, aside.pageleft nav.filter ul li a:focus:after {
  display: block;
}
aside.pageleft nav.filter ul li a:hover strong, aside.pageleft nav.filter ul li a:focus strong {
  text-decoration: underline;
}
aside.pageleft nav.filter ul li.active a:after {
  display: block;
}
aside.pageleft nav.filter ul li ul.scrollable div.viewport div.overview {
  min-width: 100%;
}
aside.pageleft nav.filter select {
  border: 1px solid #e6e6e6;
  float: left;
  padding: 5%;
  width: 100%;
}
aside.pageleft nav.filter a.morefilters {
  display: block;
}
aside.pageleft nav.filter a.lessfilters {
  display: none;
}
aside.pageleft nav.filter.more ul {
  float: left;
  height: 190px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1499px) {
  aside.pageleft nav.filter.more ul {
    height: 195px;
  }
}
aside.pageleft nav.filter.more.open ul {
  height: 100%;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
aside.pageleft nav.filter.more.open a.morefilters {
  display: none;
}
aside.pageleft nav.filter.more.open a.lessfilters {
  display: block;
}
aside.pageleft nav.filter.more a.morefilters,
aside.pageleft nav.filter.more a.lessfilters {
  color: #999999;
  float: left;
  margin-top: 10px;
  text-decoration: none;
  width: 100%;
}
aside.pageleft nav.filter.more a.morefilters:hover, aside.pageleft nav.filter.more a.morefilters:focus,
aside.pageleft nav.filter.more a.lessfilters:hover,
aside.pageleft nav.filter.more a.lessfilters:focus {
  color: #666666;
}
aside.pageleft nav.filter.scroll {
  border: 1px solid #e6e6e6;
  margin-bottom: 30px;
  max-height: 170px;
  padding: 0%;
}
aside.pageleft nav.filter.scroll strong.title {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0;
  padding: 4%;
}
aside.pageleft nav.filter.scroll ul {
  max-height: 130px;
  overflow: auto;
  padding: 6% 4%;
  width: 100%;
}
aside.pageleft nav.filter.autocomplete input[type=text], aside.pageleft nav.filter.autocomplete input[type=search] {
  background: url(../images/css/icon-search-filter.png) no-repeat 95% center;
  border: 1px solid #e6e6e6;
  float: left;
  margin-bottom: 5px;
  padding: 3%;
  width: 94%;
}
aside.pageleft nav.filter.autocomplete input[type=submit], aside.pageleft nav.filter.autocomplete input[type=button] {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  border: none;
  color: #666666;
  float: left;
  height: 30px;
  margin-top: 20px;
  width: 100%;
}
aside.pageleft nav.filter.autocomplete input[type=submit]:hover, aside.pageleft nav.filter.autocomplete input[type=submit]:focus, aside.pageleft nav.filter.autocomplete input[type=button]:hover, aside.pageleft nav.filter.autocomplete input[type=button]:focus {
  background: #89be30;
  color: white;
}
aside.pageleft nav.filter.autocomplete ul > li {
  float: left;
  width: 100%;
}
aside.pageleft nav.filter.autocomplete ul > li ul {
  float: left;
  margin: 10px 0 0 0;
  max-height: 140px;
  padding: 0;
  width: 99%;
}
aside.pageleft nav.filter.autocomplete ul > li ul li {
  float: left;
  width: 100%;
}
aside.pageleft nav:first-child {
  border-top: none;
  padding-top: 0;
}
aside.pageleft nav strong.title {
  float: left;
  margin: 0 0 15px 0;
  width: 100%;
}
aside.pageleft nav ul.spotlight li img {
  max-width: 100%;
}
aside.pageleft nav ul li {
  list-style: none;
}
aside.pageleft nav ul li a {
  color: #666666;
  float: left;
  padding: 3px 0;
  text-decoration: none;
  width: 100%;
}
aside.pageleft nav ul li a:hover, aside.pageleft nav ul li a:focus {
  text-decoration: underline;
}
aside.pageleft nav ul li a span {
  background: #666666;
  float: left;
  height: 12px;
  margin-right: 5px;
  margin-top: 4px;
  width: 12px;
}
aside.pageleft nav ul li a strong {
  float: left;
}
aside.pageleft nav ul li.active a {
  color: #89be30;
}
aside.pageleft nav ul li.active ul li a {
  color: #666666;
}
aside.pageleft nav ul li.active ul li.active a {
  color: #89be30;
}
aside.pageleft nav ul li.active ul li.active ul li a {
  color: #666666;
}
aside.pageleft nav ul li.active ul li.active ul li.active a {
  color: #89be30;
}
aside.pageleft nav ul li ul {
  padding: 0 0 0 10%;
  width: 90%;
}
aside.pageleft nav ul li ul li {
  font-size: 1em;
}
aside.pageleft nav ul li ul li a:hover, aside.pageleft nav ul li ul li a:focus {
  text-decoration: underline;
}
aside.pageleft div.seo-txt {
  border: 1px solid #e6e6e6;
  float: left;
  width: 100%;
}
aside.pageleft div.seo-txt strong.top {
  background: #f2f2f2;
  float: left;
  padding: 5px 10px;
  width: 100%;
}
aside.pageleft div.seo-txt div.seo {
  float: left;
  padding: 10px;
  width: 100%;
}

/*
*
	  SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
*
*/
/*****************************************************************************	MODULES  *********************************************************/
/* ------------------------------------------------------------ START SLIDER*/
section.content {
  margin-top: 20px;
}

/* INDEX  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START INDEX */
/* -------------------------------------------------------- START SLIDER*/
section.spotlight-large {
  /* vorige volgende pijltjes */
  /** Pager met thumbs */
}
section.spotlight-large div.wrap {
  border: 1px solid #e6e6e6;
  float: left;
  position: relative;
  width: 100%;
  /* Pager van de bxslider */
  /** numbers **/
}
section.spotlight-large div.wrap div.bx-pager {
  bottom: 10px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
section.spotlight-large div.wrap div.bx-pager div {
  display: inline-block;
  margin-left: 5px;
}
section.spotlight-large div.wrap div.bx-pager a {
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: black;
  color: white;
  display: block;
  height: 12px;
  text-decoration: none;
  text-indent: -9999px;
  width: 12px;
}
section.spotlight-large div.wrap div.bx-pager a:hover, section.spotlight-large div.wrap div.bx-pager a:focus {
  background: #333333;
}
section.spotlight-large div.wrap div.bx-pager a.active {
  background: #89be30;
  color: black;
}
section.spotlight-large div.wrap.numbers div.bx-pager {
  text-align: right;
}
section.spotlight-large div.wrap.numbers div.bx-pager div {
  margin-left: 0;
  margin-right: 5px;
}
section.spotlight-large div.wrap.numbers div.bx-pager a {
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  padding-top: 1px;
  text-align: center;
  text-indent: 0;
}
section.spotlight-large ul {
  float: left;
  position: relative;
  z-index: 1;
}
section.spotlight-large ul li {
  float: left;
  list-style: none;
  width: 100%;
}
section.spotlight-large a {
  display: block;
  width: 100%;
}
section.spotlight-large img {
  display: block;
  width: 100%;
}
section.spotlight-large a.bx-prev {
  left: 0;
}
section.spotlight-large a.bx-prev:before {
  content: "\F104";
}
section.spotlight-large a.bx-next {
  right: 0;
}
section.spotlight-large a.bx-next:before {
  content: "\F105";
}
section.spotlight-large a.bx-prev,
section.spotlight-large a.bx-next {
  background: black;
  color: white;
  height: 30px;
  margin-top: -15px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 50%;
  width: 30px;
  z-index: 2;
}
section.spotlight-large a.bx-prev:hover, section.spotlight-large a.bx-prev:focus,
section.spotlight-large a.bx-next:hover,
section.spotlight-large a.bx-next:focus {
  background: #89be30;
}
section.spotlight-large ul.thumbs-pager {
  margin-left: -15px;
  width: 102%;
}
section.spotlight-large ul.thumbs-pager li {
  float: left;
  margin-top: 20px;
}
section.spotlight-large ul.thumbs-pager li a {
  border: 1px solid #e6e6e6;
}
section.spotlight-large ul.thumbs-pager li a:hover, section.spotlight-large ul.thumbs-pager li a:focus {
  border-color: #89be30;
}
section.spotlight-large ul.thumbs-pager li a img {
  display: block;
  width: 100%;
}

/* -------------------------------------------------------- START SPOTLIGHT | In de kijker naast de slider*/
section.spotlight {
  /* link */
  /* afbeelding */
  /* h2 | titel van de blok*/
  /* h3 | titel van het product */
  /* h4.price | prijs */
  /* span.moreinfo | meer info knop */
  /* Korte omschrijving enkel zichtbaar op kleine tablets en smartphone*/
  /* bij een kleine tablet een andere view */
}
section.spotlight a {
  border: 1px solid #e6e6e6;
  display: block;
  padding: 5%;
  text-decoration: none;
  width: 100%;
}
section.spotlight a:before, section.spotlight a:after {
  content: " ";
  display: table;
}
section.spotlight a:after {
  clear: both;
}
section.spotlight a {
  *zoom: 1;
}
section.spotlight a:hover span.moreinfo, section.spotlight a:focus span.moreinfo {
  background: #6c9526;
}
section.spotlight img {
  display: block;
  width: 100%;
}
section.spotlight h2 {
  background: black;
  color: white;
  float: left;
  margin-bottom: 15px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  /* tablet */
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.spotlight h2 {
    font-size: 1.3em;
  }
}
section.spotlight h3 {
  color: black;
  float: left;
  padding: 10px 0 10px 0;
  text-align: left;
  width: 100%;
  /* tablet */
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.spotlight h3 {
    font-size: 1.3em;
    padding: 5px 0;
  }
}
section.spotlight h4 {
  float: left;
  width: 100%;
}
section.spotlight h4 strong {
  color: #5c9c00;
  float: left;
  width: 100%;
}
section.spotlight h4 strong:before, section.spotlight h4 strong:after {
  content: " ";
  display: table;
}
section.spotlight h4 strong:after {
  clear: both;
}
section.spotlight h4 strong {
  *zoom: 1;
}
section.spotlight h4 span {
  color: #a6a6a6;
  float: left;
  text-decoration: line-through;
  width: 100%;
}
section.spotlight h4 span:before, section.spotlight h4 span:after {
  content: " ";
  display: table;
}
section.spotlight h4 span:after {
  clear: both;
}
section.spotlight h4 span {
  *zoom: 1;
}
section.spotlight span.moreinfo {
  background: #89be30;
  color: white;
  float: left;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
section.spotlight div.shortdesc-block {
  color: #666666;
  float: left;
  height: 90px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.spotlight {
    margin-top: 20px;
  }
  section.spotlight a {
    padding: 2%;
  }
  section.spotlight a h2 {
    padding: 5px 0;
  }
  section.spotlight a img {
    float: left;
    width: 50%;
  }
  section.spotlight a div.info {
    float: right;
    width: 50%;
  }
}

/* -------------------------------------------------------- START TEGELVIEW*/
section.spotlight-large-tiles {
  float: left;
  width: 100%;
}
section.spotlight-large-tiles section.tile-view {
  float: left;
  margin-left: -5px;
  width: 100%;
}
section.spotlight-large-tiles ul.tiles {
  float: left;
  padding-left: 5px;
  width: 25%;
}
section.spotlight-large-tiles ul.tiles:last-child {
  float: right;
}
section.spotlight-large-tiles ul.tiles li {
  list-style: none;
  margin-bottom: 5px;
  width: 100%;
}
section.spotlight-large-tiles ul.tiles li a {
  color: white;
  display: block;
  text-decoration: none;
  width: 100%;
}
section.spotlight-large-tiles ul.tiles li a:hover, section.spotlight-large-tiles ul.tiles li a:focus {
  text-decoration: underline !important;
}
section.spotlight-large-tiles ul.tiles li img {
  display: block;
  width: 100%;
}
section.spotlight-large-tiles ul.tiles li.box-4 {
  margin-bottom: 0;
}
section.spotlight-large-tiles ul.tiles li.box-1, section.spotlight-large-tiles ul.tiles li.box-3 {
  position: relative;
}
section.spotlight-large-tiles ul.tiles li.box-1 div.title, section.spotlight-large-tiles ul.tiles li.box-3 div.title {
  color: white;
  left: 0px;
  padding: 10px 20px 10px 15px;
  position: absolute;
  top: 10px;
  width: 120px;
}
section.spotlight-large-tiles ul.tiles li.box-1.right div.title, section.spotlight-large-tiles ul.tiles li.box-3.right div.title {
  left: auto;
  right: 0;
}
section.spotlight-large-tiles ul.tiles li.box-1 a:hover div.title,
section.spotlight-large-tiles ul.tiles li.box-1 a:focus div.title, section.spotlight-large-tiles ul.tiles li.box-3 a:hover div.title,
section.spotlight-large-tiles ul.tiles li.box-3 a:focus div.title {
  text-decoration: underline;
}
section.spotlight-large-tiles ul.tiles li.box-5 {
  text-align: center;
}
section.spotlight-large-tiles ul.tiles li.box-5 div.title {
  color: white;
}
section.spotlight-large-tiles ul.tiles li.box-5 div.title span,
section.spotlight-large-tiles ul.tiles li.box-5 div.title strong {
  color: white;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
section.spotlight-large-tiles ul.tiles li.box-5 div.title strong.desc {
  margin-top: -10px;
}
section.spotlight-large-tiles ul.tiles li.box-5 a:hover div.title,
section.spotlight-large-tiles ul.tiles li.box-5 a:focus div.title {
  text-decoration: underline;
}
section.spotlight-large-tiles ul.tiles li.box-2 div.title {
  /*padding: 20px 0;*/
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
section.spotlight-large-tiles ul.tiles li.box-2 div.title span,
section.spotlight-large-tiles ul.tiles li.box-2 div.title strong {
  color: white;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
section.spotlight-large-tiles ul.tiles li.box-2 div.title strong.desc {
  margin-top: -10px;
}
section.spotlight-large-tiles ul.tiles li.box-2 div.title span {
  line-height: 12px !important;
}
section.spotlight-large-tiles ul.tiles li.box-2 a:hover div.title strong,
section.spotlight-large-tiles ul.tiles li.box-2 a:focus div.title strong {
  text-decoration: underline !important;
}

/* -------------------------------------------------------- INTRO*/
section.intro {
  float: left;
  margin: 20px 0;
  width: 100%;
}

/* -------------------------------------------------------- START CATEGORY OVERZICHT OP DE INDEX*/
ul.category-overview {
  margin-top: 30px;
}
ul.category-overview li {
  list-style: none;
  /* a of span element */
  /* img */
  /* h2|  titel van de category */
}
@media (max-width: 767px) {
  ul.category-overview li {
    margin-bottom: 20px;
  }
}
ul.category-overview li a,
ul.category-overview li span {
  display: block;
  position: relative;
  width: 100%;
}
ul.category-overview li a:hover h2,
ul.category-overview li a:focus h2 {
  background: #6c9526;
}
ul.category-overview li img {
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}
ul.category-overview li h2 {
  background: #89be30;
  bottom: 0;
  color: white;
  left: 0;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

/* -------------------------------------------------------- START USP*/
ul.usp {
  margin-top: 30px;
}
ul.usp li {
  list-style: none;
}
@media (max-width: 767px) {
  ul.usp li {
    margin-top: 20px;
  }
  ul.usp li:first-child {
    margin-top: 0;
  }
}
ul.usp li a {
  color: #666666;
}
ul.usp li a:hover, ul.usp li a:focus {
  color: black;
}
ul.usp li img {
  float: left;
  margin-top: 0px;
}
ul.usp li span.icon {
  display: inline-block;
  height: 45px;
  vertical-align: middle;
  width: 45px;
}
ul.usp li strong {
  display: inline-block;
  padding: 0 30% 0 0;
  vertical-align: middle;
  width: 78%;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.usp li strong {
    padding-right: 10%;
    padding-top: 2%;
  }
}

/* -------------------------------------------------------- START USP*/
ul.brands-overview li {
  list-style: none;
  margin-top: 20px;
}
ul.brands-overview li a {
  display: block;
}
ul.brands-overview li a img {
  display: block;
  width: 100%;
}

/* PRODUCT OVERVIEW  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PRODUCT OVERVIEW  */
/* -------------------------------------------------------- START TITEL OP DE INDEx*/
h2.indextitle {
  border-bottom: 1px solid #e6e6e6;
  float: left;
  margin: 30px 0 20px 0;
  width: 100%;
}

/* -------------------------------------------------------- START PRODUCT OVERZICHT*/
ul.product-overview {
  /*--- LIST VIEW --*/
  /*&.list {
    li {


      @include breakpoint(col-sm-md) {
        width: 100% !important;
      }


      a {
        border: 0;
        border-top: $border;
        display: inline-block;
        padding: 20px 0;
        text-align: left;
        vertical-align: middle;
        width: 100%;

        div.shortdesc {
          float: left;
          width: 100%;
        }

        figure {
          display: inline-block;
          float: none;
          vertical-align: middle;
          width: 25%;
        }

        div.title {
          display: inline-block;
          float: none;
          height: auto;
          min-height: 0;
          padding-right: 3%;
          vertical-align: middle;
          width: 35%;

          @include breakpoint(col-xs) {
            width: 45%;
          }

          span.productbrand {
            width: 100%;
          }

          p {
            color: $textcolor;
            float: left;
            margin-top: 10px;
          }
        }

        div.price {
          display: inline-block;
          float: none;
          margin: 0;
          text-align: left;
          vertical-align: middle;
          width: 25%;

        }

        span.readmore {
          background: $maincolor;
          color: $light;
          display: inline-block;
          padding: 1% 0;
          text-align: center;
          text-transform: uppercase;
          vertical-align: middle;
          width: 10%;

          &:hover,
          &:focus {

            background: darken($maincolor, 10%);
          }

          @include breakpoint(col-xs) {
            margin-top: 10px;
            width: 100%;
          }
        }

        span.label {
          left: 0px;
          right: auto;
          top: 20px;
          width: auto;

          @include breakpoint(col-xs) {
            top: 10px;
          }
        }


        &:hover,
        &:focus {
          div.title {
            strong.productname {
              color: $maincolor;
            }
          }
        }
      }

      &:first-child {
        a {
          border: 0;
          padding-top: 0;
        }
      }

    }
  }*/
}
ul.product-overview li {
  list-style: none;
  margin-bottom: 30px;
  /** indien large phone | small tablet */
  /* a element */
}
@media (min-width: 480px) and (max-width: 767px) {
  ul.product-overview li {
    float: left !important;
    width: 50% !important;
  }
}
@media (max-width: 479px) {
  ul.product-overview li {
    margin-bottom: 20px;
    width: 100% !important;
  }
}
ul.product-overview li a {
  border: 1px solid #e6e6e6;
  color: #666666;
  display: block;
  padding: 20px;
  position: relative;
  text-decoration: none;
  width: 100%;
  /* img */
  /* h3 | titel van het product */
  /* h4 | Prijs van het product */
  /* label */
}
ul.product-overview li a:hover div.title strong, ul.product-overview li a:focus div.title strong {
  color: #89be30;
}
ul.product-overview li a figure {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
ul.product-overview li a figure img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
ul.product-overview li a div.title {
  color: black;
  height: 60px;
  width: 100%;
}
ul.product-overview li a div.title:before, ul.product-overview li a div.title:after {
  content: " ";
  display: table;
}
ul.product-overview li a div.title:after {
  clear: both;
}
ul.product-overview li a div.title {
  *zoom: 1;
}
ul.product-overview li a div.title strong {
  float: left;
  margin-bottom: 5px;
  max-height: 40px;
  overflow: hidden;
  width: 100%;
}
ul.product-overview li a div.title strong:before, ul.product-overview li a div.title strong:after {
  content: " ";
  display: table;
}
ul.product-overview li a div.title strong:after {
  clear: both;
}
ul.product-overview li a div.title strong {
  *zoom: 1;
}
ul.product-overview li a div.title span {
  color: gray;
  float: left;
}
ul.product-overview li a div.price {
  height: 40px;
  overflow: hidden;
  width: 100%;
}
ul.product-overview li a div.price:before, ul.product-overview li a div.price:after {
  content: " ";
  display: table;
}
ul.product-overview li a div.price:after {
  clear: both;
}
ul.product-overview li a div.price {
  *zoom: 1;
}
ul.product-overview li a div.price.price-mobile {
  display: none;
}
@media (max-width: 479px) {
  ul.product-overview li a div.price.price-mobile {
    display: block;
  }
}
ul.product-overview li a div.price strong {
  color: #5c9c00;
  float: left;
  width: 100%;
}
@media (max-width: 479px) {
  ul.product-overview li a div.price strong {
    background: none !important;
    margin: 10px 0 0 0;
  }
}
ul.product-overview li a div.price span {
  color: #a6a6a6;
  float: left;
  text-decoration: line-through;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.product-overview li a div.price {
    margin-top: 5px;
  }
  ul.product-overview li a div.price strong {
    margin-bottom: 5px;
  }
}
ul.product-overview li a span.label {
  color: white;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 10px;
}
ul.product-overview.giftcard li a {
  border: none;
  padding: 0;
}
ul.product-overview.giftcard li a div.title {
  height: auto;
}

/* CATEGORY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START CATEGORY */
div.pageright {
  /* category omschrijving */
  /* filters bovenaan desktop */
  /* Aantal per pagina */
  /* Geselecteerde filters */
  /* product-overzicht indien links */
  /*ul.product-overview
  {
  	li
  	{
  		@include breakpoint(col-md-lg)
  		{
  			min-height: 235px;
  			margin-bottom: 0px;
  		}

  		@include breakpoint(col-lg)
  		{
  			min-height: 235px;
  		}

  		@include breakpoint(col-xlg)
  		{
  			min-height: 285px!important;
  			margin-bottom: 0;
  		}

  		@include breakpoint(col-md)
  		{
  			min-height: 235px;
  			margin-bottom: 0;
  		}

  		@include breakpoint(col-xs)
  		{
  			min-height: auto!important;
  		}


  		@include breakpoint(col-xs-to-sm)
  		{
  			min-height: auto!important;
  		}


  	}
  }*/
  /* txt-bottom */
  /* OVERZICHT SUBCATEGORY */
}
div.pageright section.categorydesc {
  margin-top: 30px;
}
div.pageright section.categorydesc figure img {
  width: 100%;
}
div.pageright a#showLeftFilters {
  border-radius: 0 5px 5px 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #e6e6e6;
  color: #666666;
  float: left;
  height: 35px;
  margin-bottom: 30px;
  margin-left: -15px;
  padding: 8px;
  text-decoration: none;
  text-indent: initial;
  width: 80px;
}
@media (max-width: 767px) {
  div.pageright a#showLeftFilters {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.pageright a#showLeftFilters {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.pageright a#showLeftFilters {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  div.pageright a#showLeftFilters {
    display: none;
  }
}
@media (min-width: 1400px) {
  div.pageright a#showLeftFilters {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.pageright a#showLeftFilters {
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: block;
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  div.pageright a#showLeftFilters {
    margin-bottom: 15px;
  }
}
div.pageright a#showLeftFilters span {
  background: none;
  display: block;
  height: 100%;
  left: 8px;
  top: auto;
  width: 100%;
}
div.pageright a#showLeftFilters span.hidden {
  display: none;
}
div.pageright a#showLeftFilters span:after, div.pageright a#showLeftFilters span:before {
  content: initial;
}
div.pageright a#showLeftFilters:hover, div.pageright a#showLeftFilters:focus {
  background: black;
  color: white;
}
div.pageright nav.number-pages {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  float: left;
  margin: 0 0 20px 0;
  padding: 20px 0;
  width: 100%;
}
@media (max-width: 479px) {
  div.pageright nav.number-pages {
    padding: 10px 0 !important;
  }
}
div.pageright nav.number-pages div.wrap {
  float: right;
}
div.pageright nav.number-pages ul {
  float: right;
}
div.pageright nav.number-pages ul li {
  border-left: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  padding: 3px 10px;
}
div.pageright nav.number-pages ul li a {
  color: #666666;
  text-decoration: none;
}
div.pageright nav.number-pages ul li a:hover, div.pageright nav.number-pages ul li a:focus {
  color: black;
}
@media (max-width: 767px) {
  div.pageright nav.number-pages ul li {
    padding: 3px 5px;
  }
}
div.pageright nav.number-pages ul li.active {
  border-bottom: 3px solid #89be30;
}
div.pageright nav.number-pages ul li:first-child {
  border-left: none;
}
div.pageright nav.number-pages ul.view {
  border-right: 1px solid #e6e6e6;
  margin-right: 10px;
  padding-right: 10px;
}
div.pageright nav.number-pages ul.view li {
  border: none;
  float: left;
  height: 20px;
  padding: 0 5px;
  width: 30px;
  /*&.list {
    a {
      background-position: top right;

      &:hover,
      &:focus {
        //-- MIXIN
        @include opacity(0.5);
        //-- CSS
        background-position: bottom right;

      }
    }
    &.active {
      a {
        background-position: bottom right;
      }
    }
  }*/
}
div.pageright nav.number-pages ul.view li a {
  background: url("../images/css/icon-view.png") no-repeat top left;
  display: block;
  height: 20px;
  text-decoration: none;
  width: 20px;
}
div.pageright nav.number-pages ul.view li a:hover, div.pageright nav.number-pages ul.view li a:focus {
  opacity: 0.5;
  background-position: bottom left;
}
div.pageright nav.number-pages ul.view li.active {
  border-bottom: none;
}
div.pageright nav.number-pages ul.view li.active a {
  background-position: bottom left;
}
@media (max-width: 767px) {
  div.pageright nav.number-pages ul.view {
    border-right: 0;
  }
}
div.pageright nav.number-pages ul.sort {
  float: left;
  width: 200px;
}
div.pageright nav.number-pages ul.sort input[type=checkbox] {
  display: none;
}
div.pageright nav.number-pages ul.sort > li {
  float: left;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
}
div.pageright nav.number-pages ul.sort > li:hover ul, div.pageright nav.number-pages ul.sort > li:focus ul {
  display: block;
}
div.pageright nav.number-pages ul.sort > li > a {
  border: 1px solid #e6e6e6;
  color: #666666;
  display: block;
  height: 30px;
  padding: 2%;
  position: relative;
  text-decoration: none;
  width: 100%;
}
div.pageright nav.number-pages ul.sort > li > a:before {
  color: #666666;
  content: "\F107";
  font: 400 22px/1 "FontAwesome";
  margin-top: -10px;
  position: absolute;
  right: 10px;
  top: 50%;
}
div.pageright nav.number-pages ul.sort > li > a span {
  background: #89be30;
  float: left;
  height: 12px;
  margin: 3px 5px 0 0;
  text-indent: -9999px;
  width: 12px;
}
div.pageright nav.number-pages ul.sort > li > a strong {
  font-weight: normal;
}
div.pageright nav.number-pages ul.sort > li > a:hover, div.pageright nav.number-pages ul.sort > li > a:focus {
  color: black;
}
div.pageright nav.number-pages ul.sort > li ul {
  background: white;
  border: 1px solid #e6e6e6;
  border-top: none;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}
div.pageright nav.number-pages ul.sort > li ul li {
  float: left;
  width: 100%;
}
div.pageright nav.number-pages ul.sort > li ul li a {
  background: none;
  border: none;
  border-top: 1px solid #e6e6e6;
  color: #666666;
  float: left;
  height: auto;
  margin: 0 3%;
  padding: 8px 0;
  text-decoration: none;
  width: 94%;
}
div.pageright nav.number-pages ul.sort > li ul li a:hover, div.pageright nav.number-pages ul.sort > li ul li a:focus {
  color: black;
}
div.pageright nav.number-pages ul.sort > li ul li a span {
  background: #89be30;
  float: left;
  height: 12px;
  margin: 3px 5px 0 0;
  text-indent: -9999px;
  width: 12px;
}
div.pageright nav.number-pages ul.sort > li ul li a strong {
  float: left;
  font-weight: normal;
}
div.pageright nav.number-pages ul.sort > li ul li:first-child a {
  border: none;
}
div.pageright nav.selectedfilters {
  float: left;
  padding: 0 0 20px 0;
  width: 100%;
}
div.pageright nav.selectedfilters ul li {
  float: left;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
}
div.pageright nav.selectedfilters ul li:first-child {
  padding-right: 10px;
  padding-top: 3px;
}
div.pageright nav.selectedfilters ul li a {
  border: 1px solid #e6e6e6;
  color: #666666;
  display: block;
  padding: 2px 8px;
  text-decoration: none;
}
div.pageright nav.selectedfilters ul li a:before, div.pageright nav.selectedfilters ul li a:after {
  content: " ";
  display: table;
}
div.pageright nav.selectedfilters ul li a:after {
  clear: both;
}
div.pageright nav.selectedfilters ul li a {
  *zoom: 1;
}
div.pageright nav.selectedfilters ul li a:hover, div.pageright nav.selectedfilters ul li a:focus {
  background: #f2f2f2;
  color: black;
}
div.pageright nav.selectedfilters ul li a:hover span, div.pageright nav.selectedfilters ul li a:focus span {
  color: black;
}
div.pageright nav.selectedfilters ul li a strong,
div.pageright nav.selectedfilters ul li a span {
  float: left;
}
div.pageright nav.selectedfilters ul li a span {
  line-height: 16px;
  padding-left: 10px;
}
div.pageright nav.selectedfilters ul li a.delete {
  background: #f2f2f2;
}
div.pageright nav.selectedfilters ul li a.delete:hover, div.pageright nav.selectedfilters ul li a.delete:focus {
  background: black;
  color: white;
}
div.pageright div.txt-bottom {
  float: left;
  margin-top: 40px;
  width: 100%;
}
div.pageright div.txt-bottom h2 {
  color: #89be30;
}
div.pageright ul.subcategorie-overview li {
  list-style: none;
  margin-bottom: 20px;
}
div.pageright ul.subcategorie-overview li a {
  color: white;
  display: block;
  text-decoration: none;
}
div.pageright ul.subcategorie-overview li a:hover h3, div.pageright ul.subcategorie-overview li a:focus h3 {
  background: black;
}
div.pageright ul.subcategorie-overview li a img {
  display: block;
  width: 100%;
}
div.pageright ul.subcategorie-overview li a h3 {
  background: #89be30;
  padding: 2%;
  text-align: center;
  width: 100%;
}
div.pageright.giftcard ul.product-overview {
  margin-top: 30px;
}

/** GEDEELTE VOOR HET SUBMENU OP MOBILE **/
@media (max-width: 767px) {
  nav.submenu {
    padding-bottom: 25px;
    padding-top: 25px;
  }
  nav.submenu ul li {
    border-top: 1px solid #e6e6e6;
    float: left;
    list-style: none;
    width: 100%;
  }
  nav.submenu ul li:first-child {
    border: none;
  }
  nav.submenu ul li a {
    background: url(../images/css/arrow-menu.png) no-repeat right center;
    color: #666666;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    width: 100%;
  }
  nav.submenu ul li a:hover, nav.submenu ul li a:focus {
    background-image: url(../images/css/arrow-menu-hover.png);
    color: #89be30;
  }
}
/* PAGER  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PAGER */
nav.pager {
  float: left;
  text-align: center;
}
@media (max-width: 767px) {
  nav.pager {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 990px) {
  nav.pager {
    width: 100%;
  }
}
nav.pager li {
  border: 1px solid #e6e6e6;
  float: left;
  height: 30px;
  line-height: 1.8em;
  list-style: none;
  margin: 0 0 0 3px;
  width: 30px;
}
nav.pager li.active {
  background: #89be30;
  color: white;
}
nav.pager li a {
  color: #666666;
  text-decoration: none;
}
nav.pager li a:hover, nav.pager li a:focus {
  color: black;
}
nav.pager li a,
nav.pager li span {
  display: block;
  height: 30px;
  line-height: 15px;
  padding-top: 7px;
  width: 30px;
}
nav.pager li.next, nav.pager li.prev {
  padding: 0 10px;
  width: auto;
}
nav.pager li.next a, nav.pager li.prev a {
  width: auto;
}
nav.pager li.next strong, nav.pager li.prev strong {
  font-weight: 200;
}
@media (max-width: 767px) {
  nav.pager li.next strong, nav.pager li.prev strong {
    display: none;
  }
}

/* PRODUCT DETAIL  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PRODUCT DETAIL */
/* -------------------------------------------------------- START PRODUCT IMAGES | foto's detail pagina*/
section.product-images {
  /* hoofdfoto's */
  /* thumbs */
}
@media (max-width: 767px) {
  section.product-images {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.product-images {
    margin-bottom: 20px;
  }
}
section.product-images section.slider-wrap {
  /** CSS */
  position: relative;
}
section.product-images section.slider-wrap span.label {
  color: white;
  left: 0px;
  padding: 5px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 10px;
}
section.product-images a.watchmoreimages {
  background: #f2f2f2;
  color: #666666;
  float: right;
  padding: 5px 10px;
  text-decoration: none;
}
section.product-images a.show-images {
  background: url("../images/css/icon-gallery.png") no-repeat 10px center;
  border: 1px solid #e6e6e6;
  color: #666666;
  float: left;
  margin: 20px 0 0 0;
  padding: 10px 10px 10px 40px;
  text-decoration: none;
  text-transform: uppercase;
}
section.product-images a.show-images:hover, section.product-images a.show-images:focus {
  background-color: #666666;
  background-image: url("../images/css/icon-gallery-hover.png");
  color: white;
}
section.product-images ul.thumbs-large-prod {
  float: left;
  width: 100%;
}
section.product-images ul.thumbs-large-prod li {
  float: left;
  list-style: none;
  width: 100%;
}
section.product-images ul.thumbs-large-prod li a {
  display: block;
}
section.product-images ul.thumbs-large-prod li a img {
  float: left;
  width: 100%;
}
section.product-images ul.thumbs-large-prod li img {
  float: left;
  width: 100%;
}
section.product-images ul.thumbs-large-prod li iframe {
  float: left;
}
section.product-images div.zoomContainer img {
  float: left;
  width: 100%;
}
section.product-images ul.thumbs-small li {
  list-style: none;
  margin-top: 20px;
}
section.product-images ul.thumbs-small li a {
  display: block;
  position: relative;
}
section.product-images ul.thumbs-small li a img {
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}
section.product-images ul.thumbs-small li a span {
  height: 32px;
  left: 50%;
  margin: -16px 0 0 -16px;
  max-width: 32px;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 2;
}
section.product-images ul.thumbs-small li a span img {
  margin: 0 auto;
  max-width: 32px;
  width: 100%;
}
section.product-images.giftcard div.wrap {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
section.product-images.giftcard div.wrap img {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}
section.product-images.giftcard div.wrap img:before, section.product-images.giftcard div.wrap img:after {
  content: " ";
  display: table;
}
section.product-images.giftcard div.wrap img:after {
  clear: both;
}
section.product-images.giftcard div.wrap img {
  *zoom: 1;
}
section.product-images.giftcard div.wrap div.price {
  color: #666666;
  float: left;
  padding: 0 0 20px 20px;
  width: 50%;
}

/* -------------------------------------------------------- START PRODUCT DATA | INFO RECHTS PRODUCT FOTO'S*/
section.product-data {
  /* korte omschrijving */
  /* prijs + voorraad */
  /* SETPAGINA */
  /** GIFTCARD **/
}
section.product-data h1 {
  margin-bottom: 0;
}
section.product-data div.brand-wrap {
  width: 100%;
}
section.product-data div.brand-wrap:before, section.product-data div.brand-wrap:after {
  content: " ";
  display: table;
}
section.product-data div.brand-wrap:after {
  clear: both;
}
section.product-data div.brand-wrap {
  *zoom: 1;
}
section.product-data span.brand,
section.product-data span.articlecode {
  border-left: 1px solid #e6e6e6;
  float: left;
  padding: 0 5px;
}
section.product-data span.brand:first-child,
section.product-data span.articlecode:first-child {
  border-left: 0;
  padding-left: 0;
}
section.product-data span.brand a,
section.product-data span.articlecode a {
  color: #666666;
}
section.product-data span.brand a:hover, section.product-data span.brand a:focus,
section.product-data span.articlecode a:hover,
section.product-data span.articlecode a:focus {
  color: black;
  color: black;
}
section.product-data span.brand span,
section.product-data span.articlecode span {
  float: none;
}
section.product-data span.brand {
  border-left: 0;
  padding-left: 0;
}
section.product-data div.shortdesc {
  margin: 20px 0 0 0;
  width: 100%;
}
section.product-data div.shortdesc:before, section.product-data div.shortdesc:after {
  content: " ";
  display: table;
}
section.product-data div.shortdesc:after {
  clear: both;
}
section.product-data div.shortdesc {
  *zoom: 1;
}
section.product-data div.product-info {
  margin: 20px 0 0 0;
  width: 100%;
}
section.product-data div.product-info:before, section.product-data div.product-info:after {
  content: " ";
  display: table;
}
section.product-data div.product-info:after {
  clear: both;
}
section.product-data div.product-info {
  *zoom: 1;
}
section.product-data div.product-info div.price {
  float: left;
  width: 50%;
}
section.product-data div.product-info div.price strong,
section.product-data div.product-info div.price small {
  float: left;
  width: 100%;
}
section.product-data div.product-info div.price strong {
  color: #5c9c00;
}
section.product-data div.product-info div.price small {
  color: #999999;
  text-decoration: line-through;
}
section.product-data div.product-info div.stock-delivery {
  float: right;
  width: 30%;
}
section.product-data div.product-info div.stock-delivery strong.stock {
  color: white;
  float: left;
  padding: 3px 0px;
  text-align: center;
  width: 100%;
}
section.product-data div.product-info div.stock-delivery strong.stock.positive {
  background: #5c9c00;
}
section.product-data div.product-info div.stock-delivery strong.stock.warning {
  background: #ffa800;
}
section.product-data div.product-info div.stock-delivery strong.stock.no-stock {
  background: #e10404;
}
section.product-data div.product-info div.stock-delivery span {
  float: left;
  margin-top: 5px;
  text-align: right;
  text-align: center;
  width: 100%;
}
section.product-data div.product-info div.stock-delivery span.display-none {
  display: none;
}
section.product-data div.setparts {
  border-bottom: 1px solid #e6e6e6;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}
section.product-data div.setparts h2 {
  float: left;
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  section.product-data div.setparts div.box {
    margin: 10px 0;
  }
}
section.product-data div.setparts ul.setoverview > li {
  border-top: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
}
section.product-data div.setparts ul.setoverview > li a.image {
  color: #666666;
  float: left;
  text-decoration: none;
  width: 30%;
}
section.product-data div.setparts ul.setoverview > li a.image h3 {
  margin-bottom: 15px;
}
section.product-data div.setparts ul.setoverview > li div.set-configurator {
  float: left;
  width: 70%;
}
section.product-data div.setparts div.product-info {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  float: left;
  margin-bottom: 15px;
  padding: 3%;
  text-align: center;
  width: 100%;
}
section.product-data div.setparts div.product-info h3 {
  margin-top: 0;
}
section.product-data div.setparts div.box {
  margin-bottom: 0;
  padding-bottom: 0;
}
section.product-data ul.giftcard {
  float: left;
  margin-top: 20px;
  width: 100%;
}
section.product-data ul.giftcard li {
  float: left;
  list-style: none;
  margin-bottom: 10px;
  width: 100%;
}
section.product-data ul.giftcard li.medium {
  width: 50%;
}
section.product-data ul.giftcard li.medium label {
  margin-bottom: 5px;
}
section.product-data ul.giftcard li.medium.left {
  padding-right: 2%;
}
section.product-data ul.giftcard li.medium.right {
  padding-left: 2%;
}
section.product-data ul.giftcard li label {
  float: left;
  width: 100%;
}
section.product-data ul.giftcard li strong {
  float: left;
  width: 100%;
}
section.product-data ul.giftcard li textarea {
  border: 1px solid #e6e6e6;
  height: 125px;
  padding: 20px;
  width: 100%;
}
section.product-data ul.giftcard li textarea:focus {
  border-color: black;
}
section.product-data ul.giftcard li input[type=text], section.product-data ul.giftcard li input[type=email] {
  border: 1px solid #e6e6e6;
  float: left;
  height: 30px;
  padding: 0 5px;
  width: 100%;
}
section.product-data ul.giftcard li input[type=text]:focus, section.product-data ul.giftcard li input[type=email]:focus {
  border-color: black;
}
section.product-data ul.giftcard li.first label {
  margin-bottom: 10px;
}
section.product-data ul.giftcard li.choose {
  margin-top: 20px;
}
section.product-data ul.giftcard li.choose ul li input,
section.product-data ul.giftcard li.choose ul li div {
  float: left;
  margin-top: 2px;
}
section.product-data ul.giftcard li.choose ul li label {
  float: left;
  width: 90%;
}
section.product-data ul.giftcard li.form-error p {
  color: #e10404;
}
@media (max-width: 767px) {
  section.product-data ul.giftcard {
    padding-bottom: 0;
  }
  section.product-data ul.giftcard li ul {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
section.product-data a.btn-giftcard {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  color: #666666;
  float: left;
  margin-top: 30px;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
section.product-data a.btn-giftcard:hover, section.product-data a.btn-giftcard:focus {
  background: black;
  color: white;
}

/* configurator*/
div.box {
  margin: 30px 0;
  width: 100%;
  /* prijs + voorraad info */
}
div.box:before, div.box:after {
  content: " ";
  display: table;
}
div.box:after {
  clear: both;
}
div.box {
  *zoom: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  div.box {
    margin: 15px 0 0 0;
  }
}
div.box.last {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 30px;
}
div.box ul {
  float: left;
  margin-left: -2%;
  width: 102%;
}
div.box ul.amount {
  float: left;
  margin: 10px 0;
  width: 50%;
  /* multiple prijs lijst vorm */
}
@media (min-width: 768px) and (max-width: 991px) {
  div.box ul.amount {
    margin-top: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  div.box ul.amount {
    margin-top: 0;
    width: 100%;
  }
}
div.box ul.amount li,
div.box ul.amount li:first-child {
  float: left;
  width: auto;
}
div.box ul.amount li:first-child,
div.box ul.amount li:first-child:first-child {
  padding: 5px 20px 0 0;
}
div.box ul.amount li input[type=text],
div.box ul.amount li:first-child input[type=text] {
  border: 1px solid #e6e6e6;
  color: #666666;
  padding: 5px;
  text-align: center;
  width: 50px;
}
div.box ul.amount li input[type=text]:focus,
div.box ul.amount li:first-child input[type=text]:focus {
  border-color: black;
}
div.box ul.amount li div.input-group.bootstrap-touchspin span,
div.box ul.amount li:first-child div.input-group.bootstrap-touchspin span {
  float: left;
}
div.box ul.amount li div.input-group.bootstrap-touchspin button,
div.box ul.amount li:first-child div.input-group.bootstrap-touchspin button {
  background: white;
  border: 1px solid #e6e6e6;
  border-radius: 2px 0 0 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #666666;
  float: left;
  height: 40px;
  width: 40px;
}
div.box ul.amount li div.input-group.bootstrap-touchspin button:hover, div.box ul.amount li div.input-group.bootstrap-touchspin button:focus,
div.box ul.amount li:first-child div.input-group.bootstrap-touchspin button:hover,
div.box ul.amount li:first-child div.input-group.bootstrap-touchspin button:focus {
  background: #e6e6e6;
}
div.box ul.amount li div.input-group.bootstrap-touchspin button.bootstrap-touchspin-up,
div.box ul.amount li:first-child div.input-group.bootstrap-touchspin button.bootstrap-touchspin-up {
  border-radius: 0px 2px 2px 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
div.box ul.amount li div.input-group.bootstrap-touchspin input[type=text],
div.box ul.amount li:first-child div.input-group.bootstrap-touchspin input[type=text] {
  border-left: 0;
  border-right: 0;
  float: left;
  height: 40px;
  padding: 0 5px;
  width: 20%;
}
div.box ul.amount li div.input-group.bootstrap-touchspin input[type=text]:focus,
div.box ul.amount li:first-child div.input-group.bootstrap-touchspin input[type=text]:focus {
  border: 1px solid #e6e6e6;
  border-left: 0;
  border-tight: 0;
  color: black;
}
div.box ul.amount.spinner-wrap {
  width: 100%;
}
div.box ul.amount.spinner-wrap li {
  display: inline-block;
  margin: 0;
  padding: 0 !important;
  text-align: left;
  vertiacl-align: middle;
  width: 80%;
}
div.box ul.amount.spinner-wrap li strong {
  display: inline-block;
  padding-top: 12px;
}
div.box ul.amount.spinner-wrap li:first-child {
  padding: 0 !important;
  text-align: left;
  width: 20%;
}
div.box ul.amount.pricelist {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  padding: 2%;
  width: 100%;
}
div.box ul.amount.pricelist li {
  border-top: 1px solid #e6e6e6;
  float: left;
  margin: 0;
  padding: 10px 0;
  width: 100%;
}
div.box ul.amount.pricelist li:first-child {
  border-top: 0;
  padding: 0 0 10px 0;
}
div.box ul.amount.pricelist li span.stock {
  background: #89be30;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  height: 12px;
  margin-top: 8px;
  text-indent: -9999px;
  width: 12px;
}
div.box ul.amount.pricelist li span.stock.positive {
  background: #5c9c00;
}
div.box ul.amount.pricelist li span.stock.warning {
  background: #ffa800;
}
div.box ul.amount.pricelist li span.stock.no-stock {
  background: #e10404;
}
div.box ul.amount.pricelist li h3 {
  float: left;
  padding: 5px 0 0 3%;
  width: 45%;
}
@media (max-width: 767px) {
  div.box ul.amount.pricelist li h3 {
    margin-bottom: 10px;
    width: 90%;
  }
}
div.box ul.amount.pricelist li strong.price {
  float: right;
  padding: 5px 0 0 0;
}
div.box ul.amount.pricelist li small.oldprice {
  float: right;
  padding: 8px 10px 0 0;
  text-decoration: line-through;
}
div.box ul.amount.pricelist li input {
  float: left;
}
div.box ul.amount.pricelist li div.input-group.bootstrap-touchspin button {
  height: 30px;
  width: 30px;
}
div.box ul.amount.pricelist li div.input-group.bootstrap-touchspin input[type=text] {
  height: 30px;
  width: 10%;
}
div.box ul li {
  float: left;
  list-style: none;
  margin-left: 2%;
}
@media (max-width: 767px) {
  div.box ul li {
    margin-left: 0;
    margin-right: 1%;
  }
}
div.box ul li input[type=radio] {
  display: none;
}
div.box ul li a {
  border: 2px solid #d9d9d9;
  color: #666666;
  display: block;
  height: 35px;
  text-align: center;
  text-decoration: none;
  width: 35px;
}
div.box ul li a img {
  display: block;
  width: 100%;
}
div.box ul li a span {
  float: left;
  height: 35px;
  text-indent: -99999px;
  width: 100%;
}
div.box ul li a.no-color {
  height: 30px;
  width: 50px;
}
div.box ul li a.no-color span {
  height: 30px;
  text-indent: 0px;
  width: 100%;
}
div.box ul li a.color {
  background: #89be30;
  border: none;
  display: block;
  height: 35px;
  text-indent: -9999px;
  width: 35px;
}
div.box ul li a.color:hover, div.box ul li a.color:focus {
  border: 3px solid black;
}
div.box ul li a:hover, div.box ul li a:focus {
  background: #f2f2f2;
}
div.box ul li select {
  border: 1px solid #e6e6e6;
  color: #666666;
  padding: 5px;
  width: 200px;
}
div.box ul li select option {
  border-top: 1px solid #e6e6e6;
  padding: 0 5%;
  width: 100%;
}
div.box ul li.active a {
  border-bottom: 3px solid black;
}
div.box ul li.active a.no-color {
  background: #f2f2f2;
  border: 2px solid #a6a6a6;
  color: black;
}
div.box ul li:first-child {
  margin-bottom: 10px;
  width: 100%;
}
div.box div.product-info {
  margin-bottom: 20px;
  margin-top: 0;
}

.add-to-cart {
  background: #89be30;
  border: none;
  color: white;
  padding: 10px 0;
  text-align: center;
  width: 50%;
}
.add-to-cart:hover, .add-to-cart:focus {
  background: #666666;
}
@media (min-width: 768px) and (max-width: 991px) {
  .add-to-cart {
    margin-top: 20px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .add-to-cart {
    margin-top: 20px;
    width: 100%;
  }
}
.add-to-cart.spinner-btn {
  margin-top: 10px;
  width: 100%;
}

/* -------------------------------------------------------- START PRODUCT EXTRA | SETS , OMSCHRIJVING, TECHINFO , REVIEWS, VERWANTE PRODUCTEN*/
ul.accordion li {
  float: left;
  list-style: none;
  margin-top: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  ul.accordion li {
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
    padding: 10px 0 5px 0;
    text-transform: uppercase;
  }
  ul.accordion li section.product-extra,
ul.accordion li section.relatedproducts {
    border: none;
    margin: 0 0 0 0;
    text-transform: none;
    width: 100%;
  }
  ul.accordion li section.product-extra ul.review,
ul.accordion li section.relatedproducts ul.review {
    margin-left: 0px !important;
  }
  ul.accordion li section.product-extra ul, ul.accordion li section.product-extra ol,
ul.accordion li section.relatedproducts ul,
ul.accordion li section.relatedproducts ol {
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
  }
  ul.accordion li section.product-extra ul li, ul.accordion li section.product-extra ol li,
ul.accordion li section.relatedproducts ul li,
ul.accordion li section.relatedproducts ol li {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    text-transform: none;
  }
  ul.accordion li section.product-extra ul.product-overview, ul.accordion li section.product-extra ol.product-overview,
ul.accordion li section.relatedproducts ul.product-overview,
ul.accordion li section.relatedproducts ol.product-overview {
    margin-left: -15px;
    margin-top: 15px;
  }
  ul.accordion li section.product-extra ul.product-overview li, ul.accordion li section.product-extra ol.product-overview li,
ul.accordion li section.relatedproducts ul.product-overview li,
ul.accordion li section.relatedproducts ol.product-overview li {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  ul.accordion li div.row {
    display: none;
  }
}
ul.accordion li h2.title {
  color: #666666;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  ul.accordion li h2.title {
    background: url("../images/css/arrow-right.png") no-repeat 98% 0px;
    float: left;
    width: 100%;
  }
  ul.accordion li h2.title:hover, ul.accordion li h2.title:focus {
    color: black;
    cursor: pointer;
  }
  ul.accordion li h2.title.open {
    background-image: url("../images/css/arrow-close.png");
  }
}
ul.accordion li section.product-extra {
  margin-top: 0;
}
ul.accordion li section.product-extra ul,
ul.accordion li section.product-extra ol {
  margin: 20px 0;
}
ul.accordion li section.product-extra ul.techinfo li,
ul.accordion li section.product-extra ol.techinfo li {
  float: left;
}
ul.accordion li section.product-extra ul li,
ul.accordion li section.product-extra ol li {
  float: none;
  margin-bottom: 0;
  margin-top: 0;
}

section.product-extra {
  margin-top: 30px;
  /* techinfo */
  /* review */
  /*** SETS **/
}
@media (max-width: 767px) {
  section.product-extra {
    padding-bottom: 40px;
  }
}
section.product-extra h2 {
  margin-bottom: 10px;
}
section.product-extra ul.techinfo li {
  border-top: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  padding: 5px 0;
  width: 100%;
}
section.product-extra ul.techinfo li:first-child {
  border-top: none;
}
section.product-extra ul.techinfo li strong {
  float: left;
  width: 10%;
}
@media (max-width: 767px) {
  section.product-extra ul.techinfo li strong {
    width: 100%;
  }
}
section.product-extra ul.techinfo li span {
  float: left;
  width: 90%;
}
@media (max-width: 767px) {
  section.product-extra ul.techinfo li span {
    width: 100%;
  }
}
section.product-extra ul.review {
  margin-left: 0;
}
section.product-extra ul.review li {
  float: left !important;
  list-style: none;
  margin: 15px 0 !important;
  width: 100%;
}
@media (max-width: 767px) {
  section.product-extra ul.review li {
    margin: 5px 0 !important;
  }
}
section.product-extra ul.review li div.left {
  float: left;
  width: 25%;
}
@media (max-width: 767px) {
  section.product-extra ul.review li div.left {
    width: 100%;
  }
}
section.product-extra ul.review li div.left strong {
  margin: 0 0 5px 0;
  width: 100%;
}
section.product-extra ul.review li div.left strong:before, section.product-extra ul.review li div.left strong:after {
  content: " ";
  display: table;
}
section.product-extra ul.review li div.left strong:after {
  clear: both;
}
section.product-extra ul.review li div.left strong {
  *zoom: 1;
}
section.product-extra ul.review li div.left small {
  color: #999999;
  float: left;
  padding: 2px 0;
  width: 100%;
}
section.product-extra ul.review li div.left small span {
  display: inline-block;
  padding: 0 2px;
  width: auto;
}
section.product-extra ul.review li div.left small span.first {
  padding: 0;
}
section.product-extra ul.review li div.left small span:first-child {
  padding-left: 0;
}
section.product-extra ul.review li div.right {
  border-left: 1px solid #e6e6e6;
  float: left;
  padding-left: 5%;
  width: 75%;
}
@media (max-width: 767px) {
  section.product-extra ul.review li div.right {
    padding-left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.product-extra ul.review li {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  section.product-extra ul.review li div.left {
    margin-bottom: 10px;
  }
  section.product-extra ul.review li div.left strong,
section.product-extra ul.review li div.left span,
section.product-extra ul.review li div.left small {
    background: #f2f2f2;
    float: left;
    margin: 0;
    padding: 0 2%;
    width: 100%;
  }
  section.product-extra ul.review li div.left strong.star-rating-control,
section.product-extra ul.review li div.left span.star-rating-control,
section.product-extra ul.review li div.left small.star-rating-control {
    padding-left: 0;
  }
  section.product-extra ul.review li div.left strong {
    padding-top: 2%;
  }
  section.product-extra ul.review li div.left span {
    padding-bottom: 2%;
  }
  section.product-extra ul.review li div.right {
    border: none;
  }
}
section.product-extra ul.overview-sets-link li {
  float: left !important;
  margin: 0;
  padding: 0;
  width: 100%;
}
section.product-extra ul.overview-sets-link li h3 {
  margin-bottom: 15px;
}
section.product-extra ul.overview-sets-link li h3 a {
  color: #666666;
  text-decoration: none;
}
section.product-extra ul.overview-sets-link li ul {
  margin: 0;
}
section.product-extra ul.overview-sets-link li ul.overview li {
  position: relative;
  /* een set kopen */
  /* optiereeksen van een set */
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set {
  float: right !important;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set ul {
  float: left;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set ul li {
  float: left;
  padding: 5px 0;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set ul li:first-child {
  padding-top: 0;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set ul li strong {
  float: left;
  width: 50%;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set ul li strong.price {
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set ul li span {
  float: left;
  text-align: right;
  width: 50%;
}
section.product-extra ul.overview-sets-link li ul.overview li.buy-set ul li .add-to-cart {
  float: left;
  margin-top: 15px;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li div.set-configurator {
  background: #f2f2f2;
  float: left;
  padding: 4%;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li div.set-configurator div.box {
  float: left;
  margin: 0;
  padding: 5px;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li div.set-configurator div.box ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li div.set-configurator div.box ul li {
  float: left;
  margin: 0 2px 2px 0;
  padding: 0;
  width: auto;
}
section.product-extra ul.overview-sets-link li ul.overview li div.set-configurator div.box ul li:first-child {
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li div.set-configurator div.box ul li select {
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li a {
  display: block;
}
section.product-extra ul.overview-sets-link li ul.overview li a img {
  display: block;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.overview li span.plus {
  background: #666666;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: white;
  height: 20px;
  left: -10px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 20px;
}
section.product-extra ul.overview-sets-link li ul.price {
  float: left;
  margin-top: 10px;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.price li {
  float: left;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 100%;
}
section.product-extra ul.overview-sets-link li ul.price li strong {
  float: left;
  width: 25%;
}
section.product-extra ul.overview-sets-link li ul.price li span {
  float: left;
  width: 75%;
}
section.product-extra ul.overview-sets-link li strong.price {
  float: left;
  margin-top: 10px;
  width: 100%;
}
section.product-extra ul.overview-sets-link li strong.stock {
  color: white;
  float: left;
  margin-top: 15px;
  padding: 5px 10px;
}
section.product-extra ul.overview-sets-link li strong.stock.positive {
  background: #5c9c00;
}
section.product-extra ul.overview-sets-link li strong.stock.warning {
  background: #ffa800;
}
section.product-extra ul.overview-sets-link li strong.stock.no-stock {
  background: #e10404;
}
section.product-extra ul.overview-sets-link li a.more {
  color: black;
  float: left;
  margin-top: 20px;
}
section.product-extra ul.overview-sets-link li a.more:hover, section.product-extra ul.overview-sets-link li a.more:focus {
  color: #89be30;
}

/* gerelateerde producten */
section.relatedproducts h2.title {
  margin-bottom: 10px;
}
section.relatedproducts ul.product-overview li {
  margin-top: 20px;
}

/* Gallery pagina >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START ITEM*/
section.gallery-wrap {
  background: white;
  float: left;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}

ul.gallery-large {
  background: orange;
  float: left;
  width: 96%;
}
ul.gallery-large li img {
  display: block;
  width: 100%;
}

section.gallery-thumbs-wrap {
  background: white;
  float: left;
  height: 130px;
  overflow: hidden;
  padding: 7.5px 0 0 0;
  width: 100%;
}

ul.gallery-thumbs {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 70%;
}
ul.gallery-thumbs li {
  display: inline-block;
  list-style: none;
  width: 120px;
}
ul.gallery-thumbs li a {
  display: block;
}
ul.gallery-thumbs li img {
  display: block;
  width: 100%;
}

/* ITEM PAGINA + ALGEMENE TEXT>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START ITEM*/
section.content.content-text {
  /** NEWS OVERVIEW **/
}
section.content.content-text h2 {
  margin: 15px 0 10px 0;
}
section.content.content-text h3 {
  margin: 15px 0 10px 0;
}
section.content.content-text ul.news-overview {
  margin: 30px 0 0 0;
}
section.content.content-text ul.news-overview li {
  font-size: 1em;
  list-style: none;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  section.content.content-text ul.news-overview li {
    margin-left: 0px;
  }
}
section.content.content-text ul.news-overview li a {
  color: #666666;
  display: block;
  text-decoration: none;
}
section.content.content-text ul.news-overview li a:hover div.right h2, section.content.content-text ul.news-overview li a:focus div.right h2 {
  color: black;
}
@media (max-width: 767px) {
  section.content.content-text ul.news-overview li div.right {
    position: relative;
    float: left;
    width: 100%;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* large dekstop */
    border-top: 1px solid #e6e6e6;
    padding: 15px 0;
    width: 100%;
  }
}
section.content.content-text ul.news-overview li div.right h2 {
  margin: 0 0 5px 0;
}
section.content.content-text ul.news-overview li div.right span.date,
section.content.content-text ul.news-overview li div.right span.author {
  color: #8c8c8c;
  margin: 0 0 4px 0;
  text-transform: uppercase;
  width: 100%;
}
section.content.content-text ul.news-overview li div.right span.date:before, section.content.content-text ul.news-overview li div.right span.date:after,
section.content.content-text ul.news-overview li div.right span.author:before,
section.content.content-text ul.news-overview li div.right span.author:after {
  content: " ";
  display: table;
}
section.content.content-text ul.news-overview li div.right span.date:after,
section.content.content-text ul.news-overview li div.right span.author:after {
  clear: both;
}
section.content.content-text ul.news-overview li div.right span.date,
section.content.content-text ul.news-overview li div.right span.author {
  *zoom: 1;
}
section.content.content-text ul.news-overview li div.right span.readmore {
  color: #8c8c8c;
  float: left;
  margin-top: 10px;
  text-decoration: underline;
}
section.content.content-text.news span.date,
section.content.content-text.news span.author {
  color: #999999;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}
section.content.content-text.news span.date:before, section.content.content-text.news span.date:after,
section.content.content-text.news span.author:before,
section.content.content-text.news span.author:after {
  content: " ";
  display: table;
}
section.content.content-text.news span.date:after,
section.content.content-text.news span.author:after {
  clear: both;
}
section.content.content-text.news span.date,
section.content.content-text.news span.author {
  *zoom: 1;
}
section.content.content-text.news h1 {
  margin-bottom: 10px;
}
section.content.content-text section.news-text img {
  float: left;
  margin: 5px 20px 10px 0;
  width: 20%;
}
section.content.content-text section.faq h2 {
  float: left;
  margin: 20px 0 10px 0;
  width: 100%;
}

section.content-text h4 {
  margin: 15px 0 10px 0;
}
section.content-text h5 {
  margin: 15px 0 10px 0;
}
section.content-text h6 {
  margin: 15px 0 10px 0;
}
section.content-text ul {
  margin: 10px 0 10px 5px;
  width: 90%;
}
section.content-text ul.faq-overview {
  float: left;
  width: 100%;
}
section.content-text ul.faq-overview > li {
  border-bottom: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  width: 100%;
}
section.content-text ul.faq-overview > li div.collapse {
  background: #f2f2f2;
  float: left;
  padding: 2%;
  width: 100%;
}
@media (max-width: 767px) {
  section.content-text ul.faq-overview > li div.collapse {
    padding: 5%;
  }
}
section.content-text ul.faq-overview > li a.expand {
  color: #666666;
  float: left;
  padding: 10px 0;
  text-decoration: none;
  width: 100%;
}
section.content-text ul.faq-overview > li a.expand span {
  float: left;
}
section.content-text ul.faq-overview > li a.expand span.title {
  padding-left: 10px;
}
section.content-text ul.faq-overview > li a.expand span.plus,
section.content-text ul.faq-overview > li a.expand span.minus {
  text-align: center;
  width: 15px;
}
section.content-text ul.faq-overview > li a.expand span.plus {
  display: block;
}
section.content-text ul.faq-overview > li a.expand span.minus {
  display: none;
}
section.content-text ul.faq-overview > li a.expand.open span.plus {
  display: none;
}
section.content-text ul.faq-overview > li a.expand.open span.minus {
  display: block;
}
section.content-text ul.faq-overview > li a.expand.close span.minus {
  display: none;
}
section.content-text ul.faq-overview > li a.expand.close span.plus {
  display: block;
}
section.content-text ul li {
  list-style: inside square;
}
@media (max-width: 767px) {
  section.content-text ul {
    margin-left: 0;
  }
}
section.content-text ol {
  margin: 10px 0 10px 5px;
  width: 90%;
}
section.content-text ol li {
  list-style: inside decimal;
}
@media (max-width: 767px) {
  section.content-text ol {
    margin-left: 0;
  }
}
section.content-text table {
  float: left;
  width: 100%;
}
section.content-text table tr td {
  border: 1px solid #e6e6e6;
  padding: 15px;
}

/** nav.socialmedia*/
nav.social-media {
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.social-media {
    margin-top: 30px;
  }
}
nav.social-media ul {
  margin-left: 0;
}
@media (max-width: 767px) {
  nav.social-media ul {
    padding-bottom: 20px;
  }
}
nav.social-media ul li {
  float: left;
  list-style: none;
  padding: 0 10px;
}
@media (max-width: 767px) {
  nav.social-media ul li {
    padding: 5px;
  }
}
nav.social-media ul li:first-child {
  padding-left: 0;
}

@media (max-width: 767px) {
  section.product-data ul {
    float: left;
    padding-bottom: 40px;
    width: 100%;
  }
  section.product-data nav.social-media ul {
    padding-bottom: 20px;
  }
  section.product-data div.box {
    margin: 0;
    padding: 10px 0;
  }
  section.product-data div.box ul {
    margin: 0;
    padding: 0;
  }
}
/* MEDIA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START MEDIA*/
section.media {
  float: left;
  position: relative;
  width: 100%;
}
section.media h2 {
  margin-bottom: 15px;
}
section.media ul {
  float: left;
  width: 100%;
}
section.media ul.images li {
  list-style: none;
  margin-bottom: 20px;
}
section.media ul.images li a {
  color: #666666;
  text-align: center;
}
section.media ul.images li a:hover, section.media ul.images li a:focus {
  color: black;
}
section.media ul.images li a img {
  width: 100%;
}
section.media ul.grid {
  margin-left: 0 !important;
  position: relative;
}
section.media ul.grid li {
  list-style: none;
}
section.media ul.grid li a img {
  display: block;
  width: 100%;
}
section.media ul.files li {
  border-top: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  padding: 10px 0;
  width: 100%;
}
section.media ul.files li:first-child {
  border-top: 0;
}
section.media ul.files li a {
  color: #666666;
  display: block;
  width: 100%;
}
section.media ul.files li a:hover, section.media ul.files li a:focus {
  color: black;
}
section.media ul.files li a img {
  float: left;
  margin-right: 5px;
}
section.media ul.files li a span {
  float: left;
  width: 25%;
}
section.media ul.files li a span.filesize {
  text-align: right;
}
section.media ul.files li a span.filename {
  width: 50%;
}

/* CONTACT >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START CONTACT*/
section.contact-info {
  /* -------------------------------------------------------- START ADDRESS*/
  /* -------------------------------------------------------- START CONTACT-FORM*/
  /* -------------------------------------------------------- START GOOGLE-MAPS*/
}
section.contact-info h2 {
  margin-bottom: 20px !important;
}
section.contact-info address ul {
  margin-left: 0px;
}
section.contact-info address ul li {
  list-style: none;
}
section.contact-info address ul li.mar {
  margin-top: 10px;
}
section.contact-info div.contact-form ul.form li {
  font-size: 1em;
  list-style: none;
}
section.contact-info div.google-maps {
  height: 400px;
}
section.contact-info div.google-maps div.maps {
  background: #666666;
  float: left;
  height: 400px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.contact-info div.google-maps {
    margin-top: 30px;
  }
}

section.product-images {
  overflow: hidden;
}

/*PRODUCT REVIEW >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PRODUCT REVIEW*/
p.inactive {
  float: left;
  text-align: right;
  width: 100%;
}

div.btn-wrap {
  border-top: 1px solid #e6e6e6;
  float: left;
  margin-top: 15px;
  padding-top: 15px;
  width: 100%;
}

/*RATING >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RATING */
.star-rating {
  background: url("../images/css/icon-star.png") no-repeat left center;
  cursor: pointer;
  float: left;
  height: 15px;
  text-indent: -9999px;
  width: 15px;
}
.star-rating.star-rating-hover, .star-rating:hover {
  background: url("../images/css/icon-star-hover.png") no-repeat left center;
}
.star-rating.star-rating-on {
  background-image: url("../images/css/icon-star-active.png");
}

div.left .star-rating.star-rating-hover, div.left .star-rating:hover {
  background: url("../images/css/icon-star.png") no-repeat left center;
}
div.left .star-rating.star-rating-on:hover {
  background-image: url("../images/css/icon-star-active.png");
}

/*LOGIN-PAGINA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LOGIN-PAGINA */
section.content.login div.login-box div.wrap {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  float: left;
  padding: 20px;
  width: 100%;
}
section.content.login div.login-box div.wrap ul.form {
  margin-top: 20px;
}
section.content.login div.login-box figure img {
  display: block;
  width: 100%;
}
section.content.login div.login-box.register {
  margin-top: 0;
}
@media (max-width: 767px) {
  section.content.login div.login-box.register {
    margin-top: 20px;
  }
}
section.content.login div.login-radio-box {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  margin: 0 auto;
  padding: 30px;
  width: 50%;
}
section.content.login div.login-radio-box:before, section.content.login div.login-radio-box:after {
  content: " ";
  display: table;
}
section.content.login div.login-radio-box:after {
  clear: both;
}
section.content.login div.login-radio-box {
  *zoom: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.content.login div.login-radio-box {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.login div.login-radio-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.content.login div.login-radio-box {
    width: 100%;
  }
}

/* SITEMAP >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END SITEMAP */
ul.sitemap {
  margin-top: 30px;
}
ul.sitemap:before, ul.sitemap:after {
  content: " ";
  display: table;
}
ul.sitemap:after {
  clear: both;
}
ul.sitemap {
  *zoom: 1;
}
ul.sitemap > li {
  border-top: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  width: 100%;
}
ul.sitemap > li a {
  color: #666666;
  display: block;
  padding: 5px 0;
  text-decoration: none;
}
ul.sitemap > li a:hover, ul.sitemap > li a:focus {
  color: #89be30;
}
ul.sitemap > li:first-child {
  border: none;
}
ul.sitemap > li ul {
  padding: 0 0 0 3%;
  width: 100%;
}
ul.sitemap > li ul > li {
  list-style: none;
  list-style: outside square;
}
ul.sitemap > li ul > li ul li {
  list-style-type: circle;
}

/* SEARCH >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END SEARCH */
section.content.search div.box-info {
  display: block !important;
}
section.content.search div.box-info strong,
section.content.search div.box-info span {
  float: none;
}
section.content.search ul.search-results li {
  border-top: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  width: 100%;
}
section.content.search ul.search-results li:first-child {
  border: none;
}
section.content.search ul.search-results li a {
  color: #666666;
  float: left;
  padding: 15px 0;
  text-decoration: none;
}
section.content.search ul.search-results li a span.readmore {
  color: #999999;
  float: left;
  margin-top: 10px;
  width: 100%;
}
section.content.search ul.search-results li a:hover span.readmore, section.content.search ul.search-results li a:focus span.readmore {
  color: #666666;
}
section.content.search ul.search-results li a:hover h3, section.content.search ul.search-results li a:focus h3 {
  color: #89be30;
}

/* QUESTION BLOK - CATEGORY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END SEARCH */
section.search-product-overview {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  float: left;
  margin-top: 20px;
  width: 100%;
}
section.search-product-overview div.wrap {
  float: left;
  padding: 10%;
  width: 100%;
}
section.search-product-overview div.wrap strong {
  margin: 0;
}
section.search-product-overview div.wrap p {
  margin: 0;
}
section.search-product-overview div.wrap div.contact-info {
  float: left;
  margin-top: 30px;
  width: 100%;
}
section.search-product-overview div.wrap div.contact-info strong {
  float: left;
  width: 100%;
}
section.search-product-overview div.wrap form {
  float: left;
  margin-top: 20px;
  width: 100%;
}
section.search-product-overview div.wrap form ul {
  float: left;
  margin-right: 10px;
  width: 50%;
}
section.search-product-overview div.wrap form ul li {
  float: left;
  list-style: none;
  width: 100%;
}
section.search-product-overview div.wrap form ul li input[type=text], section.search-product-overview div.wrap form ul li input[type=search] {
  border: 1px solid #e6e6e6;
  border-right: 0;
  float: left;
  height: 30px;
  padding: 0 10px;
  width: 85%;
}
section.search-product-overview div.wrap form a.btn {
  background: #5c9c00;
  color: white;
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
}
section.search-product-overview div.wrap form a.btn:hover, section.search-product-overview div.wrap form a.btn:focus {
  background: #2f5000;
}
section.search-product-overview figure img {
  width: 100%;
}

/* BOX_INFO_REGISTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END */
div.box-info-register div.wrap {
  background: #5c9c00;
  color: white;
  float: left;
  padding: 10px;
  text-align: center;
  width: 100%;
}

/* PLUGINS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  START PLUGINS */
.mfp-iframe-holder .mfp-content {
  max-width: 400px !important;
}

.mfp-iframe-scaler .iframe {
  height: 105%;
}

/* PLUGINS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END PLUGINS */
/* ------------------------------------------------------------ START PRODUCT-IMAGES*/
section.product-slider-wrapper {
  overflow: hidden;
}
section.product-slider-wrapper section.large-images {
  overflow: hidden;
  position: relative;
}
section.product-slider-wrapper ul {
  overflow: hidden;
}
section.product-slider-wrapper ul li {
  float: left;
  list-style: none;
  text-align: center;
  width: 100%;
}
section.product-slider-wrapper ul li img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}
section.product-slider-wrapper a.backtoproduct {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
}
section.product-slider-wrapper a.backtoproduct span,
section.product-slider-wrapper a.backtoproduct span:before,
section.product-slider-wrapper a.backtoproduct span:after {
  background: #89be30;
  border-radius: 1px;
  content: "";
  cursor: pointer;
  display: block;
  height: 3px;
  left: 10px;
  position: absolute;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  width: 20px;
}
section.product-slider-wrapper a.backtoproduct span {
  height: 0;
  text-indent: -9999px;
}
section.product-slider-wrapper a.backtoproduct span:before {
  background: #666666;
  left: 0;
  top: -6px;
  top: 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
section.product-slider-wrapper a.backtoproduct span:after {
  background: #666666;
  bottom: -6px;
  left: 0;
  top: 0px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
section.product-slider-wrapper a.bx-prev {
  background: url(../images/css/arrow-left.png) no-repeat right center;
  left: 0;
  margin-top: -10px;
  padding-left: 30px;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
}
section.product-slider-wrapper a.bx-prev.disabled {
  opacity: 0.2;
}
section.product-slider-wrapper a.bx-next {
  background: url(../images/css/arrow-right.png) no-repeat left center;
  margin-top: -10px;
  padding-right: 30px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 50%;
}
section.product-slider-wrapper a.bx-next.disabled {
  opacity: 0.2;
}

section.product-slider-thumbs-wrapper {
  border-top: 1px solid #e6e6e6;
  position: relative;
}
section.product-slider-thumbs-wrapper ul li {
  border-left: 1px solid #e6e6e6;
  float: left;
  list-style: none;
}
section.product-slider-thumbs-wrapper ul li:first-child {
  border-left: 0;
}
section.product-slider-thumbs-wrapper ul li a img {
  width: 100%;
}
section.product-slider-thumbs-wrapper a.bx-prev {
  background: url(../images/css/arrow-left.png) no-repeat center center white;
  height: 30px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 30px;
}
section.product-slider-thumbs-wrapper a.bx-prev.disabled {
  opacity: 0.2;
}
section.product-slider-thumbs-wrapper a.bx-next {
  background: url(../images/css/arrow-right.png) no-repeat center center white;
  height: 30px;
  margin-top: -10px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 50%;
  width: 30px;
}
section.product-slider-thumbs-wrapper a.bx-next.disabled {
  opacity: 0.2;
}

.product-added-popup .popup-header {
  background-color: #e5f4e9;
  font-size: 0.9rem;
  padding: 1rem 1.5rem 1rem 2.5rem;
}
.product-added-popup .popup-header b {
  color: #5c9c00;
  display: block;
  margin-bottom: 8px;
}
.product-added-popup .popup-header:before {
  color: #5c9c00;
  content: "\F05D";
  font: 300 22px/1 "FontAwesome";
  height: 1.5rem;
  left: 1rem;
  position: absolute;
  width: 1.5rem;
}
.product-added-popup .popup-buttons {
  display: -webkit-box;
  display: flex;
  margin-top: 10px;
  padding: 1.5rem;
}
.product-added-popup .popup-buttons button {
  background: #89be30;
  border: 0;
  border-radius: 3px;
  color: white;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  position: relative;
}
.product-added-popup .popup-buttons button:before {
  color: white;
  content: "\F104";
  font: 300 18px/1 "FontAwesome";
  height: 1.5rem;
  left: 10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
.product-added-popup .popup-buttons a {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #89be30;
  font: 400 14px "Open Sans", Arial, Helvetica, Sans-serif;
  margin-left: 20px;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  position: relative;
  text-decoration: none;
}
.product-added-popup .popup-buttons a:before {
  color: #89be30;
  content: "\F105";
  font: 300 18px/1 "FontAwesome";
  height: 1.5rem;
  margin-top: -10px;
  position: absolute;
  right: 10px;
  top: 50%;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	FROM  *********************************************************/
/* ------------------------------------------------------------ UL.FORM */
ul.form {
  /* review toevoegen */
  /* TOESLAG LEVERING */
}
ul.form li {
  float: left;
  font-size: 1em !important;
  list-style: none !important;
  margin-bottom: 10px;
  width: 100%;
}
ul.form li.select {
  min-height: 65px;
}
ul.form li.choose div.iradio,
ul.form li.choose div.icheck {
  margin-top: 3px;
}
ul.form li > label {
  float: left;
  width: 170px;
}
ul.form li > label em {
  color: #e10404;
}
ul.form li > label.error {
  color: #e10404;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.form li > label {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li > label {
    width: 100%;
  }
}
@media (max-width: 767px) {
  ul.form li > label {
    width: 100%;
  }
}
ul.form li.form-error p {
  color: #e10404;
  float: left;
  margin-top: 0;
  width: 100%;
}
ul.form li img {
  float: left;
  margin: 7px 0 0 7px;
}
ul.form li hr {
  width: 420px;
}
ul.form li fieldset {
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  padding: 0 5px;
  width: 250px;
}
ul.form li input {
  /* text, email, phone, password */
  /* checkbox, radio button */
  /* submit/button */
}
ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=phone], ul.form li input[type=password] {
  border: 1px solid #e6e6e6;
  color: #666666;
  float: left;
  height: 30px;
  padding: 0 5px;
  width: 220px;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-appearance: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=phone], ul.form li input[type=password] {
    width: 100%;
  }
}
@media (max-width: 767px) {
  ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=phone], ul.form li input[type=password] {
    width: 100%;
  }
}
ul.form li input[type=text]:focus, ul.form li input[type=email]:focus, ul.form li input[type=phone]:focus, ul.form li input[type=password]:focus {
  border-color: black;
  color: black;
}
ul.form li input[type=text].small, ul.form li input[type=email].small, ul.form li input[type=phone].small, ul.form li input[type=password].small {
  margin-right: 10px;
  width: 65px;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li input[type=text].small, ul.form li input[type=email].small, ul.form li input[type=phone].small, ul.form li input[type=password].small {
    margin-right: 3% !important;
    width: 30% !important;
  }
}
@media (max-width: 767px) {
  ul.form li input[type=text].small, ul.form li input[type=email].small, ul.form li input[type=phone].small, ul.form li input[type=password].small {
    margin-right: 3% !important;
    width: 30% !important;
  }
}
ul.form li input[type=text].medium, ul.form li input[type=email].medium, ul.form li input[type=phone].medium, ul.form li input[type=password].medium {
  width: 145px;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li input[type=text].medium, ul.form li input[type=email].medium, ul.form li input[type=phone].medium, ul.form li input[type=password].medium {
    width: 67% !important;
  }
}
@media (max-width: 767px) {
  ul.form li input[type=text].medium, ul.form li input[type=email].medium, ul.form li input[type=phone].medium, ul.form li input[type=password].medium {
    width: 67% !important;
  }
}
ul.form li input[type=text].error, ul.form li input[type=email].error, ul.form li input[type=phone].error, ul.form li input[type=password].error {
  border-color: #e10404;
}
ul.form li input[type=text][readonly], ul.form li input[type=text][readonly=readonly], ul.form li input[type=email][readonly], ul.form li input[type=email][readonly=readonly], ul.form li input[type=phone][readonly], ul.form li input[type=phone][readonly=readonly], ul.form li input[type=password][readonly], ul.form li input[type=password][readonly=readonly] {
  opacity: 0.75;
}
ul.form li input[type=text][readonly]::-moz-selection, ul.form li input[type=text][readonly=readonly]::-moz-selection, ul.form li input[type=email][readonly]::-moz-selection, ul.form li input[type=email][readonly=readonly]::-moz-selection, ul.form li input[type=phone][readonly]::-moz-selection, ul.form li input[type=phone][readonly=readonly]::-moz-selection, ul.form li input[type=password][readonly]::-moz-selection, ul.form li input[type=password][readonly=readonly]::-moz-selection {
  background: white;
}
ul.form li input[type=text][readonly]::selection, ul.form li input[type=text][readonly=readonly]::selection, ul.form li input[type=email][readonly]::selection, ul.form li input[type=email][readonly=readonly]::selection, ul.form li input[type=phone][readonly]::selection, ul.form li input[type=phone][readonly=readonly]::selection, ul.form li input[type=password][readonly]::selection, ul.form li input[type=password][readonly=readonly]::selection {
  background: white;
}
ul.form li input[type=text][readonly]::-moz-selection, ul.form li input[type=text][readonly=readonly]::-moz-selection, ul.form li input[type=email][readonly]::-moz-selection, ul.form li input[type=email][readonly=readonly]::-moz-selection, ul.form li input[type=phone][readonly]::-moz-selection, ul.form li input[type=phone][readonly=readonly]::-moz-selection, ul.form li input[type=password][readonly]::-moz-selection, ul.form li input[type=password][readonly=readonly]::-moz-selection {
  background: white;
}
ul.form li input[type=text][readonly]:focus, ul.form li input[type=text][readonly=readonly]:focus, ul.form li input[type=email][readonly]:focus, ul.form li input[type=email][readonly=readonly]:focus, ul.form li input[type=phone][readonly]:focus, ul.form li input[type=phone][readonly=readonly]:focus, ul.form li input[type=password][readonly]:focus, ul.form li input[type=password][readonly=readonly]:focus {
  border: 1px solid #e6e6e6;
  color: #666666;
  cursor: default;
}
ul.form li input[type=text][readonly]:focus::-moz-selection, ul.form li input[type=text][readonly=readonly]:focus::-moz-selection, ul.form li input[type=email][readonly]:focus::-moz-selection, ul.form li input[type=email][readonly=readonly]:focus::-moz-selection, ul.form li input[type=phone][readonly]:focus::-moz-selection, ul.form li input[type=phone][readonly=readonly]:focus::-moz-selection, ul.form li input[type=password][readonly]:focus::-moz-selection, ul.form li input[type=password][readonly=readonly]:focus::-moz-selection {
  background: white;
}
ul.form li input[type=text][readonly]:focus::selection, ul.form li input[type=text][readonly=readonly]:focus::selection, ul.form li input[type=email][readonly]:focus::selection, ul.form li input[type=email][readonly=readonly]:focus::selection, ul.form li input[type=phone][readonly]:focus::selection, ul.form li input[type=phone][readonly=readonly]:focus::selection, ul.form li input[type=password][readonly]:focus::selection, ul.form li input[type=password][readonly=readonly]:focus::selection {
  background: white;
}
ul.form li input[type=text][readonly]:focus::-moz-selection, ul.form li input[type=text][readonly=readonly]:focus::-moz-selection, ul.form li input[type=email][readonly]:focus::-moz-selection, ul.form li input[type=email][readonly=readonly]:focus::-moz-selection, ul.form li input[type=phone][readonly]:focus::-moz-selection, ul.form li input[type=phone][readonly=readonly]:focus::-moz-selection, ul.form li input[type=password][readonly]:focus::-moz-selection, ul.form li input[type=password][readonly=readonly]:focus::-moz-selection {
  background: white;
}
ul.form li input[type=text][disabled=disabled], ul.form li input[type=email][disabled=disabled], ul.form li input[type=phone][disabled=disabled], ul.form li input[type=password][disabled=disabled] {
  background: #e6e6e6;
  opacity: 0.5;
}
ul.form li input[type=text][disabled=disabled]:hover, ul.form li input[type=text][disabled=disabled]:focus, ul.form li input[type=email][disabled=disabled]:hover, ul.form li input[type=email][disabled=disabled]:focus, ul.form li input[type=phone][disabled=disabled]:hover, ul.form li input[type=phone][disabled=disabled]:focus, ul.form li input[type=password][disabled=disabled]:hover, ul.form li input[type=password][disabled=disabled]:focus {
  cursor: url(../images/css/icon-error.png) 0 0, pointer;
}
ul.form li input[type=text].check, ul.form li input[type=email].check, ul.form li input[type=phone].check, ul.form li input[type=password].check {
  background: url(../images/css/icon-check.png) no-repeat 97% center;
}
ul.form li input[type=text].form-error, ul.form li input[type=email].form-error, ul.form li input[type=phone].form-error, ul.form li input[type=password].form-error {
  border-color: #e10404;
  background: url(../images/css/icon-error.png) no-repeat 97% center;
}
ul.form li input[type=checkbox], ul.form li input[type=radio] {
  float: left;
  margin: 5px 10px 0 0;
}
ul.form li input[type=submit], ul.form li input[type=button] {
  background: black;
  border: none;
  color: white;
  height: 30px;
  padding: 0 20px;
  margin-top: 10px;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-appearance: none;
}
ul.form li input[type=submit]:hover, ul.form li input[type=submit]:focus, ul.form li input[type=button]:hover, ul.form li input[type=button]:focus {
  background: #89be30;
}
ul.form li input[type=submit].back, ul.form li input[type=button].back {
  background: #f2f2f2;
  color: black;
  padding: 0 10px;
  text-transform: none;
}
ul.form li input[type=submit].back:hover, ul.form li input[type=submit].back:focus, ul.form li input[type=button].back:hover, ul.form li input[type=button].back:focus {
  background: #d9d9d9;
}
ul.form li textarea {
  border: 1px solid #e6e6e6;
  color: #666666;
  float: left;
  padding: 5px;
  width: 300px;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-appearance: none;
}
ul.form li textarea:focus {
  border-color: black;
  color: black;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li textarea {
    width: 100%;
  }
}
@media (max-width: 767px) {
  ul.form li textarea {
    width: 100%;
  }
}
ul.form li textarea.error, ul.form li textarea.form-error {
  border-color: #e10404;
}
ul.form li select {
  border: 1px solid #e6e6e6;
  color: #666666;
  float: left;
  padding: 5px;
  height: 30px;
  width: 220px;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li select {
    width: 100%;
  }
}
@media (max-width: 767px) {
  ul.form li select {
    width: 100%;
  }
}
ul.form.login-radio li a.forgot-password {
  padding-left: 15px;
}
ul.form.login-radio li label {
  margin-right: 10px;
  width: auto;
}
ul.form.buttons {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  margin-top: 20px;
}
ul.form.buttons li {
  float: right;
  width: auto;
}
ul.form.buttons li input {
  float: right;
}
ul.form.buttons li:first-child {
  float: left;
}
ul.form.buttons li:first-child input {
  float: left;
}
ul.form.buttons li a {
  background: #e6e6e6;
  color: #666666;
  float: left;
  height: 29px;
  padding: 0 10px;
  margin-top: 10px;
  text-decoration: none;
  width: auto;
}
ul.form.buttons li a:hover, ul.form.buttons li a:focus {
  background: black;
  color: white;
}
@media (max-width: 767px) {
  ul.form.buttons li {
    float: left;
    width: 100%;
  }
  ul.form.buttons li a,
ul.form.buttons li input[type=submit],
ul.form.buttons li input[type=button] {
    text-align: center;
    margin-top: 0;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form.buttons li {
    float: left;
    width: 100%;
  }
  ul.form.buttons li a,
ul.form.buttons li input[type=submit],
ul.form.buttons li input[type=button] {
    text-align: center;
    margin-top: 0;
    width: 100% !important;
  }
}
ul.form#billing-input {
  float: left;
  width: 100%;
}
ul.form#billing-input li:first-child {
  width: 100%;
}
ul.form.forgot-pas {
  margin-top: 20px;
}
ul.form.forgot-pas li p.form-error {
  padding-left: 200px;
  width: auto;
}
ul.form.forgot-pas li label {
  text-align: right;
  padding-right: 10px;
  width: 200px;
}
ul.form#deliverytypes li {
  margin-bottom: 0;
}
ul.form.transportinput {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-top: 5px;
  float: left;
  padding: 15px 15px 10px 15px;
  margin-bottom: 15px;
  width: 100%;
}
@media (max-width: 767px) {
  ul.form.transportinput {
    background: #f2f2f2;
  }
}

ul.info.pickup {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-top: 5px;
  margin-bottom: 15px;
  float: left;
  padding: 15px 15px 10px 15px;
  width: 100%;
}
@media (max-width: 767px) {
  ul.info.pickup {
    background: #f2f2f2;
  }
}
ul.info.pickup li.mar {
  margin-top: 10px;
}

/* ------------------------------------------------------------ CART LOGIN*/
div.login-box ul.form li label {
  padding-top: 5px;
  width: 100px;
}
div.login-box ul.form li input[type=text], div.login-box ul.form li input[type=email], div.login-box ul.form li input[type=phone], div.login-box ul.form li input[type=password] {
  width: 190px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
  div.login-box ul.form li input[type=text], div.login-box ul.form li input[type=email], div.login-box ul.form li input[type=phone], div.login-box ul.form li input[type=password] {
    width: 230px;
  }
}

/* ------------------------------------------------------------ CART REGISTER*/
div.cart-box ul.form {
  float: left;
  margin-top: 25px;
  width: 80%;
}
@media (max-width: 767px) {
  div.cart-box ul.form {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.cart-box ul.form {
    width: 100%;
  }
}
div.cart-box ul.form.buttons {
  margin-top: 10px;
  width: 100%;
}
div.cart-box ul.form.company-choice li.choose {
  border-bottom: 1px solid #e6e6e6;
}
div.cart-box ul.form:first-child {
  margin-top: 0;
}
div.cart-box ul.form li {
  width: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  div.cart-box ul.form li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  div.cart-box ul.form li {
    width: 100%;
  }
}
div.cart-box ul.form li label {
  width: 100%;
}
div.cart-box ul.form li.long {
  width: 100%;
}
div.cart-box ul.form li.long label {
  width: 100%;
}
div.cart-box ul.form li.choose label {
  float: left;
  padding-top: 0;
  padding-right: 15px;
  width: auto;
}
div.cart-box ul.form li.choose label:first-child {
  font-weight: 700;
  padding-right: 0;
  width: 20%;
}
@media (min-width: 768px) and (max-width: 991px) {
  div.cart-box ul.form li.choose label:first-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  div.cart-box ul.form li.choose label:first-child {
    width: 100%;
  }
}
div.cart-box ul.form li.choose div.iradio {
  margin-right: 5px;
  margin-top: 3px;
}
div.cart-box ul.form li.choose div.icheckbox {
  margin-top: 3px;
}
div.cart-box ul.form li.company label {
  width: 100%;
}
div.cart-box ul.form#deliverytypes li {
  margin-bottom: 10px;
}
div.cart-box ul.form#deliverytypes li.choose div.iradio,
div.cart-box ul.form#deliverytypes li.choose div.ichecked {
  margin-left: 0;
}
div.cart-box ul.form.transportinput {
  margin-top: 5px;
}

/* ------------------------------------------------------------ START REGISTER PAGINA*/
section.content.register h2 {
  float: left;
  margin: 10px 0 20px 0;
  width: 100%;
}
section.content.register ul.form {
  float: left;
  width: 75%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.register ul.form {
    width: 100%;
  }
  section.content.register ul.form li input[type=text], section.content.register ul.form li input[type=email], section.content.register ul.form li input[type=phone], section.content.register ul.form li input[type=password] {
    width: 90%;
  }
  section.content.register ul.form li input[type=text].medium, section.content.register ul.form li input[type=email].medium, section.content.register ul.form li input[type=phone].medium, section.content.register ul.form li input[type=password].medium {
    width: 57% !important;
  }
  section.content.register ul.form li select,
section.content.register ul.form li textarea {
    width: 90%;
  }
}
@media (max-width: 767px) {
  section.content.register ul.form {
    width: 100%;
  }
}
section.content.register ul.form.password-container li {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.register ul.form.password-container li input[type=text], section.content.register ul.form.password-container li input[type=email], section.content.register ul.form.password-container li input[type=phone], section.content.register ul.form.password-container li input[type=password] {
    width: 95%;
  }
}
section.content.register ul.form li {
  float: left;
  width: 50%;
}
@media (max-width: 767px) {
  section.content.register ul.form li {
    width: 100%;
  }
}
section.content.register ul.form li label {
  width: 150px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.content.register ul.form li label {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.register ul.form li label {
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.content.register ul.form li label {
    width: 100%;
  }
}
section.content.register ul.form li.long, section.content.register ul.form li.choose, section.content.register ul.form li.pass {
  width: 100%;
}
section.content.register ul.form li.choose label {
  padding-left: 0px;
  padding-right: 20px;
  width: auto;
}
section.content.register ul.form li.choose label:first-child {
  padding-left: 0;
  width: 150px;
}
@media (max-width: 767px) {
  section.content.register ul.form li.choose label:first-child {
    font-weight: 700;
    width: 100%;
  }
}

/* ------------------------------------------------------------ START ICHECK*/
/* iCheck plugin Square skin, black
----------------------------------- */
/*.icheckbox,
.iradio {
	float: left;
    vertical-align: middle;
    margin: 0;
    padding: 0;
	margin-right: 10px;
    width: 17px;
    height: 17px;
    background: url(../images/css/icheck.png) no-repeat;
    border: none;
    cursor: pointer;

	@include breakpoint(col-xs)
	{
		margin-right: 5px;
	}
}

.icheckbox {
    background-position: 0 0;
	width: 16px;
}
.icheckbox.hover {
	background-position: -16px 0;
}
.icheckbox.checked {
	background-position: -34px 0;
}
.icheckbox.disabled {
	background-position: -48px 0;
	cursor: default;
}
.icheckbox.checked.disabled {
	background-position: -64px 0;
}

.iradio {
    background-position: -81px 0;
}
.iradio.hover {
	background-position: -98px 0;
}
.iradio.checked {
	background-position: -115px 0;
}
.iradio.disabled {
	background-position: -132px 0;
	cursor: default;
}
.iradio.checked.disabled {
	background-position: -149px 0;
}*/
/* Retina support */
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox,
    .iradio {
        background-image: url(../images/css/icheck@2x.png);
        -webkit-background-size: 165px 17px;
        background-size: 165px 17px;
    }
}*/
.icheckbox,
.iradio {
  float: left;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  margin-right: 10px;
  margin-top: 1px;
  padding: 0;
  width: 18px;
  height: 18px;
  background: url(../images/css/icheck.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox {
  background-position: 0 0;
}

.icheckbox.hover {
  background-position: -20px 0;
}

.icheckbox.checked {
  background-position: -40px 0;
}

.icheckbox.disabled {
  background-position: -60px 0;
  cursor: default;
}

.icheckbox.checked.disabled {
  background-position: -80px 0;
}

.iradio {
  background-position: -100px 0;
}

.iradio.hover {
  background-position: -120px 0;
}

.iradio.checked {
  background-position: -140px 0;
}

.iradio.disabled {
  background-position: -160px 0;
  cursor: default;
}

.iradio.checked.disabled {
  background-position: -180px 0;
}

/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox,
.iradio {
    background-image: url(../images/css/icheck@2x.png);
    background-size: 200px 20px;
  }
}
div.div-deliverytypes {
  border-top: 1px solid #e6e6e6;
  float: left;
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
}

/* ------------------------------------------------------------ START FOUTMELDING ONDERAAN*/
div.error-block {
  border: 1px solid #e10404;
  background: #ffe5e5;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  padding: 2%;
  margin: 20px 0 10px 0;
  width: 75%;
}
@media (min-width: 768px) and (max-width: 991px) {
  div.error-block {
    width: 100%;
  }
}
@media (max-width: 767px) {
  div.error-block {
    width: 100%;
  }
}
div.error-block span {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
div.error-block ul {
  float: left;
  width: 85%;
}
div.error-block ul li {
  background: url(../images/css/icon-error.png) no-repeat left center;
  float: left;
  list-style: none;
  padding-left: 7%;
  width: 50%;
}

/** formbuilder errors **/
.errorbox {
  background-color: #fc4f4f;
  border: 1px solid #e10404;
  border-radius: 10px;
  padding: 10px 15px;
  color: white;
}
.errorbox strong {
  font-size: 14px;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	ACCOUNT  *********************************************************/
/* ------------------------------------------------------------ START GEGEVENS*/
section.addressinfo {
  margin-top: 30px;
  margin-bottom: 30px;
}
section.addressinfo ul li {
  float: left;
  list-style: none;
  width: 100%;
}
section.addressinfo ul li h2 {
  margin-bottom: 10px;
}
section.addressinfo ul li.mar {
  margin-top: 15px;
}
section.addressinfo ul li a.modify {
  background: #f2f2f2;
  color: #666666;
  float: left;
  padding: 5px 20px;
  margin: 25px 0 20px 0;
  text-decoration: none;
}
section.addressinfo ul li a.modify:hover, section.addressinfo ul li a.modify:focus {
  background: black;
  color: white;
}
section.addressinfo.addressbook ul > li {
  border-top: 1px solid #e6e6e6;
  float: left;
  padding: 20px 0;
  width: 100%;
}
section.addressinfo.addressbook ul > li h2 {
  margin: 0;
  padding: 0;
}
section.addressinfo.addressbook ul > li:first-child {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 5px;
}
section.addressinfo.addressbook ul > li ul {
  padding: 0;
}
section.addressinfo.addressbook ul > li ul.checkbox {
  margin-top: 20px;
}
section.addressinfo.addressbook ul > li ul li {
  border: 0;
  padding: 0;
}
section.addressinfo.addressbook ul > li ul li a {
  background: #f2f2f2;
  color: #666666;
  float: left;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  text-decoration: none;
}
section.addressinfo.addressbook ul > li ul li a:hover, section.addressinfo.addressbook ul > li ul li a:focus {
  background: black;
  color: white;
}

/* ------------------------------------------------------------ START MIJN BESTELLINGEN*/
@media (max-width: 767px) {
  section.order section.cart-extra section.address-info {
    margin-bottom: 20px;
  }
}
section.order h1 {
  margin-bottom: 20px;
}
section.order h2.title strong {
  float: left;
}
@media (max-width: 767px) {
  section.order h2.title strong {
    margin-bottom: 15px;
    width: 100%;
  }
}
section.order h2.title a {
  background: #f2f2f2;
  color: #666666;
  float: right;
  padding: 10px 15px;
  text-decoration: none;
}
@media (max-width: 767px) {
  section.order h2.title a {
    float: left;
    margin-bottom: 15px;
  }
}
section.order h2.title a:hover, section.order h2.title a:focus {
  background: black;
  color: white;
}
section.order ul.order-info {
  margin-top: 30px;
}
section.order ul.order-info:first-child {
  margin-top: 0;
}
section.order ul.order-info li {
  border-left: 1px solid #e6e6e6;
  float: left;
  padding: 0 15px;
  list-style: none;
}
@media (max-width: 767px) {
  section.order ul.order-info li.total {
    border: none;
    padding-left: 0;
    width: 100%;
  }
}
section.order ul.order-info li:first-child {
  border-left: 0;
  padding-left: 0;
}

/* ------------------------------------------------------------ START ACCPRDION-ORDER*/
ul.accordion-order > li {
  list-style: none;
  float: left;
  width: 100%;
}
ul.accordion-order > li div.collapse-order {
  margin-bottom: 30px;
}
ul.accordion-order > li > h2 {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  float: left;
  padding: 20px 0;
  width: 100%;
}
ul.accordion-order > li > h2 a {
  background: url("../images/css/arrow-right.png") no-repeat right center;
  color: #666666;
  float: left;
  width: 100%;
}
ul.accordion-order > li > h2 a:hover, ul.accordion-order > li > h2 a:focus {
  color: black;
}
ul.accordion-order > li > h2 a.open {
  background: url("../images/css/arrow-close.png") no-repeat right center;
}
ul.accordion-order > li > h2 ul li {
  border-left: 1px solid #e6e6e6;
  float: left;
  text-transform: uppercase;
  list-style: none;
  padding: 0 10px;
  width: auto;
}
@media (max-width: 767px) {
  ul.accordion-order > li > h2 ul li {
    border: none;
    padding: 0;
    width: 100%;
  }
}
ul.accordion-order > li > h2 ul li:first-child {
  border-left: 0;
  padding-left: 0;
}

a.modify.extra {
  background: black;
  color: white;
  padding: 5px 10px;
  text-decoration: none;
}
a.modify.extra:hover, a.modify.extra:focus {
  color: #89be30;
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	PAGEFOOT  *********************************************************/
footer {
  margin-top: 30px;
  /* -------------------------------------------------------- SECTION.TOP*/
  /* -------------------------------------------------------- SECTION.BOTTOM*/
}
footer section.top {
  background: #4d4d4d;
  padding: 40px 0;
  /*********** SERVICE GEDEELTE **/
  /*********** NAV.NAVIGATION-FOOTER **/
  /*********** FORM.NEWSLETTER **/
  /*********** row.extra **/
}
footer section.top strong.title {
  color: white;
  float: left;
  text-transform: uppercase;
  margin-bottom: 15px;
  width: 100%;
}
footer section.top div.service {
  margin-bottom: 20px;
  width: 100%;
}
footer section.top div.service:before, footer section.top div.service:after {
  content: " ";
  display: table;
}
footer section.top div.service:after {
  clear: both;
}
footer section.top div.service {
  *zoom: 1;
}
footer section.top div.service span {
  color: white;
  float: left;
  width: 100%;
}
footer section.top div.service span a {
  color: white;
}
footer section.top div.service span a:hover, footer section.top div.service span a:focus {
  color: #89be30;
}
footer section.top div.service strong {
  color: #89be30;
  float: left;
  width: 100%;
}
footer section.top address {
  border-top: 1px solid #666666;
  padding-top: 20px;
}
footer section.top address ul li {
  color: white;
  float: left;
  list-style: none;
  padding: 0 0 5px 0;
  width: 50%;
}
footer section.top address ul li a {
  color: white;
}
footer section.top address ul li a:hover, footer section.top address ul li a:focus {
  color: #89be30;
}
footer section.top address ul li:first-child {
  width: 100%;
}
footer section.top nav.navigation-footer ul {
  float: left;
  width: 50%;
}
footer section.top nav.navigation-footer ul li {
  float: left;
  list-style: none;
  width: 100%;
}
footer section.top nav.navigation-footer ul li a {
  color: white;
  display: block;
  padding: 5px 0;
  text-decoration: none;
  width: 100%;
}
footer section.top nav.navigation-footer ul li a:hover, footer section.top nav.navigation-footer ul li a:focus {
  color: #89be30;
}
@media (max-width: 767px) {
  footer section.top nav.navigation-footer {
    float: left;
    padding: 15px;
    width: 100%;
  }
  footer section.top nav.navigation-footer ul {
    border-top: 1px solid #666666;
    padding-top: 15px;
  }
}
@media (max-width: 479px) {
  footer section.top nav.navigation-footer {
    padding: 15px 0;
  }
  footer section.top nav.navigation-footer ul {
    padding: 20px 0;
    width: 100%;
  }
}
footer section.top form.newsletter {
  float: left;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer section.top form.newsletter {
    padding: 20px 0;
    width: 80%;
  }
  footer section.top form.newsletter ul {
    float: left;
    width: 50%;
  }
  footer section.top form.newsletter h4 {
    border-top: 1px solid #666666;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  footer section.top form.newsletter h4 {
    border-top: 1px solid #666666;
    float: left;
    padding-top: 25px;
    width: 100%;
  }
  footer section.top form.newsletter ul {
    border-bottom: 1px solid #666666;
    float: left;
    padding-bottom: 25px;
    width: 100%;
  }
}
footer section.top form.newsletter p {
  color: white;
  margin-bottom: 20px;
}
footer section.top form.newsletter ul li {
  list-style: none;
}
footer section.top form.newsletter ul li input[type=text],
footer section.top form.newsletter ul li input[type=email] {
  background: white;
  border: none;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  height: 25px;
  text-align: left;
  padding: 0 5px;
  width: 70%;
}
footer section.top form.newsletter ul li input[type=submit],
footer section.top form.newsletter ul li input[type=button] {
  background: #89be30;
  border: none;
  color: #666666;
  height: 25px;
  float: left;
  width: 30%;
}
footer section.top form.newsletter ul li input[type=submit]:hover, footer section.top form.newsletter ul li input[type=submit]:focus,
footer section.top form.newsletter ul li input[type=button]:hover,
footer section.top form.newsletter ul li input[type=button]:focus {
  background: #6c9526;
}
footer section.top form.newsletter div.box-info {
  background: #5c9c00;
}
footer section.top form.newsletter div.box-info p {
  margin: 0;
}
footer section.top form.newsletter div.box-error {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #e10404;
  color: white;
  margin-bottom: 20px;
}
footer section.top div.row.extra {
  margin-top: 50px;
}
footer section.top nav.navigation-footer-extra ul li {
  float: left;
  list-style: none;
}
footer section.top nav.navigation-footer-extra ul li a {
  color: #cccccc;
  padding: 0 10px;
  text-decoration: none;
}
footer section.top nav.navigation-footer-extra ul li a:hover, footer section.top nav.navigation-footer-extra ul li a:focus {
  color: #89be30;
}
footer section.top nav.navigation-footer-extra ul li:first-child a {
  padding-left: 0;
}
footer section.top nav.socialmedia ul li {
  display: inline-block;
  vertical-align: middle;
}
footer section.top nav.socialmedia ul li a {
  display: block;
  text-decoration: none;
}
footer section.top nav.socialmedia ul li a:hover, footer section.top nav.socialmedia ul li a:focus {
  opacity: 0.5;
}
footer section.bottom {
  background: white;
  padding: 20px 0;
}
footer section.bottom ul.paymentmethod {
  float: left;
  width: 50%;
}
footer section.bottom ul.paymentmethod li {
  float: left;
  list-style: none;
  margin-left: 3px;
  max-width: 70px;
}
footer section.bottom ul.paymentmethod li:first-child {
  margin-left: none;
}
footer section.bottom ul.paymentmethod li img {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  footer section.bottom ul.paymentmethod {
    margin-bottom: 10px;
    width: 100%;
  }
  footer section.bottom ul.paymentmethod li {
    max-width: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer section.bottom ul.paymentmethod li {
    max-width: 40px;
  }
}
footer section.bottom div.credits {
  float: left;
  text-align: right;
  width: 50%;
}
@media (max-width: 767px) {
  footer section.bottom div.credits {
    text-align: left;
    width: 100%;
  }
}
footer section.bottom div.credits a {
  color: #666666;
}
footer section.bottom div.credits a:hover, footer section.bottom div.credits a:focus {
  color: #89be30;
}

html.ie7 div.old-browser {
  background: #e10404;
  color: white;
  height: 40px;
  position: fixed;
  top: 0;
  text-align: center;
  left: 0;
  width: 100%;
}
html.ie7 div.old-browser a {
  color: white;
}

/*
	 GRID | Grid, hierin staat alle css die van toepassing is op de afmeting van de blokken, hierin mag ook enkel css staan van toepassing voor de grid
*/
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

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

[hidden] {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top;
}

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

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

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 320px;
  /*	@if $responsive == false
  	{
  		width: 988px!important;
  		min-width: 988px;
  	}*/
}

.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.container:after {
  clear: both;
}

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

.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.row:after {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }

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

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

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

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

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

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

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

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

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

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

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

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

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

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

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

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }

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

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

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

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

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

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

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

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

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

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

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

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

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

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

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

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

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

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

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1530px;
    width: 90%;
  }

  body.cart .container {
    max-width: 998px;
    width: 90%;
  }

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

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

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

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

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

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

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

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

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

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

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

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

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

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

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

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

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

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

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}

.visible-xs {
  display: none !important;
}

tr.visible-xs {
  display: none !important;
}

th.visible-xs,
td.visible-xs {
  display: none !important;
}

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

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }

  tr.visible-xs.visible-sm {
    display: table-row !important;
  }

  th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }

  tr.visible-xs.visible-md {
    display: table-row !important;
  }

  th.visible-xs.visible-md,
td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }

  tr.visible-xs.visible-lg {
    display: table-row !important;
  }

  th.visible-xs.visible-lg,
td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm {
  display: none !important;
}

tr.visible-sm {
  display: none !important;
}

th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }

  tr.visible-sm.visible-xs {
    display: table-row !important;
  }

  th.visible-sm.visible-xs,
td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }

  tr.visible-sm.visible-md {
    display: table-row !important;
  }

  th.visible-sm.visible-md,
td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }

  tr.visible-sm.visible-lg {
    display: table-row !important;
  }

  th.visible-sm.visible-lg,
td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md {
  display: none !important;
}

tr.visible-md {
  display: none !important;
}

th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }

  tr.visible-md.visible-xs {
    display: table-row !important;
  }

  th.visible-md.visible-xs,
td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }

  tr.visible-md.visible-sm {
    display: table-row !important;
  }

  th.visible-md.visible-sm,
td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }

  tr.visible-md.visible-lg {
    display: table-row !important;
  }

  th.visible-md.visible-lg,
td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg {
  display: none !important;
}

tr.visible-lg {
  display: none !important;
}

th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }

  tr.visible-lg.visible-xs {
    display: table-row !important;
  }

  th.visible-lg.visible-xs,
td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }

  tr.visible-lg.visible-sm {
    display: table-row !important;
  }

  th.visible-lg.visible-sm,
td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }

  tr.visible-lg.visible-md {
    display: table-row !important;
  }

  th.visible-lg.visible-md,
td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }

  tr.hidden-xs {
    display: none !important;
  }

  th.hidden-xs,
td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }

  tr.hidden-xs.hidden-sm {
    display: none !important;
  }

  th.hidden-xs.hidden-sm,
td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }

  tr.hidden-xs.hidden-md {
    display: none !important;
  }

  th.hidden-xs.hidden-md,
td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }

  tr.hidden-xs.hidden-lg {
    display: none !important;
  }

  th.hidden-xs.hidden-lg,
td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }

  tr.hidden-sm.hidden-xs {
    display: none !important;
  }

  th.hidden-sm.hidden-xs,
td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }

  tr.hidden-sm {
    display: none !important;
  }

  th.hidden-sm,
td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }

  tr.hidden-sm.hidden-md {
    display: none !important;
  }

  th.hidden-sm.hidden-md,
td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }

  tr.hidden-sm.hidden-lg {
    display: none !important;
  }

  th.hidden-sm.hidden-lg,
td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }

  tr.hidden-md.hidden-xs {
    display: none !important;
  }

  th.hidden-md.hidden-xs,
td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }

  tr.hidden-md.hidden-sm {
    display: none !important;
  }

  th.hidden-md.hidden-sm,
td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }

  tr.hidden-md {
    display: none !important;
  }

  th.hidden-md,
td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }

  tr.hidden-md.hidden-lg {
    display: none !important;
  }

  th.hidden-md.hidden-lg,
td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }

  tr.hidden-lg.hidden-xs {
    display: none !important;
  }

  th.hidden-lg.hidden-xs,
td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }

  tr.hidden-lg.hidden-sm {
    display: none !important;
  }

  th.hidden-lg.hidden-sm,
td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }

  tr.hidden-lg.hidden-md {
    display: none !important;
  }

  th.hidden-lg.hidden-md,
td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }

  tr.hidden-lg {
    display: none !important;
  }

  th.hidden-lg,
td.hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

tr.visible-print {
  display: none !important;
}

th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }

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

  tr.hidden-print {
    display: none !important;
  }

  th.hidden-print,
td.hidden-print {
    display: none !important;
  }
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

/*****************************************************************************	PAGEHEAD  *********************************************************/
header {
  /* -------------------------------------------------------- MIDDENSTE GEDEELTE  | LOGO | MINI CART | PROFILE  */
  /*** LOGO **/
  /*a.logo
  {
      @include make-xs-column(12);
      @include make-sm-column(6);
      @include make-md-column(6);
      @include make-lg-column(5);

      &.small
      {
          @include make-xs-column(12);
          @include make-sm-column(6);
          @include make-md-column(6);
          @include make-lg-column(6);
      }
  }*/
  /*@include breakpoint(col-xs)
  {
      section.mini-cart
      {
          display: none;
      }

      div.wrap-mini-cart
      {
          @include make-xs-column(4);

          section.mini-cart
          {
              @include make-xs-column(12);
              display: block;

              section.mini-cart-dropdown
              {
                  display: none!important;
              }
          }
      }
  }*/
  /* -------------------------------------------------------- HOOFDNAVIGATIE */
  /* -------------------------------------------------------- USP */
  /* -------------------------------------------------------- FORM.SEARCH */
  /*form.search
    {
        @include make-xs-column(10);
    @include make-sm-column(6);
    @include make-md-column(7);
    @include make-lg-column(8);

    &.long
    {
        @include make-xs-column(12);
        @include make-sm-column(6);
        @include make-md-column(7);
        @include make-lg-column(9);
    }
  }*/
  /* VERSIE 2 VAN DE HEADER */
  /* MINI PROFILE */
  /* -------------------------------------------------------- NAV.BREADCRUMB */
  /*nav.breadcrumb {
    @include make-row();

    div.wrap-breadcrumb {
      @include make-xs-column(8);
      @include make-sm-column(8);
      @include make-md-column(8);
      @include make-lg-column(8);

      &.small {
        @include make-xs-column(12);
        @include make-sm-column(12);
        @include make-md-column(7);
        @include make-lg-column(7);

        @include breakpoint(col-md) {
          padding-right: 0;
        }

        @include breakpoint(col-lg) {
          padding-right: 0;
        }

        @include breakpoint(col-xlg) {
          padding-right: 0;
        }

      }
    }

    div.advice {
      @include make-xs-column(12);
      @include make-sm-column(12);
      @include make-md-column(5);
      @include make-lg-column(5);


      @include breakpoint(col-md) {
        padding-left: 0;
      }

      @include breakpoint(col-lg) {
        padding-left: 0;
      }

      @include breakpoint(col-xlg) {
        padding-left: 0;
      }
    }
  }*/
  /*nav.navigation-cart*/
}
@media (max-width: 767px) {
  header section.top nav.navigation-top {
    display: none;
  }
}
header section.middle {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* Large dekstop*/
}
@media (min-width: 1200px) {
  header section.middle {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  header section.middle.mar {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  header section.middle a.nav-link-mobile {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header section.middle a.nav-link-mobile {
    display: none;
  }
}
header section.middle {
  /*div.help
  {
      @include make-xs-column(12);
      @include make-sm-column(8);
      @include make-md-column(6);
      @include make-lg-column(5);
  }*/
}
header section.middle div.help {
  /*@include make-sm-column-offset(0);
  @include make-md-column-offset(0);
  @include make-lg-column-offset(3);*/
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  header section.middle div.help {
    float: left;
    width: 75%;
  }
}
@media (min-width: 992px) {
  header section.middle div.help {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  header section.middle div.help {
    float: left;
    width: 75%;
  }
}
header div.wrap-right {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  header div.wrap-right {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  header div.wrap-right {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  header div.wrap-right {
    float: left;
    width: 58.3333333333%;
  }
}
header a.nav-link-mobile {
  position: relative;
  float: left;
  width: 8.3333333333%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
}
@media (max-width: 767px) {
  header a.nav-link-mobile {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header a.nav-link-mobile {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header a.nav-link-mobile {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header a.nav-link-mobile {
    display: none;
  }
}
@media (min-width: 1400px) {
  header a.nav-link-mobile {
    display: none;
  }
}
header a.nav-link-mobile.top {
  position: relative;
  float: left;
  width: 16.6666666667%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
}
header nav.navigation {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  /* indien multilevel */
}
@media (min-width: 768px) {
  header nav.navigation {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  header nav.navigation {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation {
    float: left;
    width: 75%;
  }
}
@media (max-width: 767px) {
  header nav.navigation.mobile {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav.navigation.mobile {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header nav.navigation.mobile {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header nav.navigation.mobile {
    display: none;
  }
}
@media (min-width: 1400px) {
  header nav.navigation.mobile {
    display: none;
  }
}
header nav.navigation.long {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  header nav.navigation.long {
    background: white;
    border-right: 1px solid #e6e6e6;
    height: 100vh;
    overflow: auto;
    padding: 0;
    width: calc(100% - 50px);
  }
  header nav.navigation.long .wrap {
    background: none;
  }
  header nav.navigation.long .wrap .row {
    margin: 0;
  }
  header nav.navigation.long strong.mobile-title {
    background: #e6e6e6;
    color: #666666;
    display: block;
    float: left;
    font-size: 1rem;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    width: 100%;
  }
  header nav.navigation.long ul {
    margin: 0;
    padding: 0 !important;
  }
  header nav.navigation.long ul li {
    border: 0 !important;
    list-style: none;
  }
  header nav.navigation.long ul li:after {
    content: none !important;
  }
  header nav.navigation.long ul li .submenuajax {
    display: none !important;
  }
  header nav.navigation.long ul li a,
header nav.navigation.long ul li span {
    background: none !important;
    border: 0 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    color: #666666 !important;
    display: block;
    font-size: 1rem;
    font-weight: 300 !important;
    height: auto !important;
    line-height: 1;
    padding: 10px !important;
    position: relative;
    text-decoration: none;
    text-indent: inherit !important;
    text-transform: none !important;
  }
  header nav.navigation.long ul li a:before,
header nav.navigation.long ul li span:before {
    border: 2px solid #000;
    border-left: none;
    border-top: none;
    content: "";
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45))";
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45));
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
    zoom: 1;
  }
  header nav.navigation.long ul li a strong,
header nav.navigation.long ul li span strong {
    font-weight: 300;
  }
  header nav.navigation.long ul li a:hover, header nav.navigation.long ul li a:focus,
header nav.navigation.long ul li span:hover,
header nav.navigation.long ul li span:focus {
    border: 0 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    height: auto;
  }
  header nav.navigation.long ul li.active a,
header nav.navigation.long ul li.active span {
    color: #89be30 !important;
  }
  header nav.navigation.long nav.navigation-top {
    float: left;
    width: 100%;
  }
  header nav.navigation.long nav.navigation-top img {
    margin-right: 10px;
    vertical-align: middle;
  }
  header nav.navigation.long nav.lang {
    float: left;
    width: 100%;
  }
  header nav.navigation.long nav.lang ul {
    display: -webkit-box;
    display: flex;
  }
  header nav.navigation.long nav.lang ul li a,
header nav.navigation.long nav.lang ul li span {
    border: 0 !important;
    padding: 15px !important;
    text-transform: uppercase !important;
  }
  header nav.navigation.long nav.lang ul li a:before,
header nav.navigation.long nav.lang ul li span:before {
    content: none;
  }
  header nav.navigation.long nav.lang ul li:first-child a, header nav.navigation.long nav.lang ul li:first-child span {
    padding-left: 0 !important;
  }
  header nav.navigation.long nav.lang ul li span {
    color: #89be30 !important;
  }
}
header nav.navigation section.mini-cart {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 1200px) {
  header nav.navigation section.mini-cart {
    float: left;
    width: 18.75%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation section.mini-cart {
    margin-left: 2.0833333333%;
  }
}
header nav.navigation form.search {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  header nav.navigation form.search {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  header nav.navigation form.search {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation form.search {
    float: left;
    width: 33.3333333333%;
  }
}
header nav.navigation div.facebook {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  header nav.navigation div.facebook {
    float: left;
    width: 4.1666666667%;
  }
}
@media (min-width: 992px) {
  header nav.navigation div.facebook {
    float: left;
    width: 4.1666666667%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation div.facebook {
    float: left;
    width: 4.1666666667%;
  }
}
header nav.navigation ul.twolevel-navigation {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  header nav.navigation ul.twolevel-navigation {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  header nav.navigation ul.twolevel-navigation {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation ul.twolevel-navigation {
    float: left;
    width: 100%;
  }
}
header nav.navigation ul.twolevel-navigation > li ul {
  /* multilevel-2 */
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li {
    float: left;
    width: 100%;
  }
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li > ul {
  margin-left: -10px;
  margin-right: -10px;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li > ul:before, header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li > ul:after {
  content: " ";
  display: table;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li > ul:after {
  clear: both;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li > ul {
  *zoom: 1;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 > li > ul li {
  /*@include make-sm-column(3); /* large dekstop */
  /*@include make-md-column(3); /* large dekstop */
  /*@include make-lg-column(3); /* large dekstop */
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet- phone*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* kleine dekstop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation {
    float: left;
    width: 50%;
  }
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet- phone*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* kleine dekstop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.navigation ul {
    float: left;
    width: 33.3333333333%;
  }
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.spotlight-menu {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 1200px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.spotlight-menu {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.spotlight-menu {
    float: left;
    width: 25%;
  }
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  header nav.navigation ul.twolevel-navigation > li ul.multilevel-2 li.overview-menu {
    float: left;
    width: 25%;
  }
}
header nav.navigation ul.twolevel-navigation div.submenu {
  /*@include make-lg-column(12);*/
}
header nav.navigation ul.twolevel-navigation div.row {
  width: 100%;
}
header div.usp-wrap {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  header div.usp-wrap {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  header div.usp-wrap {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  header div.usp-wrap {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  header nav.lang {
    position: relative;
    float: left;
    width: 75%;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* smartphone */
  }
}
header div.wrap-nav {
  position: relative;
  float: left;
  width: 16.6666666667%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
}
header nav.navigation-cart {
  position: relative;
  float: left;
  width: 41.6666666667%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
}
@media (max-width: 767px) {
  header nav.navigation-cart {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav.navigation-cart {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header nav.navigation-cart {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header nav.navigation-cart {
    display: none;
  }
}
@media (min-width: 1400px) {
  header nav.navigation-cart {
    display: none;
  }
}

/** MAATWERK **/
header section.container div.header-left {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  header section.container div.header-left {
    float: left;
    width: 20.8333333333%;
  }
}
@media (min-width: 992px) {
  header section.container div.header-left {
    float: left;
    width: 20.8333333333%;
  }
}
@media (min-width: 1200px) {
  header section.container div.header-left {
    float: left;
    width: 35.4166666667%;
  }
}
header section.container div.header-left a.logo {
  margin-left: -10px;
  margin-right: -10px;
}
header section.container div.header-left a.logo:before, header section.container div.header-left a.logo:after {
  content: " ";
  display: table;
}
header section.container div.header-left a.logo:after {
  clear: both;
}
header section.container div.header-left a.logo {
  *zoom: 1;
}
header section.container div.header-left a.logo figure,
header section.container div.header-left a.logo span {
  position: relative;
  float: left;
  width: 83.3333333333%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  header section.container div.header-left a.logo figure,
header section.container div.header-left a.logo span {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  header section.container div.header-left a.logo figure,
header section.container div.header-left a.logo span {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  header section.container div.header-left a.logo figure,
header section.container div.header-left a.logo span {
    float: left;
    width: 50%;
  }
}
header section.container div.header-right {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  header section.container div.header-right {
    float: left;
    width: 79.1666666667%;
  }
}
@media (min-width: 768px) {
  header section.container div.header-right {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  header section.container div.header-right {
    float: left;
    width: 75%;
  }
}
@media (min-width: 992px) {
  header section.container div.header-right {
    margin-left: 4.1666666667%;
  }
}
@media (min-width: 1200px) {
  header section.container div.header-right {
    float: left;
    width: 64.5833333333%;
  }
}
@media (min-width: 1200px) {
  header section.container div.header-right {
    margin-left: 0%;
  }
}
header section.container div.header-right div.usp-wrap {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) and (max-width: 880px) {
  header section.container div.header-right div.usp-wrap {
    position: relative;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* Calculate width based on number of columns available*/
  }
}
@media (min-width: 768px) and (max-width: 880px) and (min-width: 768px) {
  header section.container div.header-right div.usp-wrap {
    float: left;
    width: 62.5%;
  }
}
@media (min-width: 880px) and (max-width: 992px) {
  header section.container div.header-right div.usp-wrap {
    position: relative;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* Calculate width based on number of columns available*/
  }
}
@media (min-width: 880px) and (max-width: 992px) and (min-width: 768px) {
  header section.container div.header-right div.usp-wrap {
    float: left;
    width: 68.75%;
  }
}
@media (min-width: 992px) {
  header section.container div.header-right div.usp-wrap {
    float: left;
    width: 70.8333333333%;
  }
}
@media (min-width: 1200px) {
  header section.container div.header-right div.usp-wrap {
    float: left;
    width: 70.8333333333%;
  }
}
header section.container div.header-right div.usp-wrap ul {
  margin-left: -10px;
  margin-right: -10px;
}
header section.container div.header-right div.usp-wrap ul:before, header section.container div.header-right div.usp-wrap ul:after {
  content: " ";
  display: table;
}
header section.container div.header-right div.usp-wrap ul:after {
  clear: both;
}
header section.container div.header-right div.usp-wrap ul {
  *zoom: 1;
}
header section.container div.header-right div.usp-wrap ul li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
header section.container div.header-right section.mini-cart {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) and (max-width: 880px) {
  header section.container div.header-right section.mini-cart {
    position: relative;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* Calculate width based on number of columns available*/
  }
}
@media (min-width: 768px) and (max-width: 880px) and (min-width: 768px) {
  header section.container div.header-right section.mini-cart {
    float: left;
    width: 37.5%;
  }
}
@media (min-width: 880px) and (max-width: 992px) {
  header section.container div.header-right section.mini-cart {
    position: relative;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* Calculate width based on number of columns available*/
  }
}
@media (min-width: 880px) and (max-width: 992px) and (min-width: 768px) {
  header section.container div.header-right section.mini-cart {
    float: left;
    width: 31.25%;
  }
}
@media (min-width: 992px) {
  header section.container div.header-right section.mini-cart {
    float: left;
    width: 29.1666666667%;
  }
}
@media (min-width: 1200px) {
  header section.container div.header-right section.mini-cart {
    float: left;
    width: 29.1666666667%;
  }
}
header div.mobile-search {
  margin-left: -10px;
  margin-right: -10px;
}
header div.mobile-search:before, header div.mobile-search:after {
  content: " ";
  display: table;
}
header div.mobile-search:after {
  clear: both;
}
header div.mobile-search {
  *zoom: 1;
}
header div.mobile-search form.search {
  position: relative;
  float: left;
  width: 91.6666666667%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
}
header div.mobile-search div.facebook {
  position: relative;
  float: left;
  width: 8.3333333333%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
}

body.cart header a.logo {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 25%;
}
@media (max-width: 767px) {
  body.cart header a.logo {
    width: auto;
  }
  body.cart header a.logo img {
    max-width: 200px;
  }
}

/*****************************************************************************	PAGEHEAD  *********************************************************/
aside.pageleft {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  aside.pageleft {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  aside.pageleft {
    float: left;
    width: 25%;
  }
}
@media (max-width: 767px) {
  aside.pageleft nav.submenu {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  aside.pageleft nav.submenu {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  aside.pageleft nav.submenu {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  aside.pageleft nav.submenu {
    display: block;
  }
}
@media (min-width: 1400px) {
  aside.pageleft nav.submenu {
    display: block;
  }
}

@media (max-width: 767px) {
  nav.navigation-left {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.navigation-left {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  nav.navigation-left {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  nav.navigation-left {
    display: none;
  }
}
@media (min-width: 1400px) {
  nav.navigation-left {
    display: none;
  }
}

/*****************************************************************************	MODULES  *********************************************************/
/* ------------------------------------------------------------ START SLIDER*/
section.content {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 1200px) {
  section.content {
    float: left;
    width: 100%;
  }
}

/* INDEX  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START INDEX */
/* -------------------------------------------------------- START SLIDER*/
section.spotlight-large {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.spotlight-large {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  section.spotlight-large {
    float: left;
    width: 100%;
  }
}
section.spotlight-large.small {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.spotlight-large.small {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.spotlight-large.small {
    float: left;
    width: 66.6666666667%;
  }
}
@media (max-width: 767px) {
  section.spotlight-large {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.spotlight-large {
    display: none;
  }
}
section.spotlight-large ul.thumbs-pager li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.spotlight-large ul.thumbs-pager li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  section.spotlight-large ul.thumbs-pager li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.spotlight-large ul.thumbs-pager li {
    float: left;
    width: 16.6666666667%;
  }
}

section.wizard {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.wizard {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  section.wizard {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.wizard {
    float: left;
    width: 33.3333333333%;
  }
}

section.spotlight-large-tiles {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  section.spotlight-large-tiles {
    display: none !important;
  }
}

/* -------------------------------------------------------- START SPOTLIGHT | In de kijker naast de slider*/
section.spotlight {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* tablet - smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.spotlight {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  section.spotlight {
    float: left;
    width: 25%;
  }
}
section.spotlight div.shortdesc-block {
  display: none;
}
@media (max-width: 767px) {
  section.spotlight div.shortdesc-block {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.spotlight div.shortdesc-block {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.spotlight div.shortdesc-block {
    display: none;
  }
}

/* -------------------------------------------------------- START TEGEL VIEW */
/* -------------------------------------------------------- START CATEGORY OVERZICHT OP DE INDEX*/
ul.category-overview {
  margin-left: -10px;
  margin-right: -10px;
}
ul.category-overview:before, ul.category-overview:after {
  content: " ";
  display: table;
}
ul.category-overview:after {
  clear: both;
}
ul.category-overview {
  *zoom: 1;
}
ul.category-overview li {
  position: relative;
  float: left;
  width: 50%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* tablet - smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  ul.category-overview li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  ul.category-overview li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  ul.category-overview li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.category-overview li.hidden-li {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.category-overview li.hidden-li {
    display: none;
  }
}

/* -------------------------------------------------------- START INTRO*/
section.intro {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.intro {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  section.intro {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.intro {
    float: left;
    width: 45.8333333333%;
  }
}

/* -------------------------------------------------------- START INTRO*/
/* -------------------------------------------------------- START INTRO*/
section.fb-wrap {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.fb-wrap {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  section.fb-wrap {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.fb-wrap {
    float: left;
    width: 29.1666666667%;
  }
}

/* -------------------------------------------------------- START INTRO*/
/* -------------------------------------------------------- START USP*/
ul.usp {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  ul.usp {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  ul.usp {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  ul.usp {
    float: left;
    width: 25%;
  }
}
@media (max-width: 1199px) {
  ul.usp li {
    position: relative;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* Calculate width based on number of columns available*/
    position: relative;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* Calculate width based on number of columns available*/
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  ul.usp li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  ul.usp li {
    float: left;
    width: 33.3333333333%;
  }
}

/* -------------------------------------------------------- START USP*/
ul.brands-overview {
  margin-left: -10px;
  margin-right: -10px;
}
ul.brands-overview:before, ul.brands-overview:after {
  content: " ";
  display: table;
}
ul.brands-overview:after {
  clear: both;
}
ul.brands-overview {
  *zoom: 1;
}
ul.brands-overview li {
  position: relative;
  float: left;
  width: 33.3333333333%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  ul.brands-overview li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  ul.brands-overview li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  ul.brands-overview li {
    float: left;
    width: 8.3333333333%;
  }
}

/* PRODUCT OVERVIEW  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PRODUCT OVERVIEW  */
/* -------------------------------------------------------- START PRODUCT OVERZICHT*/
ul.product-overview {
  margin-left: -10px;
  margin-right: -10px;
}
ul.product-overview:before, ul.product-overview:after {
  content: " ";
  display: table;
}
ul.product-overview:after {
  clear: both;
}
ul.product-overview {
  *zoom: 1;
}
ul.product-overview li {
  position: relative;
  float: left;
  width: 50%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  ul.product-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  ul.product-overview li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  ul.product-overview li {
    float: left;
    width: 25%;
  }
}

/* CATEGORY OVERVIEW  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PRODUCT OVERVIEW  */
/* -------------------------------------------------------- START CATEGORY OVERZICHT*/
ul.subcategorie-overview {
  margin-left: -10px;
  margin-right: -10px;
}
ul.subcategorie-overview:before, ul.subcategorie-overview:after {
  content: " ";
  display: table;
}
ul.subcategorie-overview:after {
  clear: both;
}
ul.subcategorie-overview {
  *zoom: 1;
}
ul.subcategorie-overview li {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  ul.subcategorie-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  ul.subcategorie-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  ul.subcategorie-overview li {
    float: left;
    width: 33.3333333333%;
  }
}

nav.submenu {
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 767px) {
  nav.submenu {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.submenu {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  nav.submenu {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  nav.submenu {
    display: none;
  }
}
@media (min-width: 1400px) {
  nav.submenu {
    display: none;
  }
}
nav.submenu:before, nav.submenu:after {
  content: " ";
  display: table;
}
nav.submenu:after {
  clear: both;
}
nav.submenu {
  *zoom: 1;
}
nav.submenu ul {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
}

/* CATEGORY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START CATEGORY */
div.pageright {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  /* category omschrijving */
  /* filters bovenaan desktop */
  /* product-overzicht indien links */
  /* AANTAL PER PAGINA */
}
@media (min-width: 768px) {
  div.pageright {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  div.pageright {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  div.pageright {
    float: left;
    width: 75%;
  }
}
div.pageright.giftcard {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
div.pageright section.categorydesc {
  margin-left: -10px;
  margin-right: -10px;
}
div.pageright section.categorydesc:before, div.pageright section.categorydesc:after {
  content: " ";
  display: table;
}
div.pageright section.categorydesc:after {
  clear: both;
}
div.pageright section.categorydesc {
  *zoom: 1;
}
@media (max-width: 767px) {
  div.pageright section.categorydesc {
    display: none;
  }
}
div.pageright section.categorydesc figure {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  div.pageright section.categorydesc figure {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  div.pageright section.categorydesc figure {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  div.pageright section.categorydesc figure {
    float: left;
    width: 25%;
  }
}
div.pageright section.categorydesc figure img {
  width: 100%;
}
div.pageright section.categorydesc figure.banner {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
div.pageright section.categorydesc div.txt {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  div.pageright section.categorydesc div.txt {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  div.pageright section.categorydesc div.txt {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  div.pageright section.categorydesc div.txt {
    float: left;
    width: 75%;
  }
}
div.pageright section.categorydesc div.txt.large {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
div.pageright ul.product-overview {
  /*&.list
  {
      li
      {
          @include make-xs-column(12);
          @include make-sm-column(12);
          @include make-md-column(12);
          @include make-lg-column(12);

          @include breakpoint(col-sm-md)
          {
              @include make-xs-column(12);
          }
      }
  }*/
}
div.pageright ul.product-overview li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  div.pageright ul.product-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  div.pageright ul.product-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  div.pageright ul.product-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  div.pageright ul.product-overview li {
    position: relative;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* Calculate width based on number of columns available*/
    /* large dekstop */
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  div.pageright ul.product-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.pageright nav.number-pages a.showfilters {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  div.pageright nav.number-pages a.showfilters {
    display: none;
  }
}
@media (max-width: 767px) {
  div.pageright nav.number-pages ul li:first-child {
    display: none;
  }
}
@media (max-width: 767px) {
  div.pageright nav.number-pages ul.view li:first-child {
    display: block;
  }
}

/* PRODUCT DETAIL  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START PRODUCT DETAIL */
section.giftcard-wrap {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.giftcard-wrap {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  section.giftcard-wrap {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.giftcard-wrap {
    float: left;
    width: 66.6666666667%;
  }
}
section.giftcard-wrap section.product-images {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
section.giftcard-wrap section.product-data {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  section.giftcard-wrap div.mobile-giftcard {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.giftcard-wrap div.mobile-giftcard {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.giftcard-wrap div.mobile-giftcard {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.giftcard-wrap div.mobile-giftcard {
    display: none;
  }
}
@media (min-width: 1400px) {
  section.giftcard-wrap div.mobile-giftcard {
    display: none;
  }
}

aside.giftcard-pageright {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (max-width: 767px) {
  aside.giftcard-pageright {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  aside.giftcard-pageright {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  aside.giftcard-pageright {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  aside.giftcard-pageright {
    display: block;
  }
}
@media (min-width: 1400px) {
  aside.giftcard-pageright {
    display: block;
  }
}
@media (min-width: 768px) {
  aside.giftcard-pageright {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  aside.giftcard-pageright {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  aside.giftcard-pageright {
    float: left;
    width: 33.3333333333%;
  }
}
aside.giftcard-pageright section.product-data {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

/* -------------------------------------------------------- START PRODUCT IMAGES | foto's detail pagina*/
section.product-images {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
  /* thumbs */
}
@media (min-width: 768px) {
  section.product-images {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  section.product-images {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  section.product-images {
    float: left;
    width: 50%;
  }
}
section.product-images ul.thumbs-small {
  margin-left: -10px;
  margin-right: -10px;
}
section.product-images ul.thumbs-small:before, section.product-images ul.thumbs-small:after {
  content: " ";
  display: table;
}
section.product-images ul.thumbs-small:after {
  clear: both;
}
section.product-images ul.thumbs-small {
  *zoom: 1;
}
@media (max-width: 767px) {
  section.product-images ul.thumbs-small {
    display: none;
  }
}
section.product-images ul.thumbs-small li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.product-images ul.thumbs-small li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  section.product-images ul.thumbs-small li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  section.product-images ul.thumbs-small li {
    float: left;
    width: 25%;
  }
}

/* -------------------------------------------------------- START PRODUCT DATA | INFO RECHTS PRODUCT FOTO'S*/
section.product-data {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* large dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.product-data {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  section.product-data {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  section.product-data {
    float: left;
    width: 50%;
  }
}

/* -------------------------------------------------------- START PRODUCT EXTRA | SETS , OMSCHRIJVING, TECHINFO , REVIEWS, VERWANTE PRODUCTEN*/
section.product-extra {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
  /* review */
  /*ul.review {
    @include make-xs-column(12);
    @include make-sm-column(12);
    @include make-md-column(12);
    @include make-lg-column(12);
    li
    {
        @include make-row();

        div.left
        {
            @include make-xs-column(12);
            @include make-sm-column(2);
            @include make-md-column(2);
            @include make-lg-column(2);
        }

        div.right
        {
            @include make-xs-column(12);
            @include make-sm-column(10);
            @include make-md-column(10);
            @include make-lg-column(10);
        }
    }
  }*/
  /* SET*/
}
section.product-extra ul.overview-sets-link {
  margin-left: -10px;
  margin-right: -10px;
}
section.product-extra ul.overview-sets-link:before, section.product-extra ul.overview-sets-link:after {
  content: " ";
  display: table;
}
section.product-extra ul.overview-sets-link:after {
  clear: both;
}
section.product-extra ul.overview-sets-link {
  *zoom: 1;
}
section.product-extra ul.overview-sets-link > li ul.overview {
  margin-left: -10px;
  margin-right: -10px;
}
section.product-extra ul.overview-sets-link > li ul.overview:before, section.product-extra ul.overview-sets-link > li ul.overview:after {
  content: " ";
  display: table;
}
section.product-extra ul.overview-sets-link > li ul.overview:after {
  clear: both;
}
section.product-extra ul.overview-sets-link > li ul.overview {
  *zoom: 1;
}
section.product-extra ul.overview-sets-link > li ul.overview li {
  position: relative;
  float: left;
  width: 16.6666666667%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.product-extra ul.overview-sets-link > li ul.overview li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  section.product-extra ul.overview-sets-link > li ul.overview li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.product-extra ul.overview-sets-link > li ul.overview li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (max-width: 767px) {
  section.product-extra ul.overview-sets-link > li ul.overview li.buy-set,
section.product-extra ul.overview-sets-link > li ul.overview li div.set-configurator {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.product-extra ul.overview-sets-link > li ul.overview li.buy-set,
section.product-extra ul.overview-sets-link > li ul.overview li div.set-configurator {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.product-extra ul.overview-sets-link > li.price-info, section.product-extra ul.overview-sets-link > li.link {
    display: none;
  }
}
@media (min-width: 1400px) {
  section.product-extra ul.overview-sets-link > li.price-info, section.product-extra ul.overview-sets-link > li.link {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.product-extra ul.overview-sets-link > li.price-info, section.product-extra ul.overview-sets-link > li.link {
    display: none;
  }
}

/* gerelateerde producten */
section.relatedproducts {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
section.relatedproducts ul.product-overview li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.relatedproducts ul.product-overview li {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  section.relatedproducts ul.product-overview li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  section.relatedproducts ul.product-overview li {
    float: left;
    width: 25%;
  }
}

/* MAATWERK: PRODUCT DETAIL - DESIGNER TROLLBEADS */
section.designer div.image {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.designer div.image {
    float: left;
    width: 26.6666666667%;
  }
}
@media (min-width: 992px) {
  section.designer div.image {
    float: left;
    width: 26.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.designer div.image {
    float: left;
    width: 26.6666666667%;
  }
}
section.designer div.info {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.designer div.info {
    float: left;
    width: 73.3333333333%;
  }
}
@media (min-width: 992px) {
  section.designer div.info {
    float: left;
    width: 73.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.designer div.info {
    float: left;
    width: 73.3333333333%;
  }
}

/* MAATWERK: DESIGNER DETAIL */
section.content.designer div.image {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.content.designer div.image {
    float: left;
    width: 26.6666666667%;
  }
}
@media (min-width: 992px) {
  section.content.designer div.image {
    float: left;
    width: 26.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.content.designer div.image {
    float: left;
    width: 26.6666666667%;
  }
}
section.content.designer div.info {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* smartphone */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.content.designer div.info {
    float: left;
    width: 73.3333333333%;
  }
}
@media (min-width: 992px) {
  section.content.designer div.info {
    float: left;
    width: 73.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.content.designer div.info {
    float: left;
    width: 73.3333333333%;
  }
}

/* ITEM PAGINA + ALGEMENE TEXT>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START ITEM*/
section.content.content-text {
  /** NEWS OVERVIEW **/
}
section.content.content-text ul.news-overview li {
  margin-left: -10px;
  margin-right: -10px;
}
section.content.content-text ul.news-overview li:before, section.content.content-text ul.news-overview li:after {
  content: " ";
  display: table;
}
section.content.content-text ul.news-overview li:after {
  clear: both;
}
section.content.content-text ul.news-overview li {
  *zoom: 1;
}
section.content.content-text ul.news-overview li img {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.content.content-text ul.news-overview li img {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  section.content.content-text ul.news-overview li img {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  section.content.content-text ul.news-overview li img {
    float: left;
    width: 25%;
  }
}
@media (max-width: 767px) {
  section.content.content-text ul.news-overview li img {
    display: none;
  }
}
section.content.content-text ul.news-overview li div.right {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.content.content-text ul.news-overview li div.right {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  section.content.content-text ul.news-overview li div.right {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  section.content.content-text ul.news-overview li div.right {
    float: left;
    width: 75%;
  }
}
@media (max-width: 767px) {
  section.content.content-text ul.news-overview li div.right {
    position: relative;
    float: left;
    width: 100%;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* large dekstop */
  }
}
@media (max-width: 767px) {
  section.content.content-text section.news-text img {
    display: none;
  }
}

/** nav.socialmedia*/
nav.social-media {
  margin-left: -10px;
  margin-right: -10px;
}
nav.social-media:before, nav.social-media:after {
  content: " ";
  display: table;
}
nav.social-media:after {
  clear: both;
}
nav.social-media {
  *zoom: 1;
}
nav.social-media ul {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  nav.social-media ul {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  nav.social-media ul {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  nav.social-media ul {
    float: left;
    width: 100%;
  }
}

/* MEDIA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START MEDIA*/
section.media ul.images {
  margin-left: -10px;
  margin-right: -10px;
}
section.media ul.images:before, section.media ul.images:after {
  content: " ";
  display: table;
}
section.media ul.images:after {
  clear: both;
}
section.media ul.images {
  *zoom: 1;
}
section.media ul.images li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.media ul.images li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  section.media ul.images li {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.media ul.images li {
    float: left;
    width: 16.6666666667%;
  }
}

/* CONTACT >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START CONTACT*/
section.contact-info {
  margin-left: -10px;
  margin-right: -10px;
  /* -------------------------------------------------------- START ADDRESS*/
  /* -------------------------------------------------------- START CONTACT-FORM*/
  /* -------------------------------------------------------- START GOOGLE-MAPS*/
}
section.contact-info:before, section.contact-info:after {
  content: " ";
  display: table;
}
section.contact-info:after {
  clear: both;
}
section.contact-info {
  *zoom: 1;
}
section.contact-info div.left-wrap {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.contact-info div.left-wrap {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  section.contact-info div.left-wrap {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  section.contact-info div.left-wrap {
    float: left;
    width: 33.3333333333%;
  }
}
section.contact-info div.contact-form {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.contact-info div.contact-form {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  section.contact-info div.contact-form {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  section.contact-info div.contact-form {
    float: left;
    width: 41.6666666667%;
  }
}
section.contact-info div.google-maps {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* tablet - dekstop */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 768px) {
  section.contact-info div.google-maps {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  section.contact-info div.google-maps {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  section.contact-info div.google-maps {
    float: left;
    width: 25%;
  }
}

/*PRODUCT REVIEW >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PRODUCT REVIEW*/
/*section.add-review {
  @include make-row();

  section.review-text {
    @include make-xs-column(12);
    @include make-sm-column(6);
    @include make-md-column(6);
    @include make-lg-column(6);

    @include breakpoint(col-xs-to-sm) {
      @include make-xs-column(8);
    }
  }

  figure.review-figure {
    @include make-sm-column(6);
    @include make-md-column(4);
    @include make-lg-column(4);

    @include make-md-column-offset(2);
    @include make-lg-column-offset(2);

    @include breakpoint(col-xs) {
      display: none;
    }

    @include breakpoint(col-xs-to-sm) {
      @include make-xs-column(4);
      display: block;
    }

  }
}*/
/*LOGIN PAGINA >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> LOGIN PAGINA*/
section.content.login div.login-box {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  section.content.login div.login-box {
    width: 100%;
  }
}
section.content.login div.login-box div.text {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 990px) {
  section.content.login div.login-box div.text {
    width: 100%;
  }
}
section.content.login div.login-box figure {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (max-width: 767px) {
  section.content.login div.login-box figure {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.login div.login-box figure {
    display: none;
  }
}
@media (min-width: 992px) {
  section.content.login div.login-box figure {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  section.content.login div.login-box figure {
    float: left;
    width: 50%;
  }
}
section.content.login div.login-box:first-child {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  section.content.login div.login-box:first-child {
    width: 100%;
  }
}

/* QUESTION BLOK - CATEGORY >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  END SEARCH */
section.search-product-overview div.question {
  margin-left: -10px;
  margin-right: -10px;
}
section.search-product-overview div.question:before, section.search-product-overview div.question:after {
  content: " ";
  display: table;
}
section.search-product-overview div.question:after {
  clear: both;
}
section.search-product-overview div.question {
  *zoom: 1;
}
section.search-product-overview div.question div.info {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 66.6666666667%;
}
@media (max-width: 767px) {
  section.search-product-overview div.question div.info {
    width: 100%;
  }
}
section.search-product-overview div.question figure {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 33.3333333333%;
}
@media (max-width: 767px) {
  section.search-product-overview div.question figure {
    display: none;
  }
}

div.box-info-register {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

/*****************************************************************************	ACCOUNT  *********************************************************/
/* ------------------------------------------------------------ START GEGEVENS*/
section.addressinfo {
  margin-left: -10px;
  margin-right: -10px;
}
section.addressinfo:before, section.addressinfo:after {
  content: " ";
  display: table;
}
section.addressinfo:after {
  clear: both;
}
section.addressinfo {
  *zoom: 1;
}
section.addressinfo ul {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  section.addressinfo ul {
    width: 100%;
  }
}
section.addressinfo.addressbook ul {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

/* ------------------------------------------------------------ START MIJN BESTELLINGEN*/
section.order {
  margin-left: -10px;
  margin-right: -10px;
}
section.order:before, section.order:after {
  content: " ";
  display: table;
}
section.order:after {
  clear: both;
}
section.order {
  *zoom: 1;
}
section.order section.cart-extra section.total-table {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.order section.cart-extra section.total-table {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  section.order section.cart-extra section.total-table {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.order section.cart-extra section.total-table {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 768px) {
  section.order section.cart-extra section.total-table {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  section.order section.cart-extra section.total-table {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.order section.cart-extra section.total-table {
    margin-left: 8.3333333333%;
  }
}
section.order section.cart-extra section.address-info {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.order section.cart-extra section.address-info {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  section.order section.cart-extra section.address-info {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  section.order section.cart-extra section.address-info {
    float: left;
    width: 50%;
  }
}
section.order h1 {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
section.order h2.title {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
section.order ul.order-info {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

/* ------------------------------------------------------------ START ACCPRDION-ORDER*/
ul.accordion-order {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

/* ------------------------------------------------------------- START MASTER -- ACCOUNT */
@media (min-width: 992px) and (max-width: 1199px) {
  div.box-info {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  div.box-info {
    display: none;
  }
}

div.order-info-empty {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}

/*****************************************************************************	PAGEFOOT  *********************************************************/
footer {
  /* -------------------------------------------------------- SECTION.TOP*/
}
footer section.top {
  /*********** NAV.NAVIGATION-FOOTER **/
  /*********** FORM.NEWSLETTER **/
}
footer section.top section.wrap-foot-left {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 990px) {
  footer section.top section.wrap-foot-left {
    width: 100%;
  }
}
footer section.top section.wrap-foot-left address {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  footer section.top section.wrap-foot-left address {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  footer section.top section.wrap-foot-left address {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 1200px) {
  footer section.top section.wrap-foot-left address {
    float: left;
    width: 41.6666666667%;
  }
}
footer section.top section.wrap-foot-left div.openinghours {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  footer section.top section.wrap-foot-left div.openinghours {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  footer section.top section.wrap-foot-left div.openinghours {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 1200px) {
  footer section.top section.wrap-foot-left div.openinghours {
    float: left;
    width: 58.3333333333%;
  }
}
footer section.top div.service {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  footer section.top div.service {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  footer section.top div.service {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  footer section.top div.service {
    float: left;
    width: 25%;
  }
}
footer section.top nav.navigation-footer {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /*div.nav-wrap
  {
      @include make-xs-column(12);
      @include make-sm-column(6);
      @include make-md-column(6);
      @include make-lg-column(6);
  }*/
}
@media (min-width: 768px) {
  footer section.top nav.navigation-footer {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  footer section.top nav.navigation-footer {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  footer section.top nav.navigation-footer {
    float: left;
    width: 25%;
  }
}
footer section.top div.socialmedia {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  footer section.top div.socialmedia {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  footer section.top div.socialmedia {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  footer section.top div.socialmedia {
    float: left;
    width: 25%;
  }
}
footer section.top div.paymentmethods {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  footer section.top div.paymentmethods {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  footer section.top div.paymentmethods {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  footer section.top div.paymentmethods {
    float: left;
    width: 25%;
  }
}
footer section.top form.newsletter {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  footer section.top form.newsletter {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  footer section.top form.newsletter {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  footer section.top form.newsletter {
    float: left;
    width: 25%;
  }
}

/* PROJECT CSS | Hier staat alle css dat project afhankelijk is  en nodig om de standaard layout aan te passen naar het design voor de klant, deze scss heeft altijd de naam van de klant
*/
/*** ---------------------------------------->> START PROJECT SPECIFIEKE CSS ***/
/*Hier komt alle css die nodig is voor het aanpassen van de basis template naar het design voor de klant, die bestand heeft steed de naam van de klant*/
/*
	Header volledig aanpassen naar het voorstel
    Created on : 22-sep-2014, 15:12:51
    Author     : Ilse
*/
header {
  background: #f7f7f7;
  border-top: 3px solid #89be30;
  padding-bottom: 12px;
  position: relative;
  z-index: 999;
}
header section.top-part {
  /* logo part */
  /* nav top + usp + mini-cart */
}
@media (max-width: 767px) {
  header section.top-part {
    background: white;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 0 10px 0;
  }
  header section.top-part a.nav-link-mobile.top {
    margin-left: 0;
    padding-left: 0;
    width: 40px !important;
  }
  header section.top-part a.nav-link-mobile.top span {
    background: black;
    left: 0;
  }
  header section.top-part a.nav-link-mobile.top span:before, header section.top-part a.nav-link-mobile.top span:after {
    background: black;
  }
  header section.top-part a.nav-link-mobile.top.active {
    position: fixed;
    right: 0;
    top: 10px;
    z-index: 9999999;
  }
  header section.top-part a.nav-link-mobile.top.active span {
    background: white;
  }
  header section.top-part a.nav-link-mobile.top.active span:before, header section.top-part a.nav-link-mobile.top.active span:after {
    background: white;
  }
  header section.top-part a.nav-link-mobile.top.active:after {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  header section.top-part > .row {
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  header section.top-part > .row:before, header section.top-part > .row:after {
    content: none;
  }
}
header section.top-part div.header-left {
  padding-top: 25px;
  position: relative;
}
@media (max-width: 767px) {
  header section.top-part div.header-left {
    padding-left: 20px;
    padding-top: 15px;
    width: auto;
  }
}
header section.top-part div.header-left a.logo {
  max-width: 400px;
}
@media (max-width: 767px) {
  header section.top-part div.header-left a.logo {
    display: inline-block;
    margin: 0 0 0 10px;
    max-width: 100px;
    padding: 0;
    vertical-align: middle;
    width: 65%;
  }
}
header section.top-part div.header-left a.logo figure {
  border-right: 3px solid #89be30;
}
@media (max-width: 767px) {
  header section.top-part div.header-left a.logo figure {
    border: 0;
    float: left;
    padding-left: 0 !important;
    padding-right: 0px;
    padding-top: 0;
    text-align: left;
    width: 100%;
  }
  header section.top-part div.header-left a.logo figure img {
    display: block;
    float: left;
    max-width: 300px;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  header section.top-part div.header-left a.logo figure img {
    max-width: 200px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.top-part div.header-left a.logo {
    max-width: 183px;
    width: 100%;
  }
  header section.top-part div.header-left a.logo img {
    max-width: 163px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-left a.logo {
    margin-top: 12px;
    max-width: 140px;
    width: 100%;
  }
  header section.top-part div.header-left a.logo img {
    max-width: 115px;
    min-width: 115px;
    width: 100%;
  }
}
header section.top-part div.header-left a.logo span {
  bottom: 0;
  color: #666666;
  position: absolute;
  right: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.top-part div.header-left a.logo span {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-left a.logo span {
    display: none;
  }
}
@media (max-width: 767px) {
  header section.top-part div.header-left a.logo span {
    display: none;
  }
}
@media (max-width: 767px) {
  header section.top-part div.header-right {
    padding-top: 10px;
  }
}
header section.top-part div.header-right div.top {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  header section.top-part div.header-right div.top {
    display: none;
  }
}
header section.top-part div.header-right div.top div.wrap {
  float: right;
}
header section.top-part div.header-right div.top div.wrap div.nav-wrap {
  float: left;
}
header section.top-part div.header-right div.top div.wrap nav {
  float: left;
  padding: 10px 0;
}
header section.top-part div.header-right div.top div.wrap nav.lang {
  border-left: 1px solid #e8e8e8;
  padding-left: 10px;
}
header section.top-part div.header-right div.top div.wrap nav.lang ul li:first-child {
  border: none;
}
header section.top-part div.header-right div.top div.wrap nav.lang ul li a,
header section.top-part div.header-right div.top div.wrap nav.lang ul li span {
  color: gray;
  padding: 0 5px;
  text-transform: uppercase;
}
header section.top-part div.header-right div.top div.wrap nav.lang ul li span {
  color: #666666;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li {
  border-left: 0;
  position: relative;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li img {
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li a {
  display: inline-block;
  vertical-align: middle;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li span.loggedin {
  background: url(../images/css/icon-user.png) no-repeat left center;
  padding-left: 20px;
  padding-right: 30px;
  position: relative;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li span.loggedin:after {
  background: url(../images/css/arrow-customerzone.png) no-repeat center center;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 15px;
  top: 5px;
  width: 10px;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li span.loggedin:hover, header section.top-part div.header-right div.top div.wrap nav.customerzone ul li span.loggedin:focus {
  cursor: pointer;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li ul {
  display: none;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:hover ul, header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:focus ul {
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
  border-top: 0;
  display: block;
  left: 0;
  position: absolute;
  z-index: 999999;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:hover ul li, header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:focus ul li {
  border-top: 1px solid #e6e6e6;
  float: left;
  width: 100%;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:hover ul li:first-child, header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:focus ul li:first-child {
  border-top: 0;
}
header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:hover ul li a, header section.top-part div.header-right div.top div.wrap nav.customerzone ul li:focus ul li a {
  display: block;
  padding: 5px 10px;
  width: 100%;
}
header section.top-part div.header-right div.top div.wrap nav ul li {
  background: none;
  border-left: 1px solid #e8e8e8;
  float: left;
  list-style: none;
  padding: 0;
}
header section.top-part div.header-right div.top div.wrap nav ul li a,
header section.top-part div.header-right div.top div.wrap nav ul li span {
  color: #666666;
  display: block;
  font: 200 1.3em/13px "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 0 13px 0 0;
  text-decoration: none;
}
header section.top-part div.header-right div.top div.wrap nav ul li a:hover, header section.top-part div.header-right div.top div.wrap nav ul li a:focus,
header section.top-part div.header-right div.top div.wrap nav ul li span:hover,
header section.top-part div.header-right div.top div.wrap nav ul li span:focus {
  color: black;
}
header section.top-part div.header-right div.top div.wrap nav ul li a img,
header section.top-part div.header-right div.top div.wrap nav ul li span img {
  display: inline-block;
  vertical-align: middle;
}
header section.top-part div.header-right div.top div.wrap nav ul li a strong,
header section.top-part div.header-right div.top div.wrap nav ul li span strong {
  display: inline-block;
  font-weight: 200;
  padding-left: 2px;
  vertical-align: middle;
}
header section.top-part div.header-right div.bottom {
  float: left;
  padding-top: 16px;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.top-part div.header-right div.bottom {
    padding-top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-right div.bottom {
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  header section.top-part div.header-right div.bottom {
    padding: 0;
  }
  header section.top-part div.header-right div.bottom .row {
    display: -webkit-box;
    display: flex;
  }
}
header section.top-part div.header-right div.bottom form.search {
  position: relative;
  width: 75%;
  z-index: 999;
}
@media (max-width: 767px) {
  header section.top-part div.header-right div.bottom form.search {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-right div.bottom form.search {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.top-part div.header-right div.bottom form.search {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header section.top-part div.header-right div.bottom form.search {
    display: block;
  }
}
@media (min-width: 1400px) {
  header section.top-part div.header-right div.bottom form.search {
    display: block;
  }
}
header section.top-part div.header-right div.bottom form.search div.wrap-search {
  float: left;
  position: relative;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li {
  border: 1px solid #e6e6e6;
  float: left;
  position: relative;
  width: auto;
  z-index: 999999;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li img.search-loader {
  position: absolute;
  right: 45px;
  top: 8px;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.input {
  border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 60%;
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.input {
    width: 50%;
  }
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.input input[type=search], header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.input input[type=text] {
  border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 0;
  height: 38px;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.search-categories {
  background: white;
  border-left: 0px;
  border-right: 0px;
  height: 40px;
  position: relative;
  width: 25%;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.search-categories:before {
  color: black;
  content: "\F107";
  font: 400 22px/1 "FontAwesome";
  margin-top: -9px;
  position: absolute;
  right: 12px;
  top: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.search-categories {
    width: 30%;
  }
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.search-categories a {
  color: #666666;
  display: block;
  font: 300 1.3em/40px "Open Sans", Arial, Helvetica, Sans-serif;
  height: 100%;
  padding-left: 10%;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.search-categories ul {
  background: white;
  border: 1px solid #e6e6e6;
  border-top: 0px;
  display: none;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.search-categories ul li {
  border: 0px;
  border-top: 1px solid #e6e6e6;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn {
  border-radius: 0px 5px 5px 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: 15%;
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn {
    width: 20%;
  }
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn input[type=submit], header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn input[type=button],
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn button[type=submit],
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn button[type=button] {
  background-color: #f2f2f2;
  border: 0;
  font: 700 1.3em/13px "Open Sans", Arial, Helvetica, Sans-serif;
  height: 38px;
  text-transform: uppercase;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn input[type=submit] .searchtext, header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn input[type=button] .searchtext,
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn button[type=submit] .searchtext,
header section.top-part div.header-right div.bottom form.search div.wrap-search ul > li.btn button[type=button] .searchtext {
  margin-left: 15px;
}
header section.top-part div.header-right div.bottom form.search.form-search-en div.wrap-search ul > li.input, header section.top-part div.header-right div.bottom form.search.form-search-fr div.wrap-search ul > li.input {
  width: 57%;
}
header section.top-part div.header-right div.bottom form.search.form-search-en div.wrap-search ul > li.search-categories, header section.top-part div.header-right div.bottom form.search.form-search-fr div.wrap-search ul > li.search-categories {
  width: 35%;
}
header section.top-part div.header-right div.bottom form.search.form-search-en div.wrap-search ul > li.btn, header section.top-part div.header-right div.bottom form.search.form-search-fr div.wrap-search ul > li.btn {
  width: 8%;
}
header section.top-part div.header-right div.bottom form.search.form-search-en div.wrap-search ul > li.btn .searchtext, header section.top-part div.header-right div.bottom form.search.form-search-fr div.wrap-search ul > li.btn .searchtext {
  display: none;
}
header section.top-part div.header-right div.bottom form.search div.suggestion {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: black 0px 2px 8px -5px;
  background: white;
  padding-top: 5px;
  position: absolute;
  top: 34px;
  width: 100%;
  z-index: 999998;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products {
  border-top: 1px solid #e6e6e6;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories {
  background-color: #f2f2f2;
  float: left;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dt,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dt {
  float: left;
  font-weight: 700;
  padding: 10px;
  width: 30%;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd {
  background: white;
  float: left;
  width: 70%;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview {
  background: white;
  border-left: 2px solid #e6e6e6;
  margin: 0;
  min-height: 41px;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a {
  border: 0;
  float: left;
  padding: 10px;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a figure,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a figure {
  float: left;
  padding: 0;
  width: 50px;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a h3,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a h3 {
  display: table-cell;
  height: 50px;
  padding-left: 10px;
  vertical-align: middle;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a:hover, header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a:focus,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a:hover,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a:focus {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #f2f2f2;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a:hover h3, header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a:focus h3,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a:hover h3,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a:focus h3 {
  color: #666666;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a:hover figure img, header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd ul.product-overview li a:focus figure img,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a:hover figure img,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a:focus figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.products dd div.suggest,
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd div.suggest {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories {
  background-color: #f2f2f2;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dt {
  border-top: 1px solid #e6e6e6;
  border-top-width: 2px;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview {
  border-top: 1px solid #e6e6e6;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a {
  padding: 10px;
}
header section.top-part div.header-right div.bottom form.search div.suggestion dl.categories dd ul.product-overview li a h3 {
  height: 20px;
}
header section.top-part div.header-right div.bottom form.search div.suggestion a.view-all {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #89be30;
  border-top: 1px solid #e6e6e6;
  color: white;
  float: left;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
header section.top-part div.header-right div.bottom form.search div.suggestion a.view-all span {
  /*background: url('../images/css/arrow-right.png')no-repeat right 60%;
  background-size: 5px;
  padding-right: 15px;*/
}
header section.top-part div.header-right div.bottom form.search div.suggestion a.view-all:hover, header section.top-part div.header-right div.bottom form.search div.suggestion a.view-all:focus {
  background: #4d4d4d;
}
header section.top-part div.header-right div.bottom section.mini-cart {
  float: right;
  height: 40px;
  margin-top: 0;
  padding-left: 20px;
  padding-top: 0;
  width: 25%;
  /*section.icon
  {
      @include border-radius(50%);
      background: url(../images/css/icon-mini-cart.png) no-repeat center center $maincolor;
      height: 34px;
      display: inline-block;
      vertical-align: middle;
      width: 34px;

      span.number
      {
          display: none;
      }
  }*/
  /*section.cart-info
  {
      display: inline-block;
      max-width: 75%;
      padding-left: 8px;
      min-width: 75%;
      vertical-align: middle;

      span.btn-dropdown
      {
          background: url('../images/css/icon-cart-dropdown.png') no-repeat center center;
          display: block;
          height: 7px;
          position: absolute;
          bottom: 2px;
          right: 10px;
          width: 10px;
      }

      strong
      {
          display: block;
          text-align: jusify;
          width: 100%;
      }

      ul
      {
          li
          {
              text-transform: none;
          }
      }
  }*/
}
@media (max-width: 767px) {
  header section.top-part div.header-right div.bottom section.mini-cart {
    padding-left: 10px;
    padding-right: 10px;
    width: 50px;
  }
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #4d4d4d;
  color: white;
  font: 700 1.5em/40px "Open Sans", Arial, Helvetica, Sans-serif;
  height: 100%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn:before {
  color: white;
  content: "\F107";
  font: 400 22px/1 "FontAwesome";
  margin-top: -10px;
  position: absolute;
  right: 12px;
  top: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-right div.bottom section.mini-cart a.btn {
    font-size: 1.3em;
  }
  header section.top-part div.header-right div.bottom section.mini-cart a.btn:before {
    right: 5px;
  }
}
@media (max-width: 767px) {
  header section.top-part div.header-right div.bottom section.mini-cart a.btn {
    background: white;
    border: 0;
  }
  header section.top-part div.header-right div.bottom section.mini-cart a.btn:before {
    content: none;
  }
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn.empty {
  background-image: none;
  cursor: default;
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn.empty:hover, header section.top-part div.header-right div.bottom section.mini-cart a.btn.empty:focus {
  background-color: #4d4d4d;
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn span.text {
  display: block;
  padding-right: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  header section.top-part div.header-right div.bottom section.mini-cart a.btn span.text {
    color: #89be30;
    font-size: 20px;
    padding: 0;
  }
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn span.text .innertext {
  margin-left: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.top-part div.header-right div.bottom section.mini-cart a.btn span.text .innertext {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  header section.top-part div.header-right div.bottom section.mini-cart a.btn span.text .innertext {
    display: none;
  }
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn span.number {
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #a1d24f;
  font: 400 0.8em/20px "Open Sans", Arial, Helvetica, Sans-serif;
  height: 20px;
  position: absolute;
  right: 4px;
  top: -6px;
  width: 20px;
}
header section.top-part div.header-right div.bottom section.mini-cart a.btn:hover, header section.top-part div.header-right div.bottom section.mini-cart a.btn:focus {
  background-color: #333333;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown {
  /*@include box-shadow($dark,0px,2px,8px,-5px);*/
  right: 10px;
  width: 360px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: black 0px 1px 7px -5px;
  background: white;
  border: 1px solid #e6e6e6;
  padding: 0;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap strong.title-dropdown,
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li a div.right strong,
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li a div.right span,
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li strong,
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li span {
  color: black;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li a:hover div.right strong,
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li a:hover div.right span, header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li a:focus div.right strong,
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul li a:focus div.right span {
  color: #89be30;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap a.btn {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #6c9526 0 4px 0 0;
  background: #89be30;
  float: right;
  margin-bottom: 5px;
  padding: 15px 0;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap a.btn:hover, header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap a.btn:focus {
  box-shadow: #668d24 0 4px 0 0;
  background: #83b62e;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap a.btn:active {
  box-shadow: #5d8121 0 2px 0 0;
  background: #7aaa2b;
  margin-bottom: 3px;
  margin-top: 2px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap strong.title-dropdown {
  background: white;
  border-bottom-color: #d9d9d9;
  color: #89be30;
  margin: 0;
  padding: 15px;
  text-align: right;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap:before {
  border-bottom-color: #e6e6e6;
  border-width: 12px;
  left: auto;
  right: 18px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap:after {
  border: solid transparent;
  border-bottom-color: white;
  border-color: rgba(194, 225, 245, 0);
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 20px;
  width: 0;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview {
  float: left;
  padding: 25px 30px;
  width: 100%;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li {
  border: 0;
  margin-top: 15px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a {
  padding: 0;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a img {
  border: 1px solid #d9d9d9;
  width: 100px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right {
  padding-left: 30px;
  width: 60%;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right strong {
  color: #535353;
  margin-bottom: 5px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right span {
  color: #737373;
  margin-bottom: 5px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right span.quantity {
  font: 300 1.4em/1em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 0;
  margin-top: 10px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li a div.right span.quantity strong {
  display: inline;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-overview li:first-child {
  margin-top: 0;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total {
  background: #f3f3f3;
  border-top: 1px solid #d9d9d9;
  padding: 25px 35px 20px 35px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li {
  border-top: 1px solid #d9d9d9;
  margin-top: 10px;
  padding: 0;
  padding-top: 10px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li:first-child {
  border-top: 0;
  margin: 0;
  padding: 0;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li span {
  color: #535353;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap ul.mini-cart-total li strong {
  color: #89be30;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap div.btn-wrap {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f3f3f3;
  border: 0;
  margin-top: 0;
  padding: 0 30px 20px 30px;
}
header section.top-part div.header-right div.bottom section.mini-cart section.mini-cart-dropdown div.wrap div.btn-wrap a.btn {
  padding: 20px 0;
  text-transform: none;
  width: 100%;
}
header nav.navigation {
  /*div.facebook
  {
      @include breakpoint(col-sm)
      {
          padding-left: 0;
      }
      a
      {
          background: url(../images/css/icon-facebook.png) no-repeat left 13px;
          display: block;
          height: 45px;
          min-width: 15px;

          text-indent: -9999px;
          width: 100%;
      }
  }*/
}
header nav.navigation div.wrap {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #4d4d4d;
  border-bottom: 5px solid #333333;
  float: left;
  height: 45px;
  margin-top: 25px;
  width: 100%;
}
@media (max-width: 767px) {
  header nav.navigation div.wrap {
    border: 0;
    border-radius: 0;
    height: auto;
    margin: 0;
  }
}
header nav.navigation ul.twolevel-navigation {
  padding-right: 0;
}
header nav.navigation ul.twolevel-navigation > li {
  border-left: 1px solid #333333;
  border-right: 1px solid #666666;
  margin: 0;
  padding: 0;
}
header nav.navigation ul.twolevel-navigation > li.multilevel-parent {
  position: relative !important;
}
header nav.navigation ul.twolevel-navigation > li div.submenu {
  /*top: -5px;*/
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 {
  box-shadow: #e6e6e6 0px 2px 1px 1px;
  border: 0;
  padding: 20px 0px;
  width: 500px;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li {
  margin: 0;
  padding: 0;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li div.columndivider ul.column {
  border-left: 1px solid #e6e6e6;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li div.columndivider.first ul.column {
  border: none;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li div.column.last {
  border-left: 1px solid #e6e6e6;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li div.column ul {
  width: 100%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li div.column ul li {
  margin: 0 !important;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul {
  border-left: 1px solid #e6e6e6;
  float: left;
  margin: 0px;
  padding: 0 20px;
  width: 50%;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul:first-child {
  border-left: 0;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul li {
  height: auto;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul li a {
  background: none !important;
  border: none;
  color: #737373;
  display: block;
  height: auto;
  text-transform: none;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul li a.view-more {
  color: black;
  padding-top: 10px;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul li a.view-more:hover, header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul li a.view-more:focus {
  color: #89be30;
}
header nav.navigation ul.twolevel-navigation > li ul.multilevel-1 li ul li.title {
  margin-bottom: 5px;
}
header nav.navigation ul.twolevel-navigation > li:last-child:after {
  border-right: 1px solid #333333;
  content: "";
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
header nav.navigation ul.twolevel-navigation > li.active > a {
  background: #89be30;
  border-bottom: 5px solid #6c9526;
  color: white;
  height: 45px;
}
header nav.navigation ul.twolevel-navigation > li:first-child {
  border-left: 0;
}
header nav.navigation ul.twolevel-navigation > li:first-child > a {
  border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
header nav.navigation ul.twolevel-navigation > li:hover a, header nav.navigation ul.twolevel-navigation > li:focus a {
  background: white;
  border-bottom: 5px solid white;
  color: #4d4d4d;
  height: 45px;
}
header nav.navigation ul.twolevel-navigation > li.home > a {
  position: relative;
}
header nav.navigation ul.twolevel-navigation > li.home > a:before {
  color: white;
  content: "\F015";
  font: 400 22px/1 "FontAwesome";
  left: 50%;
  margin-left: -8px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
@media (max-width: 767px) {
  header nav.navigation ul.twolevel-navigation > li.home > a:before {
    content: none;
  }
}
header nav.navigation ul.twolevel-navigation > li.home > a span {
  display: none;
}
@media (max-width: 767px) {
  header nav.navigation ul.twolevel-navigation > li.home > a span {
    border: 0 !important;
    display: block;
    padding: 0 !important;
  }
  header nav.navigation ul.twolevel-navigation > li.home > a span:before {
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav.navigation ul.twolevel-navigation > li.home > a {
    padding: 0 20px;
  }
  header nav.navigation ul.twolevel-navigation > li.home > a:before {
    margin-left: -14px;
  }
}
header nav.navigation ul.twolevel-navigation > li.home > a:hover:before, header nav.navigation ul.twolevel-navigation > li.home > a:focus:before {
  color: #666666;
}
header nav.navigation ul.twolevel-navigation > li.hover:hover a, header nav.navigation ul.twolevel-navigation > li.hover:focus a, header nav.navigation ul.twolevel-navigation > li.home:hover a, header nav.navigation ul.twolevel-navigation > li.home:focus a {
  border-bottom: 5px solid #e6e6e6;
}
header nav.navigation ul.twolevel-navigation > li > a {
  color: white;
  display: block;
  height: 40px;
  padding: 0 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  header nav.navigation ul.twolevel-navigation > li > a {
    padding: 0 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav.navigation ul.twolevel-navigation > li > a {
    padding: 0 13px;
  }
}
header nav.navigation ul.twolevel-navigation > li > a:hover, header nav.navigation ul.twolevel-navigation > li > a:focus {
  background: white;
  border-bottom: 5px solid white;
  color: #4d4d4d;
  height: 45px;
}
header ul.usp-top {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  header ul.usp-top {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header ul.usp-top {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header ul.usp-top {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header ul.usp-top {
    display: block;
  }
}
@media (min-width: 1400px) {
  header ul.usp-top {
    display: block;
  }
}
header ul.usp-top li {
  float: left;
  list-style: none;
  padding-top: 12px;
  /*padding: 12px 2% 0 2%;*/
  text-align: center;
  /*@include breakpoint(col-sm)
  {
      border-left:$border;

      &:first-child
          {
          border-left:0px;
      }
  }*/
  /*@include breakpoint(col-sm-msm)
  {
      padding: 0 10px;
  }*/
  /*@include breakpoint(col-md)
  {
      &:first-child
          {
          border-left: 0;
      }
  }

  @include breakpoint(col-sm)
  {
      &:first-child
          {
          border-left: 0;
      }
  }

  &:last-child
      {
      border-right: 1px solid darken($light,9%);
  }*/
}
header ul.usp-top li img {
  display: inline-block;
  max-width: 36px;
  vertical-align: top;
  /*vertical-align: middle;*/
}
@media (min-width: 768px) and (max-width: 991px) {
  header ul.usp-top li img {
    display: none;
  }
}
header ul.usp-top li a {
  display: block;
  text-decoration: none;
}
header ul.usp-top li a strong,
header ul.usp-top li a span {
  color: #666666;
}
header ul.usp-top li div.info {
  color: #666666;
  display: inline-block;
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  /*max-width: 80%;*/
  padding-left: 12px;
  vertical-align: middle;
}
header ul.usp-top li div.info strong {
  font-size: 1em;
}
@media (min-width: 768px) and (max-width: 991px) {
  header ul.usp-top li div.info {
    max-width: 100%;
    padding-left: 0;
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header ul.usp-top li div.info {
    max-width: 75%;
  }
}
header ul.usp-top.parts1 {
  width: 50%;
}
header ul.usp-top.parts1 li {
  width: 100%;
}
header ul.usp-top.parts2 {
  width: 70%;
}
header ul.usp-top.parts2 li {
  width: 50%;
}
header ul.usp-top.parts3 {
  width: 85%;
}
header ul.usp-top.parts3 li {
  width: 33%;
}
header section.container.mobille-search {
  margin-top: 10px;
  min-width: 0;
  padding: 0 10px;
}
@media (max-width: 767px) {
  header section.container.mobille-search {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header section.container.mobille-search {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header section.container.mobille-search {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  header section.container.mobille-search {
    display: none;
  }
}
@media (min-width: 1400px) {
  header section.container.mobille-search {
    display: none;
  }
}
header section.container.mobille-search form.search {
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  width: 100%;
}
header section.container.mobille-search form.search div.wrap-search {
  float: left;
  position: relative;
  width: 100%;
}
header section.container.mobille-search form.search ul li {
  position: relative;
  z-index: 999999;
}
header section.container.mobille-search form.search ul li input[type=search], header section.container.mobille-search form.search ul li input[type=text] {
  border-radius: 20px 0 0 20px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 0;
  height: 40px;
  padding-left: 20px;
  width: 80%;
}
header section.container.mobille-search form.search ul li button[type=submit], header section.container.mobille-search form.search ul li button[type=button] {
  border-radius: 0px 20px 20px 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: white;
  border: 0;
  height: 40px;
  width: 20%;
}
header section.container.mobille-search form.search ul li button[type=submit] i, header section.container.mobille-search form.search ul li button[type=button] i {
  color: #333333;
  font-size: 26px;
}
header section.container.mobille-search form.search ul li img.search-loader {
  position: absolute;
  right: 45px;
  top: 8px;
}
header section.container.mobille-search form.search div.suggestion {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: black 0px 2px 8px -5px;
  background: white;
  padding-top: 5px;
  position: absolute;
  top: 25px;
  width: 100%;
  z-index: 999998;
}
header section.container.mobille-search form.search div.suggestion dl.products {
  border-top: 1px solid #e6e6e6;
}
header section.container.mobille-search form.search div.suggestion dl.products,
header section.container.mobille-search form.search div.suggestion dl.categories {
  background-color: #f2f2f2;
  float: left;
  width: 100%;
}
header section.container.mobille-search form.search div.suggestion dl.products dt,
header section.container.mobille-search form.search div.suggestion dl.categories dt {
  float: left;
  font-weight: 700;
  padding: 10px;
  width: 30%;
}
header section.container.mobille-search form.search div.suggestion dl.products dd,
header section.container.mobille-search form.search div.suggestion dl.categories dd {
  background: white;
  float: left;
  width: 70%;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview {
  background: white;
  border-left: 2px solid #e6e6e6;
  margin: 0;
  min-height: 41px;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a {
  border: 0;
  float: left;
  padding: 10px;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a figure,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a figure {
  float: left;
  padding: 0;
  width: 50px;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a h3,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a h3 {
  display: table-cell;
  height: 50px;
  padding-left: 10px;
  vertical-align: middle;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a:hover, header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a:focus,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a:hover,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a:focus {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #f2f2f2;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a:hover h3, header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a:focus h3,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a:hover h3,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a:focus h3 {
  color: #666666;
}
header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a:hover figure img, header section.container.mobille-search form.search div.suggestion dl.products dd ul.product-overview li a:focus figure img,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a:hover figure img,
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a:focus figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
header section.container.mobille-search form.search div.suggestion dl.products dd div.suggest,
header section.container.mobille-search form.search div.suggestion dl.categories dd div.suggest {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
}
header section.container.mobille-search form.search div.suggestion dl.categories {
  background-color: #f2f2f2;
}
header section.container.mobille-search form.search div.suggestion dl.categories dt {
  border-top: 1px solid #e6e6e6;
  border-top-width: 2px;
}
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview {
  border-top: 1px solid #e6e6e6;
}
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a {
  padding: 10px;
}
header section.container.mobille-search form.search div.suggestion dl.categories dd ul.product-overview li a h3 {
  height: 20px;
}
header section.container.mobille-search form.search div.suggestion a.view-all {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #89be30;
  border-top: 1px solid #e6e6e6;
  color: white;
  float: left;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
header section.container.mobille-search form.search div.suggestion a.view-all span {
  /*background: url('../images/css/arrow-right.png')no-repeat right 60%;
  background-size: 5px;
  padding-right: 15px;*/
}
header section.container.mobille-search form.search div.suggestion a.view-all:hover, header section.container.mobille-search form.search div.suggestion a.view-all:focus {
  background: #4d4d4d;
}
header section.container.mobille-search div.facebook a {
  background: url(../images/css/icon-facebook-hover.png) no-repeat center center;
  display: block;
  height: 40px;
  min-width: 15px;
  text-indent: -9999px;
  width: 100%;
}
@media (max-width: 767px) {
  header {
    background: #89be30;
    margin-bottom: 10px !important;
    padding-bottom: 10px;
  }
  header section.mini-cart {
    margin-top: 0;
    /*padding-left: 20px;*/
    padding-top: 0px;
    text-align: right;
  }
  header section.mini-cart a {
    /*border: 0;
    padding: 0;
    margin: 0;*/
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #4d4d4d;
    /*background: $fourthcolor url('../images/css/arrow-bottom-white.png') no-repeat 90% center;*/
    color: white;
    font: 700 1.5em/40px "Open Sans", Arial, Helvetica, Sans-serif;
    /*height:100%;*/
    height: 40px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  header section.mini-cart a {
    font-size: 1.3em;
  }
}
@media (max-width: 767px) {
  header section.mini-cart a.empty {
    /*background-image:none;*/
    cursor: default;
  }
}
@media (max-width: 767px) {
  header section.mini-cart section.cart-info {
    display: none !important;
  }
}
@media (max-width: 767px) {
  header section.mini-cart section.mini-cart-dropdown {
    display: none !important;
  }
}
.cart header {
  background: white;
}
.cart header figure.trollbeads img {
  height: 70px;
  width: auto;
}

@media (max-width: 767px) {
  body.cart div.help {
    text-align: center;
  }
  body.cart div.help div.wrap {
    float: left;
    text-align: center;
    width: 100%;
  }
  body.cart div.help div.wrap span,
body.cart div.help div.wrap strong {
    float: none;
  }
}

section.content-wrapper {
  float: left;
  width: 100%;
}

section.content.home-slider {
  margin-bottom: 30px;
}

section.spotlight-large {
  padding-right: 4px !important;
}
section.spotlight-large div.wrap {
  border: 0;
}
section.spotlight-large div.wrap ul.slider li {
  height: 100%;
}
section.spotlight-large div.wrap ul.slider li img {
  height: 100%;
  width: auto;
}
section.spotlight-large div.wrap div.bx-pager {
  left: initial;
  right: 25px;
  width: auto;
}
section.spotlight-large div.wrap div.bx-pager div.bx-pager-item a {
  background: none;
  border: 2px solid white;
  height: 13px;
  width: 13px;
}
section.spotlight-large div.wrap div.bx-pager div.bx-pager-item a.active {
  background: white;
}

section.wizard {
  padding-left: 0;
  position: relative;
  z-index: 2;
}
section.wizard form.wizard-form {
  background: #009bd3;
  float: left;
  padding: 30px 40px;
  width: 100%;
}
section.wizard form.wizard-form ul li {
  border-top: 1px solid #07bdff;
  float: left;
  list-style: none;
  padding: 15px 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.wizard form.wizard-form ul li {
    border: 0;
    padding-left: 20px;
    width: 50%;
  }
  section.wizard form.wizard-form ul li.last {
    border-top: 1px solid #07bdff !important;
    padding-left: 20px !important;
    padding-top: 15px !important;
  }
  section.wizard form.wizard-form ul li:first-child {
    border-bottom: 1px solid #07bdff;
    width: 100%;
  }
  section.wizard form.wizard-form ul li.check {
    border-top: 1px solid #07bdff;
    padding-top: 15px;
  }
  section.wizard form.wizard-form ul li.first {
    padding-left: 0;
    padding-right: 20px;
  }
}
section.wizard form.wizard-form ul li:first-child {
  border-top: 0;
  padding-top: 0;
}
section.wizard form.wizard-form ul li.last {
  border: 0;
  padding: 0;
}
section.wizard form.wizard-form ul li.active {
  z-index: 2;
}
section.wizard form.wizard-form ul li strong {
  color: white;
  float: left;
  padding-bottom: 5px;
  text-align: center;
  width: 100%;
}
section.wizard form.wizard-form ul li div.scroll-bar.vertical {
  right: 20px !important;
}
section.wizard form.wizard-form ul li ul {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: white;
  border: white;
  float: left;
  height: 240px;
  margin-top: -10px;
  padding: 30px 0 15px 0;
  position: absolute;
  top: 40px;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
section.wizard form.wizard-form ul li ul.open {
  visibility: visible;
}
section.wizard form.wizard-form ul li ul li {
  border: 0;
  float: left;
  padding: 0;
}
section.wizard form.wizard-form ul li ul li a {
  background: url(../images/css/checkbox.png) no-repeat 20px center;
  color: #666666;
  display: block;
  font: 200 1.4em/18px "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 5px 20px 5px 50px;
  text-decoration: none;
}
section.wizard form.wizard-form ul li ul li a:hover, section.wizard form.wizard-form ul li ul li a:focus {
  background-image: url(../images/css/checkbox-hover.png);
}
section.wizard form.wizard-form ul li ul li a b {
  font-weight: 700;
}
section.wizard form.wizard-form ul li input[type=text] {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: url(../images/css/icon-search.png) no-repeat 95% center white;
  border: 0;
  color: #666666;
  float: left;
  font: 200 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  height: 40px;
  padding: 0 20px;
  position: relative;
  width: 100%;
  z-index: 2;
}
section.wizard form.wizard-form ul li input[type=text]:focus {
  color: black;
}
section.wizard form.wizard-form ul li input[type=checkbox] {
  height: 25px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 25px;
}
@media (max-width: 767px) {
  section.wizard form.wizard-form ul li input[type=checkbox] {
    left: 20px;
  }
}
section.wizard form.wizard-form ul li span.checkbox {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: white;
  border: 2px solid #73716e;
  cursor: pointer;
  float: left;
  height: 25px;
  margin-right: 15px;
  width: 25px;
}
section.wizard form.wizard-form ul li input[type=checkbox]:checked + span.checkbox {
  background: white url("../images/css/checkboxhome.png") no-repeat center center;
  height: 25px;
  width: 25px;
}
section.wizard form.wizard-form ul li label {
  color: white;
  display: inline-block;
  float: left;
  font-size: 1.4em;
  line-height: 1.7em;
}
section.wizard form.wizard-form ul li input.btn-keuzehulp {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #5d8121 0 4px 0 0;
  background: #89be30;
  border: 0;
  color: white;
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
section.wizard form.wizard-form ul li input.btn-keuzehulp:hover, section.wizard form.wizard-form ul li input.btn-keuzehulp:focus {
  background: #83b62e;
}
section.wizard form.wizard-form ul li input.btn-keuzehulp:active {
  box-shadow: #54751d 0 2px 0 0;
  background: #7aaa2b;
  margin-bottom: -2px;
  margin-top: 2px;
}
section.wizard form.wizard-form ul li a.btn-link {
  color: white;
  display: block;
  margin-top: 10px;
  text-align: center;
}
section.wizard form.wizard-form ul li div.box-error {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #e10404;
  border: 0;
  border-bottom: 3px solid #7d0202;
  color: white;
  float: left;
  font-size: 1.5em;
  font-weight: 200;
  margin-bottom: 20px;
  padding: 20px;
  position: absolute;
  top: 80px;
}
section.wizard form.wizard-form ul li div.box-error:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #e10404;
  border-width: 10px;
  left: 30px;
}
section.wizard form.wizard-form ul li.last {
  position: relative;
}
@media (max-width: 767px) {
  section.wizard {
    padding-left: 10px;
  }
  section.wizard form.wizard-form {
    padding: 30px 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.wizard {
    padding-left: 10px;
  }
}

@media (max-width: 768px) {
  section.faq {
    margin-bottom: 50px;
  }
}

html.ie7 section.wizard,
html.ie8 section.wizard {
  padding-left: 0;
}
html.ie7 section.wizard form.wizard-form ul li select,
html.ie8 section.wizard form.wizard-form ul li select {
  margin: 10px 0;
  padding: 8px;
  width: 100%;
}

section.spotlight-blocks {
  position: relative;
  z-index: 1;
}
section.spotlight-blocks ul {
  position: relative;
  width: 100%;
}
section.spotlight-blocks ul li {
  float: left;
  list-style: none;
  overflow: hidden;
  padding: 4px 4px 0 0;
  text-align: center;
  -moz-transition: top 1s ease, left 1s ease;
  -ms-transition: top 1s ease, left 1s ease;
  -o-transition: top 1s ease, left 1s ease;
  -webkit-transition: top 1s ease, left 1s ease;
  width: 33.333333333% !important;
}
@media (max-width: 767px) {
  section.spotlight-blocks ul li {
    width: 50% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.spotlight-blocks ul li {
    width: 50% !important;
  }
}
section.spotlight-blocks ul li a,
section.spotlight-blocks ul li div.wrap {
  display: block;
  position: relative;
  width: 100%;
}
section.spotlight-blocks ul li img.block-img {
  display: block;
  width: 100%;
}
section.spotlight-blocks ul li img.logo {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  z-index: 5;
}
section.spotlight-blocks ul li div.title {
  bottom: 0;
  display: inline;
  height: 72px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
section.spotlight-blocks ul li div.title strong {
  color: white;
  text-transform: uppercase;
}
section.spotlight-blocks ul li div.title span {
  color: white;
  display: block;
  width: 100%;
}
section.spotlight-blocks ul li div.title.big {
  bottom: 30px;
  top: inherit;
}
section.spotlight-blocks ul li div.overlay {
  opacity: 0.7;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
section.spotlight-blocks ul li div.overlay.light {
  opacity: 0.2;
}
section.spotlight-blocks ul li div.overlay.image {
  background: none;
  background: url("../images/css/overlay-image.png") repeat-x bottom;
  background-size: contain;
}
section.spotlight-blocks ul li a {
  display: block;
}
section.spotlight-blocks ul li a:hover div.overlay, section.spotlight-blocks ul li a:focus div.overlay {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}
@media (max-width: 479px) {
  section.spotlight-blocks {
    display: none;
  }
}

h2.indextitle {
  border: 0;
  color: #adadad;
  margin: 0px 0 40px 0;
  text-align: center;
}

div.holiday {
  background: #fff6e6;
  border: 2px solid #ffa800;
  float: left;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}
div.holiday.cart {
  margin-top: 20px;
}

ul.product-overview {
  /*&.list {
    li {
      a {
        figure {
          padding: 0;
          position: static;

          div.price {
            width: auto;
          }
        }

        div.title {
          background: none;
          padding-right: 0;
          width: 74%;

          span.readmore {
            background-position: right;

            &:hover,
            &:focus {
              background: url('../images/css/icon-checkout.png') no-repeat right center;
            }
          }

          &:before {
            content: none;
          }
        }
      }
    }

    @include breakpoint(col-xxs) {
      li {
        margin-bottom: 0;

        a {

          div.price {
            bottom: 0;
            display: table;
            height: auto;
            margin: auto;
            right: 0;
            top: 0;

            strong {
              padding: 7px 10px;
            }
          }

          div.title {
            div.wrap-left {
              width: 55%;
            }

            span.readmore {
              display: none;
            }
          }
        }
      }
    }
  }*/
}
ul.product-overview li a {
  padding: 0;
}
@media (max-width: 479px) {
  ul.product-overview li a {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    overflow: auto;
  }
}
ul.product-overview li a figure {
  margin: 0;
  padding: 30px;
  position: relative;
}
@media (max-width: 479px) {
  ul.product-overview li a figure {
    display: inline-block;
    float: none;
    padding: 0;
    vertical-align: top;
    width: 25%;
  }
}
ul.product-overview li a figure img {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
ul.product-overview li a figure span.internetdiscount {
  background: #e10404;
  bottom: 54px;
  color: white;
  font: 700 1.2em/1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 6px 7px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  ul.product-overview li a figure span.internetdiscount {
    bottom: 47px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.product-overview li a figure span.internetdiscount {
    bottom: 47px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.product-overview li a figure span.internetdiscount {
    bottom: 47px;
  }
}
ul.product-overview li a div.labels-wrap {
  bottom: 0;
  min-width: 128px;
  position: absolute;
  right: 0;
}
@media (max-width: 479px) {
  ul.product-overview li a div.labels-wrap {
    display: none;
  }
}
ul.product-overview li a div.labels-wrap span.internetdiscount {
  text-align: center;
  width: 100%;
}
ul.product-overview li a div.labels-wrap div.price {
  bottom: 0;
  height: 54px;
  right: 0;
}
ul.product-overview li a div.labels-wrap div.price strong {
  background: #89be30;
  color: white;
  float: right;
  min-width: 127px;
  padding: 18px 20px;
}
@media (max-width: 1199px) {
  ul.product-overview li a div.labels-wrap div.price strong {
    min-width: 128px;
  }
}
ul.product-overview li a div.labels-wrap div.price strong.old {
  padding: 7px 20px;
}
ul.product-overview li a div.labels-wrap div.price span.oldprice {
  color: white;
  display: block;
  float: none;
  padding-top: 5px;
  width: 100%;
}
ul.product-overview li a div.title {
  background: #f2f2f2;
  height: auto;
  max-height: 135px;
  min-height: 135px;
  padding: 35px 20px 20px 20px;
  position: relative;
}
ul.product-overview li a div.title:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f2f2f2;
  border-width: 12px;
  left: 25px;
}
@media (max-width: 479px) {
  ul.product-overview li a div.title {
    background: none;
    display: inline-block;
    float: none;
    max-height: inherit;
    min-height: inherit;
    padding: 0 0 20px 10px;
    vertical-align: top;
    width: calc(75% - 4px);
  }
  ul.product-overview li a div.title:before {
    content: none;
  }
}
ul.product-overview li a div.title div.wrap-left {
  float: left;
  width: 100%;
}
ul.product-overview li a div.title div.wrap-left span.label {
  left: 20px;
  padding: 0;
  top: 15px;
}
@media (max-width: 479px) {
  ul.product-overview li a div.title div.wrap-left span.label {
    display: block;
    margin-bottom: 10px;
    position: static;
  }
}
ul.product-overview li a div.title div.wrap-left strong.productname {
  color: #666666;
  margin: 0;
  max-height: 50px;
  min-height: 20px;
  padding-right: 70px;
}
@media (max-width: 479px) {
  ul.product-overview li a div.title div.wrap-left strong.productname {
    margin-bottom: 5px;
    max-height: inherit;
    overflow: visible;
    padding: 0;
  }
}
ul.product-overview li a div.title span.readmore {
  background: url("../images/css/icon-checkout.png") no-repeat center center;
  background-size: contain;
  display: block;
  height: 43px;
  position: absolute;
  right: 20px;
  text-indent: -9999px;
  top: 35px;
  width: 43px;
}
@media (max-width: 479px) {
  ul.product-overview li a div.title span.readmore {
    display: none;
  }
}
ul.product-overview li a div.title span.productbrand {
  float: left;
  margin-top: 4px;
  width: 100%;
}
ul.product-overview li a div.title span.productbrand span {
  float: none;
  text-transform: uppercase;
}
ul.product-overview li a:hover figure img, ul.product-overview li a:focus figure img {
  /* Firefox */
  /* IE 9 */
  /* Opera */
  -webkit-transform: scale(1.15);
  /* Safari and Chrome */
  transform: scale(1.15);
}
@media (max-width: 1199px) {
  ul.product-overview li a div.price {
    height: 47px;
  }
}
@media (max-width: 1199px) and (max-width: 479px) {
  ul.product-overview li a div.price {
    height: auto;
  }
}
@media (max-width: 1199px) {
  ul.product-overview li a div.price strong.price.old {
    padding: 9px 20px;
  }
}
@media (max-width: 1199px) {
  ul.product-overview li a:hover figure img, ul.product-overview li a:focus figure img {
    /* Firefox */
    /* IE 9 */
    /* Opera */
    -webkit-transform: scale(1);
    /* Safari and Chrome */
    transform: scale(1);
  }
}

section.category-wrap {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 90px;
  padding-bottom: 75px;
}
section.category-wrap div.view-all {
  margin: 0 auto;
  margin-top: 15px;
  text-align: center;
}
section.category-wrap div.view-all a {
  background: url("../images/css/icon-view-all.png") no-repeat right 45%;
  border-bottom: 1px solid #e6e6e6;
  color: #666666;
  padding: 0 10px 5px 0;
  text-decoration: none;
}
section.category-wrap div.view-all a:hover, section.category-wrap div.view-all a:focus {
  border-color: #89be30;
}
@media (max-width: 767px) {
  section.category-wrap {
    border-bottom: 0;
    margin: 50px 0;
    padding-bottom: 0;
  }
}

section.intro {
  margin-bottom: 0;
  margin-top: 0;
}
section.intro h1 {
  margin-bottom: 35px;
}
section.intro p {
  line-height: 1.4em;
  width: 95%;
}

ul.usp {
  margin-top: 0;
}
ul.usp li {
  float: none;
  margin-bottom: 30px;
}
ul.usp li span.icon {
  background: url("../images/css/icon-usp.png") no-repeat center left;
}
ul.usp li strong {
  padding: 0;
  width: 80%;
}
ul.usp li.title h3 {
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  ul.usp {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
  }
  ul.usp:before, ul.usp:after {
    content: " ";
    display: table;
  }
  ul.usp:after {
    clear: both;
  }
  ul.usp {
    *zoom: 1;
  }
  ul.usp li {
    float: left;
    padding: 0 5px;
  }
  ul.usp li span.icon {
    width: 18%;
  }
  ul.usp li strong {
    width: 80%;
  }
  ul.usp li.title {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
  ul.usp {
    display: none;
  }
}

ul.usp-product {
  /*border-bottom: $border;*/
  border-top: 1px solid #e6e6e6;
  float: left;
  margin-top: 40px;
  padding: 50px 0 0 45px;
  width: 100%;
}
@media (max-width: 767px) {
  ul.usp-product {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.usp-product {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.usp-product {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  ul.usp-product {
    display: block;
  }
}
@media (min-width: 1400px) {
  ul.usp-product {
    display: block;
  }
}
ul.usp-product li {
  float: left;
  height: 35px;
  list-style: none;
  width: 26%;
}
ul.usp-product li span.icon {
  background: url("../images/css/icon-usp-dark.png") no-repeat center left;
  float: left;
  height: 35px;
  margin-right: 15px;
  width: 35px;
}
ul.usp-product li p {
  float: left;
  margin: 0;
}
ul.usp-product li.title h3 {
  text-transform: uppercase;
}
ul.usp-product li:first-child {
  width: 21%;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.usp-product {
    margin-top: 0;
    padding-left: 0px;
  }
  ul.usp-product li:nth-child(2) {
    width: 28%;
  }
  ul.usp-product li:first-child {
    width: 18%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.usp-product {
    padding-left: 20px;
  }
}

div.payment-wrap-detail {
  float: left;
  padding-bottom: 40px;
  padding-top: 40px;
  position: relative;
  width: 100%;
}
div.payment-wrap-detail strong.title {
  left: 14%;
  position: absolute;
  top: 40%;
}
div.payment-wrap-detail ul {
  margin: 0 auto;
  width: 600px;
}
div.payment-wrap-detail ul li {
  float: left;
  list-style: none;
  margin-left: 5px;
}
div.payment-wrap-detail ul li:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  div.payment-wrap-detail strong.title {
    display: none;
  }
  div.payment-wrap-detail ul {
    width: 100%;
  }
  div.payment-wrap-detail ul li {
    margin: 0;
    margin-bottom: 20px;
    margin-right: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.payment-wrap-detail strong.title {
    left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.payment-wrap-detail strong.title {
    left: 10%;
  }
}

div.pageright div.title {
  float: left;
  width: 100%;
}
div.pageright div.title h1 {
  float: left;
  max-width: 70%;
}
@media (max-width: 767px) {
  div.pageright div.title h1 {
    max-width: 100%;
    width: 100%;
  }
}
div.pageright a.btn-promo {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  border-bottom: 3px solid #e6e6e6;
  color: #666666;
  float: right;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
}
div.pageright a.btn-promo.active {
  background-color: #89be30;
  background-image: url(../images/css/icon-check-btn.png);
  background-position: 20px center;
  background-repeat: no-repeat;
  border-bottom-color: #7aaa2b;
  color: white;
  padding-left: 60px;
}
div.pageright a.btn-promo.active:hover, div.pageright a.btn-promo.active:focus {
  background-color: #7aaa2b;
  background-image: url(../images/css/icon-uncheck-btn.png);
  border-bottom-color: #6c9526;
}
div.pageright a.btn-promo:hover, div.pageright a.btn-promo:focus {
  background-color: #89be30;
  border-bottom-color: #7aaa2b;
  color: white;
}
div.pageright a.btn-promo:hover:active, div.pageright a.btn-promo:focus:active {
  border-bottom-width: 1px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  div.pageright a.btn-promo {
    float: right;
    margin-top: 10px;
    padding: 10px 30px;
  }
  div.pageright a.btn-promo:active {
    margin-top: 12px !important;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  div.pageright a.btn-promo {
    float: left;
    margin: 0 !important;
    padding: 10px 20px;
  }
}
div.pageright a.showfilters {
  border-radius: 5px !important;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #6c9526 0 3px 0 0;
  background: #89be30 !important;
  color: white !important;
  height: auto !important;
  margin-left: 0 !important;
  margin-top: 10px;
  padding: 12px 10px !important;
  text-align: center;
  width: auto !important;
}
div.pageright a.showfilters:hover, div.pageright a.showfilters:focus {
  box-shadow: #668d24 0 3px 0 0;
  background: #83b62e !important;
}
div.pageright a.showfilters:active {
  box-shadow: #5d8121 0 1px 0 0;
  background: #7aaa2b !important;
  margin-bottom: 28px !important;
  margin-top: 12px;
}
div.pageright a.showfilters span {
  position: static;
}
@media (max-width: 479px) {
  div.pageright a.showfilters {
    margin-top: 0;
  }
}
div.pageright nav.selectedfilters {
  padding: 10px 0 0 0;
}
div.pageright nav.selectedfilters ul li a {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  height: 27px;
  line-height: 25px;
  padding: 0 0 0 10px;
}
div.pageright nav.selectedfilters ul li a:hover, div.pageright nav.selectedfilters ul li a:focus {
  background: white;
}
div.pageright nav.selectedfilters ul li a:hover span, div.pageright nav.selectedfilters ul li a:focus span {
  background: #333333;
  color: white;
}
div.pageright nav.selectedfilters ul li a span {
  border-radius: 0 5px 5px 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #fafafa;
  border-left: 1px solid #e6e6e6;
  display: inline-block;
  height: 25px;
  line-height: 24px;
  margin-left: 10px;
  padding: 0;
  text-align: center;
  width: 25px;
}
div.pageright nav.selectedfilters ul li a.delete {
  background: #4d4d4d;
  border-color: #666666;
  color: white;
}
div.pageright nav.selectedfilters ul li a.delete span {
  background: #333333;
  border-left-color: #666666;
}
div.pageright nav.selectedfilters ul li a.delete:hover, div.pageright nav.selectedfilters ul li a.delete:focus {
  background: #333333;
}
div.pageright nav.selectedfilters ul li a.delete:hover span, div.pageright nav.selectedfilters ul li a.delete:focus span {
  border-left-color: #1a1a1a;
  color: white;
}
div.pageright p.no-products {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  div.pageright p.no-products {
    margin-bottom: 40px;
  }
}
div.pageright div.txt-bottom {
  border-top: 1px solid #e6e6e6;
  margin-top: 60px;
  padding: 40px 0;
}
div.pageright div.txt-bottom h1 {
  color: #666666;
  margin-bottom: 20px;
}
div.pageright section.categorydesc {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
div.pageright section.categorydesc figure.banner {
  padding: 0;
}
div.pageright section.categorydesc div.txt {
  bottom: 0;
  height: 50%;
  margin: auto;
  position: absolute !important;
  text-align: right;
  top: 0;
}
div.pageright section.categorydesc div.txt p {
  color: white;
  float: right;
  height: 80px;
  overflow: hidden;
  padding-right: 20px;
  width: 60%;
}
div.pageright section.categorydesc div.txt p a {
  color: white;
}
div.pageright section.categorydesc div.txt p a:hover, div.pageright section.categorydesc div.txt p a:focus {
  color: #89be30;
}
div.pageright section.categorydesc div.txt.no-image {
  position: relative !important;
}
div.pageright section.categorydesc div.txt.no-image p {
  color: #666666;
  float: left;
  text-align: left;
}
div.pageright section.categorydesc div.txt.no-image a {
  color: #666666;
}
div.pageright section.categorydesc div.txt.no-image a:hover, div.pageright section.categorydesc div.txt.no-image a:focus {
  color: #89be30;
  color: #89be30;
}
div.pageright nav.number-pages {
  margin-top: 15px;
}
div.pageright nav.number-pages div.total-wrap {
  float: left;
  padding: 7px 0 0 0;
}
@media (max-width: 479px) {
  div.pageright nav.number-pages div.total-wrap {
    padding: 0;
  }
}
div.pageright nav.number-pages ul.products-per-page {
  padding-top: 4px;
}
@media (max-width: 479px) {
  div.pageright nav.number-pages ul.products-per-page {
    display: none;
  }
}
div.pageright nav.number-pages ul.products-per-page li {
  border-left: 0;
  padding: 3px 5px;
}
div.pageright nav.number-pages ul.products-per-page li.active {
  border-bottom: 0;
  padding-bottom: 0;
}
div.pageright nav.number-pages ul.products-per-page li.active span {
  color: #89be30;
  text-decoration: underline;
}
div.pageright nav.number-pages ul.sort {
  float: right;
}
@media (max-width: 479px) {
  div.pageright nav.number-pages div.wrap {
    float: left;
    width: 100%;
  }
  div.pageright nav.number-pages div.wrap ul.products-per-page {
    float: left;
  }
  div.pageright nav.number-pages div.wrap ul.products-per-page li:nth-child(2) {
    padding-left: 0;
  }
}
div.pageright nav.pager ul li {
  min-width: 30px;
  width: auto;
}
div.pageright nav.pager ul li a {
  padding: 7px 5px;
  width: auto;
}
div.pageright.customerzone div.box-info a.showfilters.account {
  box-shadow: black 0 0 0 0;
  background: none !important;
  margin-top: 0;
  padding: 0 !important;
}
div.pageright.customerzone div.box-info a.showfilters.account:active {
  margin: 0 !important;
}
div.pageright.customerzone div.box-info a.showfilters.account span {
  background: #89be30;
}
div.pageright.customerzone div.box-info a.showfilters.account span:before {
  top: 0;
}
div.pageright.customerzone div.box-info a.showfilters.account span:after {
  bottom: 8px;
}
div.pageright.customerzone div.box-info a.showfilters.account span:after, div.pageright.customerzone div.box-info a.showfilters.account span:before {
  background: #89be30;
}
div.pageright.customerzone section.order ul.accordion-order li a {
  background: url("../images/css/arrow-open.png") no-repeat right center;
  background-size: 14px;
}
div.pageright.customerzone section.order ul.accordion-order li a.open {
  background: url("../images/css/arrow-close.png") no-repeat right center;
  background-size: 28px;
}

section.product-images {
  margin-bottom: 20px;
}
section.product-images.no-stock section.slider-wrap ul.thumbs-large-prod {
  position: relative;
}
section.product-images.no-stock section.slider-wrap ul.thumbs-large-prod:before {
  opacity: 0.75;
  background: white;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}
section.product-images section.slider-wrap ul.thumbs-large-prod {
  border: 1px solid #e6e6e6;
}
section.product-images section.slider-wrap ul.thumbs-large-prod li {
  display: table-cell;
  float: none !important;
  vertical-align: middle;
}
@media (max-width: 767px) {
  section.product-images section.slider-wrap ul.thumbs-large-prod li {
    display: block;
  }
}
section.product-images section.slider-wrap ul.thumbs-small li a {
  border: 1px solid #e6e6e6;
}
section.product-images section.slider-wrap div.bx-wrapper {
  border: 1px solid #e6e6e6;
}
section.product-images section.slider-wrap div.bx-wrapper div.bx-viewport ul.thumbs-large-prod {
  border: 0;
  padding: 0;
}
section.product-images section.slider-wrap div.labels {
  position: absolute;
  top: 15px;
}
section.product-images section.slider-wrap div.labels span.label {
  float: left;
  margin-right: 10px;
  position: initial;
}
section.product-images section.slider-wrap div.labels span.internetdiscount {
  background: #e10404;
  color: white;
  float: left;
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 5px 10px;
  text-transform: uppercase;
}
section.product-images div.makename {
  bottom: 20px;
  position: absolute;
  right: 20px;
  width: 100px;
}
section.product-images div.makename img {
  display: block;
  width: 100%;
}
section.product-images div.makename.slidemake {
  bottom: 120px;
}
@media (max-width: 767px) {
  section.product-images div.makename {
    bottom: 20px;
  }
  section.product-images div.makename.slidemake {
    bottom: 40px;
  }
}
section.product-images div.makename {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
section.product-images div.makename img {
  display: block;
  width: 100%;
}

section.giftcard-wrap div.box-text {
  float: left;
  padding: 0 10px;
  width: 100%;
}
section.giftcard-wrap div.box-text p {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  padding: 10px;
}

section.product-data {
  margin-bottom: 20px;
}
section.product-data div.wrap-detail {
  background: #fafafa;
  border: 1px solid #e6e6e6;
  float: left;
  padding: 25px 25px 15px 25px;
  width: 100%;
}
section.product-data div.wrap-detail span.product-promo-text {
  color: #e10404;
  display: inline-block;
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding-bottom: 10px;
}
section.product-data div.wrap-detail div.mini-block-prod div.box {
  margin: 20px 0;
}
section.product-data div.wrap-detail div.mini-block-prod div.box span.internetdiscount {
  background: url(../images/css/arrow-discount.png) no-repeat right 10px;
  float: left;
  font: 400 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  height: 40px;
  margin-top: 5px;
  padding-right: 65px;
  padding-top: 15px;
  width: auto;
}
section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #3e6900 0 4px 0 0;
  background: #5c9c00 url("../images/css/icon-add-to-cart.png") no-repeat 72% center;
  padding: 25px 0;
}
section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:hover, section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:focus {
  box-shadow: #668d24 0 4px 0 0;
  background: #569200 url("../images/css/icon-add-to-cart.png") no-repeat 72% center;
}
section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:active {
  box-shadow: #5d8121 0 2px 0 0;
  background: #4d8300 url("../images/css/icon-add-to-cart.png") no-repeat 72% center;
  margin-bottom: -2px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart {
    background-position-x: 95%;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:hover, section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:focus {
    background-image: none;
    background-position-x: 95%;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:active {
    background-image: none;
    background-position-x: 95%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart {
    background-position-x: 64%;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:hover, section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:focus {
    background-position-x: 64%;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:active {
    background-position-x: 64%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart {
    background-position-x: 75%;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:hover, section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:focus {
    background-position-x: 75%;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:active {
    background-position-x: 75%;
  }
}
@media (max-width: 767px) {
  section.product-data div.wrap-detail div.mini-block-prod div.box {
    margin: 25px 0;
    padding: 0;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart {
    margin-top: 0;
  }
  section.product-data div.wrap-detail div.mini-block-prod div.box input.add-to-cart:active {
    margin-top: 2px;
  }
}
section.product-data div.wrap-detail div.mini-block-prod.no-stock {
  display: none;
}
section.product-data div.wrap-detail div.product-info.no-stock div.stock-delivery {
  float: left;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.product-data div.wrap-detail div.product-info.no-stock div.stock-delivery {
    text-align: left;
    width: 100%;
  }
  section.product-data div.wrap-detail div.product-info.no-stock div.stock-delivery strong {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  section.product-data div.wrap-detail div.product-info.no-stock div.stock-delivery {
    text-align: left;
    width: 100%;
  }
  section.product-data div.wrap-detail div.product-info.no-stock div.stock-delivery strong {
    text-align: left !important;
  }
}
section.product-data div.wrap-detail div.product-info.no-stock div.stock-delivery strong {
  position: relative;
}
section.product-data div.wrap-detail div.product-info.no-stock div.stock-delivery span strong {
  font-size: 1.2em;
}
section.product-data div.wrap-detail div.product-info.no-stock a.alternatives {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #89be30 !important;
  border-bottom: 5px solid #6c9526;
  color: white !important;
  float: left;
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 30px;
  padding: 15px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
section.product-data div.wrap-detail div.product-info.no-stock a.alternatives:before {
  background: url(../images/css/arrow-alternatives.png) no-repeat left center;
  content: "";
  display: block;
  height: 69px;
  position: absolute;
  right: -40px;
  top: -45px;
  width: 112px;
}
@media (max-width: 479px) {
  section.product-data div.wrap-detail div.product-info.no-stock a.alternatives:before {
    display: none;
  }
}
section.product-data div.wrap-detail div.product-info.no-stock a.alternatives:hover, section.product-data div.wrap-detail div.product-info.no-stock a.alternatives:focus {
  background: #7aaa2b !important;
  border-bottom-color: #5d8121;
}
section.product-data div.wrap-detail div.product-info.no-stock a.alternatives:active {
  border-bottom-width: 2px;
  margin-top: 33px;
}
section.product-data div.wrap-detail div.product-info.no-stock a.alternatives:active:before {
  top: -48px;
}
section.product-data div.wrap-detail div.usp-extra {
  border-top: 1px solid #e6e6e6;
  float: left;
  padding-top: 15px;
  width: 100%;
}
section.product-data div.wrap-detail div.usp-extra.positive {
  padding: 20px 0 10px 0;
}
@media (max-width: 767px) {
  section.product-data div.wrap-detail div.usp-extra.positive {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.product-data div.wrap-detail div.usp-extra.positive {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.product-data div.wrap-detail div.usp-extra.positive {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.product-data div.wrap-detail div.usp-extra.positive {
    display: block;
  }
}
@media (min-width: 1400px) {
  section.product-data div.wrap-detail div.usp-extra.positive {
    display: block;
  }
}
section.product-data div.wrap-detail div.usp-extra.trustpilot-widget {
  margin-top: 15px;
}
section.product-data div.wrap-detail div.usp-extra ul li {
  list-style: none;
  margin-top: 25px;
  padding-left: 45px;
  position: relative;
}
section.product-data div.wrap-detail div.usp-extra ul li:first-child {
  margin-top: 0;
}
section.product-data div.wrap-detail div.usp-extra ul li:before {
  background: url("../images/css/icon-usp-extra.png") no-repeat center center;
  content: "";
  display: block;
  height: 26px;
  left: 0;
  margin-top: -13px;
  position: absolute;
  top: 50%;
  width: 26px;
}
section.product-data div.wrap-detail div.usp-extra.no-stock {
  margin-top: 20px;
  padding-top: 30px;
}
section.product-data div.wrap-detail ul.icons {
  border-top: 1px solid #e6e6e6;
  float: left;
  margin-top: 15px;
  padding-top: 10px;
  width: 100%;
}
section.product-data div.wrap-detail ul.icons li {
  float: left;
  list-style: none;
  margin-right: 20px;
  margin-top: 10px;
}
section.product-data div.wrap-detail ul.icons li:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  section.product-data div.wrap-detail ul.icons {
    padding-bottom: 0;
  }
}
section.product-data div.wrap-detail div.product-info {
  margin-top: 0;
}
section.product-data div.wrap-detail div.product-info div.price strong {
  color: black;
}
section.product-data div.wrap-detail div.product-info div.price.internetdiscount strong {
  color: #e10404;
  float: left;
  width: auto;
}
section.product-data div.wrap-detail div.product-info div.price.internetdiscount small.oldprice {
  float: left;
  line-height: 2.5em;
  margin-left: 10px;
  width: auto;
}
section.product-data div.wrap-detail div.product-info div.stock-delivery {
  width: auto;
}
section.product-data div.wrap-detail div.product-info div.stock-delivery strong {
  background: none;
  color: #5c9c00;
  margin-top: 6px;
  padding-left: 30px;
  text-align: right;
}
section.product-data div.wrap-detail div.product-info div.stock-delivery strong.positive {
  background: url("../images/css/icon-positive.png") no-repeat left center;
}
section.product-data div.wrap-detail div.product-info div.stock-delivery strong.no-stock {
  background: url("../images/css/icon-negative.png") no-repeat left center;
  color: #e10404;
}
section.product-data div.wrap-detail div.product-info div.stock-delivery strong.warning {
  background: url("../images/css/icon-warning.png") no-repeat left center;
  color: #ffa800;
}
@media (max-width: 479px) {
  section.product-data div.wrap-detail div.product-info div.stock-delivery strong.warning {
    text-align: left;
  }
}
@media (max-width: 479px) {
  section.product-data div.wrap-detail {
    padding: 15px;
  }
}

/*------------TABS------------*/
ul.tabs {
  float: left;
  height: 40px;
  list-style: none;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
ul.tabs li {
  border-color: #d9d9d9;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  float: left;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.tabs li a {
  background: #e6e6e6;
  border: 0;
  color: #666666;
  display: block;
  padding: 10px 30px 9.5px 30px;
  text-decoration: none;
}
ul.tabs li a:hover, ul.tabs li a:focus {
  background: #f2f2f2;
}
ul.tabs li a:hover:after, ul.tabs li a:focus:after {
  background: #89be30;
  content: "";
  display: block;
  height: 3px;
  margin-top: 1px;
  width: 100%;
}
ul.tabs li.active {
  height: 41px;
}
ul.tabs li.active a {
  background: white;
  color: #666666;
  font-weight: 600;
  height: 45px;
  position: relative;
}
ul.tabs li.active a:after {
  background: #89be30;
  content: "";
  display: block;
  height: 3px;
  margin-top: 1px;
  width: 100%;
}

.tabs-content {
  border-top: 1px solid #e6e6e6;
  float: left;
  padding: 20px 0 0 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.tabs-content h3 {
  font: 700 1.6em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
.tabs-content p strong {
  font-weight: 700;
}
.tabs-content p a:hover, .tabs-content p a:focus {
  color: #89be30;
}
@media (max-width: 767px) {
  .tabs-content {
    border: 0;
    padding: 0;
  }
}

ul.accordion {
  border-top: 1px solid #e6e6e6;
  float: left;
  margin-top: 50px;
  width: 100%;
  /* designer */
}
ul.accordion section.designer div.image img {
  width: 100%;
}
ul.accordion section.designer div.info h2 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 0px;
  text-transform: uppercase;
}
ul.accordion section.designer div.info h3 {
  color: #89be30;
  font: 400 2.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.accordion section.designer div.info p {
  text-transform: none !important;
}
ul.accordion section.designer div.info a.more {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #666666;
  border-bottom: 5px solid #595959;
  color: white;
  display: inline-block;
  font: 700 1.4em/40px "Open Sans", Arial, Helvetica, Sans-serif;
  height: 43px;
  margin: 22px 0;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
}
ul.accordion section.designer div.info a.more:hover, ul.accordion section.designer div.info a.more:focus {
  background: #009bd3;
  border-bottom: 5px solid #0088ba;
}

@media (max-width: 768px) {
  ul.tabs {
    display: none;
  }

  div.tabs-content div {
    display: block !important;
  }
  div.tabs-content strong.title {
    background: url("../images/css/arrow-open.png") no-repeat 95% center;
    background-size: contain;
    color: #a6a6a6;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    text-transform: none !important;
    width: 100%;
  }
  div.tabs-content strong.title.selected {
    background-image: url("../images/css/arrow-close.png");
    background-size: 28px;
  }
}
@media (max-width: 768px) and (max-width: 479px) {
  div.tabs-content strong.title {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  div.tabs-content div.acc-content-tech {
    height: 0px;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
  }
  div.tabs-content div.acc-content-tech div.acc-content-inner-tech {
    float: left;
    padding-top: 10px;
  }
  div.tabs-content div.acc-content-tech.open {
    height: auto;
  }
}
@media (max-width: 768px) {
  ul.accordion {
    border-top: 0;
    margin-top: 0;
  }
  ul.accordion li {
    border-top: 0;
    margin-top: 0;
    padding: 0;
  }
  ul.accordion li h2.title {
    background: url("../images/css/arrow-open.png") no-repeat 95% center;
    background-size: 14px;
    color: #a6a6a6;
    cursor: pointer;
    margin-bottom: 20px;
    text-transform: none;
  }
  ul.accordion li h2.title.open {
    background-size: 28px;
  }
  ul.accordion li ul.product-overview {
    margin-bottom: 0;
  }
  ul.accordion li ul.product-overview li {
    margin-bottom: 15px !important;
  }
}
/*------------ GIFTCARD ------------*/
section.content.giftcard h1 {
  color: #adadad;
  font: 300 5em/1em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.giftcard div.step {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  border: 1px solid #e6e6e6;
  margin-top: 30px;
  padding: 20px;
  /*ul.form
  {
      li
      {
          textarea
          {
              width:80%;
          }
      }
  }*/
}
@media (min-width: 768px) {
  section.content.giftcard div.step {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  section.content.giftcard div.step {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  section.content.giftcard div.step {
    float: left;
    width: 75%;
  }
}
section.content.giftcard div.step h2 {
  font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  section.content.giftcard div.step ul.form.form-add-to-cart {
    padding: 0 10px;
  }
}
section.content.giftcard div.step ul.form li label {
  width: 20%;
}
@media (max-width: 767px) {
  section.content.giftcard div.step ul.form li label {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.giftcard div.step ul.form li label {
    width: 100%;
  }
}
section.content.giftcard div.step ul.form li label.big-label {
  width: calc(100% - 27px);
}
section.content.giftcard div.step ul.form li label.send-reveiver {
  width: 90%;
}
section.content.giftcard div.step ul.form li label.countdown {
  float: right;
  font-style: italic;
  text-align: right;
}
section.content.giftcard div.step ul.form li input,
section.content.giftcard div.step ul.form li textarea {
  overflow: hidden;
  width: 80%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.giftcard div.step ul.form li input,
section.content.giftcard div.step ul.form li textarea {
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.content.giftcard div.step ul.form li input,
section.content.giftcard div.step ul.form li textarea {
    width: 100%;
  }
}
section.content.giftcard div.step ul.form li input.small-input,
section.content.giftcard div.step ul.form li textarea.small-input {
  width: 37.5%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.giftcard div.step ul.form li input.small-input,
section.content.giftcard div.step ul.form li textarea.small-input {
    width: 47.5%;
  }
}
@media (max-width: 767px) {
  section.content.giftcard div.step ul.form li input.small-input,
section.content.giftcard div.step ul.form li textarea.small-input {
    margin-bottom: 5px;
    width: 100%;
  }
}
section.content.giftcard div.step ul.form li input.small-input:first-of-type,
section.content.giftcard div.step ul.form li textarea.small-input:first-of-type {
  margin-right: 5%;
}
section.content.giftcard div.step ul.form li input.amount,
section.content.giftcard div.step ul.form li textarea.amount {
  width: 60px;
}
section.content.giftcard div.step ul.form li input[type=radio] {
  width: auto;
}
section.content.giftcard div.step ul.form li select {
  width: 100px;
}
section.content.giftcard div.step ul.form li.small {
  width: 100px;
}
section.content.giftcard div.step ul.form li.form-error p {
  margin-left: 20%;
  width: 80%;
}
section.content.giftcard div.step ul.form.amount li span {
  float: left;
  font: 700 3.4em/34px "Open Sans", Arial, Helvetica, Sans-serif;
  margin-right: 15px;
}
section.content.giftcard div.step ul.form.amount li input[type=text] {
  font: 300 1.8em/20px "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.giftcard div.step ul.form.amount li.form-error p {
  margin-left: 0px;
  width: 100%;
}
section.content.giftcard div.step.summary {
  position: relative;
}
section.content.giftcard div.step.summary figure {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  padding: 0 10px 0 0;
}
@media (min-width: 768px) {
  section.content.giftcard div.step.summary figure {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  section.content.giftcard div.step.summary figure {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.content.giftcard div.step.summary figure {
    float: left;
    width: 16.6666666667%;
  }
}
@media (max-width: 767px) {
  section.content.giftcard div.step.summary figure {
    margin-bottom: 15px;
    padding: 0 0 10px 0;
  }
}
section.content.giftcard div.step.summary figure img {
  width: 100%;
}
section.content.giftcard div.step.summary div.info {
  position: relative;
  float: left;
  width: 100%;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.content.giftcard div.step.summary div.info {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  section.content.giftcard div.step.summary div.info {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.content.giftcard div.step.summary div.info {
    float: left;
    width: 58.3333333333%;
  }
}
@media (max-width: 767px) {
  section.content.giftcard div.step.summary div.info {
    padding: 0;
  }
}
section.content.giftcard div.step.summary div.info h3 {
  color: #89be30;
  font: 700 2em/20px "Open Sans", Arial, Helvetica, Sans-serif;
  margin: 5px 0 15px 0;
  text-transform: uppercase;
}
section.content.giftcard div.step.summary div.info ul li {
  font: 300 1.6em/20px "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.giftcard div.step.summary div.info ul li span,
section.content.giftcard div.step.summary div.info ul li strong {
  display: block;
  float: left;
}
section.content.giftcard div.step.summary div.info ul li span {
  width: 10%;
}
section.content.giftcard div.step.summary div.info ul li strong {
  border-bottom: 1px solid #e6e6e6;
  height: 20px;
  width: 90%;
}
section.content.giftcard div.step.summary div.info ul li strong span {
  padding-right: 5px;
  width: auto;
}
section.content.giftcard div.step.summary div.info ul li strong.filled-in {
  border-bottom: 0;
  height: auto;
}
section.content.giftcard div.step.summary div.info ul li:first-child {
  font-size: 3em;
  padding: 15px 0;
}
section.content.giftcard div.step.summary div.info form {
  padding: 0;
}

/*------------ END GIFTCARD ------------*/
/*------------CONTACT PAGINA------------*/
section.contact-info div.left-wrap strong.title {
  display: block;
  margin-top: 10px;
}
section.contact-info div.left-wrap div.openinghours {
  margin-top: 30px;
}
section.contact-info div.left-wrap div.openinghours p {
  margin-top: 5px;
}
@media (max-width: 767px) {
  section.contact-info address {
    float: left;
    width: 50%;
  }
  section.contact-info div.openinghours {
    float: left;
    margin-top: 0 !important;
    width: 50%;
  }
}
@media (max-width: 479px) {
  section.contact-info address {
    float: none;
    width: 100%;
  }
  section.contact-info div.openinghours {
    float: none;
    margin-top: 20px !important;
    width: 100%;
  }
}

section.content-text ul li {
  list-style: inside square url("../images/css/bullet.png");
}
@media (max-width: 768px) {
  section.content-text {
    float: left;
    margin-bottom: 50px;
    width: 100%;
  }
}

section.content {
  margin-top: 0;
}
@media (max-width: 990px) {
  section.content {
    position: static !important;
  }
}
section.content.content-text form {
  clear: both;
  margin-top: 20px;
  overflow: hidden;
}
section.content.search div.meaning {
  font: 400 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding-bottom: 20px;
}
section.content.search div.meaning a.suggest {
  color: #4d4d4d;
}
section.content.search div.meaning a.suggest:hover, section.content.search div.meaning a.suggest:focus {
  color: #89be30;
}
section.content.search div.meaning.box-warning {
  margin-top: 10px;
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.content.login div.login-radio-box {
    width: 55%;
  }
}
section.content.login div.login-radio-box ul.login-radio li label {
  height: 20px;
}
@media (max-width: 767px) {
  section.content.login div.login-radio-box ul.login-radio li input#txtUsername {
    margin-top: 10px;
  }
  section.content.login div.login-radio-box ul.login-radio li strong {
    margin: 0;
  }
  section.content.login div.login-radio-box ul.login-radio li input#txtPasswordLogin {
    margin-top: 10px;
  }
}
@media (max-width: 479px) {
  section.content.login div.login-radio-box ul.login-radio li label {
    height: 25px;
    margin-right: 0;
    width: 85%;
  }
  section.content.login div.login-radio-box ul.login-radio li input#txtPasswordLogin {
    margin-top: 20px;
  }
  section.content.login div.login-radio-box ul.login-radio li a.forgot-password {
    float: right;
    line-height: 1.5em;
    padding-left: 0;
    padding-top: 18px;
    width: 35%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.content.login div.login-radio-box ul.login-radio li input#txtPasswordLogin {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  section.content.login {
    margin-bottom: 50px;
  }
}
section.content ul.sitemap > li ul li {
  list-style: inside square url("../images/css/bullet.png");
}

form#frmAddressAccount ul.form label[for=txtEmail] {
  width: 250px;
}

@media (max-width: 767px) {
  section.intro,
ul.usp,
section.fb-wrap {
    display: none;
  }
}
/*------------ DESIGNER DETAIL PAGINA------------*/
section.content.designer div.image img {
  width: 100%;
}
section.content.designer div.info h2 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}
section.content.designer div.info h1 {
  font: 400 2.8em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.content.designer ul.accordion li nav.pager ul li {
  width: auto;
}

/*------------ DESIGNERS OVERZICHT PAGINA------------*/
section.content.designers ul.designers {
  min-height: 1px;
  overflow-x: hidden;
  padding-left: 0;
  padding-right: 10px;
  position: relative;
}
section.content.designers ul.designers li {
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
  float: left;
  list-style: none;
  /*width:25%!important;*/
}
section.content.designers ul.designers li a {
  text-decoration: none;
}
section.content.designers ul.designers li img {
  width: 100%;
}
section.content.designers ul.designers li h3 {
  color: #666666;
  font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 11px 25px 16px 25px;
  position: relative;
}
section.content.designers ul.designers li h3:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f7f7f7;
  border-width: 15px;
  left: 30px;
}

div.video-wrapper {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  div.video-wrapper {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.video-wrapper {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.video-wrapper {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  div.video-wrapper {
    display: block;
  }
}
@media (min-width: 1400px) {
  div.video-wrapper {
    display: block;
  }
}

ul.category-video {
  margin-left: -10px;
  margin-right: -10px;
}
ul.category-video:before, ul.category-video:after {
  content: " ";
  display: table;
}
ul.category-video:after {
  clear: both;
}
ul.category-video {
  *zoom: 1;
}
ul.category-video li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  list-style: none;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  ul.category-video li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  ul.category-video li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  ul.category-video li {
    float: left;
    width: 50%;
  }
}
ul.category-video li div.video-wrap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
ul.category-video li iframe,
ul.category-video li object,
ul.category-video li embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.add-to-cart-gift {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #89be30;
  border: none;
  border-bottom: 3px solid #6c9526;
  color: white;
  float: left;
  font: 700 2em/75px "Open Sans", Arial, Helvetica, Sans-serif;
  height: 75px;
  margin: 25px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.add-to-cart-gift:hover, .add-to-cart-gift:focus {
  background-color: #7aaa2b;
  border-bottom-color: #6c9526;
  color: white;
}
.add-to-cart-gift span {
  background: url(../images/css/icon-add-to-cart.png) no-repeat right center;
  display: inline-block;
  padding-right: 50px;
}
.add-to-cart-gift.spinner-btn {
  margin-top: 10px;
  width: 100%;
}

div.box-text {
  float: left;
  margin-top: 10px;
  width: 100%;
}

div.giftcard-wrapper {
  border: 1px solid #e6e6e6;
  float: left;
  padding: 20px !important;
  width: 100%;
}
@media (max-width: 767px) {
  div.giftcard-wrapper {
    margin-bottom: 30px;
  }
}
div.giftcard-wrapper div.box {
  float: left;
  margin: 0;
  width: 100%;
}
div.giftcard-wrapper ul.giftcard {
  float: left;
  margin: 0;
  padding: 0 15px 0 0;
  width: 50%;
}
@media (min-width: 480px) and (max-width: 990px) {
  div.giftcard-wrapper ul.giftcard {
    padding-right: 0;
    width: 100%;
  }
}
@media (max-width: 479px) {
  div.giftcard-wrapper ul.giftcard {
    padding-right: 0;
    width: 100%;
  }
}
div.giftcard-wrapper ul.giftcard.message {
  border-left: 1px solid #e6e6e6;
  padding-left: 25px;
  padding-right: 0;
}
@media (min-width: 480px) and (max-width: 990px) {
  div.giftcard-wrapper ul.giftcard.message {
    border-left: 0;
    margin-top: 20px;
    padding-left: 0;
  }
}
@media (max-width: 479px) {
  div.giftcard-wrapper ul.giftcard.message {
    border-left: 0;
    margin-top: 20px;
    padding-left: 0;
  }
}
div.giftcard-wrapper ul.giftcard.message li {
  width: 100%;
}
div.giftcard-wrapper ul.giftcard li {
  float: left;
  font: 300 1.5em "Open Sans", Arial, Helvetica, Sans-serif;
  list-style: none;
  width: 50%;
}
@media (max-width: 767px) {
  div.giftcard-wrapper ul.giftcard li {
    margin-top: 5px;
    width: 100%;
  }
}
div.giftcard-wrapper ul.giftcard li.title {
  margin-bottom: 10px;
  margin-top: 30px;
  width: 100%;
}
div.giftcard-wrapper ul.giftcard li.title.first {
  margin-top: 0;
}
div.giftcard-wrapper ul.giftcard li.title strong {
  font: 700 1em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.giftcard-wrapper ul.giftcard li label {
  float: left;
  margin-bottom: 4px;
  width: 100%;
}
div.giftcard-wrapper ul.giftcard li p.form-error {
  color: #e10404;
  font-size: 1em;
  margin-top: 3px;
}
div.giftcard-wrapper ul.giftcard li input[type=text], div.giftcard-wrapper ul.giftcard li input[type=email] {
  border: 1px solid #e6e6e6;
  font: 300 1em "Open Sans", Arial, Helvetica, Sans-serif;
  height: 40px;
  padding: 0 10px;
  width: 95%;
}
div.giftcard-wrapper ul.giftcard li textarea {
  border: 1px solid #e6e6e6;
  float: left;
  font: 300 1em "Open Sans", Arial, Helvetica, Sans-serif;
  height: 170px;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
div.giftcard-wrapper div.box.buy {
  border-top: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-top: 20px;
}
div.giftcard-wrapper div.box.buy span {
  float: left;
  font: 300 1.5em/80px "Open Sans", Arial, Helvetica, Sans-serif;
}
@media (max-width: 767px) {
  div.giftcard-wrapper div.box.buy span {
    line-height: 15px;
    width: 100%;
  }
}
div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart {
  background: #89be30 url("../images/css/icon-add-to-cart.png") no-repeat 74% center;
  float: right;
  max-width: 450px;
  padding: 25px 0;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #6c9526 0 4px 0 0;
  width: 450px;
}
@media (max-width: 767px) {
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart {
    float: left;
    margin-top: 20px;
    max-width: 100%;
  }
}
div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:hover, div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:focus {
  box-shadow: #668d24 0 4px 0 0;
  background: #83b62e url("../images/css/icon-add-to-cart.png") no-repeat 74% center;
}
div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:active {
  box-shadow: #5d8121 0 2px 0 0;
  background: #7aaa2b url("../images/css/icon-add-to-cart.png") no-repeat 74% center;
  margin-bottom: -2px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:active {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart {
    background-position-x: 95%;
  }
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:hover, div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:focus {
    background-position-x: 95%;
  }
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:active {
    background-position-x: 95%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart {
    background-position-x: 64%;
  }
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:hover, div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:focus {
    background-position-x: 64%;
  }
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:active {
    background-position-x: 64%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart {
    background-position-x: 75%;
  }
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:hover, div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:focus {
    background-position-x: 75%;
  }
  div.giftcard-wrapper div.box.buy input[type=submit].add-to-cart:active {
    background-position-x: 75%;
  }
}

aside.pageleft {
  margin-top: 10px;
}
@media (max-width: 990px) {
  aside.pageleft {
    margin-top: 5px;
  }
}
aside.pageleft a.btn-keuzehulp {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #006387 0 4px 0 0;
  background: #009bd3;
  color: white;
  display: block;
  margin-top: 15px;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
aside.pageleft a.btn-keuzehulp:hover, aside.pageleft a.btn-keuzehulp:focus {
  background: #0094c9;
}
aside.pageleft a.btn-keuzehulp:active {
  box-shadow: #005877 0 2px 0 0;
  background: #0088ba;
  margin-bottom: -2px;
  margin-top: 17px;
}
aside.pageleft h2 {
  font-size: 1.8em;
}
aside.pageleft nav {
  border-bottom: 1px solid #e6e6e6;
  border-top: 0;
  padding: 30px 0 40px 0;
}
aside.pageleft nav.subCategories {
  border-width: 5px;
  padding-top: 10px;
}
aside.pageleft nav.subCategories.makes {
  /*&.showmore {
    ul {
      max-height: 5000px;
      overflow: default;
    }
  }*/
}
aside.pageleft nav.subCategories.makes ul {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: left;
  max-height: 260px;
  overflow: hidden;
  width: 100%;
  /*li
  {
      &:nth-child(n+10)
          {
          @include transition(all, 0.2s,ease);
          float: left;
          overflow: hidden;
          max-height: 0px;
          width: 100%;
      }
  }*/
}
aside.pageleft nav.subCategories.makes ul.scrollbar-left {
  height: 260px;
  overflow: auto;
}
aside.pageleft nav.subCategories.makes a.showmakes {
  background: url(../images/css/arrow-right-small.png) no-repeat right center;
  color: #666666;
  float: left;
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-top: 5px;
  padding-right: 20px;
  text-decoration: underline;
}
aside.pageleft nav.filter ul.scrollbar-filter {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: left;
  max-height: 272px;
  overflow: hidden;
  width: 100%;
}
aside.pageleft nav.filter ul li {
  float: left;
  margin-top: 5px;
  width: 100%;
}
aside.pageleft nav.filter ul li:first-child {
  margin-top: 0;
}
aside.pageleft nav.filter ul li input[type=search] {
  padding: 12px 3% !important;
}
aside.pageleft nav.filter ul li input[type=submit] {
  border: 1px solid #e6e6e6 !important;
  height: auto !important;
  padding: 15px 0;
  text-transform: uppercase;
}
aside.pageleft nav.filter ul li a {
  background-position: left 3px;
}
aside.pageleft nav.filter ul li ul.scrollable div.viewport {
  height: 135px;
}
aside.pageleft nav.filter.price div.ui-slider {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  height: 10px;
  margin-left: 4%;
  position: relative;
  width: 92%;
}
@media (max-width: 767px) {
  aside.pageleft nav.filter.price div.ui-slider {
    display: none;
  }
}
aside.pageleft nav.filter.price div.ui-slider div.ui-slider-range {
  background: #89be30;
  height: 10px;
  position: absolute;
}
aside.pageleft nav.filter.price div.ui-slider span.ui-slider-handle {
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #858585;
  display: block;
  height: 20px;
  margin-left: -10px;
  position: absolute;
  top: -5px;
  width: 20px;
}
aside.pageleft nav.filter.price div.range-wrap {
  float: left;
  padding: 30px 0 0 0;
  width: 100%;
}
@media (max-width: 767px) {
  aside.pageleft nav.filter.price div.range-wrap {
    padding-top: 0;
  }
}
aside.pageleft nav.filter.price div.range-wrap div.ranges {
  margin: 0 auto;
  width: 200px;
}
@media (max-width: 767px) {
  aside.pageleft nav.filter.price div.range-wrap div.ranges {
    margin: 0;
  }
}
aside.pageleft nav.filter.price div.range-wrap div.ranges input[type=text] {
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  color: #666666;
  float: left;
  height: 40px;
  text-align: center;
  width: 85px;
}
aside.pageleft nav.filter.price div.range-wrap div.ranges span {
  color: #666666;
  float: left;
  padding: 10px;
}
@media (min-width: 992px) and (max-width: 1299px) {
  aside.pageleft nav {
    border: 0;
  }
}

div.pageright nav.number-pages ul.sort li.sort ul li {
  border-left: 0;
}
div.pageright nav.number-pages div.wrap ul.products-per-page {
  padding-right: 25px;
}
@media (max-width: 767px) {
  div.pageright nav.number-pages div.wrap ul.products-per-page {
    padding-right: 0;
  }
}

/*
*
* SHOWMORE
*
*/
@media (min-width: 992px) and (max-width: 1199px) {
  ul.form li label {
    width: 120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li label {
    width: 120px;
  }
}
@media (max-width: 767px) {
  ul.form li label {
    width: 100%;
  }
}
ul.form li input {
  /* submit/button */
}
ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=phone], ul.form li input[type=password] {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  height: 35px;
  width: 250px;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=phone], ul.form li input[type=password] {
    width: 250px;
  }
}
@media (max-width: 767px) {
  ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=phone], ul.form li input[type=password] {
    width: 100%;
  }
}
ul.form li input[type=text].medium, ul.form li input[type=email].medium, ul.form li input[type=phone].medium, ul.form li input[type=password].medium {
  width: 175px;
}
ul.form li input[type=submit], ul.form li input[type=button] {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #009bd3;
  border-bottom: 5px solid #0088ba;
  height: 50px;
  padding: 0 20px;
}
ul.form li input[type=submit]:hover, ul.form li input[type=submit]:focus, ul.form li input[type=button]:hover, ul.form li input[type=button]:focus {
  background: #0094c9;
  border-bottom-color: #0079a5;
  box-shadow: black 0 0 0 0;
}
ul.form li input[type=submit]:hover:active, ul.form li input[type=submit]:focus:active, ul.form li input[type=button]:hover:active, ul.form li input[type=button]:focus:active {
  background: #0088ba;
  border-bottom: 1px solid #006387;
}
ul.form li input[type=submit]:active, ul.form li input[type=button]:active {
  background: #0088ba;
  border-bottom: 1px solid #006387;
}
ul.form li textarea {
  width: 250px;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li textarea {
    width: 250px;
  }
}
@media (max-width: 767px) {
  ul.form li textarea {
    width: 100%;
  }
}
ul.form li select {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  height: 35px !important;
  width: 250px;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form li select {
    width: 250px;
  }
}
@media (max-width: 767px) {
  ul.form li select {
    width: 100%;
  }
}
ul.form li select#selCountry {
  height: 32px;
}
ul.form.register-site {
  width: 85% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form.register-site {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  ul.form.register-site {
    width: 100% !important;
  }
}
ul.form.register-site li label {
  width: 180px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.form.register-site li label {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form.register-site li label {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  ul.form.register-site li label {
    width: 100% !important;
  }
}
ul.form.register-site li div.iradio {
  margin-top: 5px;
}
ul.form.register-site li.long.choose label {
  width: auto !important;
}
ul.form.register-site li.long.choose label:first-child {
  width: 180px !important;
}
@media (max-width: 767px) {
  ul.form.register-site li.long.choose label:first-child {
    width: 100% !important;
  }
}
ul.form.password-container li label {
  width: 250px !important;
}
ul.form.newsletter {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  margin-top: 20px;
  padding: 20px 20px 0 20px;
}
ul.form.newsletter li {
  float: right !important;
  width: auto !important;
}
@media (max-width: 767px) {
  ul.form.newsletter li {
    width: 100% !important;
  }
}
ul.form.newsletter li:first-child {
  float: left !important;
}
ul.form.newsletter li.italic {
  font-style: italic;
}
ul.form.newsletter li.italic p {
  color: #999999;
  font-style: italic;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form.buttons {
    float: right;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  ul.form.buttons {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.form.buttons li {
    float: right;
    width: auto !important;
  }
  ul.form.buttons li:first-child {
    float: left;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  ul.form.buttons li {
    width: 100% !important;
  }
}
ul.form.buttons li input[type=submit], ul.form.buttons li input[type=button] {
  margin-top: 0 !important;
}
ul.form.buttons li input[type=submit]:hover:active, ul.form.buttons li input[type=submit]:focus:active, ul.form.buttons li input[type=button]:hover:active, ul.form.buttons li input[type=button]:focus:active {
  margin-top: 0px !important;
}
ul.form.buttons li a {
  box-shadow: black 0 0 0 0;
  background: url("../images/css/arrow-left-cart.png") no-repeat left center white;
  color: #666666;
  height: auto;
  line-height: 16px;
  margin: 0;
  margin-top: 20px !important;
  padding-left: 15px;
  text-decoration: underline;
}
@media (max-width: 767px) {
  ul.form.buttons li a {
    background-image: none;
    padding: 0;
    text-decoration: none;
  }
}
ul.form.buttons li a:hover, ul.form.buttons li a:focus {
  background-color: white !important;
  background-image: url(../images/css/arrow-left-cart-hover.png) !important;
  background-position: left center;
  background-repeat: no-repeat;
  color: black !important;
}
@media (max-width: 767px) {
  ul.form.buttons li a:hover, ul.form.buttons li a:focus {
    background-color: #e6e6e6 !important;
    background-image: none !important;
    border-bottom: 3px solid #d9d9d9 !important;
  }
  ul.form.buttons li a:hover:active, ul.form.buttons li a:focus:active {
    border-bottom-width: 1px !important;
    margin-top: 30px !important;
  }
}

section.content.register form.register h2 {
  color: #666666;
  font-weight: 700;
  margin: 30px 0 20px 0;
}

footer {
  float: left;
  margin-top: 0;
  width: 100%;
}
footer section.top {
  background: none;
  padding-top: 0;
}
footer section.top div.wrap {
  border-top: 1px solid #e6e6e6;
  margin-top: 50px;
  padding-top: 50px;
}
footer section.top div.wrap strong.title {
  color: #a6a6a6;
  margin-bottom: 30px;
}
@media (max-width: 479px) {
  footer section.top div.wrap strong.title {
    margin-bottom: 0;
  }
}
footer section.top div.wrap section.wrap-foot-left address {
  border: 0;
  padding-top: 0;
}
footer section.top div.wrap section.wrap-foot-left address a.logo {
  display: block;
  margin-bottom: 30px;
  width: 65%;
}
@media (max-width: 767px) {
  footer section.top div.wrap section.wrap-foot-left address a.logo {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer section.top div.wrap section.wrap-foot-left address a.logo {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer section.top div.wrap section.wrap-foot-left address a.logo {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  footer section.top div.wrap section.wrap-foot-left address a.logo {
    display: block;
  }
}
@media (min-width: 1400px) {
  footer section.top div.wrap section.wrap-foot-left address a.logo {
    display: block;
  }
}
footer section.top div.wrap section.wrap-foot-left address a.logo img {
  opacity: 0.8;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer section.top div.wrap section.wrap-foot-left address a.logo {
    width: 32%;
  }
}
footer section.top div.wrap section.wrap-foot-left address strong.title {
  display: none;
}
footer section.top div.wrap section.wrap-foot-left address ul li {
  color: #666666;
  padding: 0;
  width: 100%;
}
footer section.top div.wrap section.wrap-foot-left address ul li a {
  color: #858585;
}
footer section.top div.wrap section.wrap-foot-left address ul li a:hover, footer section.top div.wrap section.wrap-foot-left address ul li a:focus {
  color: #89be30;
}
footer section.top div.wrap section.wrap-foot-left div.openinghours {
  margin-top: 25px;
}
footer section.top div.wrap section.wrap-foot-left div.openinghours p {
  color: #858585;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer section.top div.wrap section.wrap-foot-left {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
  }
}
footer section.top div.wrap div.service {
  margin-top: 25px;
}
footer section.top div.wrap div.service strong.title {
  color: #a6a6a6;
}
footer section.top div.wrap div.service p span {
  color: #858585;
}
footer section.top div.wrap div.service p span a {
  color: #858585;
}
footer section.top div.wrap div.service p span a:hover, footer section.top div.wrap div.service p span a:focus {
  color: #89be30;
}
footer section.top div.wrap form.newsletter {
  margin-top: 25px;
}
footer section.top div.wrap form.newsletter p {
  color: #858585;
}
footer section.top div.wrap form.newsletter ul li input[type=email] {
  background: #f2f2f2 !important;
  height: 36px;
  width: 84%;
}
footer section.top div.wrap form.newsletter ul li input[type=submit] {
  color: white;
  height: 36px;
  text-transform: uppercase;
  width: 16%;
}
footer section.top div.wrap form.newsletter div.box-info p {
  color: white;
}
footer section.top div.wrap div.bottom nav.navigation-footer ul li a {
  color: #858585;
}
footer section.top div.wrap div.bottom nav.navigation-footer ul li a:hover, footer section.top div.wrap div.bottom nav.navigation-footer ul li a:focus {
  color: #89be30;
}
footer section.top div.wrap div.bottom div.socialmedia {
  /* To fill the container and nothing else */
}
footer section.top div.wrap div.bottom div.socialmedia div.fb-page {
  width: 100% !important;
}
footer section.top div.wrap div.bottom div.socialmedia #fb-root {
  display: none;
}
footer section.top div.wrap div.bottom div.socialmedia .fb_iframe_widget, footer section.top div.wrap div.bottom div.socialmedia .fb_iframe_widget span, footer section.top div.wrap div.bottom div.socialmedia .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}
footer section.top div.wrap div.bottom div.socialmedia div.acc-content-inner {
  width: 100% !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer section.top div.wrap div.bottom div.paymentmethods {
    margin-top: 40px;
  }
}
footer section.top div.wrap div.bottom div.paymentmethods div.payment-wrap {
  float: left;
  width: 100%;
}
footer section.top div.wrap div.bottom div.paymentmethods div.payment-wrap ul.paymentmethod {
  float: left;
  width: 100%;
}
footer section.top div.wrap div.bottom div.paymentmethods div.payment-wrap ul.paymentmethod li {
  float: left;
  list-style: none;
  margin-top: 10px;
  padding: 0 5px;
}
footer section.top div.wrap div.bottom div.paymentmethods div.payment-wrap ul.paymentmethod li.paymenttitle {
  float: none;
  margin-top: 0;
}
@media (max-width: 768px) {
  footer section.top div.wrap {
    margin-top: 0 !important;
    padding-top: 25px;
  }
  footer section.top div.wrap strong.title {
    margin-bottom: 0;
  }
  footer section.top div.wrap form.newsletter ul {
    width: 100%;
  }
  footer section.top div.wrap div.bottom div.paymentmethods {
    border-top: 1px solid #e6e6e6;
    margin-top: 25px;
    padding-top: 25px;
  }
}
footer section.bottom div.wrap {
  border-top: 1px solid #e6e6e6;
  float: left;
  padding-top: 25px;
  width: 100%;
}
footer section.bottom div.wrap nav.socialmedia {
  border-right: 1px solid #e6e6e6;
  float: left;
  line-height: 22px;
  margin-right: 30px;
  padding-right: 35px;
}
footer section.bottom div.wrap nav.socialmedia ul li {
  color: #858585;
  float: left;
  padding-top: 4px;
  list-style: none;
  text-transform: uppercase;
}
footer section.bottom div.wrap nav.socialmedia ul li.title {
  padding-top: 6px;
  margin-right: 10px;
}
footer section.bottom div.wrap nav.socialmedia ul li a {
  display: block;
}
footer section.bottom div.wrap nav.navigation-footer-extra {
  float: left;
  padding-top: 6px;
}
footer section.bottom div.wrap nav.navigation-footer-extra ul li {
  border-left: 1px solid #e6e6e6;
  list-style: none;
  float: left;
}
footer section.bottom div.wrap nav.navigation-footer-extra ul li a {
  color: #858585;
  padding: 0 8px;
  text-decoration: none;
}
footer section.bottom div.wrap nav.navigation-footer-extra ul li a:hover, footer section.bottom div.wrap nav.navigation-footer-extra ul li a:focus {
  color: #89be30;
}
footer section.bottom div.wrap nav.navigation-footer-extra ul li:first-child {
  border-left: 0;
}
footer section.bottom div.wrap div.credits {
  color: #d5d5d5;
  float: right;
  padding-top: 6px;
}
footer section.bottom div.wrap div.credits a {
  color: #d5d5d5;
}
footer section.bottom div.wrap div.credits a:hover, footer section.bottom div.wrap div.credits a:focus {
  color: #89be30;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer section.bottom div.wrap div.credits {
    float: left;
    text-align: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  footer {
    background: #f7f7f7;
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
  }
  footer section.top {
    padding-bottom: 0;
    padding-top: 0;
  }
  footer section.top div.wrap {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
  footer section.top div.wrap section.wrap-foot-left address strong.title {
    display: block;
  }
  footer section.top div.wrap section.wrap-foot-left address ul {
    float: left;
  }
  footer section.top div.wrap section.wrap-foot-left div.openinghours {
    margin-top: 0;
  }
  footer section.top div.wrap div.service {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
  }
  footer section.top div.wrap form.newsletter {
    margin-top: 0;
  }
  footer section.top div.wrap form.newsletter ul {
    border-bottom: 0;
    padding-bottom: 0;
  }
  footer section.top div.wrap div.bottom {
    margin-top: 0;
  }
  footer section.top div.wrap div.bottom nav.navigation-footer {
    padding-bottom: 0;
    padding-top: 0;
  }
  footer section.top div.wrap div.bottom nav.navigation-footer div.nav-wrap strong.title,
footer section.top div.wrap div.bottom nav.navigation-footer div.nav-wrap ul {
    border-top: 0;
    padding-top: 0;
  }
  footer section.top div.wrap div.bottom div.paymentmethods {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
  footer section.top div.wrap div.bottom div.paymentmethods strong.title {
    border-top: 0;
    padding-top: 0;
  }
  footer section.top div.wrap div.bottom div.paymentmethods ul.paymentmethod li.paymenttitle {
    padding: 0;
  }
  footer section.top div.wrap:first-child {
    margin-top: 50px;
    padding-top: 25px;
  }
  footer section.bottom {
    background: #f7f7f7;
  }
  footer section.bottom div.wrap nav.socialmedia {
    margin-right: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  footer section.bottom div.wrap nav.socialmedia {
    border-right: 0;
  }
}
@media (max-width: 767px) {
  footer section.bottom div.wrap nav.navigation-footer-extra ul li:first-child a {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  footer section.bottom div.wrap div.credits {
    margin-top: 30px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  footer strong.title {
    background: url("../images/css/arrow-open.png") no-repeat 95% center;
    background-size: contain;
    cursor: pointer;
    text-transform: none !important;
  }
  footer strong.title.selected {
    background-image: url("../images/css/arrow-close.png");
    background-size: 28px;
  }
}
@media (max-width: 767px) {
  footer div.acc-content {
    height: 0px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
  }
  footer div.acc-content div.acc-content-inner {
    float: left;
    padding-top: 15px;
  }
  footer div.acc-content.open {
    height: auto;
  }
}
@media (max-width: 768px) {
  footer {
    margin-top: 0;
  }
}

body.cart footer {
  margin-top: 30px;
  float: left;
  width: 100%;
}
body.cart footer section.bottom {
  background: #f7f7f7 !important;
  border-top: 1px solid #e6e6e6;
}
body.cart footer section.bottom div.payment-wrap {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
body.cart footer section.bottom div.payment-wrap strong {
  float: left;
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
  padding-top: 5px;
  width: 20%;
}
@media (max-width: 767px) {
  body.cart footer section.bottom div.payment-wrap strong {
    margin-bottom: 10px;
    padding-top: 0;
    width: 100%;
  }
}
body.cart footer section.bottom div.payment-wrap ul {
  float: left;
  width: 80%;
}
@media (max-width: 767px) {
  body.cart footer section.bottom div.payment-wrap ul {
    width: 100%;
  }
}
body.cart footer section.bottom div.credits {
  float: left;
  font-size: 1.2em;
  text-align: left;
  width: 100%;
}

/* PLUGIN | Hier staat alle css die van toepassing is voor de gebruikte plugins
*/
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/
.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/
.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#95aabf), to(#547092));
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95aabf), to(#547092));
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/* -->> AANPASSINGEN DIGITALMIND 29-04-2014 */
div.scroll-bar {
  z-index: 50;
}
div.scroll-bar.vertical {
  background: #f2f2f2;
  width: 8px;
}
div.scroll-bar.vertical div.thumb {
  background: #bfbfbf;
  cursor: pointer;
}
div.scroll-bar.vertical div.thumb:hover, div.scroll-bar.vertical div.thumb:focus {
  background: #a6a6a6;
}

/* Default custom select styles */
div.cs-select {
  border-bottom: 1px solid #07bdff;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}
div.cs-select.cs-active {
  z-index: 150;
}
div.cs-select select {
  display: none;
}
div.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 10px 10px 10px 25px;
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.cs-select span.cs-placeholder {
  background: white;
  border: 1px solid #009bd3;
}
div.cs-select.cs-active {
  margin-bottom: 16px;
  /*omdat border-bottom wegvalt*/
}
div.cs-select.cs-active span.cs-placeholder {
  border-bottom: 0;
}
div.cs-select > span::after, div.cs-select.cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Placeholder and selected option */
.cs-select > span::after {
  background: url("../images/css/icon-selectFx.png") no-repeat center center;
  content: "";
  right: 1em;
  height: 7px;
  width: 12px;
}

.cs-select .cs-selected span::after {
  content: "";
  margin-left: 1em;
}

.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

/* Options */
.cs-select .cs-options {
  border: 1px solid #009bd3;
  border-top: none;
  position: absolute;
  overflow: hidden;
  /*padding-bottom: 10px;*/
  width: 100%;
  background: white;
  visibility: hidden;
}
.cs-select .cs-options ul li {
  list-style: none;
  font: 300 1.35em "Open Sans", Arial, Helvetica, Sans-serif;
}
.cs-select .cs-options ul li:last-child span {
  padding-bottom: 15px;
}
.cs-select .cs-options ul li.cs-selected {
  background: #edfaff;
}

.cs-select.cs-active .cs-options {
  visibility: visible;
}

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cs-select ul span {
  padding: 1em;
}

.cs-select ul li.cs-focus span {
  background-color: #edfaff;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
  cursor: default;
}

.cs-skin-border > span {
  border: 1px solid #009bd3;
  border-color: inherit;
  -webkit-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s;
}

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
  content: "";
}

.cs-skin-border ul span::after {
  content: "";
  opacity: 0;
}

.cs-skin-border .cs-options {
  color: #666666;
  font-size: 0.75em;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s;
}

.cs-skin-border.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.cs-skin-border ul span {
  padding: 10px 10px 10px 25px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  background: #edfaff;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/css/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/css/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/css/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/css/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/css/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("../images/css/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/* MAATWERK CART */
/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
 */
/*****************************************************************************	CART  *********************************************************/
/* ------------------------------------------------------------ START CART-TABLE*/
section.cart-table table.cart tr th,
section.cart-table-pay table.cart tr th {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td h2,
section.cart-table-pay table.cart tr td h2 {
  font: 400 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td h3,
section.cart-table-pay table.cart tr td h3 {
  font: 200 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td a.delete,
section.cart-table table.cart tr td a.delete-mobile,
section.cart-table-pay table.cart tr td a.delete,
section.cart-table-pay table.cart tr td a.delete-mobile {
  font: 200 1.1em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td input[type=text],
section.cart-table-pay table.cart tr td input[type=text] {
  font: 200 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td span.refresh,
section.cart-table-pay table.cart tr td span.refresh {
  font-size: 1.4em;
}
section.cart-table table.cart tr td.price,
section.cart-table-pay table.cart tr td.price {
  font: 200 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td.total,
section.cart-table-pay table.cart tr td.total {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td.total-order,
section.cart-table-pay table.cart tr td.total-order {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table table.cart tr td span.wrap-number,
section.cart-table-pay table.cart tr td span.wrap-number {
  font: 200 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table ul li h3.title,
section.cart-table-pay ul li h3.title {
  font: 700 1.6em/1em "Open Sans", Arial, Helvetica, Sans-serif !important;
  text-tranform: uppercase;
}
section.cart-table ul li input[type=button], section.cart-table ul li input[type=submit],
section.cart-table-pay ul li input[type=button],
section.cart-table-pay ul li input[type=submit] {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif !important;
}
section.cart-table ul li label,
section.cart-table ul li span.countdown,
section.cart-table-pay ul li label,
section.cart-table-pay ul li span.countdown {
  font: 200 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table ul li textarea,
section.cart-table-pay ul li textarea {
  font: 200 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table span.complete,
section.cart-table-pay span.complete {
  font: 700 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-table a.wrap-edit,
section.cart-table a.wrap-remove,
section.cart-table a.wrap-edit-complete,
section.cart-table a.wrap-remove-complete,
section.cart-table-pay a.wrap-edit,
section.cart-table-pay a.wrap-remove,
section.cart-table-pay a.wrap-edit-complete,
section.cart-table-pay a.wrap-remove-complete {
  font: 200 1.25em/18px "Open Sans", Arial, Helvetica, Sans-serif;
}

/* ------------------------------------------------------------ START CART-EXTRA*/
section.cart-extra section.address-info ul li {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.service h3 {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.service ul li, div.service ol li {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.service table tr td {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}

/** DISCOUNT / KORTINGSCOD**/
section.discount {
  /* voeg een code toe */
}
section.discount h4 {
  font: 200 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.discount h5 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.discount ul.discount-form li input[type=text] {
  font: 200 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.discount ul.discount-form li input[type=submit], section.discount ul.discount-form li input[type=button] {
  font: 700 1.3em/1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

ul.discount-added li {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* TOTAAL TABEL */
table.total tr td {
  font: 200 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}
table.total tr td span.shipping {
  font-size: 0.9em;
}
table.total tr td ul.delivery li select {
  font-size: 0.9em;
  font-weight: 200;
}
table.total tr.total td {
  font: 700 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

section.cart-wrap section.wristsize label {
  font: 200 1.4em/20px "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-wrap section.wristsize input {
  font: 200 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}

section.cart-overview-right h2.titleVerwant {
  font: 200 2.4em/28px "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-overview-right section.toeslag ul li h4 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
section.cart-overview-right section.toeslag ul li ul.form li.choose label {
  font: 400 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* ------------------------------------------------------------ START STAPPEN */
/* START CART-LEFT */
aside.cart-left {
  /* TITEL */
}
aside.cart-left h3 span {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
aside.cart-left h3 span strong {
  font-weight: 700;
}
aside.cart-left h3 a {
  font: 400 1em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* MINI-CART */
table.mini-cart {
  float: left;
  width: 100%;
}
table.mini-cart tr.total td {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
table.mini-cart tr td {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
table.mini-cart tr td strong {
  font-weight: 700;
}

/* START CART-RIGHT */
section.cart-right div.block h1,
section.cart-right div.block h2,
section.cart-right div.block strong.title {
  font: 700 1.7em "Open Sans", Arial, Helvetica, Sans-serif !important;
  text-transform: uppercase;
}
section.cart-right div.block a.edit {
  font: 400 0.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

div.cart-box h2 {
  font: 700 1.5em "Open Sans", Arial, Helvetica, Sans-serif !important;
  text-transform: uppercase;
}
div.cart-box h3 {
  font: 700 1.5em "Open Sans", Arial, Helvetica, Sans-serif !important;
  text-transform: uppercase;
}
div.cart-box a.modify {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* START STAP 1 */
div.login-box h2 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif !important;
}
div.login-box a.btn {
  font: 700 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* account info */
div.account-info ul.info li {
  font: 200 1.6em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.account-info ul.info li strong {
  font-weight: normal;
}
div.account-info.overview a.modify {
  font-size: 1.1em !important;
}

/* START STAP 2 */
ul.choose-delivery li span.option label {
  font: 700 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.choose-delivery li ul.info li {
  font: 200 1.6em "Open Sans", Arial, Helvetica, Sans-serif;
}

table.payment-method tr td strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}
table.payment-method tr td.coupon table tr td h5 {
  font: 200 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}
table.payment-method tr td.coupon table tr td.total span {
  font: 400 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
}
table.payment-method tr td.coupon table tr td ul.discount li input[type=text] {
  font: 200 1.3em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
table.payment-method tr td.coupon table tr td ul.discount li input[type=submit] {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* opmerkingen / STAP 4*/
section.remarks textarea {
  font: 400 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* ------------------------------------------------------------ START ORDER-CONFIRMATION*/
/* deel je bestelling */
section.share-order ul li div.right strong {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* ORDER STAPPEN */
ul.order-steps li strong {
  font: 700 1.5em/2.5em "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.order-steps li h2 {
  font: 700 1.5em/1.5em "Open Sans", Arial, Helvetica, Sans-serif;
}

/* CHOOSE DELIVERY */
ul.choose-delivery li,
ul.info.pickup li {
  font: 200 1.5em/14px "Open Sans", Arial, Helvetica, Sans-serif;
}
ul.choose-delivery.pickupwrap li, ul.choose-delivery.billinginfo li,
ul.info.pickup.pickupwrap li,
ul.info.pickup.billinginfo li {
  line-height: 19px;
}

/** MAAATWERK **/
section.cart-wrap div.middle section.toeslag ul li h4 {
  font: 700 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
}

@media (max-width: 767px) {
  ul.form.buttons li input[type=button], ul.form.buttons li input[type=submit] {
    font: 700 2em "Open Sans", Arial, Helvetica, Sans-serif;
  }
}
/*****************************************************************************	CART  *********************************************************/
/* ------------------------------------------------------------ START CART*/
section.cart-wrap {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.cart-wrap {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  section.cart-wrap {
    float: left;
    width: 100%;
  }
}
section.cart-wrap.delivery-extra {
  float: left;
  padding: 0;
  width: 100%;
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.cart-wrap.delivery-extra {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.cart-wrap.delivery-extra {
    float: left;
    width: 66.6666666667%;
  }
}
section.cart-wrap.delivery-extra table.cart {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.cart-wrap.delivery-extra table.cart {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  section.cart-wrap.delivery-extra table.cart {
    float: left;
    width: 100%;
  }
}
section.cart-wrap.delivery-extra section.total-table-wrap table.total {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.cart-wrap.delivery-extra section.total-table-wrap table.total {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  section.cart-wrap.delivery-extra section.total-table-wrap table.total {
    float: left;
    width: 100%;
  }
}

section.cart-overview-right {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.cart-overview-right {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.cart-overview-right {
    float: left;
    width: 33.3333333333%;
  }
}
section.cart-overview-right ul.product-overview li {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
}
@media (max-width: 479px) {
  section.cart-overview-right ul.product-overview li {
    position: relative;
    float: left;
    width: 100%;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    /* desktop - tablet */
  }
}
@media (min-width: 992px) {
  section.cart-overview-right ul.product-overview li {
    float: left;
    width: 100%;
  }
}

div.cart-empty {
  margin-left: -10px;
  margin-right: -10px;
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 100%;
}
div.cart-empty:before, div.cart-empty:after {
  content: " ";
  display: table;
}
div.cart-empty:after {
  clear: both;
}
div.cart-empty {
  *zoom: 1;
}

/* ------------------------------------------------------------ START CART-TABLE*/
section.cart-table table.cart,
section.cart-table-pay table.cart {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* desktop - tablet */
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  /* large dekstop */
}
@media (min-width: 992px) {
  section.cart-table table.cart,
section.cart-table-pay table.cart {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  section.cart-table table.cart,
section.cart-table-pay table.cart {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  section.cart-table table.cart td span.first,
section.cart-table-pay table.cart td span.first {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-table table.cart td span.first,
section.cart-table-pay table.cart td span.first {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.cart-table table.cart td span.first,
section.cart-table-pay table.cart td span.first {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.cart-table table.cart td span.first,
section.cart-table-pay table.cart td span.first {
    display: none;
  }
}
@media (min-width: 1400px) {
  section.cart-table table.cart td span.first,
section.cart-table-pay table.cart td span.first {
    display: none;
  }
}

/* ------------------------------------------------------------ START CART-EXTRA*/
section.cart-extra {
  /** DISCOUNT / KORTINGSCOD**/
  /* TOTAAL TABEL */
}
section.cart-extra section.address-info {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.cart-extra section.address-info {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  section.cart-extra section.address-info {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.cart-extra section.address-info {
    float: left;
    width: 33.3333333333%;
  }
}
section.cart-extra section.discount {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.cart-extra section.discount {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  section.cart-extra section.discount {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.cart-extra section.discount {
    float: left;
    width: 33.3333333333%;
  }
}
section.cart-extra section.total-table {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.cart-extra section.total-table {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  section.cart-extra section.total-table {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.cart-extra section.total-table {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  section.cart-extra section.total-table {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  section.cart-extra section.total-table {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  section.cart-extra section.total-table {
    margin-left: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  section.cart-extra {
    /*@include make-lg-column(4);*/
  }
  section.cart-extra section.discount,
section.cart-extra section.total-table {
    /*@include make-lg-column(12);
    @include make-lg-column-offset(0);*/
  }
}
@media (max-width: 767px) {
  section.cart-extra section.discount {
    position: relative;
    float: left;
    width: 100%;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
  }
  section.cart-extra section.total-table {
    position: relative;
    float: left;
    width: 100%;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ------------------------------------------------------------ START STAPPEN */
/* START CART-LEFT */
aside.cart-left {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  aside.cart-left {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  aside.cart-left {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  aside.cart-left {
    float: left;
    width: 33.3333333333%;
  }
}

/* START CART-RIGHT */
section.cart-right {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  section.cart-right {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  section.cart-right {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  section.cart-right {
    float: left;
    width: 66.6666666667%;
  }
}
section.cart-right div.wrap {
  margin-left: -10px;
  margin-right: -10px;
}
section.cart-right div.wrap:before, section.cart-right div.wrap:after {
  content: " ";
  display: table;
}
section.cart-right div.wrap:after {
  clear: both;
}
section.cart-right div.wrap {
  *zoom: 1;
}

div.cart-box {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 1200px) {
  div.cart-box {
    float: left;
    width: 100%;
  }
}

/* START STAP 1 */
div.login-box {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 768px) {
  div.login-box {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  div.login-box {
    float: left;
    width: 58.3333333333%;
  }
}
@media (min-width: 1200px) {
  div.login-box {
    float: left;
    width: 58.3333333333%;
  }
}
div.login-box.register {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 992px) {
  div.login-box.register {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 1200px) {
  div.login-box.register {
    float: left;
    width: 41.6666666667%;
  }
}

/*div.login-box-radio
{
	@include make-xs-column(12);
	@include make-sm-column(12);
	@include make-md-column(12);
	@include make-lg-column(12);
}*/
/* account info */
div.account-info {
  position: relative;
  /* Prevent columns from collapsing when empty*/
  min-height: 1px;
  /* Inner gutter via padding*/
  padding-left: 10px;
  padding-right: 10px;
  /* Calculate width based on number of columns available*/
}
@media (min-width: 1200px) {
  div.account-info {
    float: left;
    width: 100%;
  }
}
div.account-info ul.info {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  div.account-info ul.info {
    width: 100%;
  }
}

/* ------------------------------------------------------------ START ORDER-CONFIRMATION*/
/* order info */
section.order-info {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 990px) {
  section.order-info {
    width: 100%;
  }
}

/* deel je bestelling */
section.share-order {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
@media (max-width: 990px) {
  section.share-order {
    width: 100%;
  }
}

/* ORDER STAPPEN */
ul.order-steps li {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  width: 33.3333333333%;
}
@media (max-width: 767px) {
  ul.order-steps li {
    width: 100%;
  }
}

/*
 *
		SCSS ENKEL AANPASSEN IN DE MASTER WEBSHOP
 *
*
 */
/*****************************************************************************	CART  *********************************************************/
/* ------------------------------------------------------------ START CART-TABLE*/
section.cart-table,
section.cart-table-pay {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  float: left;
  margin-top: 30px;
  width: 100%;
}
section.cart-table table.cart.order tr td.total,
section.cart-table-pay table.cart.order tr td.total {
  width: 18%;
}
section.cart-table table.cart.order tr td.article,
section.cart-table-pay table.cart.order tr td.article {
  width: 30%;
}
section.cart-table table.cart tr th,
section.cart-table-pay table.cart tr th {
  background: #f2f2f2;
  padding: 10px 20px;
  text-align: center;
}
section.cart-table table.cart tr th.article,
section.cart-table-pay table.cart tr th.article {
  border-radius: 5px 0 0 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  text-align: left;
}
section.cart-table table.cart tr th.number, section.cart-table table.cart tr th.price, section.cart-table table.cart tr th.total,
section.cart-table-pay table.cart tr th.number,
section.cart-table-pay table.cart tr th.price,
section.cart-table-pay table.cart tr th.total {
  width: 10%;
}
section.cart-table table.cart tr th.number,
section.cart-table-pay table.cart tr th.number {
  width: 20%;
}
section.cart-table table.cart tr th.total,
section.cart-table-pay table.cart tr th.total {
  text-align: right;
}
section.cart-table table.cart tr td,
section.cart-table-pay table.cart tr td {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding: 20px;
  text-align: center;
  vertical-align: middle;
}
section.cart-table table.cart tr td a.delete,
section.cart-table-pay table.cart tr td a.delete {
  background: url("../images/css/close.png") no-repeat center center;
  background-size: 10px 10px;
  color: #666666;
  display: inline-block;
  height: 10px;
  line-height: 0;
  text-indent: -9999px;
  text-decoration: none;
  vertical-align: middle;
  width: 35px;
}
section.cart-table table.cart tr td a.delete:hover, section.cart-table table.cart tr td a.delete:focus,
section.cart-table-pay table.cart tr td a.delete:hover,
section.cart-table-pay table.cart tr td a.delete:focus {
  opacity: 0.5;
}
section.cart-table table.cart tr td a.delete-mobile,
section.cart-table-pay table.cart tr td a.delete-mobile {
  background: url("../images/css/close.png") no-repeat 0 0px;
  background-size: 8px 8px;
  height: 10px;
  color: #666666;
  display: inline-block;
  line-height: 9px;
  padding-left: 15px;
  margin-top: 10px;
  text-decoration: underline;
  vertical-align: middle;
  width: auto;
}
@media (max-width: 767px) {
  section.cart-table table.cart tr td a.delete-mobile,
section.cart-table-pay table.cart tr td a.delete-mobile {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-table table.cart tr td a.delete-mobile,
section.cart-table-pay table.cart tr td a.delete-mobile {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.cart-table table.cart tr td a.delete-mobile,
section.cart-table-pay table.cart tr td a.delete-mobile {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.cart-table table.cart tr td a.delete-mobile,
section.cart-table-pay table.cart tr td a.delete-mobile {
    display: none;
  }
}
@media (min-width: 1400px) {
  section.cart-table table.cart tr td a.delete-mobile,
section.cart-table-pay table.cart tr td a.delete-mobile {
    display: none;
  }
}
section.cart-table table.cart tr td a.delete-mobile:hover, section.cart-table table.cart tr td a.delete-mobile:focus,
section.cart-table-pay table.cart tr td a.delete-mobile:hover,
section.cart-table-pay table.cart tr td a.delete-mobile:focus {
  opacity: 0.5;
}
section.cart-table table.cart tr td a,
section.cart-table-pay table.cart tr td a {
  text-decoration: none;
}
section.cart-table table.cart tr td a h2,
section.cart-table-pay table.cart tr td a h2 {
  color: #666666;
}
section.cart-table table.cart tr td a h3,
section.cart-table-pay table.cart tr td a h3 {
  color: #666666;
}
section.cart-table table.cart tr td a:hover h2,
section.cart-table table.cart tr td a:hover h3, section.cart-table table.cart tr td a:focus h2,
section.cart-table table.cart tr td a:focus h3,
section.cart-table-pay table.cart tr td a:hover h2,
section.cart-table-pay table.cart tr td a:hover h3,
section.cart-table-pay table.cart tr td a:focus h2,
section.cart-table-pay table.cart tr td a:focus h3 {
  color: black;
}
section.cart-table table.cart tr td input[type=text],
section.cart-table-pay table.cart tr td input[type=text] {
  border: 1px solid #cccccc;
  color: #666666;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: inline-block;
  padding: 0 0;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  width: 50px;
}
section.cart-table table.cart tr td input[type=text]:focus,
section.cart-table-pay table.cart tr td input[type=text]:focus {
  border-color: black;
}
section.cart-table table.cart tr td input[type=text].display-none,
section.cart-table-pay table.cart tr td input[type=text].display-none {
  display: none;
}
section.cart-table table.cart tr td select,
section.cart-table-pay table.cart tr td select {
  border: 1px solid #cccccc;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: inline-block;
  color: #666666;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
section.cart-table table.cart tr td select option,
section.cart-table-pay table.cart tr td select option {
  text-align: left;
}
section.cart-table table.cart tr td select.display-none,
section.cart-table-pay table.cart tr td select.display-none {
  display: none;
}
section.cart-table table.cart tr td span.refresh,
section.cart-table-pay table.cart tr td span.refresh {
  color: #666666;
  display: inline-block;
  margin-left: 5px;
  padding-top: 5px;
  opacity: 0.5;
  vertical-align: middle;
  width: 25px;
}
section.cart-table table.cart tr td span.refresh:hover, section.cart-table table.cart tr td span.refresh:focus,
section.cart-table-pay table.cart tr td span.refresh:hover,
section.cart-table-pay table.cart tr td span.refresh:focus {
  cursor: pointer;
  opacity: 1;
}
section.cart-table table.cart tr td.delete,
section.cart-table-pay table.cart tr td.delete {
  padding: 10px 0;
  max-width: 20px;
}
@media (max-width: 767px) {
  section.cart-table table.cart tr td.delete,
section.cart-table-pay table.cart tr td.delete {
    display: none;
  }
}
section.cart-table table.cart tr td.total,
section.cart-table-pay table.cart tr td.total {
  border-right: 1px solid #e6e6e6;
}
section.cart-table table.cart tr td.image,
section.cart-table-pay table.cart tr td.image {
  border-left: 0;
  padding-right: 0;
  max-width: 150px;
  width: 10%;
}
section.cart-table table.cart tr td.image img,
section.cart-table-pay table.cart tr td.image img {
  max-width: 150%;
  width: 100%;
}
section.cart-table table.cart tr td.article,
section.cart-table-pay table.cart tr td.article {
  border-left: 0;
  text-align: left;
  width: 40%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-table table.cart tr td.article,
section.cart-table-pay table.cart tr td.article {
    width: 25%;
  }
}
section.cart-table table.cart tr td.total,
section.cart-table-pay table.cart tr td.total {
  text-align: right;
  border-right: none;
}
section.cart-table table.cart tr td.total-order,
section.cart-table-pay table.cart tr td.total-order {
  text-align: right;
  border-right: none;
  width: 15%;
}
@media (max-width: 767px) {
  section.cart-table table.cart tr td.total-order,
section.cart-table-pay table.cart tr td.total-order {
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 25px !important;
  }
  section.cart-table table.cart tr td.total-order span,
section.cart-table-pay table.cart tr td.total-order span {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  section.cart-table table.cart tr td.number, section.cart-table table.cart tr td.price, section.cart-table table.cart tr td.total-order, section.cart-table table.cart tr td.total,
section.cart-table-pay table.cart tr td.number,
section.cart-table-pay table.cart tr td.price,
section.cart-table-pay table.cart tr td.total-order,
section.cart-table-pay table.cart tr td.total {
    background: #f2f2f2 !important;
  }
  section.cart-table table.cart tr td.total-order, section.cart-table table.cart tr td.total,
section.cart-table-pay table.cart tr td.total-order,
section.cart-table-pay table.cart tr td.total {
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
}

/* ------------------------------------------------------------ START CART-EXTRA*/
section.cart-extra {
  float: left;
  margin-top: 30px;
  width: 100%;
}
section.cart-extra section.address-info ul {
  float: left;
  width: 50%;
}
section.cart-extra section.address-info ul li {
  float: left;
  list-style: none;
  margin-bottom: 3px;
  width: 100%;
}
@media (min-width: 1400px) {
  section.cart-extra div.wrap {
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    float: left;
    padding: 2%;
    width: 100%;
  }
  section.cart-extra section.total-table {
    /*margin-top: 30px;*/
  }
}
@media (max-width: 767px) {
  section.cart-extra section.discount {
    position: relative;
    float: left;
    width: 100%;
    /* Prevent columns from collapsing when empty*/
    min-height: 1px;
    /* Inner gutter via padding*/
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-bottom: 30px;
  }
  section.cart-extra div.wrap {
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    float: left;
    padding: 2%;
    width: 100%;
  }
}

/* TOTAAL TABEL */
section.total-table-wrap {
  border: 1px solid #cccccc;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  section.total-table-wrap.mobile {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.total-table-wrap.mobile {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.total-table-wrap.mobile {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.total-table-wrap.mobile {
    display: none;
  }
}
@media (min-width: 1400px) {
  section.total-table-wrap.mobile {
    display: none;
  }
}

table.total {
  float: left;
  width: 100%;
}
table.total tr td {
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  text-align: right;
  vertical-align: middle;
  width: 30%;
}
table.total tr td strong.discount-name,
table.total tr td span.discount-code {
  width: 100%;
}
table.total tr td strong.discount-name:before, table.total tr td strong.discount-name:after,
table.total tr td span.discount-code:before,
table.total tr td span.discount-code:after {
  content: " ";
  display: table;
}
table.total tr td strong.discount-name:after,
table.total tr td span.discount-code:after {
  clear: both;
}
table.total tr td strong.discount-name,
table.total tr td span.discount-code {
  *zoom: 1;
}
table.total tr td.first {
  border-right: 1px solid #cccccc;
  width: 70%;
}
table.total tr.total td {
  background: #f2f2f2;
  border-bottom: 0;
  color: black;
}

/** DISCOUNT / KORTINGSCOD**/
section.discount {
  float: left;
  /* voeg een code toe */
}
section.discount h4 {
  margin-bottom: 10px;
  width: 100%;
}
section.discount h4:before, section.discount h4:after {
  content: " ";
  display: table;
}
section.discount h4:after {
  clear: both;
}
section.discount h4 {
  *zoom: 1;
}
section.discount h5 {
  margin: 20px 0 10px 0;
  width: 100%;
}
section.discount h5:before, section.discount h5:after {
  content: " ";
  display: table;
}
section.discount h5:after {
  clear: both;
}
section.discount h5 {
  *zoom: 1;
}
section.discount ul.discount-form {
  margin-bottom: 10px;
  width: 100%;
}
section.discount ul.discount-form:before, section.discount ul.discount-form:after {
  content: " ";
  display: table;
}
section.discount ul.discount-form:after {
  clear: both;
}
section.discount ul.discount-form {
  *zoom: 1;
}
section.discount ul.discount-form li {
  float: left;
  list-style: none;
  margin: 0 0 0 5px;
}
section.discount ul.discount-form li.first {
  margin-left: 0;
}
section.discount ul.discount-form li.discountcode-error p {
  color: #e10404;
}
section.discount ul.discount-form li.box-error {
  float: left;
  width: 100%;
}
section.discount ul.discount-form li.box-error p {
  color: #e10404;
  padding-bottom: 10px;
}
section.discount ul.discount-form li:first-child, section.discount ul.discount-form li.first {
  margin-left: 0;
}
section.discount ul.discount-form li input[type=text] {
  border: 1px solid #cccccc;
  color: #666666;
  height: 25px;
  padding: 0 10px;
  width: 200px;
}
section.discount ul.discount-form li input[type=text]:focus {
  border-color: #666666;
}
section.discount ul.discount-form li input[type=submit], section.discount ul.discount-form li input[type=button] {
  background: black;
  border: none;
  color: white;
  padding: 0 5px;
  height: 25px;
  text-transform: uppercase;
}
section.discount ul.discount-form li input[type=submit]:hover, section.discount ul.discount-form li input[type=submit]:focus, section.discount ul.discount-form li input[type=button]:hover, section.discount ul.discount-form li input[type=button]:focus {
  background: #89be30;
}

/* ------------------------------------------------------------ START TABLE OP IPHONE*/
@media (max-width: 767px) {
  /* Force table to not be like tables anymore */
  .cart-table table,
.cart-table thead,
.cart-table tbody,
.cart-table th,
.cart-table td,
.cart-table tr {
    display: block;
    padding: 0 !important;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .cart-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cart-table td {
    /* Behave like a "row" */
    border: none;
    position: relative;
    white-space: normal;
    text-align: left;
  }
  .cart-table td.image {
    border: none !important;
    border-bottom: 1px solid #cccccc !important;
    display: table-cell;
    padding: 20px !important;
  }
  .cart-table td.image:before {
    position: static;
    width: 15%;
  }
  .cart-table td.article {
    border: none !important;
    border-bottom: 1px solid #cccccc !important;
    display: table-cell;
    padding: 15px !important;
  }
  .cart-table td.article:before {
    position: static;
  }
  .cart-table td.total-order {
    border: none !important;
    border-bottom: 1px solid #cccccc !important;
    display: table-cell;
    padding: 15px !important;
  }
  .cart-table td.total-order:before {
    position: static;
    border-bottom: 1px solid #cccccc !important;
  }
  .cart-table td.shortdesc {
    width: 50%;
  }
  .cart-table td.shortdesc:before {
    position: static;
    width: 50% !important;
  }
  .cart-table td.number, .cart-table td.price, .cart-table td.total, .cart-table td.total-order {
    border: none !important;
    padding: 5px 15px !important;
    text-align: left !important;
  }
  .cart-table td.number span, .cart-table td.price span, .cart-table td.total span, .cart-table td.total-order span {
    display: inline-block !important;
    /*width: 30%;*/
  }
  .cart-table td.number span:first-child {
    font: normal 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  }
  .cart-table td.number {
    padding-top: 20px !important;
  }
  .cart-table td.total {
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 25px !important;
  }

  .cart-table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  /*
  Label the data
  */
  .cart-table td:before {
    content: attr(data-title);
  }
}
/* ------------------------------------------------------------ START STAPPEN */
/* START CART-LEFT */
aside.cart-left {
  /* TITEL */
}
aside.cart-left h3 {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  float: left;
  padding: 9px 0;
  width: 100%;
}
aside.cart-left h3 span {
  float: left;
  padding-top: 5px;
  text-transform: uppercase;
}
aside.cart-left h3 span strong {
  padding-left: 10px;
}
aside.cart-left h3 a {
  background: #f2f2f2;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #666666;
  float: right;
  padding: 5px;
  margin-left: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
aside.cart-left h3 a:hover, aside.cart-left h3 a:focus {
  background: #666666;
  color: white;
}
aside.cart-left div.mini-wrap {
  border: 1px solid #cccccc;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
}
aside.cart-left div.service {
  border: 1px solid #cccccc;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  float: left;
  margin-top: 25px;
  padding: 15px;
  width: 100%;
}
aside.cart-left div.service h3 {
  border: none;
  padding: 0;
  margin-bottom: 10px;
}
aside.cart-left div.service ul, aside.cart-left div.service ol {
  margin: 15px 0;
}
aside.cart-left div.service table {
  float: left;
  width: 100%;
}
aside.cart-left div.service table tr td {
  border: 1px solid #cccccc;
  padding: 5px;
}

/* MINI-CART */
table.mini-cart {
  float: left;
  width: 100%;
}
table.mini-cart.total tr td {
  text-align: right;
}
table.mini-cart.total tr td span {
  color: black;
  float: none;
}
table.mini-cart tr.first td {
  border: none;
}
table.mini-cart tr.total td {
  background: #f2f2f2;
  border-bottom: 0;
  color: black;
}
table.mini-cart tr td {
  border-top: 1px solid #cccccc;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  /* prijs bij totaal */
}
table.mini-cart tr td.price {
  border-left: 1px solid #cccccc;
  width: 30%;
}
table.mini-cart tr td strong,
table.mini-cart tr td span {
  float: left;
  margin-bottom: 3px;
  width: 100%;
}
table.mini-cart tr td span {
  color: #999999;
}
table.mini-cart tr td strong.price {
  color: #5c9c00;
}
table.mini-cart tr td.image {
  max-width: 130px;
}
table.mini-cart tr td.image img {
  max-width: 100px;
}

/* START CART-RIGHT */
section.cart-right div.block {
  border-bottom: 1px solid #cccccc;
  float: left;
  padding: 10px 0;
  width: 100%;
}
section.cart-right div.block h1,
section.cart-right div.block h2,
section.cart-right div.block strong.title {
  color: #666666;
}
section.cart-right div.block h1 span,
section.cart-right div.block h2 span,
section.cart-right div.block strong.title span {
  float: left;
}
section.cart-right div.block h1 {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 0;
  color: black;
}
section.cart-right div.block:first-child {
  border-top: 1px solid #cccccc;
}
section.cart-right div.block a.edit {
  background: #f2f2f2;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #666666;
  float: right;
  padding: 5px;
  margin-left: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
section.cart-right div.block a.edit:hover, section.cart-right div.block a.edit:focus {
  background: #666666;
  color: white;
}
section.cart-right div.wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  section.cart-right div.wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

div.cart-box {
  /* form zie form.scss */
}
div.cart-box div.box-info {
  display: block;
}
div.cart-box h2 {
  float: left;
  margin: 35px 0 10px 0;
  width: 100%;
}
div.cart-box h2:first-child, div.cart-box h2.first {
  margin-top: 0;
}
div.cart-box h3 {
  float: left;
  margin: 35px 0 10px 0;
  width: 100%;
}
div.cart-box h3:first-child {
  margin-top: 0;
}
div.cart-box a.modify {
  background: #f2f2f2;
  color: #666666;
  float: left;
  padding: 5px 20px;
  margin: 10px 0 20px 0;
  text-decoration: none;
}
div.cart-box a.modify:hover, div.cart-box a.modify:focus {
  background: black;
  color: white;
}
div.cart-box div.box-error {
  float: left;
}
div.cart-box ul.form.buttons {
  border-top: 0;
  padding-top: 0;
}
div.cart-box div.conditions {
  float: left;
  margin-top: 10px;
  width: 100%;
}
div.cart-box div.conditions label {
  font: normal 1.4em/1.9em "Open Sans", Arial, Helvetica, Sans-serif;
}
div.cart-box div.conditions em {
  color: #e10404;
}

/* START STAP 1 */
div.login-box {
  /* form zie form.scss */
}
@media (min-width: 768px) and (max-width: 991px) {
  div.login-box.register {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  div.login-box {
    float: left;
    margin-bottom: 20px;
    width: 100%;
  }
  div.login-box.register {
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}
div.login-box h2 {
  margin-bottom: 20px;
}
div.login-box a.btn {
  background: #666666;
  border: none;
  color: white;
  float: left;
  height: 30px;
  padding: 8px 20px 0 20px;
  margin-top: 10px;
  text-transform: uppercase;
  text-decoration: none;
}
div.login-box a.btn:hover, div.login-box a.btn:focus {
  background: black;
}

/*div.login-box-radio {
  ul.form {
    &.login-radio {
      margin-top: 0;

      @include breakpoint(col-xs) {
        li {

          label {
            width: 96%;

            &.extra {
              display: none;
            }
          }
        }
      }

    }
  }
}*/
/* account info */
div.account-info {
  float: left;
}
@media (max-width: 767px) {
  div.account-info.overview {
    float: left;
    width: 100%;
    margin-top: 25px;
  }
  div.account-info.overview:first-child {
    margin-top: 0;
  }
  div.account-info.overview ul.info {
    margin-top: 0;
  }
}
div.account-info.overview {
  border-top: 1px solid #cccccc;
  float: left;
  margin: 0;
  padding: 3%;
  position: relative;
  width: 100%;
}
div.account-info.overview.first {
  border: none;
}
div.account-info.overview h3 {
  padding: 0;
}
div.account-info.overview a.modify {
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-right: 0;
  /*background: url(../images/css/icon-edit.png) no-repeat right center;*/
  background-size: 18px 18px;
  margin-bottom: 0;
  padding: 8px 8px 8px 8px;
  position: absolute;
  right: 0;
  top: 0px;
  text-transform: uppercase;
}
div.account-info.overview a.modify:before {
  padding-right: 10px;
}
div.account-info.overview a.modify:hover, div.account-info.overview a.modify:focus {
  background-color: #f2f2f2;
  color: black;
}
@media (max-width: 767px) {
  div.account-info ul.info {
    margin-top: 10px;
  }
}
div.account-info ul.info li {
  list-style: none;
}
div.account-info ul.info li img {
  float: left;
  width: 50px;
}
div.account-info ul.info li strong {
  padding: 5px 0 0 10px;
  float: left;
}

/* START STAP 2 */
ul.choose-delivery {
  float: left;
  width: 100%;
}
ul.choose-delivery li {
  list-style: none;
}
ul.choose-delivery li label {
  float: left;
  width: 90%;
}
ul.choose-delivery li span.option {
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
  margin: 0 0 10px 0;
  float: left;
  width: 100%;
}
ul.choose-delivery li div.iradio,
ul.choose-delivery li div.icheck {
  margin-top: -1px;
}
ul.choose-delivery li ul.info li {
  float: left;
  margin: 0 0 3px 0;
  width: 100%;
}

/* START STAP 3 */
div.cart-box {
  float: left;
  width: 100%;
}
div.cart-box section.cart-table-pay {
  margin-top: 0;
  margin-bottom: 25px;
}

/* STAP 4 */
section.remarks {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  float: left;
  padding: 3%;
  width: 100%;
}
section.remarks textarea {
  border: 1px solid #cccccc;
  padding: 2%;
  width: 100%;
}

/* BETAALMETHODE */
table.payment-method {
  float: left;
  width: 100%;
}
table.payment-method tr.first td {
  border: none;
}
table.payment-method tr td {
  border-top: 1px solid #cccccc;
  padding: 15px;
  vertical-align: middle;
}
table.payment-method tr td.image {
  max-width: 95px;
  padding: 20px 0;
}
table.payment-method tr td.image img {
  max-width: 75px;
}
table.payment-method tr td.check {
  padding: 20px 10px 20px 20px;
}
table.payment-method tr td.coupon {
  background: #f2f2f2;
  padding: 5px 15px;
}
table.payment-method tr td.coupon table {
  float: left;
  width: 100%;
}
table.payment-method tr td.coupon table tr td {
  border: none;
  padding: 10px 0;
  vertical-align: top;
}
table.payment-method tr td.coupon table tr td h5 {
  float: left;
  margin: 10px 0 0 0;
  width: 100%;
}
table.payment-method tr td.coupon table tr td.total {
  width: 50%;
}
table.payment-method tr td.coupon table tr td.total span,
table.payment-method tr td.coupon table tr td.total strong {
  background: #5c9c00;
  color: white;
  height: 30px;
  float: left;
  padding: 5.5px 5% 0 5%;
  width: 50%;
}
@media (max-width: 767px) {
  table.payment-method tr td.coupon table tr td.total span,
table.payment-method tr td.coupon table tr td.total strong {
    text-align: right;
    width: 100%;
  }
}
table.payment-method tr td.coupon table tr td.total strong {
  text-align: right;
}
table.payment-method tr td.coupon table tr td ul.discount li {
  float: left;
  list-style: none;
}
table.payment-method tr td.coupon table tr td ul.discount li.box-error p {
  color: #e10404;
}
table.payment-method tr td.coupon table tr td ul.discount li input[type=text] {
  border: 1px solid #cccccc;
  color: #666666;
  height: 30px;
  padding: 0 5px;
  width: 200px;
}
@media (min-width: 768px) and (max-width: 991px) {
  table.payment-method tr td.coupon table tr td ul.discount li input[type=text] {
    width: 100px;
  }
}
@media (max-width: 767px) {
  table.payment-method tr td.coupon table tr td ul.discount li input[type=text] {
    width: 100px;
  }
}
table.payment-method tr td.coupon table tr td ul.discount li input[type=text]:focus {
  border-color: black;
}
table.payment-method tr td.coupon table tr td ul.discount li input[type=submit], table.payment-method tr td.coupon table tr td ul.discount li input[type=button] {
  background: black;
  border: none;
  color: white;
  height: 30px;
  padding: 0 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  table.payment-method tr td.coupon table tr td ul.discount li input[type=submit], table.payment-method tr td.coupon table tr td ul.discount li input[type=button] {
    font-size: 1.2em;
  }
}
@media (max-width: 767px) {
  table.payment-method tr td.coupon table tr td ul.discount li input[type=submit], table.payment-method tr td.coupon table tr td ul.discount li input[type=button] {
    padding: 0;
    width: 99px;
  }
}
table.payment-method tr td.coupon table tr td ul.discount li input[type=submit]:hover, table.payment-method tr td.coupon table tr td ul.discount li input[type=submit]:focus, table.payment-method tr td.coupon table tr td ul.discount li input[type=button]:hover, table.payment-method tr td.coupon table tr td ul.discount li input[type=button]:focus {
  background: #89be30;
}

/* ------------------------------------------------------------ START ORDER-CONFIRMATION*/
section.order-confirmation h1 {
  margin-bottom: 25px;
}

/* deel je bestelling */
@media (min-width: 768px) and (max-width: 991px) {
  section.share-order {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  section.share-order {
    border-top: 1px solid #cccccc;
    padding-top: 30px;
    margin-top: 30px;
  }
}
section.share-order ul li {
  border-top: 1px solid #cccccc;
  float: left;
  list-style: none;
  padding: 15px 0;
  width: 100%;
}
section.share-order ul li:first-child {
  border-top: 0;
  padding-top: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.share-order ul li:first-child {
    padding-top: 15px;
  }
}
section.share-order ul li img {
  float: left;
  width: 10%;
}
@media (max-width: 767px) {
  section.share-order ul li img {
    width: 30%;
  }
}
section.share-order ul li div.right {
  float: right;
  width: 85%;
}
@media (max-width: 767px) {
  section.share-order ul li div.right {
    width: 60%;
  }
}
section.share-order ul li div.right strong {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}
section.share-order ul li div.right ul li {
  border: none;
  padding: 0 5px;
  width: auto;
}
@media (max-width: 767px) {
  section.share-order ul li div.right ul li {
    padding: 5px 0;
    width: 100%;
  }
}
section.share-order ul li div.right ul li:first-child {
  padding-left: 0;
}

/* ORDER STAPPEN */
ul.order-steps {
  margin-top: 30px;
}
ul.order-steps li {
  list-style: none;
  text-align: center;
}
@media (max-width: 767px) {
  ul.order-steps li {
    border-top: 1px solid #cccccc;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
ul.order-steps li strong {
  background: #666666;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: white;
  display: inline-block;
  height: 35px;
  text-align: center;
  width: 35px;
}
ul.order-steps li h2 {
  margin: 20px 0 10px 0;
  text-transform: uppercase;
}

/* TOEGEVOEGDE KORTINGSCODES */
ul.discount-added {
  width: 100%;
}
ul.discount-added:before, ul.discount-added:after {
  content: " ";
  display: table;
}
ul.discount-added:after {
  clear: both;
}
ul.discount-added {
  *zoom: 1;
}
ul.discount-added li {
  border-top: 1px solid #cccccc;
  float: left;
  list-style: none;
  padding: 5px 0;
  width: 100%;
}
ul.discount-added li span {
  float: left;
  width: 70%;
}
ul.discount-added li a {
  background: url("../images/css/close-small.png") no-repeat left center;
  color: #666666;
  opacity: 0.5;
  float: right;
  padding: 0 0 0 15px;
  text-decoration: none;
}
ul.discount-added li a:hover, ul.discount-added li a:focus {
  opacity: 1;
}
ul.discount-added li:first-child {
  border-top: none;
}

/* CHOOSE DELIVERY */
ul.choose-delivery li {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

ul.info.pickup li {
  list-style: none;
  margin-bottom: 3px;
  float: left;
  width: 100%;
}

ul.pickup.bpost li a.button {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #e6e6e6;
  border: 0;
  border-bottom: 3px solid #cccccc;
  color: #666666;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}
ul.pickup.bpost li a.button:hover, ul.pickup.bpost li a.button:focus {
  background: #cccccc;
  border-bottom-color: #b3b3b3;
  color: white;
}

div.cart-empty:before, div.cart-empty:after {
  content: " ";
  display: table;
}
div.cart-empty:after {
  clear: both;
}
div.cart-empty {
  *zoom: 1;
}

/* ------------------------------------------------------------ START WINKELMANDJE MET RECHTERKANT DELIVERY*/
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-wrap.delivery-extra {
    margin-bottom: 30px;
  }
}
section.cart-wrap.delivery-extra section.cart-table {
  border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-bottom: 0;
  margin: 0;
  padding: 2%;
}
@media (max-width: 767px) {
  section.cart-wrap.delivery-extra section.cart-table {
    padding: 0;
  }
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr th {
  display: none;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td {
  border: 0;
  border-bottom: 1px solid #cccccc;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.article {
  width: 30%;
}
section.cart-wrap.delivery-extra section.total-table-wrap {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-top: 0;
  margin-bottom: 0;
  padding: 2%;
}
@media (max-width: 767px) {
  section.cart-wrap.delivery-extra section.total-table-wrap {
    padding: 0;
    margin-bottom: 20px;
  }
}
section.cart-wrap.delivery-extra section.total-table-wrap table.total tr td {
  border-right: 0;
}
section.cart-wrap.delivery-extra section.total-table-wrap table.total tr td.first {
  text-align: left;
}
section.cart-wrap.detail {
  float: left;
  padding: 0 !important;
  width: 100%;
}
@media (max-width: 767px) {
  section.cart-wrap.detail {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-wrap.detail {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.cart-wrap.detail {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.cart-wrap.detail {
    display: none;
  }
}
@media (min-width: 1400px) {
  section.cart-wrap.detail {
    display: none;
  }
}
section.cart-wrap.detail section.cart-table {
  margin-top: 0;
  margin-bottom: 20px;
}
section.cart-wrap.detail section.cart-table table.cart tr td a.delete-mobile {
  display: none;
}
section.cart-wrap.detail section.cart-table table.cart tr td h3 {
  margin-top: 0;
}

/** RECHTERKANT **/
section.cart-overview-right ul.delivery {
  float: left;
  margin-top: 20px;
  width: 100%;
}
section.cart-overview-right ul.delivery li {
  border-top: 1px solid #cccccc;
  float: left;
  padding: 20px 0;
  width: 100%;
}
section.cart-overview-right ul.delivery li h4 {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
section.cart-overview-right ul.delivery li ul li {
  border: 0;
  padding: 0;
}
section.cart-overview-right ul.delivery li ul li label {
  width: 90%;
}

/* ------------------------------------------------------------ END WINKELMANDJE MET RECHTERKANT DELIVERY*/
/* ------------------------------------------------------------ START TABLE OP IPHONE*/
@media (max-width: 767px) {
  /* Force table to not be like tables anymore */
  .cart-table-pay table,
.cart-table-pay thead,
.cart-table-pay tbody,
.cart-table-pay th,
.cart-table-pay td,
.cart-table-pay tr {
    display: block;
    padding: 0 !important;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .cart-table-pay thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cart-table-pay td {
    /* Behave like a "row" */
    border: none;
    position: relative;
    white-space: normal;
    text-align: left;
  }
  .cart-table-pay td.check {
    border: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 20px !important;
    text-align: center;
    width: 30px;
  }
  .cart-table-pay td.check div.icheck,
.cart-table-pay td.check div.iradio {
    display: inline-block;
    float: none;
  }
  .cart-table-pay td.check:before {
    position: static;
  }
  .cart-table-pay td.image {
    border: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 20px !important;
  }
  .cart-table-pay td.image:before {
    position: static;
  }
  .cart-table-pay td.shortdesc {
    border: none;
    border-bottom: 1px solid #cccccc !important;
    padding: 0 20px 20px 20px !important;
  }
  .cart-table-pay td.coupon {
    display: inline-block;
    background: #f2f2f2;
    width: 100%;
  }
  .cart-table-pay td.coupon:before {
    position: static;
  }
  .cart-table-pay td.coupon table tr td {
    display: inline-block;
    padding: 5px 15px !important;
    width: 100%;
  }
  .cart-table-pay td.coupon table tr td ul.discount {
    display: inline-block;
    width: 100%;
  }
  .cart-table-pay td.coupon table tr td ul.discount li {
    width: 50%;
  }
  .cart-table-pay td.coupon table tr td ul.discount li input {
    width: 100% !important;
  }
  .cart-table-pay td.coupon table tr td.total {
    text-align: center;
    width: 100% !important;
  }
  .cart-table-pay td.coupon table tr td.total strong {
    margin-top: 0;
  }
  .cart-table-pay td.coupon table tr td.total span,
.cart-table-pay td.coupon table tr td.total strong {
    display: inline-block;
    margin-bottom: 10px;
    width: 50% !important;
  }
  .cart-table-pay td.coupon table tr td.total span {
    text-align: left;
  }
  .cart-table-pay td.coupon table tr td strong {
    display: inline-block;
    margin-top: 10px;
    width: 100 !important;
  }
  .cart-table-pay td.coupon table tr td:before {
    position: static;
  }

  .cart-table-pay td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  /*
  Label the data
  */
  .cart-table-pay td:before {
    content: attr(data-title);
  }
}
section.cart-wrap table.total tr#cart-transport td.price {
  min-width: 300px;
}
section.cart-wrap table.total tr#cart-transport td.price ul.form.delivery {
  float: left;
  width: 200px;
}
section.cart-wrap table.total tr#cart-transport td.price ul.form.delivery li {
  margin: 0;
}
section.cart-wrap table.total tr#cart-transport td.price ul.form.delivery li select {
  width: 200px;
}
section.cart-wrap table.total tr#cart-transport td.price div.price {
  float: right;
  height: 32px;
  line-height: 32px;
}
section.cart-wrap table.total tr#cart-transport td.price div.price span.free {
  color: #e10404;
  font-weight: 700;
}
@media (max-width: 479px) {
  section.cart-wrap table.total tr#cart-transport td.price {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    min-width: 1px;
    width: 100%;
  }
  section.cart-wrap table.total tr#cart-transport td.price ul.form.delivery {
    width: 150px;
  }
  section.cart-wrap table.total tr#cart-transport td.price ul.form.delivery li select {
    width: 150px;
  }
}
section.cart-wrap table.total tr.discount a {
  display: inline-block;
  float: right;
}
section.cart-wrap table.total tr.discount a img {
  float: right;
  margin-right: 8px;
  max-width: 19%;
}
@media (max-width: 767px) {
  section.cart-wrap table.total tr.discount a img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-wrap table.total tr.discount a img {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.cart-wrap table.total tr.discount a img {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  section.cart-wrap table.total tr.discount a img {
    display: block;
  }
}
@media (min-width: 1400px) {
  section.cart-wrap table.total tr.discount a img {
    display: block;
  }
}
section.cart-wrap table.total tr.discount a span {
  display: inline-block;
  float: right;
  max-width: 80%;
}
@media (max-width: 767px) {
  section.cart-wrap table.total tr.discount a span {
    max-width: 100%;
  }
}
section.cart-wrap.delivery-extra ul.form.buttons {
  border: 0;
  float: right;
  margin: 0;
  min-width: 300px;
  padding: 0;
}
@media (max-width: 479px) {
  section.cart-wrap.delivery-extra ul.form.buttons {
    border-top: 1px solid #cccccc;
    margin-top: 20px;
    min-width: 10px;
    padding-top: 20px;
  }
}
section.cart-wrap.delivery-extra ul.form.buttons li input[type=button] {
  height: auto;
  padding: 15px 25px;
}
section.cart-wrap.delivery-extra ul.form.buttons li input[type=button]:active {
  margin-top: 4px !important;
}
@media (max-width: 767px) {
  section.cart-wrap.delivery-extra ul.form.buttons li input[type=button]:active {
    margin-top: 2px !important;
  }
}
section.cart-wrap.delivery-extra section.cart-table {
  padding: 0;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.delete {
  max-width: 30px;
  padding-left: 10px;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.delete a {
  opacity: 1;
  background-image: url(../images/css/icon-remove.png);
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.delete a:hover, section.cart-wrap.delivery-extra section.cart-table table.cart tr td.delete a:focus {
  background-image: url(../images/css/icon-remove-hover.png);
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.price span.wrap span.oldprice {
  display: block;
  font-size: 0.8em;
  text-decoration: line-through;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.total {
  color: #89be30;
  padding-right: 30px;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.article a {
  display: block;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.article a h2 {
  color: #666666;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.article a h3 {
  color: #b3b3b3;
  padding-bottom: 5px;
  text-transform: uppercase;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td.article a span.label {
  color: white;
  display: inline-block;
  font: 600 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 2px 5px;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap,
section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap-complete {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /*@include border-radius;*/
  opacity: 0.75;
  background: url(../images/css/icon-gift.png) no-repeat 0 10px;
  color: #666666;
  display: inline-block;
  font: 200 1.3em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 8px 0px 5px 20px;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap span,
section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap-complete span {
  color: #999999;
  display: inline-block;
  font-size: 0.9em;
  padding-top: 3px;
  width: 100%;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap:hover, section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap:focus,
section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap-complete:hover,
section.cart-wrap.delivery-extra section.cart-table table.cart tr td a.wrap-complete:focus {
  opacity: 1;
}
@media (max-width: 767px) {
  section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping.no-display {
    display: none;
  }
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td {
  background: #fcfcfc;
  padding: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td {
    display: block !important;
  }
  section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td div.complete-wrap {
    background: #fcfcfc;
    float: left;
  }
  section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td div.complete-wrap.btns {
    padding: 20px;
  }
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td span.wrap-price,
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td span.wrap-price-complete {
  display: block;
}
@media (max-width: 767px) {
  section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul {
    padding: 20px;
  }
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li {
  display: inline-block;
  list-style: none;
  text-align: left;
  width: 100%;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li h3 {
  color: #009bd3;
  margin: 10px 0;
  text-transform: uppercase;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li label {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li input[type=button] {
  background: none;
  border: 0;
  float: left;
  margin-top: 10px;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li input[type=button].cancel {
  background: url("../images/css/arrow-left.png") no-repeat left center;
  background-size: 6px;
  color: #666666;
  margin-top: 30px;
  padding-left: 15px;
  text-decoration: underline;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li input[type=button].cancel:hover, section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li input[type=button].cancel:focus {
  color: #89be30;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li input[type=button].add {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #009bd3;
  border-bottom: 3px solid #0076a0;
  color: white;
  float: right;
  font-size: 1.2em;
  margin-left: 0 !important;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li input[type=button].add:hover, section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li input[type=button].add:focus {
  background-color: #0088ba;
  border-bottom-color: 3px solid #006387;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li span.countdown {
  color: #999999;
  display: block;
  margin-top: 5px;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping td ul li textarea {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  color: #666666;
  height: 100px;
  margin: 10px 0;
  padding: 10px;
  width: 100%;
}
section.cart-wrap.delivery-extra section.cart-table table.cart tr.wrapping-total td {
  background: #fcfcfc;
  padding: 10px 0;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete {
  float: left;
  width: 100%;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li {
  list-style: none;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li h3 {
  margin: 10px 0;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li label {
  display: block;
  margin-bottom: 5px;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li input[type=button] {
  background: none;
  border: 0;
  display: inline-block;
  margin-top: 10px;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li input[type=button].cancel {
  background: url("../images/css/arrow-left.png") no-repeat left center;
  background-size: 6px;
  color: #666666;
  padding-left: 15px;
  text-decoration: underline;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li input[type=button].cancel:hover, section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li input[type=button].cancel:focus {
  color: #89be30;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li input[type=button].add {
  background: #89be30;
  color: white;
  font-size: 1.2em;
  margin-left: 80px;
  padding: 5px 15px;
  text-decoration: none;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li input[type=button].add:hover, section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li input[type=button].add:focus {
  background: #7aaa2b;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li span.countdown {
  display: block;
  margin-top: 5px;
}
section.cart-wrap.delivery-extra section.cart-table div.wrapping-complete ul li textarea {
  height: 70px;
  padding: 10px;
  width: 250px;
}
section.cart-wrap.delivery-extra section.cart-table span.complete {
  background: #89be30;
  color: white;
  float: left;
  margin: 5px 0;
  padding: 3px 10px;
  text-transform: uppercase;
  width: auto;
}
section.cart-wrap a.wrap-edit,
section.cart-wrap a.wrap-remove,
section.cart-wrap a.wrap-edit-complete,
section.cart-wrap a.wrap-remove-complete {
  opacity: 0.75;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: url(../images/css/icon-remove.png) no-repeat left 5px;
  color: #666666;
  float: left;
  padding: 2px 0 2px 22px;
  text-align: left;
  text-decoration: underline !important;
  width: 100%;
}
section.cart-wrap a.wrap-edit:hover, section.cart-wrap a.wrap-edit:focus,
section.cart-wrap a.wrap-remove:hover,
section.cart-wrap a.wrap-remove:focus,
section.cart-wrap a.wrap-edit-complete:hover,
section.cart-wrap a.wrap-edit-complete:focus,
section.cart-wrap a.wrap-remove-complete:hover,
section.cart-wrap a.wrap-remove-complete:focus {
  opacity: 1;
  background-image: url(../images/css/icon-remove-hover.png);
  color: #e10404;
}
section.cart-wrap a.wrap-edit,
section.cart-wrap a.wrap-edit-complete {
  background-image: url(../images/css/icon-adjust.png);
}
section.cart-wrap a.wrap-edit:hover, section.cart-wrap a.wrap-edit:focus,
section.cart-wrap a.wrap-edit-complete:hover,
section.cart-wrap a.wrap-edit-complete:focus {
  background-image: url(../images/css/icon-adjust-hover.png);
  color: #89be30;
}
section.cart-wrap section.wristsize {
  float: left;
  padding-left: 75px;
  position: relative;
  width: 60%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.cart-wrap section.wristsize {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  section.cart-wrap section.wristsize {
    border: 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
}
section.cart-wrap section.wristsize:before {
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: url(../images/css/icon-watch.png) no-repeat center center #f2f2f2;
  content: "";
  display: block;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
}
section.cart-wrap section.wristsize label {
  float: left;
  width: 100%;
}
section.cart-wrap section.wristsize input {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  float: left;
  height: 34px;
  margin-top: 10px;
  max-width: 100%;
  padding: 0 10px;
  width: 250px;
}

section.total-table-wrap {
  background: #f7f7f7;
}
section.total-table-wrap table.total {
  max-width: 100%;
}
section.total-table-wrap table.total tr.total td {
  background: none;
  color: #89be30;
  text-transform: uppercase;
}
section.total-table-wrap table.total tr.total td.first {
  width: 50%;
}
@media (max-width: 479px) {
  section.total-table-wrap table.total tr td {
    padding: 3%;
    width: 64%;
  }
  section.total-table-wrap table.total tr td.first {
    width: 24%;
  }
}
section.total-table-wrap table.total tr td span.shipping {
  border-left: 1px solid #cccccc;
  color: #999999;
  display: inline-block;
  margin-left: 5px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  section.total-table-wrap table.total tr td span.shipping {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.total-table-wrap table.total tr td span.shipping {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
  }
}
section.total-table-wrap table.total tr#cart-internetdiscount td.first,
section.total-table-wrap table.total tr#cart-internetdiscount td.price {
  color: #e10404;
}

section.cart-overview-right section.discount ul.discount li.first input[type=text] {
  height: 29px;
}
section.cart-overview-right section.discount ul.discount li input[type=button] {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #6c9526 0 4px 0 0;
  background: #89be30;
  padding: 0 10px;
  text-transform: none;
}
section.cart-overview-right section.discount ul.discount li input[type=button]:hover, section.cart-overview-right section.discount ul.discount li input[type=button]:focus {
  box-shadow: #668d24 0 4px 0 0;
  background: #83b62e;
}
section.cart-overview-right section.discount ul.discount li input[type=button]:active {
  box-shadow: #5d8121 0 2px 0 0;
  background: #7aaa2b;
  margin-bottom: -2px;
  margin-top: 2px;
}
section.cart-overview-right section.toeslag {
  border-top: 1px solid #cccccc;
  float: left;
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
}
section.cart-overview-right section.toeslag ul li {
  list-style: none;
}
section.cart-overview-right section.toeslag ul li h4 {
  margin-bottom: 10px;
}
section.cart-overview-right section.toeslag ul li ul.form li.choose div.icheckbox {
  margin-top: 5px;
}
section.cart-overview-right section.toeslag ul li ul.form li.choose label {
  width: 320px;
}
section.cart-overview-right ul.product-overview li a div.labels-wrap {
  position: static;
  width: 100%;
}
section.cart-overview-right ul.product-overview li a div.labels-wrap span.internetdiscount {
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  bottom: 1px;
  left: 0;
  padding: 4px 0;
  position: absolute;
  right: initial;
  text-align: center;
  width: 40%;
}
section.cart-overview-right ul.product-overview li a div.labels-wrap div.price {
  min-width: 1px;
  position: absolute;
}
section.cart-overview-right ul.product-overview li a div.labels-wrap div.price strong {
  min-width: 1px;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a div.labels-wrap span.internetdiscount {
    border-radius: 0 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    bottom: 6px;
    font-size: 0.9em;
    width: 35%;
  }
}
@media (max-width: 767px) {
  section.cart-overview-right ul.product-overview li a div.price {
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: none;
    color: white;
    padding: 0;
  }
  section.cart-overview-right ul.product-overview li a div.price strong {
    background: #89be30;
    color: white !important;
    padding: 5px !important;
  }
  section.cart-overview-right ul.product-overview li a div.title div.wrap-left strong.productname {
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a div.title div.wrap-left strong.productname {
    height: 44px;
    padding-right: 15px;
  }
}
@media (max-width: 479px) {
  section.cart-overview-right section.discount form ul.discount li {
    margin: 0;
    width: 100%;
  }
  section.cart-overview-right section.discount form ul.discount li input {
    width: 100%;
  }
  section.cart-overview-right section.discount form ul.discount li input[type=button] {
    height: auto;
    margin-top: 10px;
    padding: 10px;
  }
  section.cart-overview-right section.discount form ul.discount li input[type=button]:active {
    margin-top: 12px;
  }
  section.cart-overview-right section.toeslag ul li div.wrap-deliverytypes ul li label {
    width: auto !important;
  }
}

section.cart-right ul.form input[type=text], section.cart-right ul.form input[type=email], section.cart-right ul.form input[type=password] {
  border: 1px solid #cccccc !important;
}
section.cart-right ul.form select {
  border: 1px solid #cccccc !important;
}
section.cart-right div.login-box.register a.btn {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: #6c9526 0 4px 0 0;
  background: #89be30;
}
section.cart-right div.login-box.register a.btn:hover, section.cart-right div.login-box.register a.btn:focus {
  box-shadow: #668d24 0 4px 0 0;
  background: #83b62e;
}
section.cart-right div.login-box.register a.btn:active {
  box-shadow: #5d8121 0 2px 0 0;
  background: #7aaa2b;
  margin-bottom: -2px;
  margin-top: 12px;
}
section.cart-right div.block h2.disabled, section.cart-right div.block strong.title.disabled {
  color: #cccccc;
}

h2.titleVerwant {
  float: left;
  font: 700 2.5em/1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-bottom: 15px;
  width: 100%;
}

aside.cart-left div.mini-wrap span.wrapcomplete {
  float: left;
  font: 300 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding: 0 10px 10px 10px;
  width: 100%;
}

section.cart-wrap div.middle {
  border-bottom: 1px solid #cccccc;
  float: left;
  margin-top: 25px;
  padding-bottom: 25px;
  width: 100%;
}
@media (max-width: 767px) {
  section.cart-wrap div.middle {
    margin-top: 0;
  }
}
section.cart-wrap div.middle section.toeslag {
  float: left;
  width: 50%;
}
@media (max-width: 767px) {
  section.cart-wrap div.middle section.toeslag {
    width: 100%;
  }
}
section.cart-wrap div.middle section.toeslag ul li {
  list-style: none;
}
section.cart-wrap div.middle section.toeslag ul li div.icheckbox {
  margin-top: 6px;
}
section.cart-wrap div.middle section.toeslag ul li h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
section.cart-wrap div.middle section.toeslag ul li ul.form label {
  width: 90%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-wrap div.middle ul.form.buttons {
    min-width: 100px;
  }
  section.cart-wrap div.middle ul.form.buttons li {
    width: auto;
  }
}

section.cart-extra section.discount {
  border: 0;
  border-left: 1px solid #cccccc;
  float: left;
  min-height: 95px;
  padding: 0 0 0 30px;
  width: 40%;
}
@media (max-width: 767px) {
  section.cart-extra section.discount {
    border-bottom: 1px solid #cccccc;
    border-left: 0;
    padding-bottom: 10px;
    padding-left: 0;
    width: 100%;
  }
}
section.cart-extra section.discount.added div.discount-start {
  display: none;
}
section.cart-extra section.discount.added div.discount-end {
  display: block;
}
section.cart-extra section.discount div.discount-start a.btn-showdiscount {
  color: black;
  font: 200 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  text-decoration: underline;
}
section.cart-extra section.discount div.discount-start a.btn-showdiscount:hover, section.cart-extra section.discount div.discount-start a.btn-showdiscount:focus {
  color: #009bd3;
}
section.cart-extra section.discount div.discount-end {
  display: none;
}
section.cart-extra section.discount.emptywrist {
  border-left: 0;
  padding-left: 0;
}
section.cart-extra section.discount div.wrap {
  border: none;
  padding: 0;
}
section.cart-extra section.discount div.wrap ul.discount li {
  float: left;
  margin: 0;
  width: 40%;
}
section.cart-extra section.discount div.wrap ul.discount li.box-error {
  width: 100%;
}
section.cart-extra section.discount div.wrap ul.discount li input[type=text] {
  border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  height: 34px;
  width: 100%;
}
section.cart-extra section.discount div.wrap ul.discount li input[type=submit], section.cart-extra section.discount div.wrap ul.discount li input[type=button] {
  border-radius: 0px 5px 5px 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #89be30;
  height: 34px;
  width: 100%;
}
section.cart-extra section.discount div.wrap ul.discount li input[type=submit]:hover, section.cart-extra section.discount div.wrap ul.discount li input[type=submit]:focus, section.cart-extra section.discount div.wrap ul.discount li input[type=button]:hover, section.cart-extra section.discount div.wrap ul.discount li input[type=button]:focus {
  background: #7aaa2b;
}
section.cart-extra section.discount div.wrap ul.discount li:first-child {
  width: 60%;
}

section.cart-overview-right h2.titleVerwant {
  color: #999999;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
section.cart-overview-right ul.product-overview {
  float: left;
  margin: 0 !important;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview {
    margin: 0 -10px !important;
  }
}
@media (max-width: 767px) {
  section.cart-overview-right ul.product-overview {
    margin: 0 -10px !important;
  }
}
section.cart-overview-right ul.product-overview li {
  border-top: 1px solid #cccccc;
  margin-bottom: 0;
  padding: 20px 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li {
    border: 0;
    padding: 0px 10px !important;
  }
  section.cart-overview-right ul.product-overview li:first-child {
    padding: 0px 10px !important;
  }
}
@media (max-width: 767px) {
  section.cart-overview-right ul.product-overview li {
    border: 0;
    margin-bottom: 20px;
    padding: 0px 10px !important;
    width: 100% !important;
  }
  section.cart-overview-right ul.product-overview li:first-child {
    padding: 0px 10px !important;
  }
}
section.cart-overview-right ul.product-overview li:first-child {
  border-top: 0;
  padding-top: 0 !important;
}
section.cart-overview-right ul.product-overview li a {
  border: none;
  float: left;
  position: relative;
}
section.cart-overview-right ul.product-overview li a figure {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  float: left;
  position: static;
  width: 40%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a figure {
    width: 35%;
  }
}
section.cart-overview-right ul.product-overview li a figure div.price {
  bottom: 0;
  height: auto;
  left: 45%;
  right: auto;
  width: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a figure div.price {
    left: 40%;
  }
}
section.cart-overview-right ul.product-overview li a figure div.price strong.price {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-size: 1.9em;
  padding: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a figure div.price strong.price {
    font-size: 1.5em;
  }
}
@media (max-width: 767px) {
  section.cart-overview-right ul.product-overview li a figure div.price strong.price {
    /*background: none;*/
    color: #89be30;
    font-size: 1.5em;
    padding: 0;
  }
}
section.cart-overview-right ul.product-overview li a div.title {
  background: none;
  float: left;
  height: auto;
  max-height: auto;
  padding-left: 5%;
  padding-right: 0;
  padding-top: 0;
  position: static;
  width: 60%;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a div.title {
    max-height: 1000px;
    width: 65%;
  }
  section.cart-overview-right ul.product-overview li a div.title strong {
    height: 45px;
  }
}
section.cart-overview-right ul.product-overview li a div.title div.wrap-left {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  section.cart-overview-right ul.product-overview li a div.title {
    min-height: 10px;
    padding-bottom: 15px !important;
  }
  section.cart-overview-right ul.product-overview li a div.title span.readmore {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a div.title span.readmore {
    display: none;
  }
}
section.cart-overview-right ul.product-overview li a div.title:before {
  display: none;
}
section.cart-overview-right ul.product-overview li a div.title strong.productname {
  margin-top: 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a div.title strong.productname {
    font-size: 1.6em !important;
  }
}
@media (max-width: 767px) {
  section.cart-overview-right ul.product-overview li a div.title strong.productname {
    font-size: 1.5em !important;
  }
}
section.cart-overview-right ul.product-overview li a div.title span.productbrand {
  color: #999999;
}
section.cart-overview-right ul.product-overview li a div.title span.productbrand span {
  color: gray;
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a div.title span.productbrand span {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.cart-overview-right ul.product-overview li a div.title span.productbrand {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  section.cart-overview-right ul.product-overview li a div.title span.productbrand {
    font-size: 1.3em !important;
  }
}
section.cart-overview-right ul.product-overview li a div.title span.readmore {
  bottom: -3px;
  position: absolute;
  right: 0;
  top: auto;
}

@media (max-width: 767px) {
  ul.form.buttons {
    float: left;
    padding-top: 20px;
    width: 100%;
  }
  ul.form.buttons li a {
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #f2f2f2 !important;
    border-bottom: 3px solid #e6e6e6 !important;
    display: block;
    height: 40px !important;
    line-height: 40px !important;
    text-transform: uppecase;
    width: 100%;
  }
  ul.form.buttons li input[type=button], ul.form.buttons li input[type=submit] {
    box-shadow: black 0 0 0 0;
    border-bottom: 3px solid #0076a0;
    height: 50px;
  }
  ul.form.buttons li input[type=button]:hover, ul.form.buttons li input[type=button]:focus, ul.form.buttons li input[type=submit]:hover, ul.form.buttons li input[type=submit]:focus {
    box-shadow: black 0 0 0 0;
  }
  ul.form.buttons li input[type=button]:hover:active, ul.form.buttons li input[type=button]:focus:active, ul.form.buttons li input[type=submit]:hover:active, ul.form.buttons li input[type=submit]:focus:active {
    box-shadow: black 0 0 0 0;
    border-bottom-width: 1px;
    margin-top: 2px;
  }
}
body.cart header {
  margin: 0 !important;
  padding: 10px 0;
}
body.cart header section.top {
  display: none;
}
body.cart header section.middle {
  margin-bottom: 0;
  margin-top: 0;
}
body.cart header section.middle > .row {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
body.cart div.cart-box a.modify {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font: 700 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}
body.cart div.cart-box div.account-info a.modify {
  margin-right: 10px;
}
body.cart div.cart-box ul.form.transportinput {
  float: left;
  width: 100%;
}
body.cart div.cart-box div.box-info {
  background: url(../images/css/icon-user.png) no-repeat 15px center white;
  border: 1px solid #cccccc;
  padding-left: 35px;
}
body.cart div.cart-box div.box-info strong {
  display: inline-block;
  font: 200 1.4em "Open Sans", Arial, Helvetica, Sans-serif;
  padding-top: 3px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.cart div.cart-box div.box-info strong {
    width: 100%;
  }
}
body.cart div.cart-box div.box-info a.logout {
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f2f2f2;
  display: inline-block;
  font: 200 1.2em "Open Sans", Arial, Helvetica, Sans-serif;
  margin-left: 15px;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
body.cart div.cart-box div.box-info a.logout:hover, body.cart div.cart-box div.box-info a.logout:focus {
  background: #666666;
  color: white;
}
@media (max-width: 767px) {
  body.cart div.cart-box div.box-info a.logout {
    margin-left: 0;
    margin-top: 5px;
  }
}
body.cart div.cart-box section.cart-table-pay {
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  table.payment-method tr td.coupon table tr td {
    width: 55%;
  }
  table.payment-method tr td.coupon table tr td.total {
    width: 45%;
  }
}
ul.info.pickup,
div.div-deliverytypes {
  border-color: #cccccc;
}

div.cart-box ul.form {
  width: 100%;
}