body {font-family:'Inter', sans-serif !important;}

p, ul, ol {color:#444;font-size: 16px;line-height: 1.8;}

.doclist {margin-left:25px;}
td.ico {padding:0 8px;}
a {transition:ease-in-out .30s;text-decoration:none;color:#3e3466;}
a:hover, a:focus, a:active {outline:none;text-decoration:none;color:#f18d2b;}
.margintop20 {margin-top:20px;}
.marginbottom20 {margin-bottom:20px;}
.boxshadow {box-shadow:#444 0 0 10px;}

h1, h2, h3 {font-weight:700;color:#3e3466;margin-bottom:30px;}
h4 a, .content p a {color:#3e3466;border-bottom:dotted 1px #3e3466;}

.homefoto { background-size: cover; height: 100vh; }
	.homefoto h1.t1 { font-size: 52px; color: #f18d2b; font-weight: 700; letter-spacing: 1px; line-height: 1.1; text-shadow: #000 0 0 10px; }
	.homefoto h2.t2 { font-size: 40px; color: #ffffff; font-weight: 400; line-height: 1.1; margin-bottom: 38px; text-shadow:#000 0 0 10px; }

.sfeerbeeld {height:300px;}

.pagecontent {padding:60px 0;}

.content {}
.content p, ul {font-size:16px;line-height:28px;}
.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:#3e3466;}
.galerycontainer {margin-top:25px;}
.thumbs { width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 30px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; background-color: #fff; }
	.thumbs span.title { color: #fff; }
	.thumbs a { background-color: rgba(0,0,0,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: #fff; 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; }

.titelblok {background-color:#e0e0e0;padding:30px 0 0 0;}
.titelblok h1 {margin-bottom:10px;}
.afvalstroom {background-color:#e0e0e0;padding:50px 0;}

h5.modal-title {color:#3e3466;font-weight:700;}
.modal-body h5 {color:#3e3466;}
.modal-body .fa-check {color:green;}
.modal-body .fa-times {color:red;}

.card .card-img-top { border-radius: 0; }
.fractieblok { text-align: center; transition: ease-in-out all 0.3s; border-radius: 0; border: 0; background-color: #3e3466; }
a .fractieblok { }
	a .fractieblok h2 { transition: ease-in-out all 0.3s; text-align: center; color: #fff; margin: 0;font-size:20px; }
a:hover .fractieblok h2 { color: #f18d2b; }
.fractieblok .card-footer { background-color: transparent; border: 0; padding-bottom: 25px; }
	.fractieblok .card-footer span { display: inline-block; background-color: transparent; color: #fff; padding: 8px 16px; border: solid 2px #fff; transition: ease-in-out all 0.3s; }
a:hover .fractieblok .card-footer span { background-color: #fff; color: #f18d2b; }

.fractieblok { margin: 40px 0; }
	.fractieblokblok .dienstblok { box-shadow: none; background-color: #d53240; }
		.fractieblok .dienstblok .card-footer { padding-top: 25px; }
			.fractieblok .dienstblok .card-footer span { min-width: 140px; font-size: 18px; font-weight: 700; }

.afval { background-color: #f4f6f8; padding: 18px; border-radius: 8px; }
.afval h3 {margin-bottom:10px;}
.afval .wel h3, .afval .wel .fa-li {color:green;}
.afval .niet h3, .afval .niet .fa-li {color:red;}
.afval p {font-size:18px;font-weight:700;}
.grootte { margin-top: 18px; }
.grootte ul { font-size:22px; line-height:1.8;}
.grootte ul b {font-weight: 700; color:#f18d2b;}
.grootte ul span {font-size:14px;}
.grootte .fa-li { color:#f18d2b; }
.fiche { font-size:18px; }
	.fiche a { border-bottom: solid 1px #3e3466; color:#3e3466;  }
.img-afval {border-radius:8px;box-shadow:#ccc 10px 10px 10px;}

.btn { display: inline-block; text-transform: uppercase; color: #fff; padding: 4px 16px; background-color:#f18d2b; border: solid 2px #f18d2b; font-weight: 700; border-radius: 4px; font-size: 16px; line-height: 28px; }
	.btn:focus { box-shadow: none; }
	.btn:hover, .btn-active { background-color: #f18d2b; color: #fff; }
.btn-white { border-color: #fff !important; color: #fff !important; border-bottom-width: 2px !important; }
	.btn-white:hover { background-color: #fff; color: #f18d2b !important; }
.btn-home { font-size:22px; padding:8px 16px; }
	.btn-home:hover { background-color:#3e3466;}

form { margin-top: 38px; }
	form .alert-danger, form .alert-success { display: none; }
.form-label { font-weight: normal; font-size: 16px; color: #000; }
.form-control { border: solid 1px #747474; border-radius: 0; font-size: 18px; }
.form-group input:focus { border-color: #aa9671; }
.form-group textarea { height: 115px; }
	.form-group textarea:focus { border-color: #aa9671; }
.form .form-group:first-child:not(.required) { display: none; }
.btn-success { background-color: #a7a69a; border-color: silver; font-size: 18px; font-family: 'benchninebold', sans-serif; }
	.btn-success:hover { transition: all 0.35s ease-in-out; background-color: Silver; border-color: silver; }
.form-group.error .checkbox label, .form-group.error .checkbox label a { color: #da2522; }

footer {background-color:#3e3466;padding:80px 0;}
footer a.tel, footer a.tel:hover {color:#fff;}
footer p, footer ul, footer a {color:#fff;}
footer a:hover {color:#f18d23;}
footer h3 {color:#fff;font-weight:700;padding-bottom:0px;font-size:22px;margin-bottom:15px;}
footer .fa-li {color:#f18d23;}

.scrollup { padding: 5px 10px; background-color: #f18d23; color: #000; position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: none; }
.scrollshow { display: inline-block; }
.scrollup:hover { color: #000; }

.wow {visibility:hidden;}

@media(min-width:1200px) {
	.card-deck span:nth-of-type(4n) {display: block;width: 100%;}
}

@media(min-width:992px) and (max-width:1199px) {
	.homefoto h1.t1 { font-size: 40px; }
	.homefoto h2.t2 { font-size: 30px; }

	.card-deck span:nth-of-type(3n) {display: block;width: 100%;}
}

@media(max-width:991px) {
	.afvalstroom h1 {font-size:22px;}
	.sfeerbeeld {height:150px;}
}

@media(min-width:768px) and (max-width:991px) {
	.homefoto h1.t1 { font-size: 36px; }
	.homefoto h2.t2 { font-size: 26px; }
}

@media(max-width:767px) {
	.homefoto h1.t1 { font-size: 30px; }
	.homefoto h2.t2 { font-size: 20px; }
	.btn-home { font-size: 18px; }
	.fiche {font-size:14px;}
}

@media(max-width:575px) {
}