body { font-family: 'Noto Sans', sans-serif; font-size: 14px;line-height: 28px; margin: 0; color: #333;background:#fafafa url('../images/woodx-bg.jpg') center center no-repeat;background-size:cover;background-attachment:fixed;}
	body.KMCMSeditor { padding: 20px;}

h1, h2, h3, h4, h5, h6 {font-family:'Oswald',sans-serif;margin:15px 0 25px 0;}
h1 {font-weight:700;color:#ea5b0c;margin-bottom:35px;font-size:26px;}
h2 {font-weight:400;color:#ea5b0c;font-size:30px;letter-spacing:2px;}
h3 {font-weight:700;color:#ea5b0c;font-size:20px;letter-spacing:2px;}
h4 {font-weight:700;color:#ea5b0c;font-size:20px;font-family: 'Noto Sans', sans-serif;}
h5 {font-weight:400;color:#ea5b0c;font-size:18px;font-family: 'Noto Sans', sans-serif;}
h6 {font-weight:700;color:#ea5b0c;font-size:16px;font-family: 'Noto Sans', sans-serif;}
p, ul, ol {color:#1d1d1d;font-size: 16px;line-height: 28px;}

a {transition:ease-in-out .30s;color:#ea5b0c;}
a:hover, a:focus, a:active {outline:none;text-decoration:none;}
a:hover {color:#000;}
a.tel {color:#fff;}
.margintop20 {margin-top:20px;}
.marginbottom20 {margin-bottom:20px;}
.boxshadow {box-shadow:#444 0 0 10px;}
.nomarginleft {margin-left:0 !important;}

.mobileheader {display:none;}
.mobileheader img {margin-bottom:30px;}
#sidebarCollapse {margin-top:30px;cursor:pointer;}

.introheader {height:400px;background-size:cover;background-position:center;}
.introheader .intro {margin-top:278px;padding:15px 40px 15px 40px;background:#ea5b0c url('../images/grayline.png') 0 120px no-repeat;display:inline-block;min-width:500px;}
.introheader.nophoto .intro {margin-top:0;}
.introheader h1 {font-family:'Oswald' !important;color:#fff;letter-spacing:2px;font-size:46px;font-weight:400;}
.introheader h1 b {color:#bd4b06;font-weight:400;}
.introheader p {color:#1d1d1d;font-size:20px;padding-top:25px;}
.introtext {background-color:#e3e3e3;}
.introtext .intro {padding:96px 0 20px 0;}
.introtext .intro p {}

.breadcrumb {background-color:transparent;font-size:14px;border-bottom:0;padding-left:0;margin-bottom:0;}
.breadcrumb a {color:#000;border-bottom:dotted 1px #000;text-transform:uppercase;}
.breadcrumb-item + .breadcrumb-item::before {color: #ea5b0c;content:'\f0da';font-family: 'Font Awesome 5 Free';font-weight:bold;}
.breadcrumb i {color:#ea5b0c;}

.content {background-color:#fff;}
.content ul {list-style:none;padding:0;margin-left:1em;}
.content ul li {padding-left:1.9em;}
.content ul li:before {content: '\f058';font-family: 'Font Awesome 5 Free';display:inline-block;margin-left:-1.9em;width:1.9em;color:#ea5b0c;}
.content ul.fa-ul {margin-left:25px;}
.content ul.fa-ul li {padding-left:0;margin-left:25px;}
.content ul.fa-ul li:before {content:none;}
.content h1 {margin-top:0;}
.content p, .content ul {margin-bottom:20px;}
.content a {color:#ea5b0c;border-bottom:solid 1px #ea5b0c;}
.content a:hover {color:#5d2800;border-bottom:solid 1px #5d2800;}
.content .fotogalerij img {margin-bottom:30px;}

.img-left, .img-right, .img-below, .img-above {margin:25px 0;}

.bgwhite {background-color:#fff;}
.introhome {height:500px;background-size:cover;}
.introhometext {margin-top:-250px;padding-bottom:30px;}
.introhometext .introwrapper {background:rgba(243,243,243,0.9) url('../images/corner-rt.png') right top no-repeat;}
.introhometext .intro {background:rgba(255,255,255,0) url('../images/corner-lb.png') left bottom no-repeat;padding:50px 70px;}
.introhometext h1 {font-family:'Oswald' !important;color:#5d2800;letter-spacing:2px;font-size:46px;font-weight:400;}

.cta {border:solid 1px gray;padding-top:35px;border-radius:16px;text-align:center;}
.noborder {border:0;}
.cta i {color:#ea5b0c;font-size:46px;margin-bottom:15px;}
.cta p {color:gray;}
.cta a {display:inline-block;background-color:#5d2800;border:solid 4px #5d2800 !important;color:#fff;text-transform:uppercase;font-family:'Oswald';letter-spacing:2px;padding:10px 20px;margin-bottom:45px;}
.cta a:hover {background-color:#fff;color:#5d2800;}

.introcat {margin-top:20px;}
.introcat article {position:relative;}
.introcat .image {overflow:hidden;position:relative;}
.introcat .image img {opacity:1;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;-webkit-transition-duration: 250ms;transition-duration: 250ms;-webkit-transition: 0.1s all linear;transition: 0.1s all linear;}
.introcat a h3 {transition:ease-in-out .30s;margin-bottom:10px;}
.introcat a:hover .image img {opacity: 0.9;-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);box-shadow: none;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-duration: 250ms;transition-duration: 250ms;}
.introcat a:hover h3 {color:#000;}
.introcat p {margin-bottom:40px;font-family:'Oswald';color:gray;}

.thumbs {width: 100%;float: left;overflow: hidden;position: relative;margin-bottom: 15px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700;background-color:#4c4c4c;}
.thumbs span.title {color:#fff;}
.thumbs a {background-color: rgba(255,255,255,0.40);bottom: -200px;color: #fff;left: 0;opacity: 0;position: absolute;right: 0;text-align: left;top: 0;z-index: 100;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;text-decoration:none;}
.thumbs a .title {display: table;width: 100%;height: 100%;}
.thumbs a .title .title-text {font-style: normal;font-weight: 300;font-size: 12px;line-height: 14px;color: #fff;vertical-align: bottom;padding: 8px;display: table-cell;}
.thumbs a .title .title-text h5,.thumbs a .title .title-text p {color:#fff;font-weight:700;font-size: 14px;}
.thumbs a .title .title-text h5 {font-weight:700;}
.thumbs a .title .enlarge {font-style: normal;color: #ea5b0c;vertical-align: middle;padding: 20px;display: table-cell;text-align:center;}
.thumbs a:hover {bottom: 0;opacity: 1;transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;-webkit-transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;}
.thumbs .imgmark {position:absolute;left:0;top:0;}

.teaserbutton {display:inline-block;background-color:#00bebe;padding:8px 16px;font-size:18px;line-height:24px;text-align:center;color:#fff;text-transform:uppercase;transition:ease-in-out .30s;}
.teaserbutton:hover {background-color:#007f7f;color:#fff;}


.products {background-color:#d5d4d3;padding:80px 0 0px 0;}
.products {background:#d5d4d3 url('../images/swirl.png') bottom center no-repeat;background-size:100% 265px;color:#fff;}
.products .card {background-color:#fff;position:relative;border-radius:0;}
.products .card-body {background:#fff url(../images/trap-bg.png) center center no-repeat;position:relative;border-radius:0;min-height:280px;}
.products .card h3 {color:#000;font-size:18px;letter-spacing:-1px;margin-top:.75rem;}
.products .card a.overlay {position:absolute;left:0;top:0;right:0;bottom:0;}

.modal-header h4 {font-size:16px;font-weight:400;}

.hoverimg {position: relative;text-align:center;color:#fff;padding:4px;margin-bottom:30px;background-color:#ddd;max-width:300px;}
.hoverimg img {}
.hoverimg a {background-color: rgba(82,119,102,0.45);bottom: -200px;color: #ccc;left: 0;opacity: 0;position: absolute;right: 0;text-align: center;text-transform: uppercase;top: 0;z-index: 100;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;}
.hoverimg a:hover {bottom: 0;opacity: 1;transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;-webkit-transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;}

.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive-4by3 {padding-bottom: 75%;}

label {font-weight:normal;}
.form-control {border:solid 2px Silver;border-radius:0;}
.form-control:focus {border-color:#ea5b0c;box-shadow:0 0 0 .2rem rgba(234,91,12,0.3);}
.form-check a {color:#ea5b0c;border-bottom:solid 1px #ea5b0c;}
.form-check a:hover {color:#5d2800;border-bottom:solid 1px #5d2800;}
.contactadres {margin-top:80px;}
.contactadres .tel {color:#000;}

.btn {transition:ease-in-out all 0.3s;}
.btn-deur {background-color:#ea5b0c;border-color:#ea5b0c;text-decoration:none !important;color:#fff !important;}
.btn-deur:hover {text-decoration:none !important;background-color:#5d2800;border-color:#5d2800;}
.btn-forward {border-radius:0;border:solid 2px #ea5b0c !important;}
.btn-forward:hover {background-color:#ea5b0c;color:#fff !important;}
.content .table a {border-bottom:0;}
.content .table a .fa-times-circle {color:red;font-size:20px;margin-left:10px;}
.content .table a .fa-edit {color:#fff;font-size:20px;}
.berekend {color:#f1bf58;}

footer {background:#5d2800 url('../images/corner.png') right bottom no-repeat;background:#341600 url('../images/cornerx.png') right bottom no-repeat;padding:30px 0 30px 0;border-bottom:solid 2px #fafafa;}
footer h3 {font-weight:400;color:#fff;text-transform:uppercase;}
footer p, footer ul {color:#fff;}
footer .fas, footer span {color:silver;}
footer a, footer a:focus {color:#fff;} 
footer a:hover {color:#ea5b0c;text-decoration:none;}
footer a.tel:hover {color:#fff;}

.scrollup {padding:6px 12px;background-color:#ea5b0c;color:#fff;position:fixed;bottom:20px;right:20px;border:solid 2px #ea5b0c;z-index:1000;display:none;}
.scrollshow {display:inline-block;}
.scrollup:hover {background-color:#ea5b0c;color:#fff;}

.privacy {padding:16px 0;color:#fff;background-color:#1d1d1b;color:silver;}
.privacy p {font-size:14px;padding-top:10px;}
.privacy a, .privacy p {color:#fff;color:silver;}

a.toplink { cursor:pointer;position:fixed;right:35px;bottom:15px;display:none;}
.wow {visibility:hidden;}

@media(min-width:1200px) {
	.introheader.nophoto {height:120px;}
	.content {padding:50px 0;}
	.fotogalerij {padding:45px 0;}
	#map_canvas {height:350px;margin-top:40px;}
}

@media (max-width:1199px) {
	.mobileheader {display:block;}
	.sidebar-header {display:none;}
}

@media(min-width:992px) and (max-width:1199px) {
	.introheader.nophoto {height:120px;}
	.content {padding:40px 0;}
	.fotogalerij {padding:35px 0;}
	#map_canvas {height:300px;margin-top:40px;}
}


@media(min-width:768px) and (max-width:991px) {
	.introheader .intro {padding:22px 30px 15px 30px;}
	.introheader.nophoto {height:120px;}
	.introheader h1 {font-size:30px;font-weight:400;}
	.introheader p {font-size:18px;padding-top:35px;}
	.introhome {height:400px;}
	.content {padding:40px 0;}
	.fotogalerij {padding:25px 0;}
	.btn-deur {display:block;}
}

@media(max-width:767px) {
	.introheader {height:300px;background-size:cover;}
	.introheader.nophoto {height:auto;}
	.introheader .intro {margin-top:176px;background-image:none;padding:10px 10px 15px 10px;}
	.introheader h1 {font-size:28px;font-weight:400;margin-bottom:5px;}
	.introheader h1 span {display:none;}
	.introheader p {font-size:18px;padding-top:5px;}
	.introtext .intro {padding:6px 0 10px 0;}

	.introhome {height:300px;}
	.introhometext {margin-top:-200px;}
	.introhometext .introwrapper {background-image:none;}
	.introhometext .intro {padding:30px 50px;background-image:none;}
	.introhometext h1 {font-size:36px;}
	.cta {margin-bottom:30px;}

	.mobileheader img {margin-bottom:15px;}
	article h3 {font-size:16px;}

	.content {padding:40px 0;}
	.fotogalerij {padding:20px 0;}
	.btn-deur {display:block;}
}
@media(max-width:500px) {
	.mobileheader img {max-width:250px;	}
	#sidebarCollapse {margin-top:15px;}
	.introheader {height:200px;background-size:cover;}
	.introheader .intro {margin-top:130px;min-width:0;}
	.introheader h1 {font-size:28px;font-weight:400;}
	.introheader p {display:none;}
	.introtext .intro {padding:6px 0 6px 0;}
}
@media(max-width:350px) {
	.mobileheader img {max-width:200px;	}
	#sidebarCollapse {margin-top:5px;}
	.introhometext .intro {padding:10px 20px;}
	.introhometext h1 {font-size:24px;}
}