@charset "utf-8";
/* CSS Document -  layout design - mexunited*/

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-weight: 300;font-style: normal;color:#0F2548;font-size: 16px;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{font-size:55px; line-height:70px}
h2{font-size:45px; line-height:70px}
.inhoud h1{max-width:750px;font-size:45px;line-height: 55px}
.dblue{color:#0f2548}
.inhoud h2{font-size:35px;margin-bottom: 10px;}
.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}
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:16px; font-weight:normal; line-height: 28px;margin: 0 0 10px;  }
a{ text-decoration:none; outline:none; transition: ease-in .3s;color:#CFA85A}
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: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
}

/* nav */
.mainnav{margin-left:auto;padding-right: 30px;}
.navbar-dark .navbar-nav .nav-link { color: #CFA85A;}
ul.navbar-nav, ul.second-menu{margin:0;}
.first-nav-link{margin-bottom: 40px}
.first-nav-link a, .onmob { font-family: "brother-1816", sans-serif;
font-weight: 400;
font-style: normal;position:relative;font-size: 18px;line-height:16px}
 .first-nav-link .nav-link:hover, .first-nav-link .nav-link:focus, .first-nav-link .nav-link:visited, .onmob a{ color: #CFA85A !important;} 
 .second-menu {display: flex;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;}
  .second-menu .nav-link {font-family: "gravesend-sans", sans-serif;
font-weight: 500;
font-style: normal;  color: #0F2548 ; font-size: 18px; padding:0;position:relative;line-height: 16px;}
 .second-menu li.last , .first-nav-link li:last-child {  padding-right: 0;}
.navbar-dark .navbar-toggler{border:none}
  .navbar-dark .navbar-toggler-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28137, 185, 201, 129' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;}
.nav-link:focus, .nav-link:hover, .nav-link.active {text-decoration:none;background-color:transparent}
.nav-all-after a::after{    content: "";  position: absolute;  opacity: 0;  width: 100%;   transform: scaleX(0); transition: all .7s ease 0s;  border-radius: 4px;   left: 0;  bottom:-5px;height: 2px; background: #89B9C9; }
  .nav-all-after a:hover:after{ opacity: 1; transform: scaleX(1);}
.first-nav-link .nav-link{padding-bottom: 0}
.first-nav-link .nav-link.active{color:#CFA85A!important}
.first-nav-link .nav-link.active:after{opacity: 1; transform: scaleX(1); }
.second-menu .nav-link.active:after{opacity: 1; transform: scaleX(1); }
.dropdown.lang{position: absolute;
  right: 30px;
  top: 10px;}
.dropdown.lang .dropdown-toggle{font-family: "brother-1816", sans-serif;
  font-weight: bold;
  font-style: normal;
  position: relative;
  font-size: 14px;
  line-height: 14px;}
.dropdown.lang .dropdown-toggle:hover{color:#89b9b9}
.dropdown.lang .dropdown-menu{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;
	left:-100px;
min-width:120px}
.dropdown.lang .dropdown-menu .dropdown-item{font-size: 14px}
.dropdown.lang .dropdown-menu .dropdown-item:hover{color:#89b9b9;background-color:transparent}
/*index*/
.blue {color: #89B9C9;}
.banner-text p {margin-top:1rem}
.owl-1 .owl-dots {
  position: absolute;
  bottom:-20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  .owl-1 .owl-dots .owl-dot {background: none;display: inline-block; }
    .owl-1 .owl-dots .owl-dot > span {
      display: inline-block;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5);
	border:1px solid #89b9b9
      }
    .owl-1 .owl-dots .owl-dot.active > span {background: #89B9C9; }
    .owl-1 .owl-dots .owl-dot:active, .owl-1 .owl-dots .owl-dot:focus {
      outline: none; }
.hero-banner{
  position: relative;
  background: #FFFCF6;
  min-height: 85vh;
  display: flex;
  justify-content: end;
  align-items: center;
}
.hero-banner .container {max-width:500px;margin-right:200px}
.hero-bg-video {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 85vh;
  overflow: hidden;
  opacity: 0.4;
}
.hero-bg-video video{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.overlay {
  background-image: linear-gradient(149deg, rgb(40, 45, 58) 0%, rgb(254, 251, 243) 70%);
  opacity: .8;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
;}
.hero-banner-content{
  z-index: 9;
	width: 100%;
    max-width: 600px;
    padding: 30px;
    margin: 0;
    position: absolute;
    bottom: 0;
    right:30px;
	background: #FFFCF6;
}

.hero-banner-content h1{color:#282d3a; text-transform: uppercase; font-size:70px; font-weight: 100;line-height: 70px;margin-bottom: 0}
.hero-banner-content h1 span{font-weight: 400;color:#dca72f; text-transform: uppercase;font-size:30px;letter-spacing: 5px}
.hero-banner-content h2 {font-weight: 400;color:#282d3a; text-transform: uppercase;font-size:30px;line-height:30px}
.hero-banner-content p{color:#282d3a;max-width: 500px;}
.scroll-down{
    width: 3px;
    height: 80px;
    background: #fffcf6;
    animation: scrollDown 2s ease infinite;
    margin: 0 auto; 
	position: absolute;
  z-index: 1;
  bottom: 0;
  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;
    }
}
.media .img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }
.media .text {padding: 10px 10px 10px 25px;}
  @media (max-width: 991.98px) {
    .media .text {
      padding: 20px;
      width: 100%; } }
.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;}
.face-fact {  margin-top:25%;}
#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-inner{overflow: visible}
#carouselquotes .carousel-item {
  transition-duration:1.2s;
}
.fftx{z-index: 9999;
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;}

.adv-list li{list-style: none;color:#0f2548;position:relative }
.adv-list li.exp{text-decoration: underline}
.matwrap{margin-top:2%}
.matwrap2 {margin-top:3%;border: 1px solid #eadcc3;background-color: #eadcc3;}
.juridische{  border: 1px solid #eadcc3;min-height: 300px;}
  .juridische:hover {  background: #89b9c9;  transition: 0.5s ease;border:1px solid #89b9c9}
.juridische a:hover,.juridische a:focus, .juridische a:hover li, .juridische a:hover h3 {text-decoration: none; color:#ffffff}
  .juridische li {color: #0F2548; margin-bottom: 6px;}
  .juridische ul {padding-left: 0px;}
/*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;}
#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-item.active a:hover{color:#CFA85A;}
.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; }
#carouselhisto{max-width:500px;height:340px;padding-top:25px;padding-bottom:25px;background-color:#ffffff;margin-top:50px}
#carouselhisto .carousel-caption{width:70%;margin:auto;color:#3b7c92;position:relative;text-align: left;right:0;left:0}
#carouselhisto .carousel-caption h3{color:#3b7c92;}
.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:2px solid #DECBA7;}
.accordion-button:not(.collapsed){color:#0F2548}
#accordiontarieven p button {background-color:#fffcf6;text-transform:none;padding-left:0px;border:none;font-size:24px}
.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:hover {
  background:#FFFCF6;
  border: 1px solid #eadcc3;
}
.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;
}

/**----Footer Css----**/
footer {margin-top:100px}  
footer h3 { font-size: 18px;  color: #89B9C9; }
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 a:hover, 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;}
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 }}
@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;}

}
@media (min-width:1400px){footer{padding:0 50px} .second-menu{flex-direction:row}.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}}
@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:10vh;  margin-left: 100px;}.contact-right .conttxt {
	max-width: 250px;}.fftx{margin-left:100px;max-width: 700px;}.face-fact {
  margin-top: 25%;
}}
@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;
}
.bubbleouter{width:100%;height:450px;margin-top: -300px;}.contact-right {width:320px;height:305px;top:10vh;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 {width:250px}
.navbar-toggler { margin-left: auto;}
.mainnav{position: absolute;
top: 150px;
right: 10px;
background-color: rgba(255, 252, 246);
z-index: 9999;
padding: 5px 20px;
transition: 0.2s ease-in;width:100%}
.onmob {display: block;}
.first-nav-link {display: none !important;}
.second-menu .nav-link { padding: 8px 0 !important;}
.hero-banner .container {margin-right:5px}
.hero-banner-content h1 {font-size: 50px;}
.hero-banner-content h2 {font-size: 20px!important;line-height:20px;margin-bottom:5px}
.face-facts{padding-left: 2%;height:300px} 
.face-fact {
  margin-top: 35%;
}
.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!important; line-height: 50px;}
h2 { font-size: 35px!important; line-height: 40px;margin-bottom:10px}
.border-end {  border-right: 0px!important}	
.hero-banner-content {position: relative;margin-top:0; padding: 10px; right:0px;width:auto}
.nws {
  border-right: none;
}
.fotoquote img{width:400px;height:515px}

.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;}
}
@media screen and (max-width: 992px) {	
footer {padding: 40px 0 0px;}		
.banner-text {max-width:100%}
  .face-fact {margin-top: 30%;} 
.face-facts {width: 70%;}
iframe#iframe_flxml_form {height: 700px;display: block;}
 .overicon {border-right: none;}
}
@media screen and (max-width: 768px) {	
.container {max-width: 100%;}
	.hero-banner {min-height: 65vh;}
	.hero-bg-video{height:65vh}
	.hero-banner-content h1 {font-size:35px!important;line-height: 40px}
	.btn{font-size:22px}
	.cta span.line{margin:0 2px}
.face-fact {
  margin-top: 500px;
}
.carousel {
  position: relative;
  height: 200px;
}
#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;}
	}
@media (max-width: 576px){
h1 {font-size: 35px!important; line-height: 40px;}
h2 { font-size: 30px!important; line-height: 30px;margin-bottom:10px}
h1{margin-bottom:20px}
.hero-banner {min-height: 50vh;}
	.hero-banner-content h1 span{font-size:20px}
	.hero-bg-video{height:50vh}
	.banner-text{padding:0}
	.text-body{padding-left:0}
.nieuws-sec, .mat {
  margin-top: 80px;
}
.materies h1{font-size:33px !important}
	.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; }

.face-fact {
  margin-top: 600px;
}
.carousel {
  position: relative;
  height: 200px;
}
#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;
}
}