# WST 2024 feb 12 - nw
.form-control:focus {
  border-color: #c8c8c8;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(200, 200, 200, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(200, 200, 200, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 20px;
}
.radio label,
.checkbox label {
  display: inline;
}
.form-control-static {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
.btn {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn::after {
  content: "";
  border-width: 3px;
  border-style: solid;
  border-color: #ffffff #ffffff transparent transparent;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn:hover,
.btn:focus {
  outline: none;
}
.btn-second {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.btn-second:focus,
.btn-second.focus {
  color: #ffffff;
  background-color: #3071a9;
  border-color: #1f496e;
}
.btn-second:hover {
  color: #ffffff;
  background-color: #3071a9;
  border-color: #2d6ca2;
}
.btn-second:active,
.btn-second.active,
.open > .dropdown-toggle.btn-second {
  color: #ffffff;
  background-color: #3071a9;
  background-image: none;
  border-color: #2d6ca2;
}
.btn-second:active:hover,
.btn-second.active:hover,
.open > .dropdown-toggle.btn-second:hover,
.btn-second:active:focus,
.btn-second.active:focus,
.open > .dropdown-toggle.btn-second:focus,
.btn-second:active.focus,
.btn-second.active.focus,
.open > .dropdown-toggle.btn-second.focus {
  color: #ffffff;
  background-color: #285e8e;
  border-color: #1f496e;
}
.btn-second.disabled:hover,
.btn-second[disabled]:hover,
fieldset[disabled] .btn-second:hover,
.btn-second.disabled:focus,
.btn-second[disabled]:focus,
fieldset[disabled] .btn-second:focus,
.btn-second.disabled.focus,
.btn-second[disabled].focus,
fieldset[disabled] .btn-second.focus {
  background-color: #428bca;
  border-color: #428bca;
}
.btn-second .badge {
  color: #428bca;
  background-color: #ffffff;
}
.btn-inverse {
  color: #ffffff;
  background-color: #333333;
  border-color: #262626;
}
.btn-inverse:focus,
.btn-inverse.focus {
  color: #ffffff;
  background-color: #1a1a1a;
  border-color: #000000;
}
.btn-inverse:hover {
  color: #ffffff;
  background-color: #1a1a1a;
  border-color: #080808;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #ffffff;
  background-color: #1a1a1a;
  background-image: none;
  border-color: #080808;
}
.btn-inverse:active:hover,
.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:active:focus,
.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:active.focus,
.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
  color: #ffffff;
  background-color: #080808;
  border-color: #000000;
}
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus {
  background-color: #333333;
  border-color: #262626;
}
.btn-inverse .badge {
  color: #333333;
  background-color: #ffffff;
}
.btn-border {
  border: 2px solid #333333;
  background: none;
  color: #333333;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.btn-border small {
  font-size: 10px !important;
  border-bottom: 1px solid;
  position: relative;
  top: -5px;
}
.btn-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #333333;
  -webkit-transition: height 350ms;
  -o-transition: height 350ms;
  transition: height 350ms;
}
.btn-border:hover,
.btn-border:focus,
.btn-border:active {
  color: #ffffff;
}
.btn-border:hover:before,
.btn-border:focus:before,
.btn-border:active:before {
  height: 100%;
}
.btn-border.btn-primary {
  border-color: #20208f;
  color: #20208f;
}
.btn-border.btn-primary:before {
  background-color: #20208f;
}
.btn-border.btn-primary:hover,
.btn-border.btn-primary:focus,
.btn-border.btn-primary:active {
  background: none;
  color: #ffffff;
}
.btn-lg {
  font-size: 15px;
}
.btn-small,
.btn-sm,
.btn-xs {
  padding: 3px 16px 3px 10px;
  font-size: 15px;
}
.btn-block:after {
  display: none;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox {
  box-shadow: none;
  max-width: 100%;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus {
  box-shadow: none;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.inputbox::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.inputbox:-ms-input-placeholder {
  color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.inputbox::-webkit-input-placeholder {
  color: #999999;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.inputbox {
  height: auto;
}
select,
select.form-control,
select.inputbox,
select.input {
  padding-right: 5px;
  width: auto;
}
.input-append .active,
.input-prepend .active {
  background-color: #bbff33;
  border-color: #669900;
}
.invalid {
  border-color: #2F82CC;
}
label.invalid {
  color: #2F82CC;
}
input.invalid {
  border: 1px solid #2F82CC;
}
.navbar {
	min-height:80px;
}
.container-hd {
background:#ffffff;
}
.BovenBalk {
 width:100%;
/*  height:36px; */
}
.BovenBalk2 {
 width:100%;
 height:90px;
 /* height:30px; */
}
.logo, .logo-image, .logo-custom{

position:absolute;
top:5px;    
width: 250px;
    margin-left: 37px;
}
.logo-img {
width:250px;
}

.com_virtuemart .t3-sidebar .menu li a {
color :#1c1c1c;	
}
.logo-custom {
width:50%;
height:80px;
float:left;
}
.whatss-app {
width:50%;
height:80px;
float:right;
}
.t3-sidebar, .t3-module, .module-ct {
background:#ffffff;
	color:#1c1c1c;
}

.taal{
	width:25%;
	float:left;    
	border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #eee;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: #eee;
}
.welkom{
	width: 75%;
	min-width: 200px;
	float: left;
	text-align: left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #eee;
}
.search{
	width:20%;min-width:100px;float:left;text-align:right; border-bottom-width: thin;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #eee;
	padding-right: 20px;
}

.footer-right{
	float: left; 
	width: 50%; 
	padding-bottom: 10px; 
	padding-right: 23px;
}



.footer-left{
	float: left; 
	width: 50%; 
	text-align: left; 
	padding-top: 7px; 
	padding-left: 6px;
	
}


.btn-home{
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	position: relative;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	margin-top: -36px;
}


.questions{
    background-color: #e3e3e3;
    margin-bottom: 0px;
    margin-left: 5%;
    width: 35%;
    margin-top: 20px;
    padding-left: 4%;
    padding-right: 4%;
	float: left;
}
.contact-header{
	width: 33%;
	min-width: 200px;
	float: left;
	text-align: left;
	padding-top: 30px;
	font-size: 1.2em;
	line-height: 1em;
}
.WST09 {
  width: 240px;
  height: 160px;
  display: inline-block;
  background: url('/images/Sold-layer.png') no-repeat center center;
}

.WST01 {
	position: absolute;
	bottom: 100%; /* Pas dit aan om de positie boven het artikel te veranderen */
	left: 0;
	width: 100%;
	min-height:150px;
	top:50px;
	text-align: center;
/*  position: relative;
  top: -160px;
  width: 240px;
  height: 160px;
  display: inline-block;
  margin-bottom: -140px; */
  background: url('/images/Sold-layer.png') no-repeat center center;
}
.vm-product-descr-container-0 {
  min-height: 50px;
  margin-bottom: 6px;
}
.ProdH2W {
  backgroud-color: #00f;
  color: #fff;
}
.item .img-bg {
  display:none;

}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev  {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display:none;
}
div[class*="-view"] .vm-product-descr-container-1 > h2 a, div[class*="-view"] .vm-product-descr-container-0 > h2 a {
  color: #fff;
  background-color: #2F82CC;
  display: block;
  height: 60px;
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 0px;
 text-align:center;
}
div[class*="-view"] .vm-product-descr-container-1 > h2 a:hover, div[class*="-view"] .vm-product-descr-container-0 > h2 a:hover {
  color: #fff;
  background-color: #2F82CC;
  display: block;
  height: 60px;
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 0px;
 text-align:center;
}

.btn-primary {
 background-color: #2F82CC;
 border-color:#2F82CC;
}
.btn-primary:hover {
 background-color: #2F82CC;
 border-color:#2F82CC;
}

.whatss-app{
	width:20%;
	min-width:150px;
	float:left;
	text-align:left;
	padding-top: 27px;
}

.BovenBalk2 {
	
	color: 000000;
	
}

a {
    color: #000000;
    text-decoration: none;
}
a:hover {
color: #20208f;
}
.module-title span::after {
  background: #2F82CC;
  bottom: 0;
  line-height: 1;
  content: "";
  position: absolute;
  left: 0;
  height: 5px;
  width: 30px;
}
.javm.vmgroup .owl-dots > div.active > span {
  border: 2px solid #2F82CC;
  position: relative;
  top: 1px;
  height: 10px;
  width: 10px;
}
div[class*="-view"] > h1::after, div[class*="-view"] > h4::after {
  background: #2F82CC;
  content: "";
  position: absolute;
  left: 30px;
  bottom: 0;
  height: 5px;
  width: 30px;
}
.navbar-default .navbar-nav > li > a::after, .navbar-default .navbar-nav > li > span::after {
  content: "";
  width: 0;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #2F82CC;
  -webkit-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
}
img.img-bg {
	display: none;
}
div.whatss-app {
	margin-right:50px;
	font-size:80%;
	float:right;
	font-size:125%;
	color:#000000;
}
div.acm-slideshow {
	background:#ffffff;
	padding-left:0px;
	padding-right:0px;
}
div.logo-custom {
	float:left;
}
div.whatss-app {
	margin-right:5px;
	font-size:125%;
	float:right;
}
.t3-mainbody {
	padding-top:0px;
	padding-bottom:0px;
}
.t3-mainbody .t3-content {
	padding-top:0px;
	padding-bottom:0px;

}
div.productdetails-view {
	margin-top:40px;
}
.t3-footer {
	background:#ffffff;
}
.orderby-displaynumber {
	display:none;
}
.browseProductImage2 {
width:100%;
}
.WST01 {
	width:90%;
	overflow:hidden;
}
@media (max-width: 850px) {

	div.HomeSpacer {
		display:none;
	}
	div.whatss-app {
		margin-right:5px;
		font-size:125%;
		width:100%;
		float:none;
		display: none;
	}
	div.BovenBalk2 {
		display: block;
	}
	.navbar-collapse.collapse {
    		display: block !important;
    		height: auto !important;
  		padding-bottom: 0;
   		overflow: visible !important;
  	}
	.navbar-collapse {
		border-top: none;
	}
	.t3-mainnav .t3-navbar {
		padding-left: 0px;
  		padding-right: 0px;
		text-align: center;
	}
	div.logo-custom {
		width:100%;
		float:none;
	}
	.product vm-col vm-col-3 vertical-separator {
  		width: 33% !important;
	}
	div[class*="-view"] .vm-col.product {
  		width: 33% !important;
	}
	
}


@media (max-width: 480px) {

	div.HomeSpacer {
		display:none;
	}
	div.whatss-app {
		margin-right:5px;
		font-size:125%;
		width:100%;
		float:none;
		display: none;
	}
	div.BovenBalk2 {
		display: block;
	}
	.navbar-collapse.collapse {
    		display: block !important;
    		height: auto !important;
  		padding-bottom: 0;
   		overflow: visible !important;
  	}
	.navbar-collapse {
		border-top: none;
	}
	.t3-mainnav .t3-navbar {
		padding-left: 0px;
  		padding-right: 0px;
		text-align: center;
	}
	div.logo-custom {
		width:100%;
		float:none;
	}

	.product vm-col vm-col-3 vertical-separator {
  		width: 100% !important;
	}
	div[class*="-view"] .vm-col.product {
  		width: 100% !important;
	}
}