@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');
html {
	overflow-y: scroll;
    scroll-behavior: smooth !important;
}
body {
	color: #697983;
    font-size: 1.7em;
    font-family: 'Noto Sans', sans-serif;
    margin: 0;
    padding: 0;
    padding-right: 0!important;
    background: #fff;
    letter-spacing: 2px;
}
@media (min-width:768px) {
	body {
		text-align: justify;
		word-break: break-word;
	}
}
img {
	max-width: 100%;
	height: auto!important;
}
.img_l {
	padding: 0.5% 1% 0 0;
}
.img_r {
	padding: 0.5% 0 0 1%;
}
h1, h2, h3, h4 {
	font-family: 'Ubuntu', sans-serif;
}
.page-header {
	text-align:center;
    padding-bottom: 0;
    margin: 70px 0 0;
}
.breadcrumb {
	background-color: #4dad45;
    border-radius: 0;
    margin: 0 15px;
    color: #fff;
}
.padding {
	padding: 100px 0;
}
#anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 20.5px;
    border-left: 5px solid #ddd;
    font-weight: bold;
    font-style: italic;
}
.lr {
	background:#d8e3e9;
	font-size: 92%;
    color: #7295a9;
}
.wrap {
	max-width:1170px;
	display:block;
	margin:0 auto;
}
@media (min-width:768px) {
	.halfway {
		padding: 100px;
	}
}
@media (max-width:767px) {
	.halfway {
		padding: 25px;
	}
}
a {
	color: #4dad45;
}
a,
a:visited,
a:focus,
a:active,
a:hover {
    outline:0 none !important;
	text-decoration:none;
}
*:focus, *:visited, *:active, *:hover  {
	outline:0 !important;
}
*::-moz-focus-inner {
	border:0;
}
button::-moz-focus-inner {
	border: 0;
}
.container-fluid {
	overflow: hidden;
}
.nopadding {
	padding: 0;
}
/*menu*/
.nav li:first-child a {
	font-size:0;
}
.nav li:first-child a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f015";
	color: #2F2629;
	font-size:18px;
}
.navbar-default {
    background-color: rgba(255,255,255,.8);
    border-color: transparent;
}
.navbar {
    min-height: 70px;
	border: 13px solid;
	border-color: transparent;
}
.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}
.navbar-toggle {
    margin-top: 10px;
	border-radius:0;
}
.navbar-collapse { 
    max-height: 100% !important;
	border: none;
}
.nav > li > a {
	border: 1px solid transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #222;
    background-color: transparent;
    border: 1px solid #222;
}
.navbar-default .navbar-nav > .active:first-child > a {
	border: 1px solid transparent;
}
/*center*/
@media (min-width: 992px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}
/*einde center*/
/*einde menu*/
/*flex tabel*/
.buiten {
    display: flex;
    max-width: 800px;
    margin: 0;
}
.binnen {
	flex-grow: 1;
	padding: 5px;
	border: 1px solid #444750;
	width: 33%;
	margin: 1px;
	font-size: 0.9em;
}
.binnen p {
	margin: 0;
}
@media (max-width: 1199px) {
	.buiten {
		flex-wrap: wrap;
	}
	.binnen {
		flex: 1 0 95%;
	}
}
/*einde flex tabel*/
footer {
    left: 0;
    bottom: 0;
	padding: 15px;
    height: calc(100% - 200px);
    width: 100%;
	background: #151515;
	color: #c1c1c1;
}
footer a {
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	color: #c1c1c1;
}
footer a:hover {
	color: #909090;
}
footer hr {
    width:25%;
    margin:30px auto;
	border-top: 1px solid #cc3399;
}
.credit {
	text-align:center;
	font-size:85%;
	padding:30px 0;
}
#return-to-top {
    position: fixed;
    bottom: 100px;
	right:0;
    display: block; 
	display: none;
	transition: all 0.3s ease;
	background: rgba(0,0,0,.5);
	padding: 15px;
	border-radius: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a#return-to-top {
	color:#fff!important;
}
/*carousel*/
.carousel {
	padding: 100px 0;
}
#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px;
}
#quote-carousel .carousel-control {
	background: none;
	color: #37a4e9;
	text-shadow: none;
}
#quote-carousel .carousel-control.left {
	left: -12px;
	top: 0;
}
#quote-carousel .carousel-control.right {
	right: -12px !important;
	top: 0;
}
.item {
	padding: 0 50px;
}
.item .quote {
    border-left: none; 
    margin: 0;
}
.item .quote small {
	display:block;
}
.item .quote p {
	margin:0;
}
.item .quote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.item .stars {
    margin-left: 0;
}
.klant {
	text-align: left;
	display: block;
	padding: 20px 0 0 15px;
}
.klant:before {
    content: "\f2b9";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
	display: block;
	height: 60px;
	font-size: 24px;
	color: #475c8b;
}
@media (min-width: 768px) { 
    #quote-carousel {
		margin-bottom: 0;
		padding: 0 40px 30px 40px;
    }
}
@media (max-width: 768px) { 
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
.bubble {
	position: relative;
	width: 100%;
	height: auto;
	padding: 15px;
	background: #d9edf7;
}
.bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #d9edf7 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -15px;
	bottom: -15px;
	left: 10%;
}
.transition-timer-carousel-progress-bar {
    height: 3px;
    background-color: #ddd;
    width: 0%;
    margin: 20px 0;
    border: none;
    z-index: 11;
    position: relative;
}
/*einde carousel*/
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    border: 0;
}