@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
body {font-family:'Roboto', sans-serif !important;}

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

.doclist {margin-left:25px;}
td.ico {padding:0 8px;}
a {transition:ease-in-out .30s;color:#000;}
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;}

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

.toolbar {background-color:#004982;line-height:30px;font-size:14px;color:#fff;padding:6px 0;}
.toolbar i {margin-left:20px;margin-right:6px;}
.toolbar a {color:#fff;}
.bg-dark {background-color:#00192f !important;}
.navbar {margin-top:1px;}
.navbar-translate {width:100%;}
.navbar-toggler .fas {color:#fff;}
.navbar.navfloat {margin-top:1px;}
.navbar.navfixed {margin-top:0px;position:fixed;z-index:1030;left:0;right:0;top:0;box-shadow:#000 0 0 10px;}
.navbar a {color:#fff;font-size:18px;line-height:28px;text-transform:uppercase;}
.navbar .nav-link {padding:8px 15px !important;}
.navbar .nav-link:hover, .nav-link.active {background-color:#004982;}

.cc_more_info {color:#fff !important;text-decoration:underline !important;}
.cc_btn {color:#000 !important;}
.cc_container {background-color:#527766 !important;}
.cc_message {color:#fff !important;}

.homeintro {padding:60px 0;}
.homeintro .intro-tekst {padding-left:30px;border-left:solid 2px #b0bcde;margin-top:30px;}

.sfeerbeeld {height:300px;}

.content {padding:80px 0;}
.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:#004982;}
.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;}
.card {position:relative;}
.card .card-text {min-height:120px;}
.card .card-text a {color:#004982;border-bottom:dotted 1px #004982;}
.card a.overlay {left:0;right:0;top:0;bottom:0;position:absolute;}
.card a.overlay:hover {background-color:rgba(176,188,222,0.2);}
.card .prijs {font-size:18px;color:red;line-height:30px;font-weight:700;}
h5.modal-title {color:#004982;font-weight:700;}
.modal-body h5 {color:#004982;}
.modal-body .fa-check {color:green;}
.modal-body .fa-times {color:red;}

.afval {padding:40px 0;}
.afval .fa-smile, .afval .fa-frown {font-size:46px;}
.afval .fa-smile {color:green;}
.afval .fa-frown {color:red;}
.afval h3 {margin-top:15px;}
.afval p {font-size:18px;font-weight:700;}
.fiche {background-color:#004982;padding:8px 0;text-align:center;}
.fiche a {color:#fff;}

.form a {color:#004982;text-decoration:underline;}
.form .fa-calendar {font-weight:normal;}

footer {background-color:#004982;padding-top:40px;padding-bottom:50px;background:url('../images/footer-bg.jpg') 0 0 no-repeat;background-size:cover;}
footer img {margin-top:43px;}
footer a.tel, footer a.tel:hover {color:#fff;}
footer p, footer ul, footer a {color:#fff;font-size:16px;}
footer a:hover {color:#c6c4c5;}
footer h3 {color:#fff;font-weight:400;border-bottom:solid 1px #fff;padding-bottom:20px;}
footer .fa-li {color:#fff;}
footer .kmo {margin-bottom:10px;}

.copycontainer {background-color:#003055;padding-top:35px;padding-bottom:35px;color:#fff;font-size:14px;}
.copycontainer a {color:#fff;}
.copycontainer a.km {color:#3082c1;}

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

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

@media(min-width:992px) and (max-width:1199px) {
	.navbar-brand img {width:290px;}
	.navbar a {font-size:16px;line-height:24px;}
	.card-deck span:nth-of-type(3n) {display: block;width: 100%;}
}

@media(max-width:991px) {
	.navbar-brand img {width:290px;}
	.navbar a {text-align:center;}
	.afvalstroom h1 {font-size:22px;}
	.homeintro .intro-tekst {padding-left:0px;border-left:0;margin-top:30px;}
	.sfeerbeeld {height:150px;}
}

@media(min-width:768px) and (max-width:991px) {
}

@media(min-width:576px) and (max-width:767px) {
	.toolbar span {display:none;}
}

@media(max-width:575px) {
	.navbar-brand img {width:210px;}
	.toolbar span {display:none;}
	h1 {font-size:22px;}
}