body {
  overflow-x:hidden;
}
.blwblock { padding-left:0; padding-right:0; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
color:#192c68 !important;
}

@media only screen and (min-width: 1400px) {
  .h1, h1{
    font-size: 3.5rem !important;
  }
}

.lightbg {  background: #f8f8f8; }
.darkbg { background: #192c68; }

.bg--warning{
  background-color: #ff7029 !important;
}

.bg--primary{
background-color: #192c68 !important;
}

.text--primary{
color:#192c68 !important;
}

.text--warning{
color:#ff7029 !important;
}

.border--warning{
color:#ff7029 !important;
border: 3px solid #ff7029 !important;
}

.border--primary{

border: 3px solid #192c68 !important;
}


/* Btn effect */
.hvr-sweep-to-right:before{
  background-color:#ff7029 !important;
}
.navbar .hvr-sweep-to-right:before{
background-color:#192c68 !important;
}

.hover-bg-transparent .hvr-sweep-to-right:before{
  background-color: rgb(255, 255, 255) !important;
  }
.hvr-icon:after{
color: #fff !important;
}

.hover-white:hover{
color: #fff !important;
}
.hover-primary:hover{
  color: #192c68 !important;
  }

/* card animatie/effect hover */
.card-block:hover{
box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.card-block .card-img {
transition: transform .5s ease-in-out;
}

.card-block:hover .card-img {
transform: scale(1.3) rotate(10deg);
}


/* NAV css */
.navbar .navbar-nav .nav-link:hover {
  color: #ff7029;
}
.navbar .navbar-nav .nav-link {
  color: #000000;
  font-size: 1.1em;
}
@media only screen and (min-width: 992px) {
  .navbar {
    padding: 0;
  }
  .navbar .navbar-brand {
    padding: 0 0.7em;
  }
  .navbar .navbar-nav .nav-link {
    padding: 1em 0;
  }
  .navbar .navbar-nav .nav-item {
    margin: 0 1em;
  }
}

.navbar .navbar-nav .nav-item {
  position: relative;
}
.navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: orange;
  width: 0%;
  content: "";
  height: 2px;
}
.navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
}





.line-before-text-primary, .line-after-text-success, .line-before-text-white, .line-after-text-white {
  font-family: sans-serif;
  /* margin: 100px auto; */
  font-size: 20px;
  position: relative;
  text-align: left;
  padding-left: 65px;
}

.line-before-text-primary:before, .line-before-text-white:before,  .line-after-text-success:after,  .line-after-text-white:after {
  content: "";
  display: block;
  left: 0;
  top: 50%;
  position: absolute;
}

.line-before-text-primary:before, .line-after-text-success:after {
  background: #192c68;
  width: 60px;
  height: 4px;
}

.line-before-text-white:before, .line-after-text-white:after {
  background: #fff;
  width: 40px;
  height: 3px;
}


.schuin-rechts {
  color: #fff;
  background: #192c68;
}

.schuin-links {
  position: relative;
  color: #fff;
  background: #ff7029;
}

.schuin-links:before {
  content: '';
  position: absolute;
  top:0;
  left:-46px;
  height: 46px;
  width: 46px;
  z-index: 2;
  border: 46px solid;
  border-width: 0 0 46px 46px;
  border-color: transparent transparent #ff7029  transparent;
}

.header-bg{
  height:46px;
}
.header-bg-overlay{
  height:45px;
}
/* @media only screen and (max-width: 575px) {
  .header-bg {
    height: 35px;
  }

  .header-bg-overlay{
    height:34px;
  }

  .schuin-links:before {
    content: '';
    position: absolute;
    top:-11px;
    left:-34px;
    height: 35x;
    width: 35px;
    z-index: 2;
    border: 35px solid;
    border-width: 0 0 35px 35px;
    border-color: transparent transparent #ff7029  transparent;
  }

} */



.img-background-arrow{
  position: absolute;
  content: "";
  top: 0;
  right: -25%;
  display: block;

  width: calc(100% + 35%);
  height: 100%;
}


.img-background-arrow_mobile{
  position: absolute;
  content: "";
  top: 0;
  display: block;

  width: calc(100% + 12%);
  height: 100%;
}

.background-shape{
  position: absolute;
  bottom: -500px;
  left: -150px;
  width: 18vw;
  height: 50vw;
  background: #e7e9f1;
  border-radius: 200px;
  z-index: 1;
}

.background-shape-border::before,.background-shape-border::after, .background-shape::after{
  content: '';
  z-index: 1;

  position: absolute;
  display: block;

  width: 18vw;
  height: 50vw;

  border-radius: 200px;
  border: 1px solid #ccd3cb91;
} 
.background-shape::after{
  left: 40px;
  bottom: -50px;
}

.background-shape-border::before{
  right: -280px;
  top: -350px;
}
.background-shape-border::after{
  right: -180px;
  top: -500px;
}

@media only screen and (min-width: 1200px) {
    nav.navbar  .dropdownContainer .navDropdown a {  font-size: 18px!important; }
}
@media only screen and (max-width: 1200px) {
    .border--primary { border-width: 2px!important; }
    .border--warning { border-width: 2px!important; }
   .btn-group-lg>.btn, .btn-lg {
       --bs-btn-padding-y: 0.375rem!important;
    --bs-btn-padding-x: 0.75rem!important;
    --bs-btn-font-size: 1rem!important;
    }
}

.form-label { margin-bottom: 3px; color: #999; }
.form-control { border-radius: 0; }
.sfgroup:hover .form-label { color:#000 }
.siteform .btn-success { border-radius: 0!important; }

.form-control:focus:invalid {
  border-color: red;
}

.gradiant-border-1{
  background: linear-gradient(140deg, #ff7029 50%, #192c68 50%);

padding: 9px;
box-sizing: border-box;
}

.gradiant-border-2{
  background: linear-gradient(140deg, #192c68 50%, #ff7029 50%);
padding: 9px;
box-sizing: border-box;
}

.sf_status_error { color: #e32c25; }
.sf_status_success { color: #179300; }
.sf_status_success,
.sf_status_error {
  padding: 13px 0px;
  font-weight: bold;
}
@media only screen and (max-width: 445px) {
    .blw_5df5c035b9cab2d11c32a2b94dfeaa73 .fa-2x { font-size: 24px; }
    .blw_5df5c035b9cab2d11c32a2b94dfeaa73 .line-before-text-white.mb-3 { margin-bottom: 4px!important; font-size: 15px; }
    .blw_5df5c035b9cab2d11c32a2b94dfeaa73 .h5 { font-size: 18px!important;     margin-bottom: 1px!important; }
    }
/* .blw_4b489efb6b5cc0adefaa67a22fda69b1 { background-color:#fff; } */

@media only screen and (min-width: 993px) and (max-width: 1172px) {
  .blw_4b489efb6b5cc0adefaa67a22fda69b1  .img-container .overlay-container {  height: 31%!important; border: solid #1d1d1d 2px!important; bottom: 66px!important; }
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .img-container > img {  border: solid #1d1d1d 2px!important; }
  }
  
  @media only screen and (min-width: 992px) {
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .img-overlay-container{
    position: relative;
    
    width: 100%;
    height: 100%;
    min-height: 500px;
  }
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .img-container > img {
  border: solid #1d1d1d 3px!important;
  }
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .img-container{
    position: absolute;
  left: 30px;
      right: 30px;
      top: 45px;
    bottom: 17px;
  
    background: white;
  
    z-index: 2;
  }
  
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .img-container img{
    position: absolute; 
    z-index: 1;
  
    max-width: 90%;
  }
  
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .overlay-container, .blw_4b489efb6b5cc0adefaa67a22fda69b1 .overlay-img{
    position: absolute;
    display: grid;
    place-items: center;
    background: white;
  }
  
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .overlay-container{
    width: 50%;
    height: 45%;
    right: 0;
    bottom: 0;
  border: solid #1d1d1d 3px!important;
  }
  
  
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .overlay-img{
    width: 100%;
    height: 100%;
  
    z-index: 10 !important;
  }
  
  .blw_4b489efb6b5cc0adefaa67a22fda69b1 .overlay-img img{
    max-width: 90%;
  }
  
  
  .img-background-main{
    max-width: 80%;
    max-height: 80%;
    z-index: 2;
    filter: drop-shadow(-36px 30px 1px #e7e9f1);
  }
  }
.img-max-width{
  width: 400px !important;
  max-width:100%!important;
}



@media only screen and (max-width: 576px) {
    .gradiant-border-1, .gradiant-border-2{
    padding: 5px;
  }


}
@media only screen and (max-width: 445px) {
.blw_0ddaf6f9aecb63305745c5a9d9d07a90 .fa-2x { font-size: 24px; }
.blw_0ddaf6f9aecb63305745c5a9d9d07a90 .line-before-text-white.mb-3 { margin-bottom: 4px!important; font-size: 15px; }
.blw_0ddaf6f9aecb63305745c5a9d9d07a90 .h5 { font-size: 18px!important;     margin-bottom: 1px!important; }
}
.blw_5aeee26adacea99a067c9e8d9b87b6cc .img-background-shadow:before {
    z-index: 1;
    position: absolute;
    content: "";
    display: block;
    width: 80%;
    height: 90%;
    top: -100px;
    right: -20px;
    background: transparent !important;
    box-shadow: -80px 120px 0 10px #e7e9f1;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.blw_5aeee26adacea99a067c9e8d9b87b6cc .hblock_image  {
    width: 82%;
}

@media only screen and (max-width: 992px){
.blw_5aeee26adacea99a067c9e8d9b87b6cc .hblock_image  {
    width: 75%;
}
}

@media only screen and (max-width: 1200px) {
   .blw_5aeee26adacea99a067c9e8d9b87b6cc .img-background-shadow:before {
       box-shadow: -73px 176px 0 10px #e7e9f1;
    height: 61%;
   }
}
.blw_5fa92d9c940b48c4d4ff2576e8b03138 ul.usplist {
    list-style: none;
    padding-left: 0;
}

.blw_5fa92d9c940b48c4d4ff2576e8b03138 ul.usplist li {
float: left;
}
/* .blw_b5887837bab96b4d269b711c45ab639e { background-color:#fff; } */

@media only screen and (min-width: 993px) and (max-width: 1172px) {
.blw_b5887837bab96b4d269b711c45ab639e  .img-container .overlay-container {  height: 31%!important; border: solid #192c68 2px!important; bottom: 66px!important; }
.blw_b5887837bab96b4d269b711c45ab639e .img-container > img {  border: solid #192c68 2px!important; }
}

@media only screen and (min-width: 992px) {
.blw_b5887837bab96b4d269b711c45ab639e .img-overlay-container{
  position: relative;
  
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.blw_b5887837bab96b4d269b711c45ab639e .img-container > img {
border: solid #192c68 3px!important;
}
.blw_b5887837bab96b4d269b711c45ab639e .img-container{
  position: absolute;
left: 30px;
    right: 30px;
    top: 45px;
  bottom: 17px;

  background: white;

  z-index: 2;
}

.blw_b5887837bab96b4d269b711c45ab639e .img-container img{
  position: absolute; 
  z-index: 1;

  max-width: 90%;
}

.blw_b5887837bab96b4d269b711c45ab639e .overlay-container, .blw_b5887837bab96b4d269b711c45ab639e .overlay-img{
  position: absolute;
  display: grid;
  place-items: center;
  background: white;
}

.blw_b5887837bab96b4d269b711c45ab639e .overlay-container{
  width: 50%;
  height: 45%;
  right: 0;
  bottom: 0;
border: solid #192c68 3px!important;
}


.blw_b5887837bab96b4d269b711c45ab639e .overlay-img{
  width: 100%;
  height: 100%;

  z-index: 10 !important;
}

.blw_b5887837bab96b4d269b711c45ab639e .overlay-img img{
  max-width: 90%;
}


.img-background-main{
  max-width: 80%;
  max-height: 80%;
  z-index: 2;
  filter: drop-shadow(-36px 30px 1px #e7e9f1);
}
}
.breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #293233
}

.breadcrumbs ol li {
    display: inline-block
}

.breadcrumbs ol li a,.breadcrumbs ol li a:hover,.breadcrumbs ol li a:focus {
    color: #293233;
   text-decoration:none;
}

.breadcrumbs li:not(:first-child):before {
  content: ">";
}
/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 0%;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 100px;
  background-color: white;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 20px; 
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  overflow-y: auto;
}



/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #ff7029 !important;
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: -10px;
    right: 35px;
  }
}

.overlay-content-heigh{
height: calc(100% - 50px);
}


/* Dropdown Button */

/* The container <div> - needed to position the dropdown content */
.dropdownContainer {
  position: relative;
}

/* Dropdown Content (Hidden by Default) */
.navDropdown { position:relative; }
.dropdown-content {
  display: none;
  position: absolute;
  width: 200px;
  z-index: 1000;
  right: auto;
  left: 0;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #e7ebf1; color: #ff7029;}

/* Show the dropdown menu on hover */
.navDropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.navDropdown:hover > a {color: #ff7029 !important;}

.topnav_subs {
  position: relative;
}

.topnav_subs::after {
  position: absolute;
  bottom: -7px;
  height: 0;
  width: 0;
  left: 50%;
  margin-left: -10px;
  content:"";
  display: none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ff7029 !important;
}
.navDropdown:hover > a.topnav_subs::after {
  display: block;
}
.serviceCardCategory:hover, .serviceCard:hover .serviceCardInner {
    cursor: pointer;
    border-color: #ff7029!important;
}
.blw_79a4163919c68d4120558c1c75961e9e .img-background-shadow:before {
    z-index: 1;
    position: absolute;
    content: "";
    display: block;
    width: 80%;
    height: 90%;
    top: -100px;
    right: -20px;
    background: transparent !important;
    box-shadow: -80px 120px 0 10px #e7e9f1;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.blw_79a4163919c68d4120558c1c75961e9e .hblock_image  {
    width: 82%;
}

@media only screen and (max-width: 1200px) {
   .blw_79a4163919c68d4120558c1c75961e9e .img-background-shadow:before {
       box-shadow: -73px 176px 0 10px #e7e9f1;
    height: 61%;
   }
}
.sfw_direct_inplannen { display:none; }