/* KLEUREN
	Blauw: #00afe3;
	
	*/
	
	
/* RESET */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Open Sans', sans-serif;
}

a div.btn-dark {color: #fff!important;}

.download-preview {position: relative; max-width: 90%;}
.download-preview div {position: absolute; bottom: 0px; width: 100%; border-radius: 0px; left: 0px; margin: 0px!important; font-size: 0.85rem;}

/* HEADINGS */

h1,h2,h3,h4,h5,h6 {color:#666666;}

h2 {font-size: 28px;}
h3 {font-size: 26px;}
h4 {font-size: 24px;}
h5 {font-size: 22px;}

p {font-size: 15px; line-height: 27px;}

.categorie .banner p {color: #fff;}
.questionform {padding: 30px 0px;}
.latest-news .product {margin-bottom: 30px;}

.breadcrumbs {position: relative; top:-20px; display: inline-block; font-size: 11px; background-color: #f4f4f4; border-radius: 5px; padding: 5px 10px;}
.breadcrumbs a {color: #333;}

/*LOGGEDIN */

.edit-entry {color: #ff0000;}

/* HEADER */
header {padding: 0px 0px 35px 0px;}

.facebooklink {color: #333; margin-left: 20px; font-size: 15px;}

.img-fluid {min-width: 100%;
width: auto;
height: auto;}

.lang-select { font-size: 12px; margin-top: 5px; font-weight: bold;}
.lang-select a img {max-width: 25px; display: inline-block; margin-left: 10px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); border: 1px solid #fff;} 

header .greyblock {background-color: #f4f4f4; padding: 10px 0px; margin-bottom: 25px;}
header .greyblock p {margin:0px;}


/* BTN'S */

.btn-ghost {border: 1px solid; background-color: transparent; text-transform: uppercase;}
.btn-ghost.white {border-color: #fff; color: #fff;}
.btn-ghost.dark {border-color: #333; color: #333;}
.btn-primary  {background-color: #00afe3; border-color: #00afe3;}
.btn-primary:hover {background-color: #333; border-color: #333;}
.btn-dark.btn-print {width: 100%; margin-bottom: 30px; color: #fff!important; font-weight: bold;}
.btn-print span {color: #fff;}

.adminlinks {position: fixed; right: 20px; top: 10px; z-index: 9999;}

/* NAV */
.navbar-nav li {font-size: 17px; padding-right: 25px; text-transform: uppercase;}
.navbar-nav li a {color: #666666; white-space: nowrap;}
.navbar-nav li.here a {color: #00afe3; font-weight: bold;}
.navbar-nav li.here ul li a {color: #666666; font-weight: normal;}
.navbar-nav li.last a {padding-right: 0px;}

.subnav-here {font-weight: bold; color: #00afe3;}

.catlist li {text-align: left;}
.catlist li a {font-size: 0.9em;}


/* BANNER */
.banner {margin: 25px; position: relative; overflow: hidden;  background-position: center center; background-size: cover; background-repeat: no-repeat;}
.banner .overlay {position: absolute; width: 100%; height: 100%; background-color: #00afe3; opacity: 0.65;}
.banner .container {padding-top: 35px; padding-bottom: 35px;}
.banner h1 {font-weight: 800; color: #fff; font-size: 35px;}
.banner h2 {font-size: 35px; font-weight: 400; color: #fff;}
.banner p {margin: 1em 0em; line-height: 2em;}
.banner .btn {margin: 1em 0em;}
.banner img {border: 2px solid #fff;}


.homepage .banner {}
.product .banner {padding: 300px 0px 40px;  text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat;}

/* latest products */

.overflowno {overflow: hidden;
}

section.latest-products {margin-top: 30px; margin-bottom: 30px;}
section.latest-products h2 {font-weight: bold;}
section.latest-products h3 {font-weight: normal; color: #CCCCCC; margin-bottom: 30px;}
section.latest-products .card h3 {font-weight: normal; color: #CCCCCC; margin-bottom: 10px;}
section.latest-products .card {margin-bottom: 30px;}
section.latest-products .product .card {margin-bottom: 30px; background-color: #F8F8F8; border:none; overflow: hidden;}
section.latest-products .product .card .card-title {font-weight: bold; font-size: 1em; color: #333;}
section.latest-products .product ul {margin-left:15px; padding-left: 0px; }
section.latest-products .product ul li,
section.latest-products .product li {font-size: 12px;}
section.latest-products .product .card-body {height: 210px;}
section.latest-products .product .card-body .content {height: 70px; padding: 0px; overflow-y: hidden;}
section.latest-products .product .card-body  li p {display: inline-block; margin: 0px; padding: 0px; font-size: 12px;}
  
 .product .card .sold {background: -webkit-linear-gradient(#970000 0%, #ec2626 100%); color: #fff; font-weight: bold; transform: rotateY(0deg) rotate(-35deg); position: absolute; padding: 10px 94px; left: -50px; top:20px; z-index: 999;}
 .product .card .reserved {background: -webkit-linear-gradient(#6c6c6c 0%, #cecece 100%); color: #333; font-weight: bold; transform: rotateY(0deg) rotate(-35deg); position: absolute; padding: 10px 94px; left: -50px; top:20px; z-index: 999;}

/* section.latest-products .product .card-body .btn {position: absolute; bottom: 15px;} */


/* PRODUCTS */

.product a {color:inherit; text-decoration: none; transition: ease-in-out 0.2s; position: relative;}
.product:hover a {color:inherit!important; text-decoration:none!important;}

section.latest-products .product {transition: ease-in-out 0.2s;}
section.latest-products .product:hover  .card {background-color: #e0e0e0; transition: ease-in-out 0.2s;}


/* EO PRODUCTS */



/*LATEST NIEWS */

section.latest-news {background-image: url('/assets/img/paper.png'); background-size: cover; background-repeat: no-repeat; background-position: center top; padding: 100px 0px 50px;}
section.latest-news h2 {color: #333; font-weight: bold;}
section.latest-news h3 {color: #333; margin-bottom: 30px;}

.homepage section.latest-products .product .card-body,
section.latest-products .product .card-body .content  {height: auto;}

/* SEARCH */
.reldiv {position: relative;}
.abdiv {position: absolute;}
.searchbar {}
.form form {width:100%;}
/* SIDEBAR */

.catlist {padding: 15px; background-color: #f4f4f4; margin-left: 10px;}
.catlist h3 {margin-bottom: 15px!important;}
.catlist ul li a {color: #333; font-size: 1em; line-height: 200%;}
.catlist ul {list-style-type: none; margin: 0px; padding: 0px;}
.catlist ul ul {margin-left: 18px; margin-bottom: 10px;}
.catlist ul ul li a {font-size: 0.8em; color: #666;}

.catlist ul li strong a {color: #00afe3;}

/*contact*/
.googleframe iframe {max-width: 100%;}

/* CONTENT */

.content {padding: 30px 0px;}
.blue-info {background-color: #00afe3; padding: 25px; color: #fff;}

.galery img {margin-top: 30px;}
.card {overflow: hidden;}
.card-text {max-height: 50px;
    display: block;
    overflow-y: hidden!important;}


/* SUBNAVIGATION */

#nav-sub-en-products .subnavigation,
#nav-sub-producten .subnavigation {display:none;}
#nav-sub-en-products:hover .subnavigation,
#nav-sub-producten:hover .subnavigation {display:block; position: absolute; z-index: 998; list-style-type: none; margin: 0px; padding: 0px; padding: 10px 15px; background-color: #fff; margin-left:-15px;}


.navbar-nav .subnavigation li {text-transform: none ; font-size: 13px; line-height: 180%;}
 .subnavigation li a {color: #666; font-weight: normal; text-transform: normal!important;}
 .subnavigation li:hover a {text-decoration: none; color: #00afe3;}
/* FOOTER */


footer {background-color: #333; color: #ccc; padding: 50px 0px 20px; line-height: 200%;}
footer h4 {color: #fff;}
footer ul {list-style-type: none; margin-left: 0px; padding-left: 0px;}
footer ul li {line-height: 200%;}
footer a {color: #ccc;}
footer a:hover {color: #fff; text-decoration: none;}
footer .footend {font-size: 12px;}
footer hr {border-color: #666;}


@media (max-width: 576px) { 
	.banner {margin-top: 0px!important;}
	.banner h1,
	.banner h2 {font-size: 1.2rem;}
	.banner img {display:none;}
}

@media (max-width: 768px) { 
	.navbar {width: 100%;}
	.navbar-toggler {margin-top: 15px; width: 100%;}
	
}

@media (max-width: 992px) {
	.navbar {margin-top: 0px; padding-top: 0px;}
	.navbar-toggler {background-color: #f4f4f4; color: #333; display: inline-block!important;}
	.navbar-toggler a {color: #333; text-transform: uppercase;}
	.navbar-nav li {padding: 5px;}
	.navbar {}
}

@media (max-width: 1200px) {

	.navbar-nav li {font-size: 16px; padding-right: 15px;}
	.navbar-nav li.last {padding-right: 0px;}
}


/* REVERSE MEDIA QUERIES */

@media (min-width: 1200px){
		.container {max-width: 1180px;}
}