/* 20200922092035 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #ffffff;
  background-color: #76c61b;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #76c61b;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #5e9e15;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #5e9e15;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* webdinge.nl 06/07/2017 */

.homepage-sidemenu .dropdown-menu.mega-menu.mega-menu-container {
	min-height: 380px;
}
.homepage-sidemenu .sideMenu > li {
	position: inherit;
}

.homepage-sidemenu .dropdown-menu.mega-menu.mega-menu-container {
	z-index: 98;
}
.homepage-sidemenu .sideMenu .mega-menu-list a:hover, .homepage-sidemenu .mega-menu-title > a:hover, .homepage-sidemenu .mega-menu-title:hover {
	color: #7bbd42 !important;
	font-weight: bold;
}
.homepage-sidemenu .sideMenu a {
	font-size: 12px;
	padding: 12px 25px;
}
.homepage-sidemenu .sideMenu .mega-menu-list a::before {
	border-color:#7bbd42;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	content: " ";
	display: block;
	float: left;
	height: 5px;
	margin-right: 8px;
	margin-top: 7px;
	width: 5px;
	background-color:#7bbd42;
}


/***********/


.resp-cart-btn.fixed{

bottom: -30px;

opacity: 0;

transition: all 0.5s ease 0s;

}
.resp-cart-btn.fixed.open{

  bottom: 15px;
opacity: 1;
}

.usps2 {
background: #eeeeee none repeat scroll 0 0;
border: 1px solid #cccccc;
border-radius: 4px;
color: #ffffff;
font-size: 12px;
margin-bottom: 20px;
padding: 10px;
}
.usps2 ul:not(.ship) {
  background: #66a503 none repeat scroll 0 0;
}
.ship > li {
  color: #555555;
}
.usps2  .fa.fa-truck.product {
  margin-top: -5px;
  float: right;
  font-size: 25px;
  margin-right: 10px;
}
.usps2 ul li {
  line-height: 20px;
  list-style: outside none none;
}
.usps2 ul li {
  border-bottom: 1px dashed #cccccc;
}

.usps2 .fa.fa-play-circle {
  margin: 0 5px;
}

#product .wrap .btn.btn-custom-2, #formProduct1 .btn.btn-custom-2 {
  background-color: #eb7f12;
  border-color: #eb7f12 ;
}
.goSmoothly.btn.btn-custom-3 {
  margin-bottom: 10px;
}
.title-2 {
  display: block;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 10px;
}
#logo {
  min-height: 80px;
}
#header {
  padding: 10px 0;
}
#image-logo img {
  max-width:inherit;
}
.navbar-search {
  margin: 22px 0 0 20px;
}
.keurmerk {
  margin-top: 24px;
}
.keurmerk img {
max-height: 70px;
padding-left: 40px;
}
#cart {
  margin-top: 28px;
}
.item .item-add-btn-info {
background: #ccc none repeat scroll 0 0;
height: 30px;
margin-right: 5px;
width: 30px;
}
.item .item-add-btn-cart {
  height: 30px;
  width: 30px;
}
.item .item-add-btn-info::before {
  color: #fff;
  content: "\f129";
  display: block;
  font-family: fontawesome;
  font-size: 18px;
  padding-top: 2px;
  text-align: center;
}
.item .reviews-wrap {
  width: 60%;
}
.item .item-btn {
  width: 40%;
}
.item.item-list .item-btn {
  width: 20%;
}
.item-btn a {
  float: left;
}
.item-btn a:hover {
  opacity:0.6;
}

.item.item-list .item-add-btn-info {
  display: block;
  float: none;
  margin-bottom: 10px;
}

.dropdown-menu.dropdown-cart-menu.open{
  display:block;
 }
.dropdown-cart-product-list {
  max-height: 300px;
  overflow-y: scroll;
}
#cart .dropdown-cart-menu {
  min-width: 350px;

}

.item {
  padding: 0 0 10px;
}
@media screen and (max-width: 992px){
.anchor-links {
  width: 100%;
}

}
@media screen and (max-width: 480px){
 .keurmerk img {
   max-height: inherit;
   padding-left: 0;
  } 
.navbar-search {
  margin: 0;
}
}


/* custom labels */
.owl-carousel .owl-wrapper-outer {
	overflow: visible;

}
.item .label, #product-image-container .label {
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
}
#product-image-container .label {
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 6px;
  position: absolute;
}

.item .label.with-value, #product-image-container .label.with-value {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	top: -5px;
	z-index: 1;
	right: -5px;
	padding: 0;
}
.item .label.with-value .discount, #product-image-container .label.with-value .discount {
	background: transparent;
	border-radius: 3px;
	float: none;
	margin-bottom: 2px;
	padding: 4px 6px;
	position: relative;
	line-height: 14px;
}
.discount.with-value > span {
	display: block;
}
.item .label.with-value .amt, #product-image-container .label.with-value .amt {
	font-size: 16px;
	font-weight: bold;
}

#product-image-container .label.with-value {
  right: 20px;
  top: 10px;
}




#image-logo2 {
	background: #f9f9f9;
	display: block;
	padding: 0 10px;
	/* margin: 0 auto; */
	/* text-align: center; */
}

/* gaten in grid fix */
.item .item-name {
	min-height: 55px;
}

/* filter kleuren */

.sidebar-box-filter-box.color-filter{
  padding:20px 0;
}
.sidebar-box-filter-box.color-filter .f-title {
	margin-bottom: 10px;
	display: block;
}
    	  .filterKleur {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sidebar-box-filter-box .filterKleur li {
	float: left;
	width: 20%;
}

.sidebar-box-filter-box .filterKleur div {
height: 32px;
width: 32px;
	position:relative;

	margin: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.1);
	float: left;
}

.filterKleur .selected::before {
	content: "\f00c";
	font-family: fontawesome;
	position: absolute;
	top: 5px;
	left: 9px;
	color: white;
	font-size: 16px;
}
.filterKleur .selected:hover::before {
  content: "\f00d";
}
.filterKleur .wit.selected::before {
  color:black;
}
.sidebar-box-filter-box .filterKleur input[type="checkbox"]{
cursor: pointer;
float: none;
height: 32px;
margin: 0;
opacity: 0;
width: 32px;
}
.filterKleur label {
	position: absolute;
	left: calc(100% + 10px);
	top: 3px;
	z-index: 1;
	background: #394755;
	padding:5px;
	display: none;
	color:white;
}

.filterKleur label::before {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	border-right: 8px solid #394755;
	left: -8px;
	content: "";
}

.sidebar-box-filter-box .filterKleur li:hover label {
  display:block;
}


.zwart{ background-color: black;}
.wit{ background-color: white; }
.grijs{ background-color: grey;}
.rood { background-color: red;}
.bruin { background-color: #8f5034;}
.blauw { background-color: blue; }
.geel { background-color: yellow; }
.oranje { background-color: orange; }
.paars{ background-color: purple; }
.groen{ background-color: green; }
.eiken{ background-color: #dcc8b7; }
.petrol{background-color:#34748f;  }
.multicolour {
  background: red; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);
  /* Standard syntax */
  background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); 
}
.roze { background-color:pink; }
.transparant{ background-color:transparent; }


@media screen and (max-width: 992px){
  .sidebar-box-filter-box.color-filter {
  	padding: 0;
  }
  .sidebar-box-filter-box .filterKleur div {
  	height: 40px;
  	width: 40px;
  }
  .filterKleur.sidebar-box-filter {
	min-width: 300px;
	/* width: 100%; */
}
.sidebar iframe {
	display: none;
}
.sidebar {
	background: #f9f9f9;
	margin-bottom: 20px;
}
.widget.f {
	width: 48%;
	border: 0;
	margin-right: 2%;
	text-align: center;
	background: #7bbd42;
}
.widget.f span:first-child {
	border: 0;
	color: white;
	margin: 0;
}
.widget.f .sidebar-box-filter, .widget .sidebar-filter {
	top: 100%;
}


}