/*************
BLUE: color: rgba(0,45,108, 1);
DARK BLUE: color: rgba(0,35,85, 1);
BROWN: color: rgba(170,82,62, 1); 
GRADIENT COLORS:
01: color: rgba(253,215,175, 1);
02: color: rgba(229,141,113, 1);
03: color: rgba(182,76,55, 1);
*************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 45, 108, 1);
}
table {
  width: 100%;
}
.strong{
  font-weight: 700!important;
}

a {
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
a.btn-gradient {
  text-decoration: none;
  color: rgba(255, 255, 255, 1) !important;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  padding: 11px 25px !important;
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
a.btn-gradient:hover {
  background: rgb(170, 82, 62);
  /*background: linear-gradient(137deg, rgba(170, 82, 62, 1) 0%, rgba(229, 142, 113, 1) 81%);*/
  background: linear-gradient(90deg, rgba(170, 82, 62, 1) 0%, rgba(170, 82, 62, 1) 33%, rgba(170, 82, 62, 1) 66%, rgba(170, 82, 62, 1) 100%);
  color: #fff;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  scale: 1.05;
}
a.btn-gradient i, a.btn-outline i {
  font-size: 12px;
  margin-left: 10px;
}
a.btn-outline {
  text-decoration: none;
  color: rgb(170, 82, 62)!important;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  border: solid 1px rgb(170, 82, 62);
  padding: 10px 25px !important;
  background-color: rgb(255, 255, 255);
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
a.btn-outline:hover {
  background-color: rgb(170, 82, 62);
  color: #fff!important;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  scale: 1.05;
}
/*a.btn-brown {
  text-decoration: none;
  color: rgba(255, 255, 255, 1) !important;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  border: none;
  padding: 10px 25px !important;
  background-color: rgba(170, 82, 62, 1);
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  display: inline-block;
}
a.btn-brown:hover {
  background-color: rgba(170, 82, 62, .75);
  color: #fff;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  scale: 1.07;
}*/
a.btn-brown {
  text-decoration: none;
  color: rgba(255, 255, 255, 1) !important;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  padding: 10px 25px !important;
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  border-radius: 0;
  font-weight: 700;
  letter-spacing: 0.5px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
a.btn-brown:hover {
  background: rgb(170, 82, 62);
  /*background: linear-gradient(137deg, rgba(170, 82, 62, 1) 0%, rgba(229, 142, 113, 1) 81%);*/
  background: linear-gradient(90deg, rgba(170, 82, 62, 1) 0%, rgba(170, 82, 62, 1) 33%, rgba(170, 82, 62, 1) 66%, rgba(170, 82, 62, 1) 100%);
  color: #fff;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  scale: 1.05;
}


a.btnplus {
  color: rgba(170, 82, 62, 1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: block
}
a.btnplus::before {
  display: inline-block;
  content: "\002B ";
  margin: 0;
  transform: translateY(-1px);
  margin-right: 15px;
}
a.btnplus:hover {
  color: rgba(0, 45, 108, 1);
  transform: translate(15px, 0px);
  -webkit-transform: translate(15px, 0px);
}
a.btnlineplus {
  color: rgba(170, 82, 62, 1) !important;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: block
}
a.btnlineplus::before {
  display: inline-block;
  content: "";
  border-top: 1px solid rgba(170, 82, 62, 1);
  width: 50px;
  margin: 0;
  transform: translateY(-5px);
  margin-right: 20px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
a.btnlineplus:hover {
  color: rgba(0, 45, 108, 1) !important;
  transform: translate(15px, 0px);
  -webkit-transform: translate(15px, 0px);
}
a.btnlineplus:hover::before {
  border-top: 1px solid rgba(0, 45, 108, 1);
}


a.btn-alt-line{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: relative;
  padding-right: 30px;
  left: 15px;
  color: rgba(170, 82, 62, 1);
  text-decoration: none;
  }
a.btn-alt-line::after {
  margin-top: 5px;
  margin-left: -15px;
  margin-bottom: -10px;
  display: block;
  content: '';
  width: 100%;
  height: 15px;
  background: rgba(170, 82, 62, .15);
  position: absolute;
  bottom: 5px;
}
a:hover.btn-alt-line{
  color: rgba(0, 45, 108, 1);
  }
a:hover.btn-alt-line::after {
  background: rgba(0, 45, 108, .15);
}







.hr-lines {
  position: relative;
  max-width: 100%;
  margin-top: 90px;
  text-align: center;
}
.hr-lines:before {
  content: " ";
  height: 1px;
  width: 38%;
  background: rgba(0, 45, 108, .10);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}
.hr-lines:after {
  content: " ";
  height: 1px;
  width: 38%;
  background: rgba(0, 45, 108, .10);
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
}
.hr-lines a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: rgba(0, 45, 108, .5);
  display: block;
}
.hr-lines a:hover {
  color: rgba(170, 82, 62, 1);
}
.hr-lines.go-back {
  margin-bottom: 0px;
}
.contact-form-global .inputfield {
  background-color: rgba(242, 244, 247, .85);
  border: 1px solid rgba(0, 45, 108, .15);
  box-shadow: none;
  font-size: 14px;
  color: rgba(0, 45, 108, 1);
  font-weight: 400;
  border-radius: 0px;
  padding: 10px 15px;
  margin: 0px;
  margin-bottom: 25px;
}
.contact-form-global .inputfield:focus {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 45, 108, .20);
}
.contact-form-global .form-text {
  color: rgba(0, 45, 108, 1);
  display: inline-block;
  margin-top: 10px;
}
.contact-form-global .form-text a {
  color: rgba(0, 45, 108, 1);
  text-decoration: none;
}
.contact-form-global .form-text a:hover {
  color: rgba(170, 82, 62, 1);
  text-decoration: none;
}
.contact-form-global .select {
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 45, 108, .07);
  box-shadow: none;
  font-size: 14px;
  color: rgba(0, 45, 108, 1);
  font-weight: 500;
  border-radius: 6px;
  padding: 10px;
}
.contact-form-global .text-area {
  height: 200px
}
.contact-form-global .form-check label,
.contact-form-global .form-label {
  color: rgba(0, 45, 108, 1);
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 15px;
}
.contact-form-global .form-check span,
.contact-form-global .form-group label span,
.contact-form-global .form-label span {
  color: rgba(170, 82, 62, 1);
  font-size: 12px;
  padding-left: 5px
}
.contact-form-global .form-check {
  padding-top: 35px;
  padding-bottom: 5px
}
.contact-form-global ::placeholder {
  color: rgba(0, 45, 108, .4) !important;
  font-weight: 500;
}
.contact-form-global .btn-form {
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 10px 25px !important;
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);  transition: all .2s;
  border-radius: 0;
  margin-top: 25px;
  font-weight: 700;
  border: none;
}
.contact-form-global .btn-form:hover {
  transition: all .2s;
  background: rgb(170, 82, 62);
  /*background: linear-gradient(137deg, rgba(170, 82, 62, 1) 0%, rgba(229, 142, 113, 1) 81%);*/
  background: linear-gradient(90deg, rgba(170, 82, 62, 1) 0%, rgba(170, 82, 62, 1) 33%, rgba(170, 82, 62, 1) 66%, rgba(170, 82, 62, 1) 100%);
  color: #fff;
  border: none;
}
/*.dropzone {
  min-height: 120px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .1);
  position: relative;
}
.dropzone .dz-message {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 50%;
  color: rgba(255, 255, 255, 1.00);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
}
.dropzone .dz-message:before {
  content: '';
  background-image: url("/imgs/upload.svg");
  font-size: 30px;
  position: absolute;
  top: 50px;
  width: 35px;
  height: 35px;
  display: inline-block;
  line-height: 1;
  z-index: 2;
  color: rgba(166, 148, 136, 1.00) !important;
  text-indent: 0px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.dropzone .dz-preview {
  background: transparent !important;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  z-index: 10;
}
.dropzone .dz-preview .dz-image {
  border-radius: 0.357rem;
}
.dropzone .dz-preview.dz-image-preview {
  background: transparent !important;
}
.dropzone .dz-preview .dz-error-message {
  background: #ea5455;
}
.dropzone .dz-preview .dz-error-message:after {
  border-bottom: 6px solid #ea5455;
}
.dropzone .dz-preview .dz-remove {
  font-size: 1.1rem;
  color: #ea5455;
  line-height: 2rem;
}
.dropzone .dz-preview .dz-remove:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  display: inline-block;
  line-height: 1;
  z-index: 2;
  text-indent: 0px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: none;
  color: #e42728;
}*/
.nowrap {
  white-space: nowrap;
}
.mt35 {
  margin-top: 35px;
}
.mt70 {
  margin-top: 70px;
}
.mt105 {
  margin-top: 105px;
}
.mb105 {
  margin-bottom: 105px;
}
.photo-normal {
  height: 0;
  padding-bottom: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.photo-long-h {
  height: 0;
  padding-bottom: 150%;
  background-color: rgba(255, 255, 255, 1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.photo-square {
  height: 0!important;
  padding-bottom: 100%!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
.photo-in-de-kijker-inleiding{
  height: 0;
  padding-bottom: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.photo-long-h-125 {
  height: 0;
  padding-bottom: 125%;
  background-color: rgba(255, 255, 255, 1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.pl70 {
  padding-left: 70px;
}
.pr70 {
  padding-right: 70px;
}
.pl105 {
  padding-left: 105px;
}
.pr105 {
  padding-right: 105px;
}
.plt105 {
  padding-left: 105px;
}
.prt105 {
  padding-right: 105px;
}
.plt45 {
  padding-left: 45px;
}
.prt45 {
  padding-right: 45px;
}
.tooltip-inner {
  opacity: 1 !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 8px 20px;
}
.offcanvas-backdrop.show {
  opacity: .75;
}
/******** TOPBAR - TOPNAVIGATION ********/
.fixed-top {
  background-color: transparent;
  background: rgb(0, 45, 108, 1);
  background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);
}
.fixed-top.navbar-shrink {
  box-shadow: rgba(0, 45, 108, 0.2) 0px 8px 24px;
  backdrop-filter: blur(3px);
  background: rgb(0, 45, 108, .95);
  background: linear-gradient(90deg, rgba(0, 45, 108, .95) 0%, rgba(0, 35, 85, .95) 100%);
}
.topbar-gradient {
  height: 10px;
  /*background: rgb(170,82,62);
  background: linear-gradient(90deg, rgba(170,82,62,1) 0%, rgba(253,215,175,1) 33%, rgba(229,141,113,1) 66%, rgba(182,76,55,1) 100%);*/
  background: linear-gradient(-45deg, #aa523e, #fdd7af, #e58d71, #b64c37);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.topbar-secondary {
  text-align: right;
  padding-top: 30px;
}
.topbar-secondary ul,
.topbar-secondary ul.list-inline,
.topbar-secondary li,
.topbar-secondary li.list-inline-item {
  margin: 0;
  padding: 0;
}
.show-only-sm {
  display: none;
}
.topbar-secondary li.list-inline-item a {
  color: rgba(255, 255, 255, .75);
  margin-left: 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}
.topbar-secondary li.list-inline-item a.active {
  color: rgba(255, 255, 255, 1);
}
.topbar-secondary li.list-inline-item a:hover {
  color: rgba(255, 255, 255, 1);
}
.topbar-secondary li.list-inline-item:after {
  content: "|";
  color: rgba(255, 255, 255, .3);
  display: inline-block;
  padding-right: 0px;
  vertical-align: middle;
  padding-left: 17px;
}
.topbar-secondary li.list-inline-item:last-child:after {
  content: "";
  color: rgba(255, 255, 255, 0);
}
.topbar-secondary li.list-inline-item.last:last-child:after {
  content: "" !important;
  color: rgba(0, 0, 255, 1) !important;
}
.topbar-secondary ul li .btn-gradient {
  margin-left: 40px;
  display: inline-block;
}
.topbar-top-navigation {
  /*background: rgb(0, 45, 108);
  background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);*/
  color: rgba(255, 255, 255, 1);
  padding-bottom: 30px;
}
.topbar-top-navigation .top-logo {
  padding-top: 60px;
}
.topbar-top-navigation .top-logo img {
  width: 275px;
  height: auto;
}
.topbar-firstnav {
  margin-top: 20px;
}
.topbar-firstnav .nav-item {
  margin-left: 15px;
  padding: 0;
}
.topbar-firstnav .nav-item a.nav-link {
  padding: 0;
  margin-left: 35px;
  color: rgba(255, 255, 255, .65);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding-bottom: 8px;
  background-image: linear-gradient(90deg, rgba(253, 215, 175, 1), rgba(229, 141, 113, 1));
  background-position: 0 100%;
  background-size: 0 2px;
  background-repeat: no-repeat;
  transition: background-size 0.3s, background-position 0s 0.3s;
}
.topbar-firstnav .nav-item a:hover.nav-link,
.topbar-firstnav .nav-item .nav-link.active {
  background-position: 100% 100%;
  background-size: 100% 2px;
  color: rgba(255, 255, 255, 1.00);
}
.topbar-firstnav .dropdown-toggle::after {
  margin-left: 8px;
  border-top: 0.25em solid;
  border-right: 0.25em solid transparent;
  border-bottom: 0;
  border-left: 0.25em solid transparent;
  color: rgba(255, 255, 255, .65);
}
.topbar-firstnav .dropdown-menu {
  padding: 20px 30px 20px 30px;
  margin: 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 1.00);
  /*background-color: rgba(170, 82, 62, 1);*/
  border: none;
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  border-radius: 0;
  margin-left: 15px;
  margin-top: 38px;
}
.topbar-firstnav .dropdown-menu.megamenu {
  padding: 35px 35px 35px 35px;
  margin: 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 1.00);
  /*background-color: rgba(170, 82, 62, 1);*/
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  border: none;
  border-radius: 0;
  margin-left: 0px;
  margin-top: 30px;
}
.topbar-firstnav .dropdown-menu.megamenu h6 {
  margin-bottom: 15px;
}
.topbar-firstnav .dropdown-menu.megamenu h6 a {
  font-size: 16px;
  color: rgba(255, 255, 255, 1.00);
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
.topbar-firstnav .dropdown-menu.megamenu h6 a:hover {
  color: rgba(255, 255, 255, .65);
}
.topbar-firstnav .dropdown-menu li {
  border-bottom: solid 1px rgba(255, 255, 255, .15);
}
.topbar-firstnav .dropdown-menu li.nav-item {
  margin-left: 0px;
}
.topbar-firstnav .dropdown-menu li:last-child {
  border-bottom: solid 1px rgba(255, 255, 255, 0);
}
.topbar-firstnav .dropdown-menu a.dropdown-item {
  color: rgba(255, 255, 255, .65);
  padding: 6px 5px;
  font-weight: 500;
}
.topbar-firstnav .dropdown-menu a.dropdown-item:before {
  font-family: "Font Awesome 6 Free";
  content: "\f178";
  color: rgba(255, 255, 255, 1.00);
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
  font-weight: 100;
  font-size: 10px;
}
.topbar-firstnav .dropdown-menu a:hover.dropdown-item {
  background-color: transparent;
  color: rgba(255, 255, 255, 1.00);
}
.navbar .megamenu {
  padding: 1rem;
}
@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media(max-width: 991px) {
  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
  }
}
/******** HOMEPAGE - INTRO PHOTO ********/
#home-wrapper-intro header.masthead {
  height: 100vh;
  position: relative;
  background-color: rgba(255, 255, 255, 1.00);
  margin-top: -45px;
}
#home-wrapper-intro header.masthead#photo-topzone {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.overlay-photo {
  position: absolute;
  left: 0;
  bottom: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  z-index: 1000;
  width: 100%;
}
.overlay-intro .wrapper-overlay-content-intro {}
.overlay-photo .wrapper-overlay-content-news .content-news {
  padding: 0px;
  font-size: 16px;
  font-weight: 500;
  background: rgb(0, 45, 108);
  background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);
  background: linear-gradient(137deg, rgb(229, 142, 113) 0%, rgb(170, 82, 62) 81%);
  color: rgba(255, 255, 255, 1.00);
}
.overlay-photo .wrapper-overlay-content-news .wrapper-product-info {
  padding-bottom: 30px;
  text-align: right;
}
.overlay-photo .wrapper-overlay-content-news .wrapper-product-info a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 1.00);
  display: inline-block;
  text-align: center;
  font-size: 25px;
  padding-top: 5px;
  color: rgba(170, 82, 62, 1);
}
.overlay-photo .wrapper-overlay-content-news .wrapper-product-info a:hover {
  background-color: rgba(170, 82, 62, 1);
  color: rgba(255, 255, 255, 1.00);
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-item {
  padding: 32px 0px 0px 105px;
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-item strong {
  display: inline-block;
  margin-right: 10px;
  font-weight: 700;
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-item a {
  color: rgba(255, 255, 255, .7);
  display: inline-block;
  margin-left: 10px;
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-item a:hover {
  color: rgba(255, 255, 255, 1);
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials ul {
  margin: 0;
  padding: 0;
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials {
  padding: 30px 90px 30px 88px;
  border-left: solid 1px rgba(255, 255, 255, .2);
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials li {
  white-space: nowrap;
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials li a {
  color: rgba(255, 255, 255, .70);
  font-size: 18px;
  display: block;
  padding: 0px 10px 0px 10px;
  display: inline-block;
  white-space: nowrap;
}
.overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials li a:hover {
  color: rgba(255, 255, 255, 1);
  transform: translateY(-8px);
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
.offcanvas {
  background-color: rgba(242, 244, 247, 1);
  padding: 35px;
  --bs-offcanvas-width: 550px;
}
.offcanvas .offcanvas-body {
  color: rgba(0, 45, 108, 1);
  font-size: 14;
  font-weight: 500;
  line-height: 24px;
}
.offcanvas .offcanvas-body h4 {
  font-size: 30px;
  line-height: 32px;
  font-weight: 400;
  color: rgba(170, 82, 62, 1);
  margin: 0px 0px 35px 0px;
}
.offcanvas .offcanvas-body strong {
  font-weight: 700;
}
.offcanvas .offcanvas-body img {
  width: 100%;
  height: auto;
  margin-bottom: 35px;
}
.offcanvas .offcanvas-body .contact-form-global {
  padding-top: 35px;
}
.offcanvas .offcanvas-body .btn-form {
  width: 100%;
}
.global-wrapper-intro {
  padding-right: 117px;
}
.wrapper-intro {
  /*background-color: rgba(242, 244, 247, 1);*/
  padding-top: 150px;
  padding-bottom: 0px;
  padding-left: 210px;
  padding-right: 105px;
}


.global-wrapper-ondek-gamma {
  padding-right: 117px;
}
.wrapper-ondek-gamma {
  /*background-color: rgba(242, 244, 247, 1);*/
  padding-top: 150px;
  padding-bottom: 0px;
  padding-left: 210px;
  padding-right: 93px;
}


.ondek-gamma-item  {
  background-color: #f7f8fa;
}

.ondek-gamma-item a  {
  text-decoration: none!important;
}
.ondek-gamma-item a .photo-long-h-125  {
    -webkit-transition: all .7s ease;
  transition: all .7s ease;
}


.ondek-gamma-item a:hover .photo-long-h-125  {
  transform: translateY(-15px);
  filter: grayscale(.5);
}

.ondek-gamma-item a .ondek-gamma-link h2 {
  text-align: center;
  display: block;
  text-decoration: none!important;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(0, 45, 108, .15);
  font-size: 20px;
  color: rgba(0, 45, 108, 1);
  font-weight: 500;
    -webkit-transition: all .7s ease;
  transition: all .7s ease;
  background-color: #fff;
}
.ondek-gamma-item a:hover .ondek-gamma-link h2  {
  background-color: #f7f8fa;
    color: rgba(170, 82, 62, 1);
}




.wrapper-intro .text-block {
  padding-right: 105px;
}
h1 {
  font-size: 32px;
  line-height: 40px;
  color:  rgba(0, 45, 108, 1);
  font-weight: 800;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}
h1 strong {
  font-weight: 800;
}
.text-block.subtitle h1 {
  margin-bottom: 10px;
}


.content-in-de-kijker-home h2 {
  font-size: 26px;
  line-height: 30px;
  color:  rgba(0, 45, 108, 1);
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
}

h2 {
  font-size: 20px;
  line-height: 26px;
  color:  rgba(0, 45, 108, 1);
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
}
h2.smaller {
  font-size: 20px;
  line-height: 26px;
}
h3 {
  font-size: 22px;
  line-height: 36px;
  color:  rgba(0, 45, 108, 1);
  font-weight: 800;
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
}
h4 {
  font-size: 22px;
  line-height: 18px;
  color: rgba(0, 45, 108, 1);
  font-weight: 300;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
.text-block {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.text-block a {
  color: rgba(0, 45, 108, 1);
}
.text-block a:hover {
  color: rgba(170, 82, 62, 1);
}
.text-block strong {
  font-weight: 700;
}
.list-shortcuts ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-shortcuts ul li {
  border-bottom: solid 1px rgba(0, 45, 108, .15);
}
.list-shortcuts ul li:last-child {
  border-bottom: none;
}
.list-shortcuts ul li a {
  padding: 10px 15px;
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: rgba(0, 45, 108, 1);
  font-weight: 600;
}
.list-shortcuts ul li a:hover {
  background-color: rgba(0, 45, 108, .03);
}
.list-shortcuts ul li a::before {
  display: inline-block;
  margin-right: 20px;
  font-size: 18px;
  font-family: bootstrap-icons !important;
  content: '\F138' !important;
}
.shortcuts-accordion h2 {
  margin: 0;
}
.shortcuts-accordion a.accordion-button {
  background-color: rgba(242, 244, 247, 1);
  text-decoration: none;
  padding: 15px 0px 15px 0px;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
}
.shortcuts-accordion .accordion-item {
  border-bottom: solid 1px rgba(0, 45, 108, .20);
}
.shortcuts-accordion .accordion-body {
  background-color: rgba(0, 45, 108, .08);
  padding: 35px 35px 20px 35px;
}
.global-wrapper-in-de-kijker-home {
  /*background: rgb(0, 45, 108);
  background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);*/
  margin-top: 315px;
  padding: 0px 210px 105px 210px;
}
.photo-in-de-kijker-home {
  height: 0;
  padding-bottom: 100%;
  background-color: rgba(255, 255, 255, 1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -210px;
}
.photo-in-de-kijker-home .watermark {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
}
.content-in-de-kijker-home {
  background-color: rgba(255, 255, 255, 1);
  padding: 105px;
  position: relative;
  margin-left: -105px;
  border-bottom: 10px solid rgba(170, 82, 62, 1);
  margin-top: -105px;
  box-shadow: rgba(0, 45, 108, 0.1) 0px 7px 25px 0px;
}
.gradient-label {
  background: rgb(170, 82, 62);
  background: linear-gradient(90deg, rgba(170, 82, 62, 1) 0%, rgba(253, 215, 175, 1) 33%, rgba(229, 141, 113, 1) 66%, rgba(182, 76, 55, 1) 100%);
  padding: 5px 30px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 20px;
  display: inline-block;
}
.brown-label {
  /*background-color: rgba(170, 82, 62, 1);*/
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  padding: 5px 30px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 20px;
  display: inline-block;
}
/*.content-in-de-kijker-home h2 {
  font-size: 26px;
  line-height: 34px;
  color: rgba(170, 82, 62, 1);
  font-weight: 300;
  margin-top: 20px;
}*/
.content-in-de-kijker-home h2::after {
  content: '';
  display: block;
  border: 1px solid rgba(33, 59, 137, .15);
  width: 70px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.global-wrapper-services-home {
  /*background: rgb(0, 45, 108);
  background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);*/
  background-color: rgba(242, 244, 247, 1);
  padding: 0px 210px 70px 210px;
  margin-top: 160px;
}
.wrapper-services {
  padding-top: 70px;
  padding-bottom: 70px;
}
.wrapper-services .card {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  text-align: center;
  color: rgba(33, 59, 137, 1);
  border-right: solid 1px rgba(33, 59, 137, .55) padding: 0;
  ;
}
.wrapper-services .card.noborder {
  border-right: none;
}
.wrapper-services .card h5 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
}
.wrapper-services .card .card-body {
  padding: 35px 35px 0px 35px;
}
.wrapper-services .card img {
  width: auto;
  height: 95px;
}
.global-wrapper-cta {
  margin-top: -105px;
  padding-left: 220px;
  padding-right: 220px;
}
.wrapper-services-alt {
  color: rgba(33, 59, 137, 1);
}
.wrapper-services-alt .wrapper-services-alt-list {
  padding-top: 70px;
  padding-right: 105px;
  padding-left: 105px;
}
.wrapper-services-alt .wrapper-services-alt-list ul, .product-highlights-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wrapper-services-alt .wrapper-services-alt-list ul li, .product-highlights-list ul li {
  border-bottom: solid 1px rgba(33, 59, 137, .10);
  padding-top: 15px;
  padding-bottom: 15px;
}

.product-highlights-list ul li {
  font-size: 20px;
  font-weight: 400;
}
.wrapper-services-alt .wrapper-services-alt-list ul li:last-child, .product-highlights-list ul li:last-child {
  border-bottom: none;
}
.wrapper-services-alt .wrapper-services-alt-list ul li .wrapper-service-item-icon  {
  margin-right: 20px;
  width: 50px;
}
.wrapper-services-alt .wrapper-services-alt-list ul li .wrapper-service-item-icon img {
  width: auto;
  height: 45px;
}
.product-highlights-list .item-icon  {
  margin-right: 20px;
  width: 60px;
}
.product-highlights-list .item-icon img {
  width: auto;
  /*height: 70px;*/
}

.wrapper-services-alt .wrapper-services-alt-list ul li .wrapper-service-item-content {
  font-size: 20px;
  padding-top: 8px;
}
.wrapper-services-alt .wrapper-services-alt-list ul li .wrapper-service-item-content strong {
  font-weight: 700!important;
}
.wrapper-services-alt .wrapper-services-alt-photo {
  height: 0;
  padding-bottom: 75%;
  margin-top: -70px;
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.wrapper-cta {
  /*background: rgb(170, 82, 62);
  background: linear-gradient(90deg, rgba(170, 82, 62, 1) 0%, rgba(253, 215, 175, 1) 33%, rgba(229, 141, 113, 1) 66%, rgba(182, 76, 55, 1) 100%);*/
  /*background-color: rgba(170, 82, 62, 1);*/
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  padding: 75px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 105px;
}
.wrapper-cta h5 {
  color: rgba(255, 255, 255, 1);
  font-size: 36px;
  font-weight: 600;
  /*text-transform: uppercase;*/
}
.wrapper-cta a {
  display: inline-block;
  border: solid 1px rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  padding: 10px 35px;
  margin-top: 25px;
}
.wrapper-cta a:hover {
  background-color: rgba(0, 45, 108, 1);
  border: solid 1px rgba(0, 45, 108, 1);
  transition: all .7s ease;
  scale: 1.07;
}
.wrapper-news {
  padding: 35px 105px 55px 105px;
}
.wrapper-news h2 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
  color: rgba(0, 45, 108, 1);
  margin-bottom: 90px;
}
.news-items-overview .card {
  background-color: transparent;
  border: none;
  padding-bottom: 35px;
}
.news-items-overview .card .card-photo {
  height: 0;
  padding-bottom: 70%;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.news-items-overview .card .card-photo .label-new {
  background-color: rgba(0, 45, 108, 1);
  position: absolute;
  top: -15px;
  left: 35px;
  padding: 5px 20px;
  color: rgba(255, 255, 255, 1);
  font-weight: 600;
  text-transform: uppercase;
}
.news-items-overview .card a .card-photo {
  display: block;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}
.news-items-overview .card a:hover .card-photo {
  transform: translateY(-15px);
  filter: grayscale(.5);
}
.news-items-overview .card .card-body {
  padding: 35px 0px 0px 0px;
  color: rgba(33, 59, 137, 1);
  font-weight: 500;
  line-height: 28px;
}
.news-items-overview .card .card-body .card-date {
  color: rgba(170, 82, 62, 1);
  font-weight: 500;
  font-size: 14px;
  padding: 0px 0px 8px 0px;
  margin: 0;
}
.news-items-overview .card .card-body h3.card-title, .news-items-overview .card .card-body h5.card-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 45, 108, 1);
  margin-bottom: 15px;
  margin-top: 0px;
  padding: 0;
  display: inline-block;
}







.news-items-overview .card .card-footer {
  padding: 15px 0px 0px 0px;
  border: none;
  background-color: transparent;
}
.news-items-overview .card .card-footer a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: rgba(170, 82, 62, 1);
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  display: block;
}
.news-items-overview .card .card-footer a::before {
  display: inline-block;
  content: "";
  border-top: 2px solid rgba(170, 82, 62, 1);
  width: 35px;
  margin: 0;
  transform: translateY(-5px);
  margin-right: 15px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
.news-items-overview .card .card-footer a:hover {
  color: rgba(33, 59, 137, 1);
  transform: translate(15px, 0px);
  -webkit-transform: translate(15px, 0px);
}
.news-items-overview .card .card-text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}
.global-wrapper-brands {
  /*padding-right: 117px;*/
}
.wrapper-brands {
  /*background-color: rgba(242, 244, 247, 1);*/
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 210px;
  padding-right: 210px;
}
.wrapper-brands .brand-title {
  padding-right: 70px;
  padding-top: 20px;
  padding-bottom: 70px;
  font-size: 16px;
  font-weight: 400;
}
.wrapper-brands .brand-title  strong{
  font-weight: 700;
}
.wrapper-brands .brand-title h3 {
  border-top: solid 1px rgba(170, 82, 62, .25);
  padding-top: 35px;
  border-bottom: solid 1px rgba(170, 82, 62, .25);
  padding-bottom: 35px;
}
.wrapper-brands .brand-block .card {
  /*background-color: rgba(242, 244, 247, 1);*/
  border-radius: 0px;
  border: none;
}
.wrapper-brands .brand-block .card .brand-logo {
  padding-bottom: 35px;
}
.wrapper-brands .brand-block .card .brand-logo img {
  height: 35px;
  width: auto;
}
.wrapper-brands .brand-block .card .text-block {
  color: rgba(33, 59, 137, 1);

}
.block-right-border {
  border-right: solid 1px rgba(33, 59, 137, .15);
}
.wrapper-pagination {
  margin-top: 35px;
  text-align: right;
  margin-bottom: 140px;
  display: block;
}
.wrapper-pagination nav {
  float: right;
}
.wrapper-pagination .pagination .page-item .page-link {
  background-color: transparent;
  border: none !important;
}
.wrapper-pagination .pagination .page-item span {
  margin-left: 10px;
}
.wrapper-pagination .pagination .page-item span i {
  margin-left: 0px !important;
}
.wrapper-pagination .pagination .page-item a.page-link {
  border: none;
  padding: 5px 10px;
  border-radius: 0px;
  color: rgba(170, 82, 62, .65);
  border-bottom: solid 1px rgba(170, 82, 62, .35) !important;
  margin-left: 15px;
}
.wrapper-pagination .pagination .page-item a:hover.page-link {
  color: rgba(170, 82, 62, 1);
  border-bottom: solid 1px rgba(170, 82, 62, 1) !important;
  background-color: transparent;
}
.wrapper-pagination .pagination .page-item a.page-link.active {
  font-weight: 700;
  color: rgba(33, 59, 137, 1);
  border-bottom: solid 3px rgba(33, 59, 137, 1) !important;
  background-color: transparent;
}
.first-content-pages-intro {
  padding-right: 117px;
}
.centered-cta {
  position: fixed;
  top: 45%;
  right: 0;
  padding: 20px 10px;
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  text-align: center;
  z-index: 999;
}
.centered-cta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.centered-cta ul li {
  margin: 0;
  padding: 0;
  text-align: center;
}
.centered-cta ul li a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
}
.centered-cta ul li a:hover {
  color: rgba(255, 255, 255, .65);
}
.tooltip-inner {
  font-size: 12px!important;
  font-weight: 700;
  background-color: rgba(33, 59, 137, 1);
  width:250px!important; 
 white-space: nowrap;
 padding-left: 0px;
 padding-right: 0px;
 max-width: 250px !important;

}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: rgba(33, 59, 137, 1);
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: rgba(33, 59, 137, 1);
}
.content-pages-intro {
  /*background-color: rgba(242, 244, 247, 1);*/
  padding-top: 235px;
  padding-bottom: 70px;
  padding-left: 210px;
  padding-right: 105px;
}
.content-pages-intro.next {
  /*background-color: rgba(242, 244, 247, 1);*/
  padding-top: 90px;
  padding-bottom: 70px;
  padding-left: 210px;
  padding-right: 105px;
}

.upgrade-needed{
  margin-top: 90px;
  margin-bottom: 20px;
  padding: 70px;
  text-align: center;
  background-color: rgba(242, 244, 247, 1);
  font-size: 22px;
  line-height: 34px;
  font-weight: 400;

}

.content-section{
  padding-top: 105px;
  padding-left: 210px;
  padding-right: 210px;
}

.content-section.product-offerteaanvragen{
      background: rgb(0, 45, 108);
    background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);
  padding-bottom: 105px;
  color: #fff!important;
}
.content-section.product-offerteaanvragen h3{
  color: #fff!important;
}

.video {
    display: flex;
    justify-content: center;
}
    
.video iframe {
 width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}
.video-baseline{
  margin-top: 25px;
  font-size: 12px!important;
  font-weight: 800!important;
}

.video-baseline i{
  margin-right: 10px;
}

.wrapper-breadcrumb {
  margin-bottom: 35px;
  font-size: 14px;
}
.wrapper-breadcrumb .breadcrumb {
  border-bottom: solid 1px rgba(33, 59, 137, .15);
  padding-bottom: 10px;
}
.wrapper-breadcrumb .breadcrumb .breadcrumb-item a {
  text-decoration: none;
  font-weight: 500;
  color: rgba(33, 59, 137, .55);
}
.wrapper-breadcrumb .breadcrumb .breadcrumb-item a:hover {
  color: rgba(33, 59, 137, 1);
}
.breadcrumb-item+.breadcrumb-item::before {
  color: rgba(33, 59, 137, .45);
}
.wrapper-breadcrumb .breadcrumb .breadcrumb-item.active {
  text-decoration: none;
  font-weight: 500;
  color: rgba(33, 59, 137, .85);
}
.wrapper-product-cards {
  margin-top: 50px;
}
.wrapper-product-cards .card {
  background-color: transparent;
  border: none;
  padding-bottom: 70px;
}
.wrapper-product-cards .card .card-photo {
  height: 0;
  padding-bottom: 70%;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.wrapper-product-cards .card a .card-photo {
  display: block;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}
.wrapper-product-cards .card a:hover .card-photo {
  transform: translateY(-15px);
  filter: grayscale(.5);
}
.wrapper-product-cards .card .card-body {
  padding: 35px 0px 0px 0px;
  color: rgba(33, 59, 137, 1);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px;
}
.wrapper-product-cards .card .card-body h5.card-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color:  rgba(33, 59, 137, 1);
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0;
  display: inline-block;
}
.wrapper-product-cards .card .card-footer {
  padding: 15px 0px 0px 0px;
  border: none;
  background-color: transparent;
}
.wrapper-product-cards .card .card-footer a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: rgba(170, 82, 62, 1);
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  display: block;
}
.wrapper-product-cards .card .card-footer a::before {
  display: inline-block;
  content: "";
  border-top: 2px solid rgba(170, 82, 62, 1);
  width: 35px;
  margin: 0;
  transform: translateY(-5px);
  margin-right: 15px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
.wrapper-product-cards .card .card-footer a:hover {
  color: rgba(33, 59, 137, 1);
  transform: translate(15px, 0px);
  -webkit-transform: translate(15px, 0px);
}



.wrapper-product-highlights {
  /*background: rgb(0, 45, 108);
  background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);*/
  background-color: rgba(242, 244, 247, 1);
  padding: 70px 210px 70px 210px;
  margin-top: 35px;
}


.wrapper-promotion{
  margin-top: 105px;
  color: #fff;
}
.wrapper-promotion a{
    background: rgb(229, 142, 113);
    background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  padding: 35px 70px 35px 70px;
  color: #fff;
  display: block;
  text-decoration: none;
  font-weight: 400;
    -webkit-transition: all .7s ease;
  transition: all .7s ease;
  font-size: 17px;
}
.wrapper-promotion a i{
  float: right;
  margin-top: -10px;
}
.wrapper-promotion a:hover{
    background: rgb(229, 142, 113);
    background: linear-gradient(137deg, rgba(170, 82, 62, 1) 0%, rgba(170, 82, 62, 1) 81%);
      -webkit-transition: all .7s ease;
  transition: all .7s ease
}

.veelgesteldevragen .accordion {
    --bs-accordion-border-color: rgba(33, 59, 137, .15);
}

.veelgesteldevragen .accordion-button::after {
  display: none;
}

.veelgesteldevragen  .accordion-button {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  color: rgba(33, 59, 137, 1);
      font-weight: 600;
      font-size: 16px;
}

.veelgesteldevragen .accordion-button::before {
  content: "+";
  position: absolute;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
}

.veelgesteldevragen .accordion-button:not(.collapsed)::before {
  content: "-";
}
.veelgesteldevragen .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent;
    box-shadow: none;
    border-bottom: solid 1px rgba(33, 59, 137, 1);
}
.veelgesteldevragen .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}

.accordion-body {
  padding: 35px 0px 70px 0px;
  color: rgba(33, 59, 137, 1);
  font-weight: 400;
  font-size: 16px;

}


.wrapper-left-selection {
  margin-top: 50px;
  padding-right: 70px;
}
.wrapper-left-selection-content-text a {
  display: block;
  text-align: center;
  border-top: solid 1px rgba(33, 59, 137, .15);
  padding-top: 10px;
  margin-top: 35px;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 1px;
  color: rgba(33, 59, 137, .5);
}
.wrapper-left-selection-content-text a:hover {
  border-top: solid 1px rgba(170, 82, 62, .5);
  color: rgba(170, 82, 62, .75);
}
.wrapper-left-selection-filter {
  padding-bottom: 55px;
}
.wrapper-left-selection-filter .selection-filter {
  padding-bottom: 25px;
}
.wrapper-left-selection-filter .selection-filter label {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(33, 59, 137, 1);
}
.wrapper-left-selection-filter .selection-filter .form-select {
  color: rgba(33, 59, 137, 1);
  border-radius: 0px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border: 1px solid rgba(33, 59, 137, .15);
}
.wrapper-left-selection-filter .selection-filter .form-select:focus {
  border-color: rgba(33, 59, 137, .25);
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, .0);
}
.wrapper-left-selection-filter .selection-filter .list-luifelkast .card {
  border-radius: 0px;
  border: none;
  padding: 0;
  margin: 0;
}
.wrapper-left-selection-filter .selection-filter .list-luifelkast .card .card-body {
  padding: 0;
  margin: 0;
  position: relative;
}
.wrapper-left-selection-filter .selection-filter .list-luifelkast .card .card-body a {
  display: block;
  border: solid 2px rgba(33, 59, 137, .15);
}
.wrapper-left-selection-filter .selection-filter .list-luifelkast .card .card-body a:hover {
  border: solid 2px rgba(33, 59, 137, .35);
}
.wrapper-left-selection-filter .selection-filter .list-luifelkast .card .card-body a.active {
  border: solid 2px rgba(33, 59, 137, 1);
}
.wrapper-left-selection-filter .selection-filter .list-luifelkast .card .card-body a.active .check {
  background-color: rgba(33, 59, 137, 1);
  width: 20px;
  height: 20px;
  position: absolute;
  right: -8px;
  top: -8px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 5px;
  padding-top: 2px;
}
.wrapper-left-selection-filter .selection-filter .list-luifelkast .card .card-body a .select-photo {
  height: 0;
  padding-bottom: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.carouselTop {
  margin-top: 25px;
}
.wrapper-product-info {
  margin-top: 70px;
}
.wrapper-product-info .text-block {
  padding-right: 105px;
}
ul.product-spotlights {
  padding: 35px 0px;
  margin: 0;
  list-style: none;
}
ul.product-spotlights li {
  padding: 5px 0px;
  border-bottom: solid 1px rgba(170, 82, 62, .15);
  color: rgba(170, 82, 62, 1);
  font-size: 16px;
  font-weight: 500;
}
ul.product-spotlights li:before {
  font-family: 'Font Awesome 6 Free' !important;
  content: '\f00c' !important;
  color: rgba(170, 82, 62, 1);
  margin-right: 20px;
  font-size: 13px;
}
ul.product-spotlights li:last-child {
  border-bottom: none;
}
.wrapper-product-info-photogallery {
  padding-bottom: 35px;
}
.wrapper-product-info-photogallery .card {
  background-color: transparent;
  border-radius: 0px;
  border: none;
  background-color: rgba(255, 255, 255, .75);
}
.wrapper-product-info-photogallery .card a {
  display: block;
}
.wrapper-product-info-photogallery .card a:hover {
  filter: grayscale(.5);
}
.wrapper-info-btn {
  padding-bottom: 35px;
}
.wrapper-product-info-photogallery .photo-gallery-img {
  height: 0;
  padding-bottom: 75%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.wrapper-product-info-photogallery .photo-gallery-img .zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0px 10px 5px 0px;
  color: rgba(255, 255, 255, .85);
  font-size: 14px;
}
.mfp-bottom-bar .mfp-title {
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
}
.mfp-arrow-left:after {
  border-right: none !important;
  font-family: 'Font Awesome 6 Free' !important;
  content: '\f053' !important;
  font-size: 26px !important;
  color: rgba(255, 255, 255, 1) !important;
}
.mfp-arrow-right:after {
  border-left: none !important;
  font-family: 'Font Awesome 6 Free' !important;
  content: '\f054' !important;
  font-size: 26px !important;
  color: rgba(255, 255, 255, 1) !important;
}
.wrapper-product-info-specs h5 {
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 15px;
  font-weight: 700;
  color: rgba(170, 82, 62, 1);
}
.wrapper-product-info-specs .wrapper-product-info-specifications,
.wrapper-product-info-specs .wrapper-product-info-downloads {
  padding-top: 35px;
}
.wrapper-product-info-specs .table tr,
.text-block .table tr {
  border-bottom: solid 1px rgba(33, 59, 137, .12);
}
.wrapper-product-info-specs .table tr:last-child,
.text-block .table tr:last-child {
  border-bottom: solid 1px rgba(33, 59, 137, 0);
}
.wrapper-product-info-specs .table td,
.text-block .table td {
  background-color: transparent;
  font-size: 14px;
  letter-spacing: -0.3px;
  font-weight: 500;
  color: rgba(33, 59, 137, 1);
  padding: 10px 0px;
}
.wrapper-product-info-specs .table td:nth-child(1),
.text-block .table td:nth-child(1) {
  font-weight: 600;
}
.wrapper-product-info-specs .table a,
.text-block .table a {
  text-decoration: none;
  font-weight: 600;
  color: rgba(33, 59, 137, 1);
}
.wrapper-product-info-specs .table a:hover,
.text-block .table a:hover {
  text-decoration: none;
  color: rgba(170, 82, 62, 1);
}
.wrapper-product-info-specs .table.downloads td:nth-child(1) {
  width: 40px;
}
.grid-image-video {
  margin-top: 50px;
}
.grid-image-video .card {
  border: none;
  border-radius: 0px;
  background-color: transparent;
}
.grid-image-video .video-container {
  position: relative;
  padding-bottom: 56.25%;
}
.grid-image-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid-image-video .photo-container img {
  width: 100%;
  height: auto;
}
.grid-image-video .photo-container a {
  display: block;
}
.grid-image-video .photo-container a:hover {
  transform: scale(1.06);
}
.global-wrapper-quote {
  padding-top: 50px;
  margin-top: 35px;
  margin-bottom: 35px;
}
.global-wrapper-quote .quote-intro {
  font-weight: 700;
  font-size: 70px;
  display: inline-block;
  color: rgba(170, 82, 62, .3);
  width: 90px;
  padding: 0;
  margin-top: -28px;
}
.global-wrapper-quote .quote-content {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: rgba(170, 82, 62, 1);
  font-style: italic;
}
.global-wrapper-quote .quote-content span {
  color: rgba(170, 82, 62, 1);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  margin-top: 15px;
}
ul.list-jobs {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.list-jobs li {
  padding-top: 35px;
  padding-bottom: 35px;
  border-bottom: solid 1px rgba(33, 59, 137, .10);
}
ul.list-jobs li:first-child {
  padding-top: 0px;
}
ul.list-jobs li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
ul.list-jobs li a {
  text-decoration: none;
  display: block;
  padding: 35px;
  background-color: rgba(242, 244, 247, 1);
}
ul.list-jobs li a:hover {
  background-color: rgba(33, 59, 137, .025);
  transform: translateY(-8px);
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
ul.list-jobs li h2 {
  margin-bottom: 15px;
}
ul.list-jobs li h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
ul.list-jobs li span {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
}
ul.list-jobs li span::before {
  display: inline-block;
  content: "";
  border-top: 1px solid rgba(170, 82, 62, 1);
  width: 35px;
  margin: 0;
  transform: translateY(-5px);
  margin-right: 20px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}
.overview-refs .card {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0;
  border: none;
  color: rgba(33, 59, 137, 1);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.overview-refs .card.getuigenis {
  background-color: transparent;
}
.overview-refs .card .card-photo img {
  width: 100%;
  height: auto;
}
.overview-refs .card a .card-photo {
  display: block;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
.overview-refs .card a:hover .card-photo {
  transform: scale(1.05);
}
.overview-refs .card .card-body {
  padding: 35px 0px 0px 0px;
    color: rgba(33, 59, 137, 1);
    font-weight: 300;
    line-height: 26px;
    font-size: 14px;
}
.overview-refs .card.getuigenis .card-body {
  padding: 35px;
}
.overview-refs .card .card-body h2.card-title {
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
  color: rgba(33, 59, 137, 1);
  margin-bottom: 3px;
  margin-top: 0px;
  padding: 0;
  display: inline-block;
}
.overview-refs .card.getuigenis .card-body h2.card-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(170, 82, 62, 1);
  font-style: italic;
}
.overview-refs .card.getuigenis .card-body h2.card-title strong {
  font-weight: 700;
  font-size: 60px;
  display: inline-block;
  color: rgba(170, 82, 62, .3);
}
.overview-refs .card.getuigenis .card-body .card-text span {
  color: rgba(170, 82, 62, 1);
  text-transform: uppercase;
  font-size: 14px!important;
  font-weight: 700;
}
.overview-refs .card .card-body a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: rgba(170, 82, 62, 1);
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  display: block;
  margin-top: 20px;
}
.overview-refs .card .card-body a::before {
  display: inline-block;
  content: "";
  border-top: 2px solid rgba(170, 82, 62, 1);
  width: 35px;
  margin: 0;
  transform: translateY(-5px);
  margin-right: 15px;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
.overview-refs .card .card-body a:hover {
  color: rgba(33, 59, 137, 1);
  transform: translate(15px, 0px);
  -webkit-transform: translate(15px, 0px);
}

/*** OVER ONS ***/


.bg-blue-box {
  background-color: rgba(242, 244, 247, 1);
  padding: 70px;

}




.photo-right-block-left {
  height: 0;
  padding-bottom: 75%;
  background-color: rgba(255, 255, 255, 1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.content-right-block-left {
  background-color: rgba(255, 255, 255, 1);
  padding: 105px;
  position: relative;
  margin-right: -105px;
  border-bottom: 10px solid rgba(170, 82, 62, 1);
  margin-top: 105px;
  box-shadow: rgba(0, 45, 108, 0.1) 0px 7px 25px 0px;
  z-index: 5;
}
.photo-left-block-right {
  height: 0;
  padding-bottom: 75%;
  background-color: rgba(255, 255, 255, 1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.content-left-block-right {
  background-color: rgba(255, 255, 255, 1);
  padding: 105px;
  position: relative;
  margin-left: -105px;
  border-bottom: 10px solid rgba(170, 82, 62, 1);
  margin-top: 105px;
  box-shadow: rgba(0, 45, 108, 0.1) 0px 7px 25px 0px;
  z-index: 5;
}


.photo-normal.photo-up{
  margin-top: 0px;
}







footer {
  background: rgb(0, 45, 108);
  background: linear-gradient(90deg, rgba(0, 45, 108, 1) 0%, rgba(0, 35, 85, 1) 100%);
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 105px;
  padding-right: 105px;
  color: rgba(255, 255, 255, 1);
}
.wrapper-footer .block-footer-nav h5 {
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  margin: 0;
  position: relative;
  padding-right: 30px;
  left: 15px;
}
.wrapper-footer .block-footer-nav h5::after {
  margin-top: 5px;
  margin-left: -15px;
  margin-bottom: -10px;
  display: block;
  content: '';
  width: 100%;
  height: 15px;
  background: rgba(255, 255, 255, .09);
  position: absolute;
  bottom: 5px;
}
#map {
  margin-top: 70px;
  height: 800px;
  width: 100%;
}
.wrapper-footer .block-footer-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 25px;
  font-size: 14px;
}
.wrapper-footer .block-footer-nav ul li {
  border-bottom: solid 1px rgba(255, 255, 255, .06);
}
.wrapper-footer .block-footer-nav ul li.nolink {
  padding-left: 15px;
  color: rgba(255, 255, 255, .60);
}
.wrapper-footer .block-footer-nav ul li:last-child {
  border-bottom: none;
}
.wrapper-footer .block-footer-nav ul li a {
  display: block;
  color: rgba(255, 255, 255, .60);
  text-decoration: none;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
}
.wrapper-footer .block-footer-nav ul li a:hover {
  color: rgba(255, 255, 255, 1);
}
.wrapper-footer .block-footer-nav .wrapper-social-icons {
  float: right;
  margin-top: 0px;
}
.wrapper-footer .block-footer-nav ul.wrapper-social-icons li {
  border-bottom: none;
}
.wrapper-footer .block-footer-nav ul.wrapper-social-icons li a {
  display: inline-block;
}
.wrapper-footer .block-footer-nav ul.wrapper-social-icons li a:hover {
  background-color: transparent;
  color: rgba(255, 255, 255, 1);
  transform: translateY(-8px);
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}
.wrapper-footer hr {
  margin-top: 35px;
  margin-bottom: 20px;
  border-top: 1px solid rgba(255, 255, 255, .45);
}
.wrapper-footer .block-footer-privacy ul li {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1.5px;
  margin-right: 20px;
}
.wrapper-footer .block-footer-privacy ul li a {
  color: rgba(255, 255, 255, .75);
  text-decoration: none;
}
.wrapper-footer .block-footer-privacy ul li a:hover {
  color: rgba(255, 255, 255, 1);
}
.wrapper-footer .block-footer-copyright {
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1.5px;
}
.wrapper-footer .block-footer-copyright a {
  color: rgba(255, 255, 255, .5);
  text-decoration: none;
}
.wrapper-footer .block-footer-copyright a:hover {
  color: rgba(255, 255, 255, 1);
}
#gototop {
  display: inline-block;
  background: rgb(229, 142, 113);
  background: linear-gradient(137deg, rgba(229, 142, 113, 1) 0%, rgba(170, 82, 62, 1) 81%);
  width: 87px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  position: fixed;
  bottom: 129px;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
#gototop::after {
  color: #fff;
}
#gototop:hover {
  cursor: pointer;
  background-color: rgba(170, 82, 62, .75);
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
#gototop:active {
  background-color: rgba(170, 82, 62, .75);
}
#gototop.show {
  opacity: 1;
  visibility: visible;
}
a#gototop {
  color: rgba(255, 255, 255, 1.00);
  font-size: 20px;
}
@media(max-width:1680px) {
  .pl105,
  .plt105 {
    padding-left: 70px;
  }
  .pr105,
  .prt105 {
    padding-right: 70px;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-item {
    padding: 32px 0px 0px 70px;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials {
    padding: 30px 70px 30px 68px;
  }
  .global-wrapper-intro,
  .first-content-pages-intro {
    padding-right: 0px;
  }
  .wrapper-intro,
  .content-pages-intro {
    padding-left: 140px;
    padding-right: 140px;
  }
  .global-wrapper-in-de-kijker-home {
    padding: 0px 140px 255px 140px;
  }
  .content-in-de-kijker-home {
    padding: 70px;
  }
  .wrapper-services .card h5 {
    font-size: 20px;
  }
  .global-wrapper-cta {
    padding-left: 140px;
    padding-right: 140px;
  }
  .wrapper-news {
    padding: 105px 70px 105px 70px;
  }
  .wrapper-brands {
    padding: 105px 70px 105px 70px;
  }
  .global-wrapper-brands {
    padding-right: 0px;
    padding-top: 0px;
  }
  .wrapper-brands .brand-title {
    padding-right: 35px;
  }
  footer {
    padding-left: 70px;
    padding-right: 70px;
  }
  .global-wrapper-services-home {
    padding: 0px 140px 105px 140px;
  }
  .wrapper-services-alt .wrapper-services-alt-list {
    padding-top: 70px;
    padding-right: 70px;
    padding-left: 70px;
  }
  .wrapper-services-alt .wrapper-services-alt-photo {
    padding-bottom: 80%;
  }

  .wrapper-ondek-gamma {
    padding-left: 210px;
    padding-right: 25px;
}
}
@media(max-width:1200px) {
  .pl105,
  .plt105 {
    padding-left: 35px;
  }
  .pr105,
  .prt105 {
    padding-right: 35px;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-item {
    padding: 32px 0px 0px 35px;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials {
    padding: 30px 35px 30px 35px;
  }
  .global-wrapper-intro,
  .first-content-pages-intro {
    padding-right: 0px;
  }
  .wrapper-intro,
  .content-pages-intro {
    padding-left: 70px;
    padding-right: 70px;
  }
  .global-wrapper-in-de-kijker-home {
    padding: 0px 70px 255px 70px;
  }
  .wrapper-services .card h5 {
    font-size: 20px;
  }
  .global-wrapper-cta {
    padding-left: 70px;
    padding-right: 70px;
  }
  .wrapper-cta {
    padding: 50px;
    font-size: 24px;
  }
  .wrapper-cta h5 {
    font-size: 30px;
  }
  .wrapper-news {
    padding: 105px 35px 105px 35px;
  }
  .wrapper-brands {
    padding: 105px 35px 105px 35px;
  }
  .wrapper-product-info .text-block {
    padding-right: 70px;
  }
  .global-wrapper-services-home {
    padding: 0px 70px 105px 70px;
  }
  .wrapper-services-alt .wrapper-services-alt-list {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .wrapper-services-alt .wrapper-services-alt-photo {
    padding-bottom: 100%;
  }

  .photo-right-block-left {
    padding-bottom: 75%;
  }
  .content-right-block-left {
    padding: 70px;
    margin-right: -70px;
    margin-top: 70px;
    z-index: 5;
  }
  .photo-left-block-right {
    padding-bottom: 75%;

  }
  .content-left-block-right {
    padding: 70px;
    margin-left: -70px;
    margin-top: 70px;
  }
.wrapper-ondek-gamma {
    padding-left: 70px;
    padding-right: 0px;
}
.global-wrapper-ondek-gamma {
    padding-right: 70px;
}




  footer {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media(max-width:991px) {
  .plt105 {
    padding-left: 0px;
  }
  .prt105 {
    padding-right: 0px;
  }
  .mt105 {
    margin-top: 70px;
  }
  .photo-normal {
margin-top: 35px;
}
.text-block.plt45 {
  padding-left: 0px;
  }


  .topbar-secondary {
    display: none;
  }
  .show-only-sm {
    display: block;
  }
  .topbar-top-navigation .top-logo {
    padding-top: 35px;
  }
  .topbar-top-navigation {
    padding-bottom: 15px;
  }
  .fixed-top {
    position: relative;
  }
  .topbar-top-navigation .top-logo {
    padding-bottom: 0px;
    text-align: center;
  }
  .wrapper-header {
    padding-right: 0px;
    padding-bottom: 15px;
  }
  .navbar-toggler {
    /*background-color: rgba(170, 82, 62, 1);*/
    color: #fff;
    padding: 15px 0px 0px 0px;
    /*width: 100%;*/
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    border-radius: 0px;
    margin-bottom: 10px;
  }
  .navbar-toggler i {
    margin-right: 5px;
  }
  .navbar-toggler:hover {
    /*background-color: rgba(170, 82, 62, .75);*/
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    opacity: .75;
  }
  .navbar-toggler:focus {
    box-shadow: none!important;
  }
  .navbar .nav-link {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .navbar-collapse {
    padding: 0px 15px 15px 15px;
    background-color: rgba(166, 148, 136, .10);
  }
  .navbar .dropdown-menu {
    padding: 10px;
  }
  .wrapper-global-text-block-content.private-area .column-page-menu .left-menu ul li a.active {
    display: none;
  }
  .page-menu-toggler .menu.clearfix i {
    width: 35px;
  }
  .navbar-nav {
    width: 100%;
    padding-top: 20px;
  }
  .navbar li a {
    display: block;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .topbar-firstnav .nav-item a.nav-link {
    margin-left: 5px;
    display: block;
  }
  .topbar-firstnav .nav-item a:hover.nav-link,
  .topbar-firstnav .nav-item .nav-link.active {
    background-position: 0% 0%;
    background-size: 0% 0px;
  }
  .topbar-firstnav .dropdown-menu {
    margin-left: 0px;
  }
  .topbar-firstnav .dropdown-menu {
    margin-top: 0px;
  }
  .topbar-firstnav .dropdown-menu li a {
    margin-top: 0px;
  }
  .wrapper-global-text-block-content {
    padding-top: 20px;
    padding-bottom: 70px;
  }
  .page-menu-toggle-part {
    display: none;
    padding: 0px;
  }
  .page-menu-toggler {
    width: 100%;
    box-sizing: border-box;
  }
  .page-menu-toggler .menu {
    width: 100%;
    background-color: rgba(61, 47, 56, 1.00);
    color: rgba(255, 255, 255, 1);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 10px 8px 20px;
  }
  .page-menu-toggler .menu span {
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: -4px;
  }
  .page-menu-toggle-part.active,
  .page-menu-toggler {
    display: block;
  }
  .topbar-firstnav .dropdown-menu.megamenu {
    padding: 15px 25px 35px 25px;
    margin-top: 0px;
  }
  .topbar-firstnav .dropdown-menu.megamenu h6 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .wrapper-news {
    padding: 70px 35px 70px 35px;
  }
  .wrapper-intro {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .photo-long-h {
    margin-top: 35px;
  }
  .global-wrapper-in-de-kijker-home {
    padding: 0px 35px 35px 35px;
  }
  .content-in-de-kijker-home {
    margin-left: 0px;
    margin-top: 0px;
  }
  .wrapper-services .card {
    border-right: none;
  }
  .wrapper-news h2 {
    margin-bottom: 70px;
    margin-left: 35px;
  }
  #home-wrapper-intro header.masthead {
    height: 500px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
  }
  #home-wrapper-intro header.masthead#photo-topzone {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .overlay-photo {
    position: relative;
    bottom: 90px;
  }
  .overlay-photo .wrapper-overlay-content-news.pl105 {
    padding-left: 0px;
  }
  .overlay-photo .wrapper-overlay-content-news.pr105 {
    padding-right: 0px;
  }
  .overlay-photo .wrapper-overlay-content-news .col {
    padding: 0px;
  }
  .overlay-photo .wrapper-overlay-content-news .wrapper-product-info a {
    margin-right: 35px;
  }
  .content-news .d-flex {
    display: block !important;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials {
    border-left: none;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials {
    padding: 15px 35px 30px 35px;
  }
  .global-wrapper-intro {
    margin-top: -90px;
  }
  .content-pages-intro {
    padding-top: 70px;
    padding-bottom: 140px;
  }
  .wrapper-left-selection {
    margin-top: 35px;
    padding-right: 0px;
  }
  .wrapper-left-selection-filter {
    padding-top: 35px;
    padding-bottom: 0px;
  }
  .wrapper-product-cards {
    margin-top: 70px;
  }
  .wrapper-product-info .text-block {
    padding-right: 0px;
  }
  .wrapper-product-info-specs {
    padding-top: 70px;
  }
  .brand-block .pl70 {
    padding-left: 12px;
  }
  .brand-block .pr70 {
    padding-right: 0px;
  }
  .block-right-border {
    border-right: none;
  }
  .brand-block a {
    text-align: right;
  }
  .wrapper-services-alt .wrapper-services-alt-photo {
    padding-bottom: 65%;
  }


  .photo-right-block-left {
    padding-bottom: 75%;
  }
  .content-right-block-left {
    padding: 70px;
    margin-right: 0px;
    margin-top: 0px;
    z-index: 5;
  }
  .photo-left-block-right {
    padding-bottom: 75%;

  }
  .content-left-block-right {
    padding: 70px;
    margin-left: 0px;
    margin-top: 0px;
  }

.wrapper-ondek-gamma {
    padding-top: 0px;

}
.wrapper-services-alt .wrapper-services-alt-photo {
    margin-top: 0px;

}

  footer {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .wrapper-footer .block-footer-nav h5 {
    margin-top: 35px;
  }
  .block-footer-privacy,
  .wrapper-footer .block-footer-copyright {
    text-align: center;
  }
  .wrapper-brands .brand-block .card .brand-logo {
    padding-top: 35px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 35px;
  }
}
@media(max-width:767px) {
  h2 {
    line-height: auto !important;
  }
  /*h3 {
    font-size: 26px;
  }*/
  .topbar-top-navigation .top-logo {
    padding-top: 25px;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-item {
    padding: 32px 35px 0px 35px;
  }
  .wrapper-intro .text-block {
    padding-right: 0px;
  }
  .wrapper-news h2 {
    margin-bottom: 70px;
    margin-left: 0px;
  }
  .news-items-overview .card {
    background-color: transparent;
    border: none;
    padding-bottom: 35px;
  }
  .wrapper-brands {
    padding: 70px 35px 35px 35px;
  }
  .wrapper-brands .brand-title h3 {
    text-align: center;
  }
  .wrapper-brands .brand-block .card .brand-logo {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 35px;
    text-align: center;
  }
  .wrapper-brands .brand-block .card .text-block {
    text-align: center;
  }
  .wrapper-brands .brand-block .partner-container {
    padding-bottom: 70px;
  }
  .wrapper-intro,
  .content-pages-intro {
    padding-left: 35px;
    padding-right: 35px;
  }
  .content-in-de-kijker-home {
    padding: 35px;
  }
  .wrapper-cta {
    padding: 35px;
    font-size: 20px;
  }
  .wrapper-cta h5 {
    font-size: 24px;
  }
  .wrapper-product-cards .card {
    padding-bottom: 35px;
  }
  .wrapper-breadcrumb {
    display: none;
  }
  .wrapper-product-info {
    margin-top: 0px;
  }
  .list-shortcuts ul li a {
    font-size: 20px;
  }
  .global-wrapper-in-de-kijker-home {
    padding: 0px 35px 70px 35px;
  }
  .wrapper-services {
    padding-top: 35px;
    padding-bottom: 70px;
  }
  .wrapper-services .card {
    padding-bottom: 0px;
  }
  .global-wrapper-services-home {
    padding: 0px 0px 105px 0px;
  }
  .global-wrapper-cta {
    padding-left: 35px;
    padding-right: 35px;
  }
  h5.ft-title-social {
    display: none !important;
  }
  .wrapper-footer .block-footer-nav .wrapper-social-icons {
    float: none;
    margin-top: 0px;
    text-align: center;
    margin-top: -15px;
  }
  .wrapper-product-info .text-block {
    padding-top: 70px;
  }
  .contact-form-global {
    padding-top: 70px;
  }
    .wrapper-ondek-gamma {
        padding-left: 15px;
    }
    .global-wrapper-ondek-gamma {
        padding-right: 15px;
    }
#gototop.show {
  display: none;
}


}
@media(max-width:550px) {
  .topbar-top-navigation.pl105 {
    padding-left: 10px;
  }
  .topbar-top-navigation.pr105 {
    padding-right: 0px;
  }
  .wrapper-intro {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .wrapper-intro,
  .content-pages-intro {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .wrapper-text-content.mt70,
  .content-pages-intro .mt70 {
    margin-top: 0px;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-item {
    padding: 32px 15px 30px 15px;
  }
  .overlay-photo .wrapper-overlay-content-news .content-news .content-news-socials {
    /*padding: 15px 15px 30px 5px;*/
    display: none;
  }
  .global-wrapper-in-de-kijker-home {
    padding: 0px 0px 70px 0px;
    margin-top: 275px;
  }
  .wrapper-news {
    padding: 70px 0px 35px 0px;
  }
  .wrapper-brands {
    padding: 35px 15px 35px 15px;
  }
  .wrapper-services .card .card-body {
    padding: 35px 0px 0px 0px;
  }
  .global-wrapper-cta {
    padding-left: 0px;
    padding-right: 0px;
  }
  .wrapper-cta {
    margin-bottom: 0px;
  }
  .content-pages-intro {
    padding-top: 35px;
    padding-bottom: 70px;
  }
  footer {
    padding-left: 0px;
    padding-right: 0px;
  }
}