@charset "utf-8";
/* CSS Document*/

html {
  scroll-behavior: smooth;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing:grayscale!important;
-webkit-font-smoothing:antialiased!important
}
body{font-family: "brother-1816", sans-serif;font-style: normal;color:#0F2548;font-size: 17px;overflow-x:hidden; overflow-y:scroll;background-color: #fffcf6; }
h1, h2{font-family: "brother-1816", sans-serif;font-weight: 300;font-style: normal;margin: 0 0 40px; position: relative;color:#CFA85A}
h1.text-white{text-transform: uppercase}
h1{font-size:55px; line-height:70px}
h2{font-size:45px; line-height:70px}
.inhoud h1{max-width:750px;line-height: 55px;font-family: "gravesend-sans", sans-serif;font-weight: 500;font-style: normal;font-size: 35px;color:#89B9C9;margin-bottom: 30px}
.dblue{color:#0f2548}
.materies h2, .inhoud h2{font-size:24px;margin-bottom: 10px;line-height: 35px;margin-top: 20px;font-family: "gravesend-sans", sans-serif;}
.materies h1{font-family: "gravesend-sans", sans-serif;font-weight: 500;font-style: normal;font-size: 35px;color:#89B9C9;margin-bottom: 30px}
h3 { font-size:20px; line-height:34px;font-family: "gravesend-sans", sans-serif;font-style: normal; font-weight:normal;color:#0F2548;padding-top: 20px;}
h4{ font-size: 24px; margin-top: 0px;font-family: "brother-1816", sans-serif;
font-weight: 300;
font-style: normal;position:relative;padding-bottom:20px 20px 10px 40px;color:#CFA85A}
h5{font-size:20px; line-height:28px;font-family: "brother-1816", sans-serif;font-weight: 300;font-style: normal;color:#CFA85A;}
h6{font-size:24px; font-weight:normal; margin: 10px 0 10px; line-height:30px;font-style: italic}
p{font-size:17px; font-weight:normal; line-height: 28px;margin: 0 0 10px;  }
a{ text-decoration:none; outline:none; transition: ease-in .3s;color:#CFA85A}
.text-body a{text-decoration:underline }
h1 a{text-decoration: underline}
h1 a:hover{color:#89B9C9;}
a:hover, a:focus, a:focus, a:active{ text-decoration:underline;}
p a{color:#0f2548; text-decoration: underline}
p a:hover, p a:active, p a:visited{color:#89B9C9;text-decoration: none}
ul {margin-left: 15px;margin-top: 10px;}
ul li{margin:10px 5px}
.breadcrumb {background-color:transparent;border-radius:0;justify-content:flex-end;padding-left:0px;padding-top:10px;margin-bottom: 0}
.breadcrumb-item {font-size:12px}
.bgwece{background:#ffffff;}
#webspice { text-align: right;}
#webspice a {
font-weight:600;
font-size:14px;
color:#BBB8B8;
text-decoration:none;
    padding-top: 5px;padding-bottom:5px;
    }
#webspice a:hover{color:#ffffff}
.bol {
color:#D99F15;
font-size:24px
}
.btn{box-shadow: none !important;text-decoration: none;transition: 0.3s;background: transparent;border:none;border-radius:0;font-family: "brother-1816", sans-serif;
font-weight: 300;
font-style: normal;position:relative;font-size:24px;display:inline-block;padding:0;text-align:left}
.btn:hover, .btn:focus{text-decoration: none}
.all, .all:visited{color: #CFA85A;font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;font-size: 20px}
.btn.all:after, .btn:after {content: "";
width: 100%;
height: 2px;
position: absolute;
background: #89B9C9;
left: 0;
bottom: -3px;}
.btn.all:hover, .btn.all:focus, .btn.all:active{color:#89B9C9; text-decoration: none;}
.btn.text-white{font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;font-size: 20px;}
.btn.text-white:after {content: "";
width: 100%;
height: 2px;
position: absolute;
background: #ffffff;
left: 0;
bottom: -3px;}
.btn.text-white:hover, .btn.text-white:focus, .btn.text-white:active{color:#ffffff; text-decoration: none;}
.btn-skyblue {color: #89c8dd; text-decoration: none;text-transform:uppercase;display: block;margin-top: 20px;}
/*******/
.soll{margin-left: auto;
max-width: 820px;
padding-left: 30px;}
.soll label{display:block}
.soll .form-control-file {margin-top:10px}
input:focus{ outline:none;}
.form-control::placeholder {color:#0F2548;}
.form-control, .form-control-file{font-weight: normal;
	padding: 8px 10px;
    border:1px solid #decba7;
	border-radius:0px;
	color:#0F2548;
	background-color:transparent;
margin:10px 0;
width:100%}
.form-control:focus {
    color: #cd6d2e;
    background-color: #fff;
    border-color: #0f2548;
    outline: 0;
    box-shadow: none;
}
input[type=file]::file-selector-button {
  border: none;
  padding: .2em .4em;
  border-radius: 0;
  background-color: transparent;
  color:#89B9C9;
  text-decoration:underline
}

input[type=file]::file-selector-button:hover {
color:#0f2548
}

header.index{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
	padding: 15px 30px;
}
header.index.sticky-header{
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
header.index:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #FFFCF6;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  z-index: -1;
}
header.index.sticky-header:before {opacity: 1;}
header.index .navbar-brand img.logo2{display: none;}
header.index.sticky-header .navbar-brand img.logo2{
  display: block;
  width: 150px;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
header.index.sticky-header .navbar-brand img.logo1{
  display: none;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
header.pag{
position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;	
 background-color: #FFFCF6;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding: 0px 30px;
}
.navbar-toggler {
  color: #fff;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.index.sticky-header .navbar-toggler, header.pag .navbar-toggler{color:#0F2548}
.navbar-toggler svg {width: 40px;height: 40px;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler:focus-visible {outline: none;}
.offcanvas{background-color: #fffcf6;}
.offcanvas-header .btn-close {
  opacity: 1;
  background: transparent;
  color: #0F2548;
  padding: 0;
  width: auto;
  height: auto;
  margin-right:auto;
  margin-left:auto
}
.offcanvas-header .btn-close svg {
  width: 25px;
  height: 25px;
}
.btn-close:focus{box-shadow: 0 0 0 .1rem rgba(13,110,253,.25);}
.offcanvas-body .nav-link{
 font-family: "gravesend-sans", sans-serif;
font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  padding: 15px 0;
position: relative;
}
.offcanvas-body ul {display: flex;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;}
.second-menu span{color: #decba7;font-family: "gravesend-sans", sans-serif;font-weight: 500;font-style: normal;font-size: 16px;padding: 0;line-height: 16px;display: block;}
.offcanvas-body .second-menu .nav-link{color: #0F2548;}
.offcanvas-body .first-menu .nav-link{color: #CFA85A;}
.offcanvas-body {padding: 15px 30px;}
.offcanvas-header{padding-top: 50px;}
.nav-link:focus, .nav-link:hover, .nav-link.active {text-decoration:none;background-color:transparent}
.dropdown-menu {
position: relative;
  font-size: 16px;
  color: #0F2548;
  border: none;
  border-radius: 0;
box-shadow: 0 3px 3px rgba(0,0,0,.2);
background-color: #fffcf6;
 border-bottom:1px solid #fffcf6;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #89b9c9;
  background-color:transparent;
	text-decoration: none
}
/*index*/
.hero-banner{
  position: relative;
  background: #000;
  min-height: 95vh;
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
.hero-bg-video {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.8;
}
.hero-bg-video video{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero-banner-content{
  position: relative;
  z-index: 9;
}
.hero-txt{padding-right: 15%;
  max-width: 700px;
  padding-bottom: 10%;}
.hero-banner-content h3{color: #fff;}
.hero-banner-content h1{font-size: 40px;
  line-height: 50px;font-weight: bolder;}
.hero-banner-content p{font-size: 20px;}
.scroll-down{
    width: 3px;
    height: 80px;
    background: #fffcf6;
    animation: scrollDown 2s ease infinite;
    margin: 0 auto; 
	position: absolute;
  z-index: 1;
  bottom: -4%;
  left: 50%;
}

@keyframes scrollDown{
    0%{
        transform-origin: top;
        transform: scaleY(0);
		 background: #fffcf6;
    }
    45%{
        transform-origin: top;
        transform: scaleY(1);
		 background: #fffcf6;
    }
    55%{
        transform-origin: bottom;
        transform: scaleY(1);
		 background: #fffcf6
    }
    100%{
        transform-origin: bottom;
        transform: scaleY(0);
		 background: #0F2548;
    }
}
.blue {color: #89B9C9;}
.banner-text p {margin-top:1rem}
.nieuws-sec, .mat{margin-top:5%}
.card{border-radius:0px;}
.card-title, .vac .vactitle{ font-size: 16px; font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;}
.card-text{font-size:18px;font-family: "brother-1816", sans-serif;
font-weight: 300;
font-style: normal;}
.event{background: #89B9C9  !important; transition: 0.5s ease;padding-top: 20px;color:#ffffff;padding-bottom: 20px;}
.event:hover {background: transparent !important; border-right: 2px solid #cfa85a !important;color:#0F2548}
.event:hover .event-icon-none{ display: unset;}
.event:hover .event-icon{ display: none;}
.event a.card-text{color:#ffffff}
.event:hover .card-title,.event:hover a.card-text{ color: #89B9C9; }
.event-icon-none {  display: none;}
.nws{color:#89B9C9}
.nws { transition: 0.5s ease;margin-top: 10px;border-right: 1px solid #cfa85a}
.nws:last-of-type{border-right:none}
.nws .card{border:none}
.nws .card-title, .vac .vactitle {color: #89B9C9}
.nws a.card-text{ color:#0F2548}
.nws p.auteur{color: #89c8dd; text-decoration: none;text-transform:uppercase;display: block;margin-top: 20px;}
.nws .card-body, .event .card-body{padding:0 1.5rem}
.nws .card-body{padding-top: 20px;}
#carouselquotes .carousel-item p.title{ font-size: 20px; font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;color:#ffffff;}
#carouselquotes .carousel-item p.text{font-size:20px;font-family: "brother-1816", sans-serif;
font-weight: 300;
font-style: normal;color:#ffffff;}
.face-facts {mix-blend-mode: multiply;  background: rgb(137 185 201 / 80%) ; padding-left: 8%; padding-right: 8%; padding-top:4%; padding-bottom: 4%; border-radius: 0px 200px 200px 0px;color:#ffffff;bottom: 0;
position: absolute;
left: 0;
height: 250px;
width: 62%;
z-index: 10}
#carouselquotes .carousel-item {
  transition-duration:1.2s;
}
.fftx{z-index: 99;
bottom: 0;
padding-top: 3rem;
padding-bottom: 3rem ;
position: absolute }
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 1.2s;
}
.fffo{position: absolute;z-index: 2;right: 25%}
.fotoquote {position:relative;left:-18pc}
.fotoquote img {
	margin-top: 0;
    margin-left:0;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;}
@keyframes FadeOut {
  0% {opacity:1;}
25% {opacity:1;}
45% {opacity:0;}
55% {opacity:0;}
70% {opacity:0;}
100% {opacity:0;}
}
@keyframes FadeInOut {
  0% {opacity:0;}
25% {opacity:0;}
45% {opacity:0.8;}
55% {opacity:0.9;}
70% {opacity:1;}
100% {opacity:1;}
}
.fotoquote img.top{position: absolute;
      top: 0;
      left: 0;z-index: 99; animation-name:FadeOut;
animation-timing-function: ease-in-out;
animation-duration: 8s;
}
.fotoquote img.bottom{position: relative;
      top: 0;
      left: 0;z-index: 9; animation-name:FadeInOut;
animation-timing-function: ease-in-out;
animation-duration: 8s;}
.ffav{margin-left:auto;padding-left:30px;height:180px}
.teamfoto{position:relative;}
.teamfoto img {
    margin-top: 0;
    margin-left:0;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
	background-color: #FFFCF6
}
.teamfoto img.bottom{position: relative;
      top: 0;
      left: 0;z-index: 9}
.teamfoto img.top{position: absolute;
      top: 0;
      left: 0;z-index: 99}
.teamfoto img.top:hover {opacity:0;}
.owl-item.active a:hover{color:#CFA85A;}
.adv-list li{list-style: none;color:#0f2548;position:relative }
.adv-list li.exp{text-decoration: underline}
.matwrap{margin-top:0;padding:0px;border-right: 1px solid rgba(210,218,223,0.8);
  border-bottom: 1px solid rgba(210,218,223,0.8);}
.matwrap:nth-child(3n) {border-right: none;}
.matwrap:nth-child(4n), .matwrap:nth-child(5n),.matwrap:nth-child(6n),.matwrap:nth-child(7n){border-bottom: none;}
.matwrap.rand{ border-bottom: 1px solid rgba(210,218,223,0.8)!important;}
.matwrap2 {margin-top:3%;border: 1px solid #eadcc3;background-color: #eadcc3;}
.juridische{min-height: 150px;}
.juridische a{color:#0f2548}
.juridische p span{padding-left:5px;padding-right:5px;color: #CFA85A;}
.juridische:hover {  background: #89b9c9;  transition: 0.5s ease;border:none}
.juridische a:hover,.juridische a:focus, .juridische a:hover li, .juridische a:hover h3 {text-decoration: none; color:#ffffff}
/*anderepagina's*/
h1.dblue{padding-left:60px;position:relative}
h1.dblue:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  background-image: url("../fotomateriaal/icon-text.webp");
  height: 28px;
  width: 37px;
  background-size: contain;
  background-repeat: no-repeat;
}
.text-body{display:flex;margin-left:auto;max-width:820px;color: #0F2548!important;}
#fotoadvdet{position: sticky;
top: 20%;
right: 5%;
width: 450px;
height: 665px;
}
#fotoadvdet img {
    position:absolute;
    margin-top: 0;
    margin-left:0;
	background-color: #FFFCF6
}
.mt-100{margin-top:100px}
.mb-100{margin-bottom:100px}
#fotoadvnws{position: sticky;
top: 20%;
right: 5%;
width: 330px;
height: 565px;
}
#fotoadvnws img {
    position:absolute;
    margin-top: 0;
    margin-left:0;
	background-color: #FFFCF6;
	right:0
}
.cta p{font-size:20px;margin-bottom: 0}
.cta span.line {background-color:#CFA85A;vertical-align: bottom;
  height:25px;
  width:2px;margin:0 15px;display:inline-block}
.terug a{font-size:22px;margin-bottom:30px}
.bubbleouter, .bubbleouter2{margin-top:-350px;background-image: url('../fotomateriaal/tipbg.webp');display:flex;align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:left center;}

.tip{color:#3b7c92;  align-items: center;
  display: flex;padding-left: 85px;padding-top: 80px;}
.tip .tiptitle{text-transform:uppercase;padding:0px 40px 0 0}
.tip .tiptxt{max-width:320px}
.tip2{color:#3b7c92;  align-items: center;
  display: flex;padding-top: 80px;}
.tip2 .txt{padding-left:0px; max-width:450px}
.vac{margin-bottom:40px;padding-bottom:50px;border-bottom:2px solid #decba7}
.vac:last-of-type{border-bottom:none}
.vac .vactxt{font-size:28px}
.vac .btn{font-size:20px}
.contact{padding:40px 20px;margin-bottom: 50px;}
.iconblpr{rotate:90deg;padding-bottom:10px}
.office{font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;color:#0F2548;font-size:24px;margin:10px 0 20px}
.contact p.txt{margin-bottom:20px}
.contact a{
	color: #CFA85A;
font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 16px;
position:relative;
margin-bottom: 10px;
text-decoration: none
}
.contact a:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background: #89B9C9;
  left: 0;
  bottom: -3px;
}
.contact a:hover{color: #89B9C9;
text-decoration: none;}
.owl-nav{text-align: center;font-size: 40px;color: #89B9C9;}
.owl-carousel .adv{background:transparent;padding:15px;border:0px}
.owl-carousel .adv p{font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;color:#CFA85A;font-size:16px;padding-top:10px;padding-left: 20px; }
.overicon{border-right: 1px solid #cfa85a;}
.matrix{text-align: center}
.matrix a {display:block; }
.matrix a p, .matrix p {text-transform:uppercase;text-align: center;color:#282d3a}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2389b9c9'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2389b9c9'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.waardenbx{background-color:#eadcc3;}
.waarden, .tarieven {margin-top:80px}
.accordion-item {background-color:#fffcf6;border:none}
.accordion-header{background-color:#fffcf6; padding-bottom:0px;border-bottom:1px solid #DECBA7;}
.accordion-button:not(.collapsed){color:#0F2548}
.accordion-body{background-color:#ffffff}
#accordiontarieven p button {background-color:#fffcf6;text-transform:none;padding-left:0px;border:none;font-size:20px}
.accordion-button{width:auto}
.accordion-button:after{background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2389B9C9'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;transform: rotate(-90deg);
}
.accordion-button:focus,.accordion-button:not(.collapsed){box-shadow:none}
.accordion-button::after{margin-left:10px}
.nws.border-bottom{border-bottom:1px solid #cfa85a!important }
.nws.border-bottom:hover{border-bottom:1px solid #cfa85a!important }
.nws p {color:#0F2548;margin-top:10px;margin-bottom:10px}
.widget {margin-bottom: 40px;padding: 30px;border: 1px solid #DECBA7}
.widget header { margin-bottom: 20px;background-color:transparent;}
.widget.categories .item {padding: 5px;}
.widget.categories .item a {color:#0F2548;font-size: 22px;text-decoration:none;border-bottom: 1px solid #89b9c9}
.widget.categories .item a:hover {color: #89b9c9;text-decoration:none}
.paginanav{margin-top:80px;background: rgb(137 185 201 / 88%);border-radius: 0px 200px 200px 0px;color: #ffffff;max-width: 700px;padding-left: 8%;}
.dropnwscat{padding: 30px 15px;background-color: rgba(255, 252, 246, 0.9);
z-index: 9999;transition: 0.2s ease-in;position: relative;}
.dropnwscat .item{padding:10px 0}
.page-link {color: #ffffff;text-decoration: none;background-color: transparent;border: none;font-size: 28px;font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;}
.page-link:hover{background-color: transparent;color:#ffffff}
.expertises h3{font-size:18px;line-height:25px;text-indent: -25px;padding-left: 25px;}
.expertises h3 img {margin-right:2px}
.expertises .juridische a:hover, .expertises .juridische a:focus, .expertises .juridische a:hover li, .expertises .juridische a:hover h3 {
  text-decoration: none;
  color: #0F2548;
}
.contact-right {display:flex;align-items: center; position:sticky; z-index:999; right: -10px;background-image: url('../fotomateriaal/contactbg.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position:left center;}
.contact-right .conttxt{margin-left: 50px;}
iframe#iframe_flxml_form {height: 500px;display: block;}
.film {height: 400px;width: 100%;display: block;}
.card{background-color:transparent}
.card-footer{background-color:transparent;border:none;padding-left: 20px;padding-top: 0}
.card-footer a {
  font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;
  color: #CFA85A;
  font-size: 16px;
  padding-top: 10px;
  padding-left: 0px;
}
.whitep{background:#fff;padding:50px 25px;margin-top: 100px;}
/**----Footer Css----**/
footer {margin-top:100px}  
footer h3 { font-size: 18px;  color: #89B9C9; padding-top: 0;}
footer p { font-size: 14px;font-family: "brother-1816", sans-serif;font-weight: 300;font-style: normal; }
footer .adres{position:relative}
footer .adres:before{content: "";
  position: absolute;
  left: -20px;
  top: 15px;
  background-image: url("../fotomateriaal/icon-text.webp");
  height: 19px;
  width: 25px;
  background-size: contain;
  background-repeat: no-repeat;}
footer ul li {list-style: none;}
footer a.btn.all{font-size:16px}
footer a,footer a:visited, footer p a, footer p a:visited {color: #0F2548; font-size:14px; text-decoration: none; font-family: "brother-1816", sans-serif;
font-weight: 300;
font-style: normal;position:relative;border-bottom:0px}
footer a:hover, footer a:focus, footer  a:active{ text-decoration:none;color:#0F2548}
footer a::after  {  content: "";  width: 100% ;  height: 1px;  position: absolute;  background: #89B9C9;  left: 0;  bottom: -3px;}
.after-none::after {
  content: "";
  position: unset !important;
}
.border-bottom { border-bottom: 1px solid #cfa85a !important;}
.border-endfoot {
  border-right: 2px solid #cfa85a !important;
}
.btnws{background-color: transparent;border-top:none;border-left:none;border-right:none;
border-bottom: 1px solid #89B9C9;padding-left:0px;padding-right:0px;line-height: 21px}
.modal-header{border-bottom: none}
.modal-body {padding-bottom: 80px;}
.modal {background: rgba(255, 252, 246, 0.8); }
.modal-backdrop {
  display: none;
}
.modal-content {border: 0px solid #decba7;Background-color:#FFFCF6;}
/* Responsive */
@media (min-width:2001px){.bubbleouter{width:100%;height:900px;}.contact-right {top: 30vh;width:485px;height:368px }#carouselquotes .carousel-inner .carousel-item .row {height:600px}}
@media (min-width:1901px){.container-fluid{padding:0 50px} .second-menu .nav-item , .first-nav-link .nav-item{   padding-right:15px;  padding-left:15px;margin:0}
h1.intro {font-size: 45px;line-height: 50px;padding-left: 30px;}
.banner-text{  max-width: 750px;}
.banner-text { padding: 0px 50px 0px 47px;}
#carouselquotes .carousel-inner .carousel-item .row {height:600px}
}
@media (min-width:1400px){
footer{padding:0 50px} 
.second-menu .nav-item , .first-nav-link .nav-item{ padding-right:10px;padding-left:10px;margin:0}.border-end { border-right: 1px solid #cfa85a !important;}.onmob {display: none;}
.face-facts{height:250px}
#carouselquotes .carousel-item p.text {height:75px}.fotoquote img {width:450px;height:auto}
#carouselquotes .carousel-inner .carousel-item .row {height:600px}
}
@media screen and (max-width: 2000px) {.bubbleouter{width:100%;height:620px;}.bubbleouter2{width:100%;height:620px;margin-top: -400px;background-position: -50px center;}.contact-right {width:400px;height:303px;top:20vh;  margin-left: 100px;}.contact-right .conttxt {max-width: 250px;}.fftx{margin-left:100px;max-width: 700px;}.face-fact {margin-top: 50px;
}}
@media screen and (max-width: 1900px) {
.banner-text { padding: 0px 30px 0px 30px;}
h1.intro {font-size: 45px;line-height: 35px;padding-left: 30px;margin-bottom: 28px;}
.second-menu .nav-link {font-size: 16px;}
.bubbleouter{width:100%;height:450px;margin-top: -300px;}.contact-right {width:320px;height:305px;top:30vh;margin-left:-5px;margin-top: -100px; }#fotoadvdet{position: sticky;
top: 20%;
right: 5%;
width: 400px;
height: 591px;
z-index: 9;
}
.bubbleouter2 {height: 450px;margin-top: -320px;}
.tip2{padding-top:40px}
.tip2 .txt {padding-left: 50px;max-width: 450px;}
.contact-right .conttxt {max-width: 200px;}
}
@media screen and (max-width: 1399px) {
h1 {font-size: 55px; line-height: 60px;}
h1.intro {padding-left: 15px;padding-right: 12px;line-height: 45px;}
h2{font-size:45px; line-height:55px}
.second-menu .nav-link { padding: 8px 0 !important;}
#carouselquotes .carousel-inner .carousel-item .row {height:600px}
.face-facts{padding-left: 2%;height:300px} 
.face-fact {margin-top: 50px;}
.fffo {right: 32%;}
.fftx{margin-left:100px;max-width: 600px;}
#carouselquotes .carousel-item p.text {height:115px}
.bubbleouter{width:100%;height:450px;margin-top: -300px;}
.tip .tiptxt {max-width: 300px;}
.tip .txt{padding-left:80px; max-width:550px;padding-top:40px}
.contact-right {top: 20vh;width:340px;height:325px }
footer{padding:0 50px}
}
@media screen and (max-width: 1200px) {
h1 {font-size: 40px; line-height: 50px;}
h2 {font-size:40px;line-height: 40px;margin-bottom:10px}
.nws {border-right: none;}
.fotoquote img{width:400px;height:515px}
#carouselquotes .carousel-inner .carousel-item .row {height:600px}
.juridisch-footer{display:none}
.contact-right {width:340px;height:325px;margin-top:0;margin-left:auto;position:relative;top:0vh}
.bubbleouter{width:100%;height:400px;margin-top:-250px}
.tip {padding-left: 55px;padding-top: 40px;}
.bubbleouter2 {height: 420px;margin-top: -300px;}
.contact-right .conttxt {max-width: 250px;}
.fotoquote {left: -12pc;}
.fftx {margin-left: 50px;max-width: 450px;}
.face-facts{height: 300px;}
.matwrap:nth-child(3n) {border-right: 1px solid rgba(210,218,223,0.8);}
}
@media screen and (max-width: 992px) {	
footer {padding: 40px 0 0px;}		
.banner-text {max-width:100%}
.hero-txt {padding-right:5px;padding-bottom: 5px;}
.hero-banner-content h1 {font-size: 24px;line-height: 30px;}
.hero-banner-content p {font-size: 18px;}
.face-fact {  margin-top: 30%;} 
.face-facts {width: 70%;}
iframe#iframe_flxml_form {height: 700px;display: block;}
.dropdown-toggle::after{display:none}
.overicon{border-right:none;}
}
@media screen and (max-width: 768px) {	
.navbar-toggler svg {width: 35px;height: 35px;}
.offcanvas-header {padding-top: 30px;}	
.container {max-width: 100%;}
.btn{font-size:22px}
.cta span.line{margin:0 2px}
.face-fact {margin-top: 50px;}
.carousel {position: relative;}
#carouselquotes .carousel-item p.text {height: 115px;}
.fotoquote {left:0}
.ffav {
  padding-left: 30px;
  height: 180px;
  position: absolute;
  right: 0;
  bottom: -200px;
}
.nieuws-footer {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}
.tip .txt{padding-left:130px;}
.contact-right {top: 0vh;width:385px;height:368px;position:relative;margin-left:auto }
.bubbleouter2 {margin-top: -320px;}
.tip2 .txt {padding-left: 100px;}
.matwrap:nth-child(4n), .matwrap:nth-child(5n),.matwrap:nth-child(6n),.matwrap:nth-child(7n){ border-bottom: 1px solid rgba(210,218,223,0.8);}	
.matwrap:nth-child(3n) {border-right: 1px solid rgba(210,218,223,0.8);}
	}
@media (max-width: 576px){
h1{margin-bottom:20px}
.banner-text{padding:0}
.text-body{padding-left:0}
.hero-banner {min-height: 85vh;}
.nieuws-sec, .mat {margin-top: 30px;}
.materies h1{font-size:30px;margin-bottom: 0}
.materies h1 svg{width:25px;height:19px}
.cta span.line{display:none}
.cta a.btn{margin-top:10px;margin-bottom:10px}	
#webspice { text-align: right; padding: 0 20px; }
#carouselquotes .carousel-item p.text { height: 130px;}
.face-facts {width: 100%;}
.fftx {margin-left: 10px;max-width: 380px;}
.fotoquote {left:-100px}
.fotoquote img {width: 500px; height: 600px;}
.bubbleouter{background-size:cover;background-position: right center;}
.tip .txt{padding-left:5px;padding-top:80px}
.bubbleouter2{background-size: cover;background-position: -50px center;margin-top: -350px;}iframe#iframe_flxml_form {height: 800px; display: block}
}