/* Qarpa
 Copyright 2018 All rights reserved
 Qarpa Solutions BV
 ** Design is not just what it looks like and feels like. Design is how it works. **
 info@qarpa.eu
 http://qarpa.eu
 April 2019 
   */

/* #######################  GENERAL SETTINGS ############################ */

:root {
  --main-font: "Open Sans", sans-serif; /* var(--main-font) */
  --main-font-headings: "Dosis", sans-serif; /* var(--main-font-headings) */

  /*--main-color: #fccd32; /* main-color (geel) */
  --main-color: #fc7215; /* main-color (oranje) */
  /*--sub-color-1: #0E669A; /* sub-color-1 (oud blauw) */
  --sub-color-1: #0e467c; /* sub-color-1 (nieuw blauw) */
  --darkgrey-color: #404040; /* darkgray-color */
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif /* main-font */;
  font-size: calc(12px + 0.3vw);
  font-weight: 300;
  height: 100%;
  text-align: justify;
}

/*  Global Formatting */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Dosis", sans-serif /* main-font-headings */;
  font-weight: 400;
  color: #404040 /* darkgray-color */;
}

h2 {
  font-size: calc(14px + 1vw);
  padding: 30px 0;
  text-align: center;
}
h3 {
  font-size: calc(14px + 1vw);
  padding: 30px 0;
  text-align: center;
}
h4 {
  font-size: calc(14px + 0.3vw);
  font-weight: 600;
  padding: 0 0 10px;
}
h5 {
  font-size: calc(14px + 0.3vw);
}
h6 {
  font-size: calc(18px + 1vw);
  padding: 20px 0;
  text-align: center;
}

td {
}
th {
}
a {
  color: #0e467c /* sub-color-1 (blauw) */;
  font-weight: 400;
  text-decoration: none;
}
a:hover {
  color: #000;
}
a:visited {
  color: #0e467c /* sub-color-1 (blauw) */;
}
a img,
a img:hover {
  border: 0;
}

strong {
  font-weight: 400;
}
b {
  font-weight: 600;
}

li {
  /* line-height: 14px; */
  padding-left: 0px;
  padding-top: 0px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}

ul {
  list-style: disc;
  padding-left: 15px;
}

ol {
  padding-left: 23px;
}

select {
  font-family: "Open Sans", sans-serif /* main-font */;
}

/*input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}*/

input {
  font-family: "Open Sans", sans-serif /* main-font */;
  font-weight: 300;
  padding-left: 5px;
}
textarea {
  font-family: "Open Sans", sans-serif /* main-font */;
  font-weight: 300;
  padding: 10px;
}

body .item-page .item-image {
  display: none !important;
}
body .showimg .item-image {
  display: block !important;
}

.tooltip-inner {
  display: none;
}

table {
  width: 100%;
}

/* #######################  END GENERAL SETTINGS ############################ */

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

.afbeelding1wrapper {
  width: 100%;
  height: 300px;
}

.afbeelding-home1 {
  width: 100%;
  height: 300px;
  background: url("../images/aaa.jpg") no-repeat center 0;
  background-size: cover;
}

/* HOME SECTIE */

.homebanner .parallaxcontainer {
  z-index: 100;
}

.homebannerbuttonscontainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.homebannerbutton {
  background: #404040 /* darkgray-color */;
  color: #fff;
  padding: 10px 30px;
  width: 320px;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  margin: 10px 0;
  clear: both;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.homebannerbutton:visited,
.homebannerbutton:focus,
.homebannerbutton:active {
  color: #fff;
}

.homebannerbutton:hover {
  background: #ffffff;
  color: #404040;
}

.home-banner {
  height: 320px;
  padding-bottom: 0 !important;
}
.maincontainer .home-wrapper .productdetails img {
  width: 12vw;
  height: 12vw;
  object-fit: cover;
  border: 1px solid #888;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.home-cta {
  font-size: calc(14px + 0.4vw);
  text-align: center;
  padding: 16px 0 20px;
}
.home-component {
  padding-bottom: 40px;
}
.home-component .category-view .row .category .spacer h2 a img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.home-ctaline {
  display: inline;
}
.home-ctaline-separator {
  margin: 0 20px;
}

.home-cat {
  margin-top: -15px;
  background: #fff;
  padding: 20px;
  font-size: calc(18px + 0.3vw);
  box-shadow: 0px 5px 5px -5px #000000;
}

.maincontainer.homebalk1 .productdetails,
.maincontainer.homebalk3 .productdetails {
  text-align: center;
}
.maincontainer.homebalk1 .vmmanulogo,
.maincontainer.homebalk3 .vmmanulogo {
  display: inline-grid;
  text-align: justify;
  margin: 0 10px;
}
.maincontainer.homebalk1 .productdetails h1,
.maincontainer.homebalk3 .productdetails h1 {
  display: none;
}

.maincontainer.homebalk2 {
  background: #f4f3f1;
  padding: 10px 0px 40px;
}
.maincontainer.fabrikanten .mainwrapper {
  padding-bottom: 0;
}
.maincontainer.fabrikanten .vmmanufacturer {
  text-align: center;
}
.maincontainer.fabrikanten .vmmanulogo {
  display: inline-block;
}
.maincontainer.fabrikanten img {
  margin: 10px;
  width: 14vw;
  -webkit-box-shadow: 0px 5px 5px -5px #000000;
  box-shadow: 0px 5px 5px -5px #000000;
}

.home-wrapper .homeproductname {
  width: 12vw;
}
.home-wrapper .homeproductdetails {
  width: 12vw;
  font-size: 14px;
  padding: 5px 0;
}

.home-wrapper .PricesalesPrice {
  font-weight: bold;
}

/* EINDE HOME SECTIE */

/* bm login form */

.bm_slide_login .bm_login_label {
  background: none;
  box-shadow: none;
  font-size: 20pt;
  color: #404040;
  overflow: hidden;
  height: 40px;
  padding: 0;
}
.bm-icon {
  font-size: 20px;
  margin-top: 1px;
}
.bm-icontext {
  font-size: 10px;
  margin-top: -4px;
  font-weight: 300;
}

.bm_slide_login .form-2 {
  box-shadow: none;
}

.bm_slide_login .bm_login_from {
  left: -255px;
}

.loginbox {
  position: relative;
  background: #fff;
  color: #7e7975;
  border-radius: 8px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  min-height: 250px;
}
.loginboxtext {
  font-size: calc(10px + 0.3vw);
  text-align: left;
  width: 270px;
  padding: 55px 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.loginboxform {
  width: 190px;
  top: 0;
  right: 0;
  margin-left: 270px;
  bottom: 0;
  color: #212529;
}

.loginboxform .form-2 {
  min-height: 250px;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.bm_slide_login .form-2 {
  background: #fc7215; /* main-color (oranje) */
}
.bm_slide_login .form-2 input[type="text"],
.bm_slide_login .form-2 input[type="password"] {
  border: none;
  max-width: 160px;
}
.bm_slide_login .form-2 label {
  color: #000;
  text-shadow: none;
  font-size: 13px;
}
.bm_slide_login .form-2 input[type="submit"] {
  width: 155px;
}

.loginboxresetpw {
  font-size: 11px;
  text-decoration: underline;
}
.loginboxresetpw:hover {
  text-decoration: none;
}
.loginboxheader {
  position: absolute;
  top: 0;
  left: 0;
  width: 395px;
  padding: 9px 0 0 130px;
  height: 40px;
  background: #0e467c; /* sub-color-1 (blauw) */
  color: #fff;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.loginboxheader h1 {
  font-weight: normal;
  color: #fff;
  margin-top: 3px;
  font-family: "Open Sans", sans-serif;
}
.loginboxheaderimg {
  background: url("../../../images/logo-80.jpg") no-repeat 0 0;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 14px;
  left: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.bm_slide_login .form-2 {
  padding: 55px 15px 15px;
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.bm_slide_login .form-2 .bm-register {
  background: #fdc517;
}
.bm_slide_login .form-2 .btn {
  -webkit-appearance: none;
  background: #0e467c; /* sub-color-1 (blauw) */
  color: #fff;
  text-shadow: none;
  border: none;
  font: 16px "Open Sans";
}
.loginboxtext .bm-register {
  background: #fc7215; /* main-color (oranje) */
  width: 140px;
  height: 38px;
  float: left;
  position: absolute;
  bottom: 16px;
  left: 16px;
  border-radius: 3px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
}

/* end bm login form */

/* alert message */

.alert {
  padding: 8px 35px 8px 14px;
  background: #0e467c /* sub-color-1 (blauw) */;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.alert,
.alert h4 {
  color: #fff;
}

.alert-success {
  background-color: #468847;
}

.alert .close {
  display: none;
  position: relative;
  top: -2px;
  right: -21px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.alert .close:hover,
.alert .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* end alert message */

/* social */

.social {
}

.social .fab {
  font-size: 40px;
  width: 40px;
  text-decoration: none;
  color: white;
}

.social .fab:hover {
  opacity: 0.85;
}

/* end social */

/* formulieren */

.bfQuickMode fieldset.bfInline {
  width: 100%;
}
.bfQuickMode legend {
  display: none;
}
.bfQuickMode fieldset.bfInline {
  border: 0;
  width: 100%;
}
.bfQuickMode .bfRolloverBg {
  background: rgba(0, 0, 0, 0) !important;
}
.bfQuickMode section input[type="text"],
.bfQuickMode section textarea,
.bfQuickMode section select {
  font-size: calc(12px + 0.3vw);
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bfQuickMode #boven section.bfElemWrap {
  padding: 5px 0 !important;
  margin: 18px 0px 0px 0px !important;
}
.bfQuickMode #onder section.bfElemWrap {
  padding: 5px 0 !important;
  margin: 18px 0px 0px 0px !important;
}
#onder {
  margin-top: -10px;
}
#bfElemWrap70,
#bfElemWrap133 {
  position: relative;
}
#bfElemWrap70 input,
#bfElemWrap133 input {
  position: absolute;
  left: 4px;
  top: 8px;
  transform: scale(1.5);
}
#bfElemWrap70 label,
#bfElemWrap133 label {
  margin-left: 22px;
  width: 80%;
}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea,
.button {
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #404040;
  margin-bottom: 2px;
  padding: 5px 5px 4px;
  font-family: "Open Sans", sans-serif /* main-font */;
  font-size: 14px;
  font-weight: 300;
  background-color: #fff;
}

input[type="submit"] {
  width: 100px;
}

table.user-details input,
table.user-details input:hover,
table.user-details input:focus,
table.user-details input:active {
  background: none;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #404040;
  margin-bottom: 2px;
  padding: 5px 5px 4px;
  width: 200px;
}
table.user-details input:focus {
  background: #eee;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#form-login input[type="submit"] {
  margin-left: 20px;
}

/* end formulieren */

/* admin formulieren (account details) */

#adminForm {
  position: relative;
}
.buttonBar-right {
  position: absolute;
  right: 0;
  top: 12px;
}
#ui-tabs ul#tabs {
  border-bottom: 1px solid #ccc;
}
#ui-tabs ul#tabs li {
  background: none;
  color: #404040;
}
#ui-tabs ul#tabs li.current {
  background: none;
  color: #404040;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: none;
}

/* end admin formulieren (account details) */

/* search field sp */

.sp-vmsearch {
  border: 1px solid #404040;
  /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
}

.sp-vmsearch-categorybox {
  width: 20px;
  border: none;
  background: #fff;
  color: #404040;
  height: 38px;
  line-height: 40px;
  text-align: right;
  margin-right: 5px;
}

.search-button-wrapper {
  width: 50px;
}

.search-button-wrapper button {
  background: #fff;
  color: #000;
}

.search-button-wrapper button {
  height: 38px;
  min-height: 38px;
  line-height: 40px;
  color: #404040;
  font-size: 22px;
}

.search-input-wrapper {
  margin-left: 20px;
  margin-right: 50px;
}

.search-input-wrapper input {
  min-height: 38px;
}

/* end search field sp */

/* cf search field */

.cf-form-search {
  border: 1px solid #404040;
  height: 41px;
}

.search-button-wrapper {
  width: 50px;
  float: right;
  text-align: center;
}

.search-button-wrapper button {
  background: #fff;
  color: #000;
}

.search-button-wrapper button {
  height: 38px;
  min-height: 38px;
  line-height: 40px;
  color: #404040 /* darkgray-color */;
  font-size: 22px;
  width: 100%;
  border: none;
  cursor: pointer;
}

.search-input-wrapper {
  margin-left: 0;
  margin-right: 50px;
  overflow: hidden;
}

.search-input-wrapper input {
  -webkit-appearance: none;
  min-height: 38px;
  padding-left: 10px;
  width: 100%;
  font-size: 14px;
  border: none;
}

/* end cf search field */

/* cf filter module */

.cf_li_clear a {
  font-size: 0;
  line-height: 1.3em;
}
.cf_li_clear a:after {
  content: "Alle producten";
  font-size: calc(12px + 0.3vw);
}

.cf_flt_wrapper select {
  padding: 1px 5px;
  font-size: calc(12px + 0.3vw);
}

.cf_tag,
.cf_tag:visited {
  background-color: #0e467c; /* sub-color-1 (blauw) */
  border: none;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cf_tag.cf_tag_icon_close::after {
  border-left: 1px #fff solid;
}

.cf_filters_list li {
  padding-left: 5px;
  padding-right: 25px;
}
.cf_filters_list li .cf_option {
  padding: 0;
}
li.li-tree_0-6,
li.li-tree_0-7,
li.li-tree_0-6-14 {
  position: relative;
}
.li-tree_0-6:before,
.li-tree_0-7:before,
.li-tree_0-6-14:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  color: #fc7215;
  display: inline-block;
  left: -10px;
  font-size: 10px;
  width: 15px;
  font-weight: 900;
  position: absolute;
}

.cf_flt_header {
  text-decoration: none;
  font-weight: normal;
  background-color: #0e467c;
  border: none;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 10px;
}
.cf_flt_wrapper {
  margin-bottom: 3px;
}
.cf_wrapper_inner select {
  margin: 7px 0 4px;
}
.cf_wrapper_inner input {
  margin: 7px 5px 0;
}
.cf_wrapper_inner .cf_search_button {
  padding: 2px;
}
.cf_wrapper_inner ul {
  padding: 0;
  margin: 5px 0;
}
.cf_flt_counter {
  float: right;
  margin-right: -20px;
}
.headexpand {
  float: right;
}
.headexpand_show,
.headexpand_hide {
  background: none;
}
.headexpand_show:before,
.headexpand_hide:before {
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  display: inline-block;
  font-weight: 900;
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}
.headexpand_hide:before {
  transform: rotate(0deg);
}

/* end cf filter module */

/* vm template settings */

/* add to cart popup */
#fancybox-outer,
#fancybox-content {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.vm-btn,
.vm-btn:link,
.vm-btn:active,
.vm-btn:visited {
  font-size: 12px;
}
#fancybox-content .continue_link {
  width: 40%;
}
#fancybox-content .showcart {
  width: 40%;
}
#fancybox-content h4 {
  font-weight: 400;
  padding: 10px 0 10px;
}

/* vm product category view */

.orderlistcontainer {
  font-size: 14px;
}
.orderlistcontainer .title {
  float: left;
  margin-right: 10px;
}
.orderlistcontainer div.activeOrder {
  float: left;
  margin-top: -2px;
  border: solid #808080 1px /* lightgray-color */;
  padding: 2px 2px 1px 8px;
}
.orderlistcontainer div.orderlist {
  right: 0;
  top: 33px;
}
.orderby-displaynumber {
  padding: 10px 0 3px;
  border-bottom: solid #ccc 1px;
  border-top: solid #ccc 1px;
}
.display-number {
  font-size: 14px;
  position: relative;
}
.display-number select::-ms-expand,
.filterwrapper select::-ms-expand {
  display: none;
}
.orderlistcontainer div.activeOrder,
.display-number select,
.filterwrapper select {
  background: #fff url(../images/angle-double-down-solid.svg) no-repeat;
  background-size: 8px 12px;
  background-position: top 6px right 8px;
  background: none;
}
.orderlistcontainer a {
  display: inline-block;
}
.orderlistcontainer div.activeOrder:after,
.display-number:after,
.filterwrapper select:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  padding-right: 8px;
  margin-left: 8px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f103";
  color: #0e467c;
}
.display-number:after {
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 1;
}

.display-number select,
.filterwrapper select {
  position: relative;
  z-index: 2;
  font-size: 14px;
  margin-left: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 2px 22px 2px 6px;
  cursor: pointer;
  border: solid #808080 1px /* lightgray-color */;
}
.activeOrder a::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  padding-right: 8px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dc";
}

.vm-products-horizon .vm-product-media-container {
  max-width: none;
  margin-bottom: 5px;
}
.spacer.product-container {
  border: 1px solid #ddd;
  margin: 2px;
  overflow: auto;
}
.vm-products-horizon .product-container {
  margin-top: 10px;
}
.vm-products-horizon .vm3pr-2 {
}
.browse-view .row .product .spacer img,
.related-products-view .row .product .spacer img {
  width: auto;
  height: auto;
  vertical-align: middle; /* removes strange padding below image inside border */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.spacer.product-container {
  border: none;
}
.horizontal-separator {
  display: none;
}
.horizontalseparator {
  border-bottom: 1px solid #ccc !important;
}
.vertical-separator {
}

.productcat-media {
  width: 40%;
  float: left;
}
.productcat-desc {
  width: 60%;
  padding-left: 20px;
  float: left;
  box-sizing: border-box;
}

.grid .productcat-media {
  width: 100%;
  float: none;
  text-align: center;
  border: 1px solid #808080;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.grid .productcat-desc {
  width: 100%;
  padding-left: 0;
  float: none;
}

/* end vm product category view */

/* vm shopping cart (one-page-checkout) view */

.cart-view {
  margin-top: 30px;
}

.opc-order-name .cart-images {
  width: 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#opc-confirm div.customer_note {
  margin-bottom: 10px;
}
#opc-confirm div.customer_note.tos {
  margin-bottom: 30px;
}
.vm2-termsofservice-icon {
  margin-top: -4px;
  margin-left: 10px;
}
#opc-confirm div.customer_note div.terms-of-service {
  position: relative;
  top: 10px;
}
.order-coupon-code span#addCouponCode {
  background-color: #404040;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#opc-confirm #submit_order_done {
  background-color: #fc7215;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#bd_results {
  text-align: left;
}

.logIn-popup {
  color: #0e467c !important;
}

.opc-module-content form.opc-form#shipmentForm .opc-shipment,
.opc-module-content form.opc-form#paymentForm .opc-payment {
  overflow: hidden;
  margin-bottom: 7px;
}

.opc-order-name .name-val a {
  color: #0e467c;
}

.logIn-popup {
  padding-left: 25px;
}
.logIn-popup:before {
  font-family: "Font Awesome 5 Free";
  content: "\f2f6"; /* FontAwesome Unicode */
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
  font-weight: 900;
}

form#logInForm p.opc-login-val input[type="text"],
form#logInForm p.opc-login-val input[type="password"] {
  width: 90%;
  max-width: 90%;
  margin-bottom: 10px !important;
}
form#logInForm div.opc-login-action .action-login {
  margin: 10px 0 0;
}

.chzn-container-single .chzn-single div {
  top: 4px;
  width: 13px !important;
}

.opc-table li.opc-order-price,
.opc-table li.opc-order-total,
.opc-table li.opc-order-discount,
.opc-table li.opc-order-tax,
.order-result .result-total {
  white-space: nowrap;
}

/* refresh/update aantal button werkt nog niet, in layout 'uitgeschakeld' */
.opc-table li.opc-order-qty .quantity_product {
  border: none;
  pointer-events: none;
  height: auto;
  padding: 0 !important;
  background: none;
  font-size: 13px;
}
.opc-table .opc-order-qty .delete-product-cart {
  top: 5px;
}
.opc-table .opc-order-qty .update-quantity {
  display: none;
}
form#logInForm div.opc-login-action .action-login span,
#submit-logout {
  line-height: unset;
  height: unset;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #404040;
  margin-bottom: 2px;
  padding: 5px 15px 4px;
  font-family: "Open Sans", sans-serif /* main-font */;
  font-size: calc(12px + 0.3vw);
  font-weight: 300;
  background-color: #ddd;
}

#opc-confirm .terms-of-service label a {
  color: #0e467c;
}

#opc-wapper.ajax-running::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(221, 221, 221, 0.65);
  z-index: 999;
  background-image: url(../images/breinspinner-matte.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px 80px;
}

/* end vm shopping cart (one-page-checkout) view */

/* Virtuemart product category pagina */

.category-view {
  /* min-height: 440px; */
  margin-bottom: 0;
}

span.addtocart-button span.addtocart-button,
span.addtocart-button input.addtocart-button,
span.addtocart-button input.notify-button {
  background: #0077b3;
  border: solid #00669a 1px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.category-view .product_s_desc {
  height: auto;
  margin-bottom: 20px;
}
.category-view h2 {
  font-size: 150%;
  padding: 0;
  margin-bottom: 10px;
}

.vm-products-horizon .product-price {
  float: left;
  clear: both;
}
.vm-price-desc {
  display: none;
}
.vm-products-horizon .product-price {
  margin-top: 10px;
}
.vm-products-horizon .product-price .PricesalesPrice {
  font-weight: 600;
  font-size: 18px !important;
}
.vm3pr-4 .vm-customfields-wrap {
  min-height: 0;
}

.category-view .row .category .spacer,
.featured-view .spacer,
.discontinued-view .spacer,
.latest-view .spacer,
.topten-view .spacer,
.recent-view .spacer,
.related-products-view .spacer,
.browse-view .row .product .spacer {
  padding: 0 10px;
}

.category-view .productcat-desc h1 {
  display: none;
}

div.product {
  padding-bottom: 7px;
}

/* End Virtuemart product category pagination */

.vm-pagination-name-container {
  margin-top: 30px;
  overflow: auto;
}
.vm-pagination-name {
  margin: 0 auto;
  width: 100%;
}
.vm-pagination-name .pagenav {
  padding: 3px 5px;
  margin: 0;
  color: #0e467c;
  border: none;
  background: none;
}
.vm-pagination-name span.pagenav {
  color: #404040;
}
.vm-pagination-name-left,
.vm-pagination-name-right {
  display: inline-block;
}
.vm-pagination-name ul li {
  display: none;
}
.vm-pagination-name-left .pagination-prev,
.vm-pagination-name-right .pagination-next {
  display: inline;
  position: relative;
}
.vm-pagination-name-right .pagination-start {
  display: inline-block;
  background: url(../../../images/logo-tekst-150.png) 0 0 no-repeat;
  height: 21px;
  width: 150px;
  overflow: hidden;
}
.vm-pagination-name-right .pagination-start a,
.vm-pagination-name-right .pagination-start a:visited,
.vm-pagination-name-right .pagination-start a:hover,
.vm-pagination-name-right .pagination-start span {
  opacity: 0;
}
.vm-pagination-name-left .pagination-prev .pagenav,
.vm-pagination-name-right .pagination-next .pagenav,
.vm-pagination-name-left ul,
.vm-pagination-name-right ul {
  padding: 0;
}
.vm-pagination-name-left .pagination-prev .pagenav {
  padding-right: 10px;
  visibility: hidden;
  display: inline-block;
  width: 20px;
}
.vm-pagination-name-right .pagination-next .pagenav {
  padding-left: 10px;
  visibility: hidden;
  display: inline-block;
  width: 20px;
}
.vm-pagination-name-left .pagination-prev .pagenav:after {
  font-size: 14px;
  margin-top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
  visibility: visible;
  position: absolute;
  top: -3px;
  right: 15px;
}
.vm-pagination-name-right .pagination-next .pagenav:before {
  font-size: 14px;
  margin-top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  visibility: visible;
  position: absolute;
  top: -3px;
  left: 10px;
}

.vm-pagination-bottom {
  float: none;
  padding-top: 10px;
}
.vm-pagination-bottom .pagenav {
  padding: 3px 5px;
  margin: 0;
  color: #0e467c;
  border: none;
  background: none;
}
.vm-pagination-bottom a.pagenav,
.vm-pagination-bottom a.pagenav:visited {
  color: #0e467c;
}
.vm-pagination-bottom span.pagenav {
  color: #404040;
  font-weight: 600;
}
.vm-pagination-bottom .pagination-start,
.vm-pagination-bottom .pagination-end {
  display: none;
}
.vm-pagination-bottom .pagination-prev {
  font-size: 13px;
  padding-right: 30px;
}
.vm-pagination-bottom .pagination-next {
  font-size: 13px;
  padding-left: 30px;
}
.vm-pagination-bottom .pagination-prev span.pagenav {
  font-weight: 300;
}
.vm-pagination-bottom .pagination-next span.pagenav {
  font-weight: 300;
}

/* Virtuemart product category pagination */

/* End Virtuemart product category pagina */

/* Virtuemart product detail pagina */

.vm-product-container {
  clear: both;
  padding-top: 20px;
}

.product-description {
  width: 55%;
}
.product-description .title {
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.back-to-category {
  margin-top: -43px;
}

/* catproduct */

.catproduct_form {
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.catproducttable tbody tr.row_attached_product {
  display: none; /* titels boven de tabellen */
}

td.cell_salesPrice,
td.cell_sum_salesPrice,
td.total_salesPrice {
  white-space: nowrap;
}
table.catproducttable {
  border-collapse: collapse;
}
table.catproducttable tr {
  border-bottom: 1px solid #ccc;
}
table.catproducttable tr.row_total_discountAmount,
table.catproducttable tr.row_total_salesPrice,
table.catproducttable tr:last-of-type {
  border-bottom: none;
}
table.catproducttable th:first-of-type,
table.catproducttable td:first-of-type {
  text-align: left;
}
table.catproducttable th.cell_sum_salesPrice,
table.catproducttable td.cell_salesPrice,
table.catproducttable td.cell_quantity,
table.catproducttable tr.row_total_discountAmount td,
table.catproducttable tr.row_total_salesPrice td,
table.catproducttable tr.row_article td:last-of-type {
  text-align: right;
}
table.catproducttable td.cell_stock {
  text-align: center;
}
.catproducttable .cell_sum_salesPrice {
  width: 85px;
}
.quantity-box .quantity-input,
.cart-summary .quantity-input {
  font-weight: 400;
}

.catproduct_form thead tr {
  background: #0e467c; /* sub-color-1 (blauw) */
  border: none;
  color: #fff;
}
.catproduct_form th.cell_stock {
  text-align: center;
}
.catproduct_form th,
.catproduct_form td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}
.catproduct_form span.quantity-controls {
  vertical-align: top;
  margin: 4px 0 -3px 1px;
}
.catproduct_form span.quantity-box {
  vertical-align: top;
  margin-top: 4px;
}

.cell_addToCart span.addtocart-button {
  margin-top: 10px;
  width: 100%;
}
span.addtocart-button input.notify-button {
  width: 100%;
  background: #0e467c; /* sub-color-1 (blauw) */
  border: 1px solid #0e467c; /* sub-color-1 (blauw) */
}
span.addtocart-button span.addtocart-button,
span.addtocart-button input.addtocart-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: #fc7215; /* main-color (oranje) */
  border: 1px solid #fc7215; /* main-color (oranje) */
  color: #000;
}
.category-view span.addtocart-button span.addtocart-button,
.category-view span.addtocart-button input.addtocart-button {
  padding: 10px;
  font-size: 18px;
}

/* end catproduct */

.product-fields-title {
  display: inline;
}
.product-field-display {
  display: inline;
  vertical-align: unset;
}

.category-view .addtocart-area {
  /*display: block !important;*/
}

.vm-product-details-container h1 {
  font-size: 30px;
  padding-bottom: 20px;
}

.product-short-description h1 {
  display: block;
}

.fotorama__stage,
.fotorama img {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
.fotorama__thumb {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.fotorama__thumb-border {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.productdetails-view .product-short-description {
  margin-bottom: 40px;
}
.productdetails-view .product-price {
  float: right;
}
.productdetails-view .product-price .PricesalesPrice {
  font-weight: 600;
  font-size: calc(20px + 0.3vw);
  line-height: calc(26px + 0.3vw);
}
.productdetails-view .addtocart-area {
  float: right;
}

/* end Virtuemart product detail pagina */

/* end vm template settings */

/* osdownload settings */

.downloadListLine {
  clear: both;
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px 0;
}
.downloadListTitle {
  font-weight: 400;
}
.osdownloadsaction {
  /*position: absolute;
    bottom: 0;
    right: 0;*/
}
.osdownloads-custom-fields-container div {
  display: block !important;
}

.osdownloads-modal {
  background: #0e467c; /* sub-color-1 (blauw) */
}

.osdownloads-modal h2 {
  margin: 0;
  color: #fff;
}

.osdownloads-modal span,
.osdownloads-modal label,
.osdownloads-modal .error {
  color: #fff;
}

.osdownloads-modal input[type="text"],
.osdownloads-modal input[type="email"] {
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #404040;
  margin-bottom: 2px;
  padding: 5px 5px 4px;
  font-family: "Open Sans", sans-serif /* main-font */;
  font-size: calc(12px + 0.3vw);
  font-weight: 300;
  background-color: #fff;
  width: 200px;
}

/* end osdownload settings */

/* listgrid settings */

.listgridicons .fa-th,
.listgridicons .fa-bars {
  cursor: pointer;
}
.listgridicons .fa-th {
  color: #ccc;
}
#listgrid.grid .listgridicons .fa-th {
  color: #404040;
}
#listgrid.grid .listgridicons .fa-bars {
  color: #ccc;
}
#listgrid.grid .listgridrow {
  flex-wrap: nowrap;
}
#listgrid.grid .horizontalseparator {
  border-bottom: none !important;
}
#listgrid.grid .horizontal-separator {
  display: block;
}
#listgrid.grid .vertical-separator {
  border-right: 1px solid #ccc !important;
}
#listgrid.grid .vertical-separator:last-of-type {
  border-right: none !important;
}

#listgrid.grid .vm-products-horizon.vm-col {
  width: 33.33%;
}

/* end listgrid settings */

/* Accordion layout FAQ */

.toggle {
  width: 100%;
  min-height: 0;
  cursor: pointer;
}

.toggle .togglediv {
  max-height: 0;
  transition: all 0.5s ease;
  overflow: hidden;
  margin-top: 0;
  padding-left: 15px;
}

.toggle.open .togglediv {
  max-height: 500px;
  transition: all 0.5s ease;
  margin-top: 10px;
  padding-bottom: 10px;
}

.toggle h3::after {
  float: right;
  font-size: 14px;
  margin-top: 4px;
  margin-right: -15px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
}

.toggle.open h3::after {
  content: "\f077";
}

.faqcss h3 {
  border-bottom: 1px solid #fff;
  background: #ccc;
  margin: 0 0 10px;
  padding: 10px 30px 10px 15px;
  font-size: calc(16px + 0.3vw);
  margin-bottom: 0;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* End Accordion layout FAQ */

.footer a.aanmelden-nieuwtjes {
  background: #fff;
  padding: 5px 10px 8px;
  color: #404040;
  font-family: "Open Sans", sans-serif !important /* main-font */;
  font-size: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Virtuemart Cart Module */

.layout.vmCartModule {
  position: relative;
  background: #fc7215;
  height: 43px;
  font-size: 14px;
}
.layout.vmCartModule img {
  position: absolute;
  top: 8px;
  left: 9px;
}
.layout.total_products {
  position: absolute;
  top: 4px;
  left: 50px;
}
.layout.total {
  position: absolute;
  top: 19px;
  left: 50px;
}
.cart-image {
  position: absolute;
  top: 9px;
  left: 12px;
}
.cart-image i {
  font-size: 24px;
}

.layout.total_products,
.layout.total,
.cart-image {
  color: #404040;
}

/* End Virtuemart Cart Module */

/* ######################  LAYOUT SETTINGS       ############################## */

#topcontainer {
  background: #fff;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#topcontainer.sticky {
  height: auto;
  background-color: #fff;
  box-shadow: 0 1px 2px -2px black;
}
#topcontainer.sticky .topwrapper {
  height: 50px;
}
#topcontainer.sticky a {
  color: #000;
}
#topcontainer.sticky .toplogo img {
  padding: 5px 0 0 0;
  max-width: 80px;
}

.toplogo img {
  max-width: 150px;
  transition: all 0.4s ease;
}

.topmiddle {
  transition: all 0.4s ease;
}

.dropdown-toggle.caret-off::after {
  display: none;
}

.topcart {
  width: 200px;
  transition: all 0.4s ease;
}

.topmenu {
  float: right;
  text-align: right;
  padding-top: 10px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mobilemenu,
.mean-bar {
  display: none;
}

.ctacontainer {
  width: 80vw;
  max-width: 1024px;
  height: 65vh;
  margin: 0px auto;
  color: #fff;
  position: relative;
  z-index: 2;
}

.home {
  margin-top: 50px;
}

.main-container-top,
.main-container-vervolg,
.main-container-artikel {
  margin-top: 90px;
}
.mainwrapper {
  position: relative;
  padding: 0 2vw;
  width: 90vw;
  max-width: 1600px;
  margin: 0 auto;
}
.paddingtop10 {
  padding-top: 10px;
}
.main-container-artikel .mainbody2 {
  padding: 0 10vw 30px;
  min-height: 500px;
}
.mainwrapper h2 {
  /* margin-left: -6vw;
			margin-right: -6vw; */
}
.mainbody1 {
  height: 120px;
}
.bannerimg {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 320px;
}
.vervolgbannerimg {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 100px;
}
.parallaxbox {
  position: relative;
  min-height: 150px;
  background: #ccc;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: 9;
}
.bannerimg .parallaxbox {
  background-position: center 55px;
}
.vervolgbannerimg .parallaxbox {
  background-position: center 45px;
}

.mainbody2 {
  position: relative;
  margin-bottom: 30px;
}
.maintestimonials {
  padding: 0 0 40px;
}
.main-container-vervolg .content {
  margin-left: 260px;
}
.main-container-vervolg .filterwrapper {
  width: 240px;
  position: absolute;
  top: 0;
  background: #fff;
  padding: 0 10px 10px;
  margin: 0 -10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
}
.filterwrapper:empty {
  display: none;
}
.filterwrapper:empty + .content {
  margin-left: 0;
}
.main-container-vervolg .filtermobielwrapper {
  display: none;
  width: 240px;
  position: absolute;
  top: 0;
  background: #fff;
  padding: 0 10px 10px;
  margin: 0 -10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.filtermobielwrapper:empty {
  display: none;
}
.filterwrappermobiel:empty + .content {
  margin-left: 0;
}
.filtermobielwrapper .cf_wrapper_input_text_1 input[type="search"],
.filtermobielwrapper .cf_search_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #808080;
  padding: 2px 10px;
}

.breadcrumbwrapper.sticky {
  position: fixed;
  top: 50px;
  width: 90vw;
  max-width: 1600px;
  margin: 0 auto;
  background: #fff;
  z-index: 1000;
  border-top: 1px solid #ccc;
  box-shadow: 0 1px 2px -2px black;
  left: 0;
  padding: 0 5vw;
}
.filterwrapper.sticky {
  position: fixed;
  top: 108px;
}
.content.sticky {
  margin-top: 35px;
}

.cta {
  position: absolute;
  bottom: 6vh;
  padding: 0 2vw;
  z-index: 3;
  font-family: "Open Sans", sans-serif /* main-font */;
  font-size: calc(18px + 1vw);
  text-shadow: 1px 1px 0px #000000;
}

.footercontainer {
  width: 100%;
  margin: 0px 0 0;
  background: #444;
  overflow: auto;
  position: relative;
  z-index: 1001;
}
.footerwrapper {
  width: 90vw;
  max-width: 1600px;
  margin: 0px auto;
  min-height: 300px;
}
.footer {
  color: #fff;
  padding: 10px 20px 50px 0;
  font-size: 14px;
  box-sizing: border-box;
  float: left;
  padding: 0 15px;
  min-height: 100px;
  width: 25%;
}
.footer a {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer h3 {
  padding-bottom: 0;
  color: #fff;
  text-align: left;
}
.footer ul {
  padding-left: 20px;
}
.footer1 {
  padding-left: 0;
}
.footer2 {
}
.footer3 {
}
.footer4-5 {
  padding-right: 0;
}
.footer4 {
  min-height: 40px;
}
.footer5 {
  min-height: 50px;
}

.bottomcontainer {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  background: #444;
  color: #fff;
}
.bottom {
  width: 90vw;
  max-width: 1600px;
  margin: 0px auto 10px;
  font-size: calc(12px + 0.3vw);
  overflow: auto;
}
.bottom-links {
  float: left;
}
.bottom-rechts {
  float: right;
  margin-top: 15px;
}
.bottom a {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}
.bottom a:hover {
  text-decoration: underline;
}

.mean-container .mean-bar {
  position: fixed !important;
  top: 10px;
  background: none !important;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mean-container a.meanmenu-reveal {
  right: 10px !important;
}
.mean-container .mean-nav {
  background: #3f51b5 !important;
}
.sticky .mean-bar {
  top: 0;
}
.sticky a.meanmenu-reveal span {
  background: #000 !important;
}
.mean-container a.meanmenu-reveal {
  color: #000 !important;
}

.mobilefooter {
  display: none;
  position: fixed;
  bottom: 0;
  background: #0e467c /* sub-color-1 (blauw) */;
  border-top: 1px solid #fff;
  height: 68px;
  width: 100%;
  z-index: 999999;
}
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.mfroute {
  width: 33.3%;
  position: relative;
  text-align: center;
  float: left;
  padding-top: 12px;
}
.mfroute .custom {
  margin-top: 0px;
}
.mfroute::before {
  font-family: "Font Awesome 5 Free";
  content: "\f4d7";
  font-weight: 900;
  color: #fff;
  font-size: 26px;
}
.mfborderright {
  border-right: 1px solid #fff;
  height: 68px;
  width: 0px;
  position: absolute;
  right: 0;
  top: 0;
}
.mfbelmij {
  width: 33.4%;
  position: relative;
  text-align: center;
  float: left;
  padding-top: 12px;
}
.mfbelmij .custom {
  margin-top: 0px;
}
.mfbelmij::before {
  font-family: "Font Awesome 5 Free";
  content: " \f095";
  font-weight: 900;
  color: #fff;
  font-size: 26px;
}
.mfwhatsapp {
  width: 33.3%;
  text-align: center;
  float: right;
  padding-top: 10px;
}
.mfwhatsapp .custom {
  margin-top: -2px;
}
.mfwhatsapp::before {
  font-family: "Font Awesome 5 Brands";
  content: "\f232";
  font-weight: 300;
  color: #fff;
  font-size: 30px;
}

.mobilefooter a {
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  padding: 40px 0 0;
}

.contactdiv-l {
  width: 56%;
  float: left;
}
.contactdiv-l h5 {
  padding-bottom: 0;
}
.contactdiv-r {
  width: 40%;
  float: right;
}
.contactdiv-r h5 {
  padding-bottom: 8px;
}

.dankdiv {
  box-sizing: border-box;
  padding: 20px;
  width: 33.3333%;
  float: left;
}
.dankdiv img {
  width: 100%;
}

/* #######################  END LAYOUT SETTINGS ############################ */

/* #########  RESPONSIVE SETTINGS ############# */

input[type="button"] {
  /* button layout on ios normaal */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media only screen and (max-width: 1000px) {
  .main-container-vervolg .filterwrapper {
    width: 170px;
  }
  .main-container-vervolg .content {
    margin-left: 190px;
  }
}

@media only screen and (max-width: 930px) {
  .main-container-artikel .mainbody2 {
    padding: 0 2vw 30px;
  }

  .topmenu li {
    /* voor menu */
    margin: 0;
  }

  .acym_form {
    display: block;
  }
  .onefield {
    margin-bottom: 5px;
  }

  .aanbodrow {
    /* voor aanboddiv */
    display: unset;
  }
  .aanboddiv {
    width: 100%;
  }

  .footer {
    width: 33%;
  }
  .footer3 {
    padding-right: 0;
  }
  .footer4-5 {
    clear: both;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .footer4 {
    width: 33%;
    float: left;
  }
  .bottom {
    text-align: center;
  }
  .bottom-links {
    float: none;
  }
  .bottom-rechts {
    float: none;
    margin-top: 0;
  }

  .topmiddle .search-input-wrapper ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
  }
  .topmiddle .search-input-wrapper :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
  }
  .topmiddle .search-input-wrapper ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
  }
  .topmiddle .search-input-wrapper :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
  }

  /* vm template settings */

  .maincontainer.homebalk1 .vmmanulogo,
  .maincontainer.homebalk3 .vmmanulogo {
    box-sizing: border-box;
    width: 33vw;
  }
  .maincontainer .home-wrapper .productdetails img {
    width: 33vw;
    height: 33vw;
  }
  .home-wrapper .homeproductdetails {
    width: 33vw;
  }

  /* listgrid settings disable on smaller screens */
  .listgridicons {
    display: none;
  }
  #listgrid.grid .listgridrow {
    flex-wrap: wrap;
  }
  #listgrid.grid .horizontalseparator {
    border-bottom: 1px solid #ccc !important;
  }
  #listgrid.grid .horizontal-separator {
    display: none;
  }
  #listgrid.grid .vertical-separator {
    border-right: none !important;
  }
  #listgrid.grid .vm-products-horizon.vm-col {
    width: 100%;
  }
  .grid .productcat-media {
    width: 40%;
    float: left;
  }
  .grid .productcat-desc {
    width: 60%;
    padding-left: 20px;
    float: left;
  }

  /*.grid .productcat-media {
		width: 40%;
		float: left;
		}
	.grid .productcat-desc {
		width: 60%;
		padding-left: 20px;
		float: left;
		}*/
}

@media only screen and (max-width: 780px) {
  /* categorie weergave */

  .productcat-media,
  .grid .productcat-media {
    width: 60%;
    float: none;
    margin: 5px auto 10px;
  }
  .productcat-desc,
  .grid .productcat-desc {
    clear: both;
    width: 100%;
  }

  .productcat-desc {
    padding-left: 0;
  }

  /* end categorie weergave */

  /* productdetail weergave */

  .vm-product-container > div {
    clear: both;
  }

  .vm-product-container .vm-product-media-container {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .vm-product-details-container {
    width: 100%;
    padding: 10px 3vw;
    box-sizing: border-box;
    clear: both;
    float: none;
  }
  .productdetails-view .spacer-buy-area {
    padding-left: 0;
  }
  .product-description {
    width: 100%;
    padding: 10px 3vw;
    box-sizing: border-box;
    clear: both;
  }

  /* end productdetail weergave */
}

@media only screen /* voor menu */ and (max-width: 710px) {
  .topmenu {
    display: none;
  }
  .mobilemenu,
  .mean-bar {
    display: block;
  }

  .bottom-rechts span {
    display: block;
  }
  .bottom-rechts span span {
    display: none;
  }

  .topmiddle .topvinden .cf-form-search {
    display: none;
  }
  .bm_slide_login .bm_login_from {
    left: -210px;
  }

  .dankdiv {
    width: 80%;
    margin: 0 auto;
    float: none;
  }
}

@media only screen /* voor menu */ and (max-width: 600px) {
  .main-container-artikel .mainbody2 {
    padding: 0;
  }

  /* inklapbare div's in de footer op mobiel */
  .footerwrapper {
    width: 100%;
    padding-top: 20px;
    min-height: 0;
  }

  .footer,
  .footer4,
  .footer5 {
    clear: both;
    width: 100%;
    padding: 0;
  }
  .footer {
    padding: 0 5vw;
    min-height: 0;
  }
  .footer h3 {
    border-top: 1px solid #ccc;
    margin: 0 -5vw 10px;
    padding: 10px 5vw;
    font-size: calc(16px + 0.3vw);
    margin-bottom: 0;
  }
  .footer h3::after {
    float: right;
    font-size: 14px;
    margin-top: 4px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
  }
  .footer5 h3 {
    border-bottom: 1px solid #ccc;
    transition: border-width 0s ease-out 0.4s;
  }
  .ftoggle .custom,
  .ftoggle ul {
    max-height: 0;
    transition: all 0.5s ease;
    overflow: hidden;
    margin-bottom: 0;
  }

  .footertoggle h3 {
    cursor: pointer;
  }

  .ftoggle.open ul,
  .ftoggle.open .custom {
    max-height: 500px;
    margin-bottom: 10px;
  }
  .footer5.open h3 {
    border-bottom-width: 0;
    transition: border-width 0s ease-out 0s;
  }
  .ftoggle.open h3::after {
    content: "\f077";
  }
  /* end inklapbare div's in de footer op mobiel */

  .toplogo img {
    max-width: 80px;
  }
  .topcart {
    width: 58px;
  }
  .layout.total,
  .layout.total_products {
    height: 19px;
    width: 0;
    opacity: 0;
    overflow: hidden;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .main-container-vervolg {
    margin-top: 80px;
  }

  .maincontainer.fabrikanten img {
    width: 28vw;
  }

  .home-ctaline {
    display: block;
  }
  .home-ctaline:first-of-type {
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .home-ctaline:first-of-type:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: 43px;
    border-bottom: 1px solid #0e467c; /* sub-color-1 (blauw) */
  }
  .home-ctaline-separator {
    display: none;
  }

  /* vm categorie page */

  .main-container-vervolg .filterwrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    top: 0;
    overflow: auto;
  }
  .main-container-vervolg .filterwrapper {
    padding: 0 0 10px;
  }
  .cf_flt_wrapper {
    margin-bottom: 0;
    width: 100%;
    float: left;
  }
  .cf_flt_wrapper:first-of-type {
    width: 100%;
    margin-top: 10px;
  }

  .main-container-vervolg .content {
    margin: 0;
    clear: both;
  }

  .main-container-vervolg .filterwrapper {
    display: none;
  }
  .main-container-vervolg .filtermobielwrapper {
    display: block;
    position: relative !important;
    width: auto;
    margin-bottom: -10px;
    overflow: auto;
  }

  /* end vm categorie page */
}

@media only screen /* voor inlog popup */ and (max-width: 466px) {
  .loginboxheader {
    width: 240px;
    padding: 9px 0 0 10px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 8px;
  }

  .bm_slide_login .form-2 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .loginboxheaderimg {
    display: none;
  }

  .loginboxform {
    width: 240px;
    margin-left: 0;
  }

  .loginboxtext {
    width: 240px;
    top: 200px;
    left: 0px;
  }
  .loginboxtext .custom {
    display: none;
  }

  .bm_slide_login .bm_login_from {
    left: -115px;
    width: 220px !important;
  }
}

/* #########  MOBILE SETTINGS ############# 

@media only screen 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) { 
  
 @media screen and (orientation:landscape) { � }

  */

@media only screen /* voor test op desktop 490px normaal 414px*/ and (max-width: 414px) {
  html {
  }
  body {
    text-align: unset;
  }

  h3 {
    font-size: calc(24px + 1vw);
  }

  body,
  .ctabutton,
  .ctabutton:visited,
  .bfSubmitButton,
  .normalbutton,
  .normalbutton:visited,
  .acym_module_form input,
  .bfQuickMode section input[type="text"],
  .bfQuickMode section textarea,
  .bfQuickMode section select {
  }
  .bfQuickMode section textarea {
    height: 180px;
  }

  .testimonialrow,
  .contactdiv-l,
  .contactdiv-r {
    width: 100%;
  }
  .testimonialtext {
    width: 100%;
  }

  .bottom {
  }

  .subbutton {
    width: 200px;
  }

  .bottomcontainer {
    padding: 0 0 80px;
  }

  .mobilefooter {
    display: block;
  }

  .breadcrumbwrapper.sticky {
    position: relative;
    top: 0;
    margin-top: -20px;
    padding: 0;
  }
  .content.sticky {
    margin-top: 0;
  }
  #topcontainer.sticky .toplogo img {
    padding: 11px 0;
    height: 30px;
  }

  /* vm template settings */

  /* home page categorie weergave */
  .maincontainer.homebalk1 .vmmanulogo,
  .maincontainer.homebalk3 .vmmanulogo {
    display: block;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 90vw;
    margin: 0 auto 20px;
  }
  .maincontainer.homebalk1 .vmmanulogo:last-of-type,
  .maincontainer.homebalk3 .vmmanulogo:last-of-type {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .maincontainer .home-wrapper .productdetails img {
    width: 50vw;
    height: 50vw;
  }
  .home-wrapper .homeproductname {
    width: auto;
  }
  .home-wrapper .homeproductdetails {
    width: auto;
    text-align: left;
  }
  .product-price {
    float: none;
  }

  /* end home page categorie weergave */

  /* add to cart popup */
  .vm-btn,
  .vm-btn:link,
  .vm-btn:active,
  .vm-btn:visited {
    font-size: 12px;
  }

  .topcart {
    width: 42px;
  }
  .topcart .cart-image {
    top: 11px;
    left: 6px;
  }
  .topcart .cart-image i {
    font-size: 20px;
  }
  .topcart .layout.vmCartModule {
    font-size: 13px;
  }

  .layout.total,
  .layout.total_products {
    height: 19px;
    width: 0;
    opacity: 0;
    overflow: hidden;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .topcart .cart-image {
    opacity: 1;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  #topcontainer.sticky .topcart {
    width: 144px;
  }
  #topcontainer.sticky .layout.total,
  #topcontainer.sticky .layout.total_products {
    width: 130px;
    opacity: 1;
    left: 10px;
  }
  #topcontainer.sticky .topcart .cart-image {
    opacity: 0;
  }

  /* product detail pagina */
  .vm-product-details-container,
  .product-description {
    padding: 10px 0;
  }
}

/* @media only screen 
  and (max-device-width: 411px) - Google Nexus 5, 5X, 6, 6P, Pixel */

@media only screen and (max-width: 411px) {
}

/* @media only screen 
  and (max-device-width: 375px) - iPhone 6, 7 */

@media only screen and (max-width: 375px) {
}

/* @media only screen 
  and (max-device-width: 360px) - Samsung Galaxy S3-S6, S III, Xiaomi(most), Sony Xperia S, Z, Ion */

@media only screen and (max-width: 360px) {
}

/* @media only screen 
  and (max-device-width: 320px) - ipone 5, Samsung Galaxy S, S2, S II, iPhone 3, 4, 4S, Microsoft Lumia 620, 830, 900, 920, 925, 1020 */

@media only screen and (max-width: 320px) {
}

/* #########  END MOBILE SETTINGS ############# */