/* Import our master theme*/
/*  ==============================
      FONTS
    ============================== */
/* Font-Awesome! :D */
/*  ==============================
      LESS FUNCTIONS
    ============================== */
.resetul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.resetul > li {
  margin: 0px;
  padding: 0px;
}
.a_reset a {
  border-bottom: 0px !important;
}
.reseta a {
  border-bottom: 0px !important;
}
/* Lighten or Darken background */
/* Scalable image. @par: max-width */
/* Scalable image snapped to parent container */
/* Vertical aligns a component. @par: percentage from top */
/* Dynamic gradient with prefixes */
/* Automatically adds prefixes */
/*  ==============================
      PREDEFINED CLASSES
    ============================== */
/* Horizontally aligns absolute component in relative/absolute container */
.h-align {
  left: 0;
  right: 0;
  margin: auto;
}
/* Vertically aligns absolute container in relative/absolute container */
.v-align {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Absolute Centering */
.abs-center {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* Default link */
a {
  text-decoration: none;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
a:hover {
  text-decoration: underline;
}
/* Default button */
a.button {
  background: #07466e;
  display: inline-block;
  color: #fff;
  padding: 12px 16px;
  transition: 0.15s background ease-in-out;
}
a.button:hover {
  background: #c0d117;
  text-decoration: none;
}
a.button:focus {
  text-decoration: none;
}
.button-wrapper.text-center {
  text-align: center;
}
.button-wrapper ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.button-wrapper ul > li {
  margin: 0px;
  padding: 0px;
}
.button-wrapper.b-verticaal ul li {
  display: block;
}
.button-wrapper.b-verticaal a {
  margin: 5px;
}
.button-wrapper.b-horizontaal ul li {
  display: inline-block;
}
.button-wrapper.b-horizontaal a {
  margin: 5px;
}
/* Scalable image */
img.scale {
  max-width: 100%;
  height: auto;
}
/* WOW / Animate */
.wow {
  visibility: hidden;
}
/* StickyJS */
.is-sticky {
  -webkit-backface-visibility: hidden;
}
/* ObjectFit Images */
.ofi-cover {
  width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
/*  ==============================
      MAIN LAYOUT
    ============================== */
#header-sticky-wrapper {
  -webkit-transition: 0.3s height;
  -khtml-transition: 0.3s height;
  -moz-transition: 0.3s height;
  transition: 0.3s height;
}
a {
  color: #1c4886;
}
a:hover,
a:focus {
  color: #81af2b;
  text-decoration: none;
}
a.button {
  background-color: #1c4886;
}
a.button:hover {
  color: #fff;
  background-color: #ff0066;
}
img {
  max-width: 100%;
  height: auto;
}
.np {
  padding-left: 0;
  padding-right: 0;
}
.np-left {
  padding-left: 0;
}
.np-right {
  padding-right: 0;
}
.nm {
  margin-top: 0;
  margin-bottom: 0;
}
.nm-top {
  margin-top: 0;
}
.nm-bottom {
  margin-bottom: 0;
}
/*  ===============
    Social
    =============== */
.social li {
  display: inline-block;
}
.social img {
  width: 32px;
  height: 32px;
}
/*  ===============
    SLIDERS
    =============== */
.slider .slider-container {
  position: relative;
}
.slider .slides {
  position: relative;
}
.slider .slides .slide {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slider .bx-slider,
.slider .bx-wrapper {
  width: 100%;
  border: none !important;
  box-shadow: none !important;
}
.slider .bx-wrapper {
  margin-bottom: 0;
}
.slider .bx-wrapper .bx-pager {
  padding-top: 0;
  bottom: 30px;
}
.slider .bx-wrapper .bx-pager.bx-default-pager a {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #ccc;
}
.slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.slider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #1c4886;
}
.slider .bx-wrapper .bx-pager.bx-default-pager a:not(.active):hover {
  background: #ddd;
}
.slider .overlay {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slider .overlay .content {
  position: absolute;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.slider .overlay .content h1,
.slider .overlay .content p {
  text-shadow: 1px 1px 1px #000;
}
/*  ===============
    Titel
    =============== */
.title-wrapper h1,
.title-wrapper h2,
.title-wrapper h3,
.title-wrapper h4,
.title-wrapper h5,
.title-wrapper h6 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.title-wrapper h1.nm,
.title-wrapper h2.nm,
.title-wrapper h3.nm,
.title-wrapper h4.nm,
.title-wrapper h5.nm,
.title-wrapper h6.nm {
  margin-top: unset;
  margin-bottom: unset;
}
.title-wrapper.text-center {
  text-align: center !important;
}
.title-wrapper.presentatiestijl_titel_kleura h1,
.title-wrapper.presentatiestijl_titel_kleura h2,
.title-wrapper.presentatiestijl_titel_kleura h3,
.title-wrapper.presentatiestijl_titel_kleura h4,
.title-wrapper.presentatiestijl_titel_kleura h5,
.title-wrapper.presentatiestijl_titel_kleura h6 {
  color: #333333 !important;
}
.title-wrapper.presentatiestijl_titel_kleurb h1,
.title-wrapper.presentatiestijl_titel_kleurb h2,
.title-wrapper.presentatiestijl_titel_kleurb h3,
.title-wrapper.presentatiestijl_titel_kleurb h4,
.title-wrapper.presentatiestijl_titel_kleurb h5,
.title-wrapper.presentatiestijl_titel_kleurb h6 {
  color: #ffd600 !important;
}
.title-wrapper.presentatiestijl_titel_kleurc h1,
.title-wrapper.presentatiestijl_titel_kleurc h2,
.title-wrapper.presentatiestijl_titel_kleurc h3,
.title-wrapper.presentatiestijl_titel_kleurc h4,
.title-wrapper.presentatiestijl_titel_kleurc h5,
.title-wrapper.presentatiestijl_titel_kleurc h6 {
  color: #666666 !important;
}
.title-wrapper.presentatiestijl_titel_kleurd h1,
.title-wrapper.presentatiestijl_titel_kleurd h2,
.title-wrapper.presentatiestijl_titel_kleurd h3,
.title-wrapper.presentatiestijl_titel_kleurd h4,
.title-wrapper.presentatiestijl_titel_kleurd h5,
.title-wrapper.presentatiestijl_titel_kleurd h6 {
  color: #33cc33 !important;
}
.title-wrapper.presentatiestijl_titel_kleure h1,
.title-wrapper.presentatiestijl_titel_kleure h2,
.title-wrapper.presentatiestijl_titel_kleure h3,
.title-wrapper.presentatiestijl_titel_kleure h4,
.title-wrapper.presentatiestijl_titel_kleure h5,
.title-wrapper.presentatiestijl_titel_kleure h6 {
  color: #06466d !important;
}
.title-wrapper.presentatiestijl_titel_kleurf h1,
.title-wrapper.presentatiestijl_titel_kleurf h2,
.title-wrapper.presentatiestijl_titel_kleurf h3,
.title-wrapper.presentatiestijl_titel_kleurf h4,
.title-wrapper.presentatiestijl_titel_kleurf h5,
.title-wrapper.presentatiestijl_titel_kleurf h6 {
  color: #06466d !important;
}
/*  ===============
    KOLOMMEN
    =============== */
.kolom.presentatiestijl_kolom_kleura {
  background-color: #333333 !important;
  padding: 30px 30px 15px 30px !important;
}
.kolom.presentatiestijl_kolom_kleura p,
.kolom.presentatiestijl_kolom_kleura ul,
.kolom.presentatiestijl_kolom_kleura li,
.kolom.presentatiestijl_kolom_kleura ol,
.kolom.presentatiestijl_kolom_kleura h1,
.kolom.presentatiestijl_kolom_kleura h2,
.kolom.presentatiestijl_kolom_kleura h3,
.kolom.presentatiestijl_kolom_kleura h4,
.kolom.presentatiestijl_kolom_kleura h5,
.kolom.presentatiestijl_kolom_kleura h6 {
  color: #ffffff !important;
}
.kolom.presentatiestijl_kolom_kleurb {
  background-color: #ffd600 !important;
  padding: 30px 30px 15px 30px !important;
}
.kolom.presentatiestijl_kolom_kleurb p,
.kolom.presentatiestijl_kolom_kleurb ul,
.kolom.presentatiestijl_kolom_kleurb li,
.kolom.presentatiestijl_kolom_kleurb ol,
.kolom.presentatiestijl_kolom_kleurb h1,
.kolom.presentatiestijl_kolom_kleurb h2,
.kolom.presentatiestijl_kolom_kleurb h3,
.kolom.presentatiestijl_kolom_kleurb h4,
.kolom.presentatiestijl_kolom_kleurb h5,
.kolom.presentatiestijl_kolom_kleurb h6 {
  color: #000000 !important;
}
.kolom.presentatiestijl_kolom_kleurc {
  background-color: #666666 !important;
  padding: 30px 30px 15px 30px !important;
}
.kolom.presentatiestijl_kolom_kleurc p,
.kolom.presentatiestijl_kolom_kleurc ul,
.kolom.presentatiestijl_kolom_kleurc li,
.kolom.presentatiestijl_kolom_kleurc ol,
.kolom.presentatiestijl_kolom_kleurc h1,
.kolom.presentatiestijl_kolom_kleurc h2,
.kolom.presentatiestijl_kolom_kleurc h3,
.kolom.presentatiestijl_kolom_kleurc h4,
.kolom.presentatiestijl_kolom_kleurc h5,
.kolom.presentatiestijl_kolom_kleurc h6 {
  color: #ffffff !important;
}
.kolom.presentatiestijl_kolom_kleurd {
  background-color: #33cc33 !important;
  padding: 30px 30px 15px 30px !important;
}
.kolom.presentatiestijl_kolom_kleurd p,
.kolom.presentatiestijl_kolom_kleurd ul,
.kolom.presentatiestijl_kolom_kleurd li,
.kolom.presentatiestijl_kolom_kleurd ol,
.kolom.presentatiestijl_kolom_kleurd h1,
.kolom.presentatiestijl_kolom_kleurd h2,
.kolom.presentatiestijl_kolom_kleurd h3,
.kolom.presentatiestijl_kolom_kleurd h4,
.kolom.presentatiestijl_kolom_kleurd h5,
.kolom.presentatiestijl_kolom_kleurd h6 {
  color: #000000 !important;
}
.kolom.presentatiestijl_kolom_kleure {
  background-color: #06466d !important;
  padding: 30px 30px 15px 30px !important;
}
.kolom.presentatiestijl_kolom_kleure p,
.kolom.presentatiestijl_kolom_kleure ul,
.kolom.presentatiestijl_kolom_kleure li,
.kolom.presentatiestijl_kolom_kleure ol,
.kolom.presentatiestijl_kolom_kleure h1,
.kolom.presentatiestijl_kolom_kleure h2,
.kolom.presentatiestijl_kolom_kleure h3,
.kolom.presentatiestijl_kolom_kleure h4,
.kolom.presentatiestijl_kolom_kleure h5,
.kolom.presentatiestijl_kolom_kleure h6 {
  color: #ffffff !important;
}
.kolom.presentatiestijl_kolom_kleurf {
  background-color: #06466d !important;
  padding: 30px 30px 15px 30px !important;
}
.kolom.presentatiestijl_kolom_kleurf p,
.kolom.presentatiestijl_kolom_kleurf ul,
.kolom.presentatiestijl_kolom_kleurf li,
.kolom.presentatiestijl_kolom_kleurf ol,
.kolom.presentatiestijl_kolom_kleurf h1,
.kolom.presentatiestijl_kolom_kleurf h2,
.kolom.presentatiestijl_kolom_kleurf h3,
.kolom.presentatiestijl_kolom_kleurf h4,
.kolom.presentatiestijl_kolom_kleurf h5,
.kolom.presentatiestijl_kolom_kleurf h6 {
  color: #ffffff !important;
}
.kolom .text-wrapper {
  margin-bottom: 20px;
}
.kolom .icoon-wrapper {
  margin-bottom: 20px;
}
.kolom .tabel-wrapper {
  margin-bottom: 20px;
}
.kolom .teller-wrapper {
  margin-bottom: 20px;
}
.kolom .menu-wrapper {
  margin-bottom: 20px;
}
.kolom .faq-wrapper {
  margin-bottom: 20px;
}
.kolom .quote-wrapper {
  margin-bottom: 20px;
}
.kolom .download-wrapper {
  margin-bottom: 20px;
}
.kolom .beforeafter-wrapper {
  margin-bottom: 20px;
}
/*  ===============
    GALERIJ
    =============== */
.galerij-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-wrap: wrap;
}
.galerij-wrapper:first-of-type:not(:only-of-type) {
  padding-bottom: 0 !important;
}
.galerij-wrapper:last-of-type:not(:only-of-type) {
  padding-top: 0 !important;
}
.galerij-wrapper:not(:first-of-type):not(:last-of-type) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.galerij-wrapper .galerij-blok {
  padding: 10px;
  z-index: 1;
  position: relative;
  transition: 0.3s z-index;
}
.galerij-wrapper .galerij-blok:hover {
  z-index: 5;
}
.galerij-wrapper img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  transition: 0.2s ease;
}
.galerij-wrapper img:hover {
  transform: scale(1.025);
}
.fancybox {
  position: relative;
  display: inline-block;
  width: 100%;
  outline: none !important;
  text-align: center;
}
.fancybox:hover .subtitle {
  text-decoration: underline;
}
.fancybox .subtitle {
  margin: 2px 0;
  color: #000;
  font-size: 12px;
}
.fancybox-caption {
  text-align: center;
}
/*  ===============
    FAQ
    =============== */
#faq .faq-q {
  cursor: pointer;
  font-weight: bold;
}
#faq .faq-a {
  clear: both;
  display: none;
}
/*  ===============
    VIDEO
    =============== */
.container-fluid .ytvideo {
  margin-left: -15px;
  margin-right: -15px;
}
.video-wrapper .hover-reset {
  display: block !important;
}
.ytvideo {
  position: relative;
  margin: 0 auto;
}
.ytvideo iframe {
  /* position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; */
  margin: auto;
  width: 100% !important;
}
/*  ===============
    USPS
    =============== */
.usps_wrapper .usps {
  text-align: center;
}
.usps_wrapper .usps .usp-header {
  cursor: pointer;
  margin: 20px 0 30px;
}
.usps_wrapper .usps .usp-header .icon .fab {
  font-size: 64px;
}
.usps_wrapper .usps .usp-header .titel {
  display: inline-block;
  margin-top: 12px;
  font-size: 18px;
  font-weight: 700;
}
.usps_wrapper .usps .usp-header:after {
  content: "";
  width: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: 0 auto;
  display: block;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.usps_wrapper .usps .usp-header.active:after {
  border-bottom: 20px solid #07466e;
}
.usps_wrapper .usps .usp-description {
  display: none;
  margin-bottom: 20px;
}
.usps_wrapper .usps .usp-description.active {
  display: block;
}
.usps_wrapper .usps .usp-description p {
  margin: 0;
}
.usps_wrapper .usps .usp-description .content {
  position: relative;
  background: #07466e;
  color: #fff;
  font-weight: bold;
  padding: 32px;
}
.usps_wrapper .usps .usp-description .content .close-usp {
  font-weight: 700;
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}
/*  ===============
    MENU (Diepte 3)
    =============== */
#mainmenu #menu-hoofdmenu {
  z-index: 999;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0px;
}
#mainmenu #menu-hoofdmenu > li {
  margin: 0;
  padding: 0;
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
}
#mainmenu #menu-hoofdmenu > li ul.sub-menu {
  display: none;
  z-index: 999;
  width: 180px;
  visibility: hidden;
}
#mainmenu #menu-hoofdmenu > li > a {
  display: block;
}
#mainmenu #menu-hoofdmenu > li:hover > a {
  display: block;
  padding-bottom: 0px;
}
#mainmenu #menu-hoofdmenu > li:hover > ul {
  background-color: dodgerblue;
  display: inline-block;
  visibility: visible;
  position: absolute;
  margin-left: 0px !important;
  padding: 10px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
#mainmenu #menu-hoofdmenu > li:hover > ul > li {
  display: inline-block;
}
#mainmenu #menu-hoofdmenu > li:hover > ul > li a {
  color: black;
}
#mainmenu #menu-hoofdmenu > li:hover > ul > li:hover > a {
  padding-bottom: 0px;
}
#mainmenu #menu-hoofdmenu > li:hover > ul > li:hover > ul {
  background-color: deepskyblue;
  display: inline-block;
  visibility: visible;
  position: absolute;
  margin-left: -0px !important;
  bottom: 0px;
  padding: 10px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
#mainmenu #menu-hoofdmenu > li:hover > ul > li:hover > ul > li {
  display: inline-block;
}
#mainmenu #menu-hoofdmenu > li:hover > ul > li:hover > ul > li a {
  color: black;
}
.contactformulier_wrapper .validation_error {
  font-size: 18px;
  color: #c33;
  margin-bottom: 16px;
}
.contactformulier_wrapper label {
  display: none !important;
}
.contactformulier_wrapper .ginput_container_checkbox label {
  display: inline-block !important;
}
.contactformulier_wrapper .ginput_container_checkbox ul {
  margin: 0;
  padding: 0;
}
.contactformulier_wrapper .ginput_container_checkbox ul li {
  padding-bottom: 10px !important;
}
.contactformulier_wrapper .ginput_container_checkbox input {
  vertical-align: middle;
  -webkit-appearance: checkbox !important;
}
.contactformulier_wrapper .gform_fields li input,
.contactformulier_wrapper .gform_fields li textarea {
  width: 100%;
  padding: 12px !important;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-appearance: none;
}
.contactformulier_wrapper .gform_fields li input[type="checkbox"] {
  width: auto;
}
.contactformulier_wrapper .gform_fields li select {
  width: 100%;
  padding: 12px !important;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.contactformulier_wrapper .gform_fields li textarea {
  resize: none;
  height: 165px;
  overflow: auto;
  vertical-align: top;
}
.contactformulier_wrapper .gfield {
  margin: 12px 0 !important;
}
.contactformulier_wrapper .gforms_confirmation_message {
  font-size: 14px;
}
.contactformulier_wrapper .gform_button.button {
  margin-top: 16px;
  clear: both;
  float: right;
  background: #07466e;
  padding: 8px 20px;
  border: none;
  color: #fff;
  cursor: pointer;
}
.contactformulier_wrapper .gform_button.button:hover {
  background: #0a659e;
}
.contactformulier_wrapper .gfield_error input,
.contactformulier_wrapper .gfield_error textarea {
  border: 1px solid #A63232 !important;
}
.contactformulier_wrapper .gfield_error .validation_message {
  background: #FFDFE0;
  color: #A63232;
  font-weight: bold;
  font-size: 12px;
  padding: 2px 4px;
}
.contactformulier_wrapper .gform_ajax_spinner {
  clear: left;
  float: left;
}
#label_2_7_1 {
  font-weight: normal !important;
}
/* Reset List styles */
.gform_wrapper ul,
.gform_wrapper li,
.nostyle,
.nostyle li {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}
@media (min-width: 601px) {
  .gform_wrapper .column-count-1-of-2 {
    padding-right: 8px !important;
  }
  .gform_wrapper .column-count-2-of-2 {
    padding-left: 8px !important;
  }
}
/*  ==============================
      TELLER
    ============================== */
.teller {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
}
/*  ==============================
      DOWNLOAD
    ============================== */
.download-wrapper i {
  font-size: 18px;
}
.download-wrapper .bestanden_lijst {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.download-wrapper .bestanden_lijst li {
  margin: 10px 0px;
}
/*  ==============================
      MAIN TEMPLATE
    ============================== */
.space-both,
.space-top {
  padding-top: 3rem;
}
.space-both,
.space-bottom {
  padding-bottom: 3rem;
}
.space-none {
  padding-top: 0;
  padding-bottom: 0;
}
#colofon {
  text-align: center;
  font-size: 0.7em;
  line-height: 1.7em;
}
#colofon span {
  margin: 0px 10px;
}
/*  ==============================
      Swiper (Slider)
    ============================== */
.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
}
.swiper-container .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'#ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  color: #ffffff;
}
.swiper-container .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'#ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  color: #ffffff;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*  ==============================
      DEFAULTS (DON'T TOUCH)
    ============================== */
/* Align with wrap */
.text-right_wrap {
  display: inline-block;
  float: right;
  clear: right;
}
.text-left_wrap {
  display: inline-block;
  float: left;
  clear: left;
}
.text-left {
  clear: right;
}
.text-center {
  clear: both;
}
.text-right {
  clear: left;
}
.text-justify {
  clear: both;
}
.text-default {
  clear: both;
}
/* Mobile Header */
.mobile-header {
  font-size: 1em;
  line-height: 1.4em;
  font-weight: bold;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0px 0px;
}
.mobile-header ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.mobile-header ul > li {
  margin: 0px;
  padding: 0px;
}
.mobile-header ul i {
  font-size: 1.4em;
}
.mobile-header a {
  border-bottom: 0px !important;
}
.mobile-header a {
  color: #ffffff;
}
#googlemaps_inhoud p,
#googlemaps_inhoud img,
#googlemaps_inhoud a {
  text-align: center;
}
#googlemaps_content {
  text-align: center !important;
}
#googlemaps_logo img {
  max-width: 200px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.law-validation label {
  position: relative;
  top: 3px;
}
.resetul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
@font-face {
  font-family: 'Arqa';
  src: url('https://nl.arqarental.otap2.sier.online/wp-content/themes/sieronline_child/assets/less/../fonts/Arqa.woff2') format('woff2'), url('https://nl.arqarental.otap2.sier.online/wp-content/themes/sieronline_child/assets/less/../fonts/Arqa.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
}
img[class^="wp-image-"] {
  /* Stijl voor alle wp-image classes */
}
img[class^="wp-image-"].alignright {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
img[class^="wp-image-"].alignleft {
  float: left;
  margin-left: 1em;
  margin-bottom: 1em;
}
h1 {
  font-family: 'Inter', sans-serif;
  font-size: 24px !important;
  line-height: 34px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-family: "Arqa", sans-serif;
}
h2 {
  font-family: 'Inter', sans-serif;
  font-size: 22px !important;
  line-height: 32px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-family: "Arqa", sans-serif;
}
h3 {
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-family: "Arqa", sans-serif;
}
h4 {
  font-family: 'Inter', sans-serif;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-family: "Arqa", sans-serif;
}
h5 {
  font-family: 'Inter', sans-serif;
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-family: "Arqa", sans-serif;
}
h6 {
  font-family: 'Inter', sans-serif;
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  font-family: "Arqa", sans-serif;
}
@media (min-width: 992px) {
  h1 {
    font-family: 'Inter', sans-serif;
    font-size: 44px !important;
    line-height: 54px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-family: "Arqa", sans-serif;
  }
  h2 {
    font-family: 'Inter', sans-serif;
    font-size: 32px !important;
    line-height: 42px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-family: "Arqa", sans-serif;
  }
  h3 {
    font-family: 'Inter', sans-serif;
    font-size: 26px !important;
    line-height: 36px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-family: "Arqa", sans-serif;
  }
  h4 {
    font-family: 'Inter', sans-serif;
    font-size: 22px !important;
    line-height: 42px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-family: "Arqa", sans-serif;
  }
  h5 {
    font-family: 'Inter', sans-serif;
    font-size: 18px !important;
    line-height: 38px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-family: "Arqa", sans-serif;
  }
  h6 {
    font-family: 'Inter', sans-serif;
    font-size: 18px !important;
    line-height: 38px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-family: "Arqa", sans-serif;
  }
}
.mm-wrapper--position-left .mm-slideout,
.mm-wrapper--position-right .mm-slideout {
  will-change: unset !important;
  overflow: hidden !important;
}
a {
  border-bottom: 2px solid #ffd600;
  font-weight: normal !important;
  color: #ffffff;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}
a:hover {
  color: #ffd600;
  border-bottom: 2px solid #ffd600;
}
.button {
  background-color: #f1f1f1 !important;
  color: #333333 !important;
  border: 0px !important;
  border-radius: 10px !important;
  font-weight: bold !important;
  line-height: normal !important;
  padding: 0.75em 1.5em !important;
}
.button:hover {
  background-color: #ffd600 !important;
  color: #333333 !important;
}
/*
DEFAULT / MOBIEL STAAND
*********************************
***       ***********************
***       ***********************
***       ***********************
***       ***********************
***   *   ***********************
*********************************
*********************************
*********************************
*********************************
*********************************
*/
body {
  font-family: 'Inter', sans-serif;
  font-size: 1em !important;
  line-height: 2em !important;
  font-weight: normal !important;
  color: #ffffff !important;
  background-color: #333333;
}
/* DEFAULT
*********************************
***       ***********************
***       ***********************
***       ***********************
***       ***********************
***   *   ***********************
*********************************
*/
#header a {
  border-bottom: 0px !important;
}
.achtergrondfoto {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  mask-image: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.mobile-header {
  margin-top: 0.5em;
  position: fixed;
}
.mobile-header > div {
  background-color: rgba(102, 102, 102, 0.65);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.5em 1em;
}
.mobile-header > div.active {
  background: linear-gradient(135deg, #666666, #5f5f5f, #595959, #525252, #4c4c4c, #454545, #3f3f3f, #393939);
}
.mobile-header > div.active ul.mobile-menu-always-visible li.logo {
  opacity: 1 !important;
}
.mobile-header > div ul.mobile-menu-always-visible {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  line-height: normal;
}
.mobile-header > div ul.mobile-menu-always-visible li {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.mobile-header > div ul.mobile-menu-always-visible li.menutoggle i {
  font-size: 2em;
}
.mobile-header > div ul.mobile-menu-always-visible li.logo {
  margin-right: auto;
  opacity: 0;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}
.mobile-header > div ul.mobile-menu-always-visible li.logo.scroll {
  opacity: 1;
}
.mobile-header > div ul.mobile-menu-always-visible li.logo img {
  height: 40px;
  width: auto;
}
.mobile-header > div ul.mobile-menu-always-visible li.language img {
  width: 24px;
  height: auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.mobile-header > div ul.mobile-menu-always-visible li.phone i {
  font-size: 1em;
}
.mobile-header > div .hoofdmenu-mobile,
.mobile-header > div .topmenu-mobile {
  display: flex;
  flex-direction: column;
}
.mobile-header > div .hoofdmenu-mobile > a,
.mobile-header > div .topmenu-mobile > a {
  margin-bottom: 0.5em;
}
.mobile-header > div .hoofdmenu-mobile .titel,
.mobile-header > div .topmenu-mobile .titel {
  font-size: 1.5em;
  font-weight: normal;
  font-family: "Arqa", sans-serif;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #ffd600;
}
.mobile-header > div .hoofdmenu-mobile ul,
.mobile-header > div .topmenu-mobile ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-header > div .hoofdmenu-mobile ul li,
.mobile-header > div .topmenu-mobile ul li {
  margin-bottom: 0.5em;
}
.mobile-header > div .hoofdmenu-mobile ul li a,
.mobile-header > div .topmenu-mobile ul li a {
  color: #ffffff;
  text-decoration: none;
  font-weight: normal !important;
}
.mobile-header > div .hoofdmenu-mobile ul li a:hover,
.mobile-header > div .topmenu-mobile ul li a:hover {
  color: #ffd600;
}
.mobile-header > div .hoofdmenu-mobile .call2action,
.mobile-header > div .topmenu-mobile .call2action {
  background-color: #ffd600;
  color: #333333;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.6em;
}
.mobile-header > div .hoofdmenu-mobile .call2action i,
.mobile-header > div .topmenu-mobile .call2action i {
  display: block;
  font-size: 1.8em !important;
  text-align: right;
  margin-bottom: 0.5em;
  color: #ffffff !important;
}
.mobile-header > div .hoofdmenu-mobile .call2action a,
.mobile-header > div .topmenu-mobile .call2action a {
  color: #333333 !important;
  border-bottom: 2px solid #333333 !important;
}
.wrapper {
  padding-top: 5em;
}
.introductie_taxonomy_blok_wrapper {
  display: flex;
  flex-direction: column-reverse;
}
.introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok {
  background-color: #666666;
  border-radius: 0 0 10px 10px ;
  -webkit-border-radius: 0 0 10px 10px ;
  padding: 1em;
  height: 100%;
}
.introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok .taxonomy-parents {
  background-color: rgba(241, 241, 241, 0.75);
  padding: 1em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 0.7em;
  line-height: 1.7em;
  margin-bottom: 1em;
  color: #666666;
}
.introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok .taxonomy-parents a {
  color: #666666;
}
.introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok ul.taxonomy-children {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
}
.introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok ul.taxonomy-children li {
  margin-bottom: 0.5em;
}
.introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok ul.taxonomy-children li a {
  display: block;
  text-align: center;
}
.introductie_taxonomy_blok_wrapper .foto_introductie_taxonomy_blok {
  background-color: #666666;
  border-radius: 10px 10px 0 0 ;
  -webkit-border-radius: 10px 10px 0 0 ;
}
.introductie_taxonomy_blok_wrapper .foto_introductie_taxonomy_blok img {
  border-radius: 10px 10px 0 0 ;
  -webkit-border-radius: 10px 10px 0 0 ;
}
.single_product_wrapper a {
  color: #ffffff !important;
}
.single_product_wrapper > div {
  background-color: #666666;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.5em;
}
.single_product_wrapper > div div.foto {
  text-align: center;
  padding: 0.5em;
}
.single_product_wrapper > div div.inhoud {
  background-color: #4d4d4d;
  padding: 0.75em;
}
.single_product_wrapper > div div.inhoud .titel h2 {
  font-size: 1.25em !important;
  line-height: normal !important;
  color: #ffd600 !important;
}
.single_product_wrapper > div div.inhoud .informatie {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 0.8em;
  line-height: 1.4em;
}
.single_product_wrapper > div div.inhoud .call2action {
  text-align: right;
}
.single_product_wrapper > div div.inhoud .call2action > div {
  background-color: #33cc33;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: normal;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 0.5em 1em !important;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  cursor: pointer;
}
.single_product_wrapper > div div.inhoud .call2action > div:hover {
  background-color: #29a329 !important;
}
#footer {
  margin-top: 2em;
}
#footer .logo a {
  border: 0px !important;
}
#footer .grijs_footer {
  background-color: #4d4d4d;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1em;
}
#footer .grijs_footer .logos_footer {
  margin-top: 3em;
  margin-bottom: 2em;
}
#footer .grijs_footer .logos_footer ul {
  display: flex;
  flex-direction: row;
  gap: 1em;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#footer .grijs_footer .logos_footer ul li a {
  border: 0px !important;
}
#footer .grijs_footer .logos_footer ul li img {
  height: 40px !important;
  width: auto !important;
  max-width: auto !important;
  filter: grayscale(1);
}
#footer .grijs_footer .assortiment_footer ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  columns: 2;
}
#colofon {
  color: #666666;
  margin-top: 2em;
}
#colofon a {
  color: rgba(255, 255, 255, 0.5) !important;
}
#colofon a:hover {
  color: #ffd600 !important;
}
/* MOBIEL STAAND SMALL
*********************************
***         *********************
***<- 576 ->*********************
***         *********************
***         *********************
***         *********************
***    *    *********************
*********************************
*/
/*  TABLET STAAND MEDIUM
********************************
***         ********************
***<- 768 ->********************
***         ********************
***         ********************
***         ********************
***         ********************
***    *    ********************
********************************
*/
@media (min-width: 768px) {
  .introductie_taxonomy_blok_wrapper .foto_introductie_taxonomy_blok img {
    height: auto;
    max-height: 350px;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
}
/* TABLET LIGGEND LARGE
***************************************
***                 *******************
***<----- 992 ----->*******************
***                 *******************
***                 *******************
***                 *******************
***************************************
 */
@media (min-width: 992px) {
  .wrapper {
    padding-top: 0em;
  }
  .wrapper section:first-of-type {
    padding-top: 2em;
  }
  #header #logo img {
    height: 115px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    width: auto;
  }
  #header #topmenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
  }
  #header #topmenu .breadcrumb-wrapper {
    position: absolute;
    bottom: 0px;
    right: 15px;
    padding-bottom: 0.55em;
    font-size: 0.7em;
  }
  #header #topmenu .breadcrumb-wrapper p {
    margin: 0px;
    color: #666666;
  }
  #header #topmenu .breadcrumb-wrapper p a {
    color: #666666 !important;
  }
  #header #topmenu .breadcrumb-wrapper p a:hover {
    color: #ffd600 !important;
  }
  #header #topmenu .menu-topmenu-container {
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
  }
  #header #topmenu ul.topmenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 2em;
    list-style: none;
    margin-bottom: 0px;
    padding-right: 1em;
    background-color: #666666;
    background-color: rgba(102, 102, 102, 0.65);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
  }
  #header #topmenu ul.topmenu:hover {
    background-color: #666666;
  }
  #header #topmenu ul.topmenu li a {
    font-size: 0.8em;
  }
  #header #topmenu ul.topmenu li.current-menu-item a {
    color: #ffd600;
  }
  #header #language_select ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1em;
    list-style: none;
  }
  #header #language_select ul li a img {
    width: 40px;
    height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  #header #mainmenu ul.mainmenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.75em;
    list-style: none;
    margin: 0px;
    padding: 0px;
    flex-wrap: wrap;
  }
  #header #mainmenu ul.mainmenu li a {
    font-size: 0.9em;
    background-color: rgba(102, 102, 102, 0.65) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #ffffff !important;
    padding: 0.45em 0.5em !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  #header #mainmenu ul.mainmenu li a:hover {
    background-color: #ffd600 !important;
    color: #333333 !important;
  }
  #header #mainmenu ul.mainmenu li.current-menu-item a {
    background-color: #ffd600 !important;
    color: #333333 !important;
  }
  #header .call2action {
    background-color: #ffd600;
    color: #333333;
    padding: 0.5em 1em;
    margin-top: 0em;
    margin-bottom: 0em;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    font-weight: normal;
    font-size: 0.8em;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #header .call2action i {
    font-size: 1.8em !important;
    margin-right: auto;
    color: #333333 !important;
  }
  #header .call2action a {
    color: #333333 !important;
    border-bottom: 2px solid #333333 !important;
  }
  #header-sticky-wrapper.is-sticky #header .menucontainer {
    background-color: rgba(51, 51, 51, 0.85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  #header-sticky-wrapper.is-sticky #header #logo img {
    height: 60px;
    width: auto;
  }
  .introductie_taxonomy_blok_wrapper {
    flex-direction: row;
    margin-top: 2em;
  }
  .introductie_taxonomy_blok_wrapper > div.inhoud_introductie_taxonomy_blok_wrapper {
    padding-right: 0px;
  }
  .introductie_taxonomy_blok_wrapper > div.foto_introductie_taxonomy_blok_wrapper {
    padding-left: 0px;
  }
  .introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok {
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px ;
  }
  .introductie_taxonomy_blok_wrapper .foto_introductie_taxonomy_blok {
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    height: 100%;
  }
  .introductie_taxonomy_blok_wrapper .foto_introductie_taxonomy_blok img {
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    height: 100%;
    max-height: unset !important;
  }
  #footer .logos_footer {
    margin-bottom: 0px !important;
  }
}
/* DESKTOP
*********************************************
***                       *******************
***<-------- 1200 ------->*******************
***                       *******************
***                       *******************
***                       *******************
***                       *******************
*************   *****************************
*************   *****************************
********              ***********************
*********************************************
*/
@media (min-width: 1200px) {
  #header #mainmenu ul.mainmenu {
    gap: 1em;
    justify-content: space-between;
  }
}
@media (min-width: 1600px) {
  .introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok ul.taxonomy-children {
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
  }
  .introductie_taxonomy_blok_wrapper .inhoud_introductie_taxonomy_blok ul.taxonomy-children li a {
    display: block;
  }
}
@media (min-width: 1920px) {
  #header #mainmenu ul.mainmenu {
    gap: 1em;
    justify-content: space-between;
  }
  #header #mainmenu ul.mainmenu li a {
    font-size: 1em;
  }
  .achtergrondfoto {
    height: 80vh;
  }
}