/*
Grijs: A4A4A3
Oranje: FF6800
Blauw menu: 63AED0
Blauw kopjes: 63AFD0
*/
/*.nav>li>a {
    position: relative;
    display: block;
    padding: 8px 2px;
}*/
body {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
    font-family: 'Mulish', sans-serif;
    color: #000000;
}

.page-wrapper {
/*	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-bottom: 10px; */
	padding: 0px;
	box-shadow: 0px 3px 10px #999;
	min-width: 750px;
}

/** Header ========================= */
.mod-header {
	position: relative;
    padding-top: 10px;
    padding-right: 25px;
}
.mod-header .login {
    color: #A4A4A3;
    font-size: 13px;
}
.mod-header .login a {
	text-transform: uppercase;
    color: #A4A4A3;
	font-weight: bold;
    letter-spacing: 2px;
    font-size: 13px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A4A4A3;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #A4A4A3;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #A4A4A3;
}

.img-home { padding-bottom: 10px;}
.img-responsiveUIT {max-width:500px!important;}

.infiniteCarousel { margin-top:20px; max-width:100%; }
.infiniteCarousel img {max-width:100%; }


.ic_caption {
  position:absolute;
  background: rgba(255,255,255, 0.6);
  overflow:hidden;
  margin:0px;
  font-weight: bold;
  padding: 10px;
  bottom: 20px!important;
  left: 20px;
  text-transform: uppercase;
}
.slidernormal {
  font-weight: normal;
  text-transform: none;
}
@media (min-width: 992px) {
  .img-responsive {max-width:80%;!important}
	.mod-headerXXX { min-height: 150px; }
}

@media (min-width: 1200px) {
  .img-responsive {max-width:100%;!important}
}


/* navigatie top =========================  */
span.circle {
  background: #BFBFBF;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  line-height: 25px;
  margin-right: 5px;
  margin-left: 5px;
  text-align: center;
  width: 25px;
}
span.circle a { 
    color: #ffffff!important; 
    font-weight: normal!important;
}

@media (max-width: 768px) {
  .productdetail { font-size: 13px!important; }
  .mod-navbar ul ul li > a,
  .mod-navbar ul ul li:hover > a,
  .mod-navbar .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    text-align: right;
    
  }
  li {
    z-index: 999;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    //background-color: #63AFD0;
  }
  .mod-navbar .navbar-default .navbar-nav>li>a {
    color: #000000!important;
  }
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    //background-color: #63AFD0;
    z-index: 999;
  }
  .navbar-default .navbar-nav a, .navbar-default .navbar-nav a:focus, .navbar-default .navbar-nav a:hover {
    background-color: #63AFD0!important;
  }
  .mod-navbar .dropdown-menu {
    text-transform: none;
    background-color:#82BFD9;
    opacity: 1!important;
    padding: 0px;
  }
  .mod-navbar ul ul li {
    padding: 0px 0px!important;
  }
  
}
/* center align navbar */
.mod-navbar {
	position: relative;
    height: 18px;
}

.mod-navbar ul ul li > a,
.mod-navbar ul ul li:hover > a,
.mod-navbar .navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #000000;
    font-weight: bold;
    padding: 6px;
    letter-spacing: 1px;    
}


.mod-navbar .navbar .navbar-nav {
	display:block;
}

@media (min-width: 768px) {
  .row {
      position: relative;
  }

  .bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  	.mod-navbar .navbar .navbar-nav {
		display: inline-block;
		float: none;
	}
}

.mod-navbar .navbar .navbar-nav {
  margin-left: 12px;
  vertical-align: top;
  text-transform: uppercase;
  z-index: 500;
}
.mod-navbar .navbar .container {
  text-align: center;
  position: absolute;
}
.navbar-default .navbar-toggle .icon-bar {
	/* background-color: #fff; */
}

/* main navbar */
.mod-navbar .navbar.navbar-default {
	border: none;
	background-color: #FFFFFF;
	border-radius: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}

.mod-navbar .navbar-default .navbar-nav>li>a {
	color: #63AED0;
    letter-spacing: 1px;
    font-size: 15px;
    padding-left: 5px;
}

.mod-navbar .navbar-default .navbar-nav>li>a:hover {
	color: #FF6800;
	font-weight: bold;
}

.mod-navbar .navbar-default .navbar-nav>.active>a {
	font-weight: bold;
	color: #FF6800;
}

.mod-navbar .seperator {
	color: #9D9D9C;
	padding-top: 5px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #ffffff;
}
.nav-header-banner {
    background: url('img/slide1.jpg') no-repeat center bottom;
    background-size: cover;
    min-height: 300px;
    min-width: 992px;
    margin-top: 15px;
}

/* @media (min-width: 3px) {
	.navbar-nav>li>a {
	  padding-top: 5px;
	  padding-bottom: 5px;
	}
} */

.mod-navbar .dropdown-menu {
  text-transform: none;
  background-color:#82BFD9;
  opacity: 0.9;
  border: 0px;
  font-weight: bold!important;
}
.mod-navbar .dropdown-menu>li>a {
  color:#000000;
}
.mod-navbar .dropdown-menu>li>a:hover {
	font-weight: bold;
	color:#FFFFFF;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #FFFFFF!important;
    text-decoration: none;
    background-color: #82BFD9!important;
}
.mod-navbar .dropdown-menu>.active>a {
	font-weight: bold;
	background: none;
 	color:#FFFFFF!important;

}

.mod-navbar .dropdown-menu {
	box-shadow: 0px 3px 5px #555;
}

.mod-navbar ul ul li {
	padding: 2px 10px;
}
.mod-navbar ul ul li a {
	padding: 3px 0px;
}

.mod-navbar ul ul li > a,
.mod-navbar ul ul li:hover > a {
	/*border-top: 2px solid #eee;
	background: url(img/menu-arrow.png) right center no-repeat;
	background-size: 6px 10px; */
}
.mod-navbar ul ul li:first-child a {
	border-top: none;
}

.navbar-default .navbar-nav>.open>a {
	font-weight: bold;
	background: none;
}

.mod-navbar .seperator {
	display: none;
}

@media (min-width: 768px) {
	.mod-navbar .seperator {
		display: block;
		color: #63AFD0;
		padding-top: 15px;
	}

	.navbar-nav>li>a {
	  padding-top: 15px;
	  padding-bottom: 15px;
	}
    .mod-slider {
        margin: 16px 0px 18px 15px;
        padding: 0px;
    }
    .mod-slider .row {
        margin-right: -15px;
        padding-right: -15px;
    }
}

@media (min-width: 1200px) {
    .mod-slider {
        margin: 16px -10px 0px 15px;
        padding: 0px;
    }
    .mod-slider .row {
        margin-right: -30px;
        padding-right: -30px!important;
    }
}
@media (min-width: 758px) {
.mod-navbar ul.navbar-nav > li,
.mod-navbar ul.navbar-nav > li > a {
    display:inline-block;
    text-align:center;
    padding-top: 0px;
    padding-bottom: 0px;
}
}
.mod-navbar ul.navbar-nav > li > a:hover {
    font-weight:bold;
}
.mod-navbar ul.navbar-nav > li > a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}



/* content wrapper ========================= */
.mod-content-wrapper {
	margin: 0px 3px;
    background-color: #EFEFEE;
}
.mod-main {
    margin: 30px 0px 0px 0px;
}
.mod-content a {
  color: #63AFD0;
	text-decoration: underline;
}
.mod-content a:hover {
  color: #63AFD0;
	text-decoration: underline;
}

/* side menu =========================  */

.mod-side-menu {
	padding-bottom: 40px;
}

@media (min-width: 758px) {
	.mod-content-wrapper {
		margin: 0px;
	}
  .mod-side-menu.collapse  {
		display: block;
	}
}

.mod-side-menu a {
	color: #000000;
	text-decoration: none;
}



.mod-side-menu ul,
.mod-side-menu li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.mod-side-menu > ul > li  {
	text-align: left;
}
.mod-side-menu > ul > li > a  {
	padding: 10px 2px 10px 0px;
	display: block;
}

.hoofdknop a {
	background: url(img/menu-arrow.png) right center no-repeat;
	background-size: 11px 10px;
    font-weight: bold;
    height: 30px;
}
.hoofdknopactive a {
	background: url(img/menu-arrow-open.png) right center no-repeat;
    background-size: 11px 11px;
    color: #FF6800;
    font-weight: bold;
    margin-bottom: -6px;
}


.mod-side-menu > ul > li.active > a {
	font-weight: bold;
}

.mod-side-menu ul a:hover {
	font-weight: bold;
}
.mod-side-menu > ul > li.subknop > a {
	padding: 3px 2px 3px 2px;
}
.mod-side-menu .kop {
	color:#63AED0;
	font-size:16px;
	font-weight:bold;
	text-align: left;
	display: block;
	margin-top: 15px;
	margin-bottom: 20px;
	text-transform: uppercase;
    letter-spacing:1px;
}


/* footer =========================  */

.mod-footer {
	min-height: 200px;
	position: relative;
	margin-top:10px;
    letter-spacing:1px;
}
.mod-footer .blockb {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 1px;
	text-align: left;
	color: #FFFFFF;
	font-size: 9pt;
	padding: 10px;
	background: #63AFD0;
	min-height: 280px;
}
.mod-footer .blockg {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 1px;
	text-align: left;
	color: #FFFFFF;
	font-size: 9pt;
	padding: 10px;
	background: #9D9D9C;
	min-height: 280px;
}



.mod-footer .kop {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-align: left;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.mod-footer a {
	color: #FFFFFF;
	font-size:13px;
}

.mod-footer ul,
.mod-footer li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-shadow: 0px 0px 3px rgba(150, 150, 150, 0.78);
	font-size:15px;
}
/* content =========================  */
.inleiding {
    font-weight: bold;
}
.mod-content {
  padding-right: 30px;
  margin-bottom: 10px;
}

.mod-content h1 {
  color: #63AFD0;
  font-size:24px;
  font-weight: bold;
  margin-top: 15px;
  letter-spacing:1px;
}
.mod-content h2 {
  color: #FF6800;
  font-size:24px;
  margin-top: 10px;
  margin-bottom: 25px;
  letter-spacing:1px;
}
.mod-content h3 {
  color: #63AFD0;
  font-size:15px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
  letter-spacing:1px;
}
.txtboven {
    padding-top: 8px; 
}
.KopKleur {
	color: #63AFD0;
  font-size:13px;
  font-weight:bold;
}
.productgroepen {
    margin-top: 25px;
}
/* product home -- */
.page-home .row-fluid {
	padding-bottom: 10px;
	margin-bottom: 10px
}

/* productlist --*/
.page-product-list .product {
  min-width: 262px;
  height: 280px;
  margin: 0px 15px 15px 0px;
  padding: 0px;
}

.page-product-list .product .image {
  border: 0px;
  background-color:#ffffff;
  width: 260px;
  height:240px;
	display: block;
	position: relative;
	overflow: hidden;
}

.page-product-list .product .image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}


.page-product-list .product {
	color: #000;
}
.page-product-list .product .name {
  width: 260px;
  height: 50px;
  position: relative;
  background-color:#63AFD0;
  color:#FFFFFF;
  font-size:16px;
  padding-top:5px;
  text-align:center;
}

.page-product-list .product a {
  color:#FFFFFF;
  text-decoration: none;
}
.page-product-list a:hover {
  color:#FFFFFF;
  text-decoration: underline;
}

.page-product-list .product .info {
	margin-bottom: 10px;
}

/* Product overzicht*/
.pimage{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.pimage img{
    position:absolute;
    min-height: 100%; min-width: 100% 
}
.product-grid3{ text-align:center;position:relative;z-index:1; margin-bottom: 7px;}
.product-grid3:before{content:"";height:81%;width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);opacity:0;position:absolute;top:0;left:0;z-index:-1;transition:all .5s ease 0s}
.product-grid3:hover:before{opacity:1;height:100%}
.product-grid3 .product-image3{position:relative}
.product-grid3 .product-image3 a{display:block}
.product-grid3 .product-image3 img{width:100%;height:auto}
.product-grid3 .pic-1{opacity:1;transition:all .5s ease-out 0s; border: 2px solid #63AFD0;}
.product-grid3 .social{width:120px;padding:0;margin:0 auto;list-style:none;opacity:0;position:absolute;right:0;left:0;bottom:70px;transform:scale(0);transition:all .3s ease 0s}
.product-grid3:hover .social{opacity:1;transform:scale(1)}
.product-grid3:hover .product-discount-label {opacity:0}
.product-grid3 .social li{display:inline-block}
.product-grid3 .social li a{color:#e67e22;background:#fff;font-size:18px;line-height:50px;width:50px;height:50px;border:1px solid rgba(0,0,0,.1);border-radius:50%;margin:0 2px;display:block;transition:all .3s ease 0s}
.product-grid3 .social li a:hover{background:#e67e22;color:#fff}
.product-grid3 .product-discount-label,.product-grid3 .product-prijs,.product-grid3 .product-prijsaanvraag{background-color:#e67e22;color:#fff;font-size:14px;padding:2px 10px;position:absolute;right:10px;top:10px;transition:all .3s}
.product-grid3 .product-verpakking {background-color:#e67e22;color:#fff;font-size:11px;padding:2px 10px;position:absolute;right:10px;top:36px;transition:all .3s}
.product-grid3 .product-prijsaanvraag{ font-size: 12px; }
.product-grid3 .product-content{z-index:-1;padding:5px;text-align:left; background-color: #63AFD0; text-align: center;}
.product-grid3 .title{font-size:14px;text-transform:capitalize;margin:0px;transition:all .3s ease 0s; height: 40px; line-height: 20px; overflow: hidden;}
.product-grid3 .title2{font-weight: normal;}
.product-grid3 .title a{color:#ffffff; text-decoration: none; letter-spacing:1px; font-size: 15px; }
.product-grid3 .pg .title { padding-top: 9px; letter-spacing:1px; font-size: 15px; }
.product-grid3 .price{color:#000;font-size:16px;letter-spacing:1px;font-weight:600;margin-right:2px;display:inline-block}
.product-grid3 .price span{color:#909090;font-size:14px;font-weight:500;letter-spacing:0;text-decoration:line-through;text-align:left;display:inline-block;margin-top:-2px}
@media only screen and (max-width:1200px){.product-grid3 .rating{margin:0}
}
@media only screen and (max-width:990px){.product-grid3{margin-bottom:30px}
    .product-grid3 .product-content{z-index:-1;padding:15px;text-align:left}
}


/* product details -- */
.page-product-details {
  margin-top:20px;
}
.page-product-details h1 {
	display: inline;
  font-weight: bold;
	font-size: 24px;
	color: #ff6800;
}

.page-product-details 	.image {
  border-style: solid;
  border-left: 2px solid #63AFD0;
  border-right: 2px solid #63AFD0;
  border-top: 2px solid #63AFD0;
  border-bottom: 2px solid #63AFD0;
  background-color:#ffffff;
	display: block;
	position: relative;
	overflow: hidden;
}
.page-product-details .aantal {
	width: 5em;
	font-size: 9pt;
	text-align: right;
}

.page-product-details .row {padding: 5px;}
.page-product-details table.table td,
.page-product-details table.table th {
	padding: 3px 10px 3px 0px;
}
.table-bestellen {
    margin-top: 2px;
}
.bestellen {
    margin-top: 12px;
    margin-left: 8px;
}
.table-bestellen th {
    color: #FF6800;
}
.table-bestellen tr {
    line-height: 8px;
}
.btn-hend {
    color: #ffffff!important;
    background-color: #63AFD0;
    border-color: #2e6da4;
    font-weight: bold;
    border-radius: 0px;
    letter-spacing: 2px;
    padding: 8px 20px 8px 20px;
    text-decoration: none!important;
}
.btn-hend:hover {
    color: #FFFFFF!important;
    background-color:#2e6da4 ;
    border-color: #63AFD0;
    font-weight: bold;
    border-radius: 0px;
    letter-spacing: 2px;
    padding: 8px 20px 8px 20px;
    text-decoration: none!important;
}

.page-product-details ul {
  list-style: none; /* Remove default bullets */
  padding-left: 14px;
}

.page-product-details ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #63AFD0; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.txtonder {
	clear: both;
}

/* content =========================  */

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}
.table-autowidth {
	width: auto;
}
.mod-content td {
  padding: 0px 15px 15px 0px;
}
.shopping {
  margin: 3px;
}
.shopping td {
  padding: 0px 5px 3px 0px;
}


.glsmall { font-size:12px;}


.clear {
  clear:both;
}

.nav .dropdown-menu>li {
min-width: 220px;
}
.navbar-footer .dropdown-menu>li {
min-width: 200px;
}
.tblwinkelmandje td{
  height:20px;
  margin: 0px;
  padding: 0px;
}
.tblwinkelmandje {
  margin-bottom:15px;
}
.WmBedrag {
  text-align:right;
  width:100px;
}
.WmHr {
     color: #000000;
     background: #000000;
     width: 99%;
     height: 1px;
}
.order td {
  padding: 0px 0px 0px 0px;
}
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background-color:#63AFD0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #583821;
	display:inline-block;
	cursor:pointer;
	color:#31210a!important;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none!important;
	text-shadow:0px 1px 0px #4d3534;
}
.myButton:hover {
	background-color:#CCCCCC;
}
.myButton:active {
	position:relative;
	top:1px;
}
.formfout {
  color:#ff0000;
  font-weight:bold;
}

.mod-zoek { margin-top: 5px; }
.mod-zoek input {

     background-color: #ffffff!important;
     border: 1px solid #cccccc;
     
     margin-bottom: 20px;
     color: #000000;
	background: url('../img/search.png') right center no-repeat;
    background-size: 23px 21px;

}
.mod-zoek button {
	position: absolute;
	display: block;
	top: 10px;
	right: 20px;
	border: none;
	background: url('../img/search.jpg');
	background-size: 100% 100%;
	border: none;
	width: 18px;
	height: 21px;
	padding: 0px;
}
input { border-radius: 0px!important; }
.zoekPane {
  width: 140px;
  text-align:left;
  background-repeat:no-repeat;
  margin: 5px 0px 0px 0px;
  font-size: 14px;
  padding: 10px 0px 0px 0px;
}
@media all and (min-width: 768px) {
  .zoekPane {
    padding: 8px 5px 8px 5px;

    border:1px solid #63AFD0;
    text-align:center;
    background-repeat:no-repeat;
    -moz-box-shadow:inset 0px 1px 0px 0px #666666;
    -webkit-box-shadow:inset 0px 1px 0px 0px #666666;
    box-shadow:inset 0px 1px 0px 0px #666666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
  }

  .zoekPane td {font-size:10px;}
  .zoekPane input {font-size:10px;}
  .zoekPane select {font-size:10px;}
}
@media (max-width: 1000px) {
  .container {
    width: 99%!important;
  }
  .container {
    width: 99%!important;
  }
  .mod-content p, .mod-content td {
    font-size: 16px;
  }
  ul.navbar-nav > li > a {
    padding: 15px 2px;
  }
  /* body { font-size: 18px;} */
}
@media (max-width: 768px) {
	.mod-header .pay-logoOUD {
		display:none;
	}
}

.iconcompleet {
  background-image: url("/img/icon_compleet.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  color: #000000;
  padding-top: 75px;
  position: relative;
  text-align: center;
}
.iconleverancier {
  background-image: url("/img/icon_leverancier.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  color: #000000;
  padding-top: 75px;
  position: relative;
  text-align: center;
}
.iconcompleet h2, .iconleverancier h2 {
    color: #63AFD0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
}
hr.oranjelijn {
  border: 2px solid #FF6800;
}
.mod-content-wrapper {
    border-bottom: 4px solid #FF6800;
} 

.displayinline {
    display: inline;
    width: 100px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#mc_embed_signup {
    background: none!important;
	clear:left; 
}
#mc_embed_signup label {
    text-align: left;
}
#mc_embed_signup input.email {
	width: auto!important;
}