@charset "utf-8";
/* CSS Document */
body { }

.blauw { color:#004077;}
.bgblauw { background-color:#004077;}
.bglblauw { background-color:#bce4fa;}
.blauw2 { color:#009fe3;}
.bgblauw2 { background-color:#009fe3;}
.blauw3 { color:#bce4fa;}
.bgblauw3 { background-color:#bce4fa;}
.bgroze { background-color:#cfb77f;}

h1, h2 {
  font-family: "Alkatra", system-ui;
	font-style: normal;}

h1 {font-size:60px;}

a {color:#004077;text-decoration:none; }
a:hover {color:#009fe3;}

p {font-size:16px;}

footer a {color:#fff;text-decoration:none; }
footer a:hover {color:#fff;}

a.navbar-brand img { width: 150px;}

.schaduw {box-shadow: 1px 1px 3px 0px #ccc;}

.bg-light {background-color: transparent!important;}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color: #333;font-weight: 700;}
.nav-link {}

.dropdown-item.active, .dropdown-item:active {background-color:#004077;}

.blok {display:block;padding:25px;border-radius:15px}

a.blok {display:block;padding:25px;border-radius:15px}
a.blok:hover {opacity:0.8;}

.card {border:0px;}

.onder {display:block; padding:20px 0; text-align:center; background-color:#333; color:#fff;font-size:16px;height:80px}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #004077;
    --bs-btn-border-color: #004077;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #009fe3;
    --bs-btn-hover-border-color: #009fe3;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #009fe3;
    --bs-btn-active-border-color: #009fe3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #009fe3;
    --bs-btn-disabled-border-color: #009fe3;
	text-transform: uppercase;
}

.btn-secondary {
    --bs-btn-color: #004077;
    --bs-btn-bg: #009fe3;
    --bs-btn-border-color: #009fe3;
    --bs-btn-hover-color: #004077;
    --bs-btn-hover-bg: #bce4fa;
    --bs-btn-hover-border-color: #bce4fa;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #004077;
    --bs-btn-active-bg: #bce4fa;
    --bs-btn-active-border-color: #bce4fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #004077;
    --bs-btn-disabled-bg: #009fe3;
    --bs-btn-disabled-border-color: #009fe3;
	text-transform: uppercase;
}

.lead {
    font-size: 1.25rem;
    font-weight: 400;
}

.backgroundafb { background-size:cover; background-position:center center; width:100%;min-height:300px;height:auto;}

.carousel-indicators {bottom: auto;top: 0px;}
.testimonialafb {background-size:cover; background-position:center center;height:60px;width: 60px;border-radius: 50%;margin:20px auto;}
.carousel-item {min-height:350px;}
.carousel-caption {top:30px;color:#000; font-size:14px}
.carousel-indicators [data-bs-target] {width: 10px;height: 10px;background-color: #333;}
.carousel-indicators .active {background-color: #004077;}

@media (max-width:767px){.carousel-item {min-height:480px;}
h1 {font-size:40px;}
	
.testimonialafb {height:100px;width: 100px;}
.carousel-caption p {font-size:13px;line-height:18px;}
}


.animated {
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}
.animated1 {
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}
@-webkit-keyframes grow { 0% {transform: scale(1);} 100% {transform: scale(1.1);} } 
@keyframes grow { 0% {transform: scale(1);} 100% {transform: scale(1.1);} } 
.grow { -webkit-animation-name: grow; animation-name: grow; }

@-webkit-keyframes slideIn { 0% {opacity:0;margin-left:-100px;} 100% {opacity:1;margin-left:0px;} } 
@keyframes slideIn { 0% {opacity:0;margin-left:-100px;} 100% {opacity:1;margin-left:0px;} } 
.slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; }

@-webkit-keyframes slideUp { 0% {opacity:0;margin-top:100px;} 100% {opacity:1;margin-top:0px;} } 
@keyframes slideUp { 0% {opacity:0;margin-top:100px;} 100% {opacity:1;margin-top:0px;} } 
.slideUp { -webkit-animation-name: slideUp; animation-name: slideUp; }