/*
 Theme Name:     Brandeniers
 Theme URI:      Brandeniers.nl
 Description:    Brandeniers Child Theme
 Author:         Brandeniers
 Author URI:     Brandeniers.nl
 Template:       Divi
 Version:        1.0.1
*/

/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
  font-family: "GeomGraphic";
  src: url(/wp-content/themes/divi-child/Fonts/GeomGraphic.ttf);
  font-weight: normal;
  font-style: normal;
}
html {
  overflow-x: hidden;
}
body {
  background: #222;
  overflow-x: hidden;
}
body.open {
  overflow: hidden !important;
}
#page-container #et-boc h1,
#page-container #et-boc h2,
#page-container #et-boc h3,
#page-container #et-boc h4,
#page-container #et-boc h5,
#page-container #et-boc .geom {

  font-family: "GeomGraphic";
}


#page-container #et-boc p {
  font-size: 16px;
  color: #fff;
  line-height: 1.8rem;
}

#page-container #et-boc .et_pb_code_inner a
 {
  color: #adadad;
}

#page-container #et-boc #main-content .et_pb_text_inner a {
  text-decoration: underline;
  color: white;
}


#page-container #et-boc footer p {
  color: black;
}

#page-container #et-boc .red {
  color: #df211b;
}

#page-container #et-boc .white {
  color: #fff;
}

#page-container #et-boc h4.red {
  font-size: 16px;
  margin-top: 10px;
}



#page-container #et-boc h1 {
  text-transform: uppercase;
}

#page-container #et-boc h2 {
  text-transform: uppercase;
}

#page-container #et-boc h3 {
  text-transform: uppercase;
}

#page-container #et-boc h4 {
  text-transform: uppercase;
}






#page-container #et-boc  .header-video-sectie:before {
content:"";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: block;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 16%, rgba(223, 33, 27, 0.4) 100%);
    z-index: 2;
}


#page-container #et-boc .et_pb_button_module_wrapper {
  margin-bottom: 0 !important;
}

#page-container #et-boc .divider-left-clip:after {
  background-image: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/divider-schuin.svg);
  content: "";
  bottom: -62px;
  width: 33%;
  height: 64px;
  position: absolute;
  z-index: 999;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  transform: rotateX(180deg);
}

#page-container #et-boc .divider-right-clip-top:after {
  background-image: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/divider-schuin-lichtgrijs.svg);
  content: "";
  top: -80px;
  width: 25%;
  height: 80px;
  position: absolute;
  z-index: 999;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  transform: rotateY(180deg);
  right: 0;
}

#page-container #et-boc .divider-right-clip-top-red:after {
    clip-path: polygon(100% 0%, 79% 0%, 71% 70%, 0% 70%, 0% 100%, 100% 100%);
    content: "";
    position: absolute;
    top: -71px;
    z-index: 7;
    display: block;
    background-color: #df211b;
    width: 100%;
    height: 100px;
    background-image: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/09/section-overlay-cta-v3.svg);
    background-position-y: -65px;
    background-position-x: -10px;
}

#page-container #et-boc .divider-left-clip-top:after {
  background-image: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/divider-schuin.svg);
  content: "";
  top: -80px;
  width: 25%;
  height: 80px;
  position: absolute;
  z-index: 999;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
}

#main-content {
  margin-top: -100px;
}

#page-container #et-boc .rapid-main-header-row {
  display: flex;
  align-items: center;
  z-index: 1000;
  padding: 0 !important;
}

.nav__logo {
  /* transform: scale(1.8); */
  top: 28px;
}

#page-container #et-boc .et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li:not(:nth-child(1)) {
  margin-left: 20px;
}

#page-container #et-boc ul#menu-footer-1 {
  align-items: center;
}

#page-container #et-boc .top-menu a,
#page-container #et-boc .top-menu-2 a {
  color: rgba(255, 255, 255, 90%) !important;
  font-family: "GeomGraphic";
}

#page-container #et-boc .top-menu-2 ul {
  padding: 0 !important;
  border: 0 !important;
}

#page-container #et-boc .top-menu-2 .sub-menu li {

}

#page-container #et-boc .icon-overlay-hero {
  position: absolute;
  width: 65%;
  right: -180px;
  top: 100%;
  transform: translateY(30%);
}

#page-container #et-boc .icon-overlay-hero:before {
  width: 40px;
  height: 80px;
  border-radius: 100px;
  border: 1px solid #fff;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#page-container #et-boc .icon-overlay-hero:after {
  content: '';
  background: red;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  display: block;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 45%;
  left: 50%;
  animation: scrollDown 4s infinite;
}

#page-container #et-boc .flying-car:before {
  position: absolute;
  content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/overlay-icon-full-opacity.png);
  display: block;
  top: -70px;
  left: -80px;
}

#page-container #et-boc .hexagon-right:before {
  position: absolute;
  content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/overlay-icon-full-opacity.png);
  display: block;
  top: -70px;
  right: -25px;
}

#page-container #et-boc .hoe-we-section:before {
  content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/overlay-hero-bg.png);
  position: absolute;
  left: -30vw;
  display: block;
  width: 100px !important;
}

#page-container #et-boc .hoe-we-section .et_pb_row_3 {
  padding: 0;
}

.hoe-we-section .et_pb_row_2 {
  padding-bottom: 0;
}

#page-container #et-boc .hoe-we-section .et_pb_column_4 {
  margin: 0;
}

#page-container #et-boc .hero-section:before {
  content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/overlay-hero-bg.png);
  position: absolute;
  right: 25vw;
  top: 25vh;
  display: block;
  width: 100px !important;
}
#page-container #et-boc .hero-section h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#page-container #et-boc .rapid-background:before {
  content: "RAPID";
  font-size: 400px;
  font-family: "GeomGraphic";
  opacity: 0.3;
  letter-spacing: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

#page-container #et-boc .rapid-after-text {
  padding: 0 !important;
}

#page-container #et-boc .rapid-after-text:before {
  content: "RAPID";
  font-size: 400px;
  font-family: "GeomGraphic";
  opacity: 0.15;
  letter-spacing: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 700px;
  transform: translate(-50%, -50%);
  z-index: 3;
}

#page-container #et-boc .quote-hexagon {
  position: absolute;
  right: 0;
  z-index: 8;
  top: -260px;
  background: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/hexagon-quote-red.png);
  width: 297px !important;
  height: 336px !important;
  padding: 30px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

#page-container #et-boc .quote-hexagon h3 {
  font-size: 20px;
}

#page-container #et-boc .quote-hexagon:before {
  content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/Group-3535.png);
  margin-left: 0;
  margin-right: 15px;
}

#page-container #et-boc .number-legends {
  margin-bottom: 75px;
}

#page-container #et-boc .slider-row {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: scroll;
  overflow-y: hidden;
  flex-wrap: nowrap !important;
  width: 100vw;
  max-width: 100vw;
}

#page-container #et-boc .slider-row > div {
  width: 100% !important;
  margin-right: 0% !important;
  border-radius: 5px;
}

#page-container #et-boc .slider-row > div:nth-child(2n) {
  margin-top: 50px !important;
}

#page-container #et-boc .slider-row .et_pb_image_wrap > img,
#page-container #et-boc .slider-row .et_pb_column {
  height: 100%;
}

#page-container #et-boc .slider-row .et_pb_text_inner {
  width: 300px;
}

#page-container #et-boc .slider-row::-webkit-scrollbar {
  background: transparent;
  height: 10px;
}

#page-container #et-boc .slider-row::-webkit-scrollbar-thumb {
  background: #e0201c;
  border-radius: 21px;
  cursor: pointer;
}

#page-container #et-boc .bereken-kosten {
  display: flex;
  gap: 25px;
  justify-content: flex-end;
}

#page-container #et-boc .bereken-kosten-row {
  align-items: self-end;
  display: flex;
  flex-wrap: wrap;
}

#page-container #et-boc .et_pb_section_4.et_pb_section {
  overflow: hidden;
}

#page-container #et-boc .footer-menu-2 a {
  color: #000;
}

/* .kosten-berekenen::before {
    content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/rapid-overlay-bg.png);
    position: absolute;
    z-index: 0;
    top: 20px;
    filter: brightness(0.9);
    transform: scale(1.1);
} */
#page-container #et-boc .kosten-berekenen {
      background: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/09/section-overlay-cta-v3.svg);
    background-position-x: center;
    background-position-y: -85px;
}
#page-container #et-boc .contact-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#page-container #et-boc .faq-box  {
  padding: 40px;
  border-radius: 5px;
  margin-right: 25px !important;
  width: 48.25% !important;
}

#page-container #et-boc  .faq-vollebreedte  .faq-box{
  width: 100%!important;

}
#page-container #et-boc .faq-row {
  padding-top: 0 !important;
}

#page-container #et-boc .faq-row .et_pb_button_module_wrapper  {
	display: inline-block;
}

#page-container #et-boc .faq-box p {
  color: #ADADAD;
}

@media all and (min-width: 981px) {
#page-container #et-boc .faq-row .inline-titeltje {
  display: inline-block;

}
#page-container #et-boc .faq-row .naar-technieken-knop.et_pb_button_module_wrapper {
 float: right;
}
}

#page-container #et-boc .faq-row .naar-technieken-knop.et_pb_button_module_wrapper a  {
  text-decoration: none!important;
}




#page-container #et-boc .et_pb_toggle_content {
  margin-left: 25px;
  width: 88%;
}
#page-container #et-boc h5.et_pb_toggle_title:after {
  float: left;
  position: relative;
  content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/list-style-rapid.png);
  top: -5px;
  margin-right: 10px;
}
#page-container #et-boc  .et_pb_toggle_title:before {
  content: unset;
}
#page-container #et-boc .et_pb_toggle_open:before {
  background: #fff;
  content: "\32";
  position: absolute;
  right: 17px;
  font-size: 28px;
  color: #222;
  margin-top: -0.5em;
  border-radius: 5px;
  padding: 5px;
  font-family: 'ETMODULES';
}
#page-container #et-boc .et_pb_toggle_close:before {
  background: #323232;
  content: "\33";
  position: absolute;
  right: 17px;
  font-size: 28px;
  color: #adadad;
  margin-top: -0.5em;
  border-radius: 5px;
  padding: 5px;
  font-family: 'ETMODULES';
}

#page-container #et-boc .et_pb_toggle {
  border: none;
}

#page-container #et-boc  .et_pb_toggle,
#page-container #et-boc .faq-box .et_pb_accordion_item {
  border-bottom: 1px solid rgba(255,255,255, 22%) !important;
  padding-bottom: 20px !important;
  background: transparent;
  margin-bottom: 7px;
}
#page-container #et-boc .faq-box .et_pb_toggle_close, .faq-box .et_pb_toggle_open {
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px;
}
#page-container #et-boc  h5.et_pb_toggle_title {
  font-family: 'Exo';
  font-weight: 600;
  color: white;
}
#page-container #et-boc .contact-flex > div:nth-child(2),
#page-container #et-boc .contact-flex > div:nth-child(3) {
  margin-left: 0px;
}

#page-container #et-boc footer.et-l--footer,
#page-container #et-boc .contact-flex h5 {
  color: #222;
}
#page-container #et-boc .contact-flex h5 {
  font-size: 15px;
}
#page-container #et-boc .contact-block .phone,
#page-container #et-boc .contact-block .mail,
#page-container #et-boc .contact-block .locatie {
  margin-top: 10px;
}

#page-container #et-boc .contact-block .phone a,
#page-container #et-boc .contact-block .mail a,
#page-container #et-boc .contact-block .locatie a
{
  text-decoration: none!important;
}
#page-container #et-boc .phone,
#page-container #et-boc .mail,
#page-container #et-boc .locatie {
  font-family: "ETmodules";
  display: flex;
}
#page-container #et-boc .phone:before,
#page-container #et-boc .mail:before,
#page-container #et-boc .locatie:before {
  color: #df211b;
  font-size: 21px;
  margin-right: 10px;
  margin-top: -5px;
}
#page-container #et-boc .phone:before {
  content: "";
}
#page-container #et-boc .mail:before {
  content: "";
}
#page-container #et-boc .locatie:before {
  content: "";
}
#page-container #et-boc .top-footer {
  border-bottom: #adadad 1px solid;
}
#page-container #et-boc .meer-weten-blurb h4 {
  color: #df211b;
}

#page-container #et-boc .meer-weten-blurb .et_pb_image_wrap:hover {
filter: grayscale(1) brightness(10);
}

#page-container #et-boc .meer-weten-blurb .et_pb_image_wrap {
  transition: 300ms ease-in-out all;
}
#page-container #et-boc .contact-about-faq .et_pb_image,
#page-container #et-boc .contact-about-faq .et_pb_image .et_pb_image_wrap {
  height: 100%;
}
#page-container #et-boc .contact-about-faq .et_pb_image img {
  position: relative;
  object-fit: cover;
  height: 100%;
  border-radius: 5px;
}


#page-container #et-boc .download-box  {
  background: #222;
  padding: 25px;
  border-radius: 5px;
}


/*
.download-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 20px;
  align-items: start; 

}*/


#page-container #et-boc .download-box {
  column-count: 1; /* Number of columns */
  column-gap: 20px; /* Gap between columns */
}

#page-container #et-boc .download-box .et_pb_module {
  break-inside: avoid; /* Prevents items from splitting across columns */
  margin-bottom: 20px; /* Gap between items vertically */
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  #page-container #et-boc .download-box {
    column-count: 1;
  }
}

@media (max-width: 767px) {
  #page-container #et-boc .download-box {
    column-count: 1;
  }
}


#page-container #et-boc .download-box li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #323232;
  font-size: 16px;
}
#page-container #et-boc .download-box li:before {
  position: relative;
  content: "»";
  top: 2px;
  color: #df211b;
}

#page-container #et-boc .download-box li > a {
  color: #fff;
  padding: 10px;
  font-weight: 600;
  display: block;
}

@media all and (min-width: 1500px)  {
#page-container #et-boc .download-uitklapper ul.meer-dan-6 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 10px;
}
}

@media all and (min-width: 981px) and (max-width: 1499px) {
#page-container #et-boc .download-uitklapper ul.meer-dan-6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
}
}

#page-container #et-boc .download-uitklapper p {
  display: none;
}





#page-container #et-boc .download-box li > a:hover {
  text-decoration: underline;
}
#page-container #et-boc .file-extension {
  font-size: 12px;
  color: #fff;
  background: #323232;
  padding: 2px 7px;

  right: 0;
  border-radius: 5px;
  text-transform: uppercase;
}
#page-container #et-boc span.percent-value {
  color: #fff;
  font-family: "GeomGraphic";
}
#page-container #et-boc .percent {
  height: auto !important;
}
#page-container #et-boc .percent:before {
  margin-bottom: 15px;
  content: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/022-3d-cube.png);
}
#page-container #et-boc .percent p {
  margin-top: 15px;
}
#page-container #et-boc .et_pb_number_counter h3 {
  font-family: "Exo";
}
#page-container #et-boc .mobile_nav .mobile_menu_bar:before {
  color: #fff !important;
}

#page-container #et-boc .about-usp {
  display: flex;
}
#page-container #et-boc .about-usp:before {
  content: url('http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/09/Component-12-–-3.svg');
  margin-right: 25px;
}

/** DROP DOWN MENU **/
#page-container #et-boc .et_pb_menu_2_tb_header.et_pb_menu .nav li ul {
  background-color: #323232!important;
  border-bottom: 2px solid #e0221c;
  border-top: 2px solid #e0221c;
}

#page-container #et-boc .slide-in-menu {
  height: 100vh;
  background: #323232;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
  transition: 0.3s all ease-in-out;
  border-left: 2px #df221c solid;
  display: none;
}

#page-container #et-boc .slide-in-menu.open {
  right: 0;
}
#page-container #et-boc .et_pb_scroll_top.et-pb-icon {
  z-index: 10999 !important;
}
#page-container #et-boc .overlay-slide {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 11000;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: none;
}
#page-container #et-boc .overlay-slide.active {
  display: block !important;
}
#page-container #et-boc .slide-in-toggle {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 25px;
  text-align: right;
  z-index: 7;
  padding: 0;
  display: none;
}
#page-container #et-boc .toggle-btn {
  position: relative;
  text-align: center;
  font-family: "ETModules";
}
#page-container #et-boc .toggle-btn {
  padding: 5px;
  background: #df221c;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  margin-left: 20px;
  border: 0;
}
#page-container #et-boc .et_pb_menu .et_pb_menu__menu>nav>ul {
  align-items: center;
}
#page-container #et-boc .rapid-main-header.et_pb_sticky--top {
  filter: drop-shadow(0 0 0.75rem #323232);
}

@media screen and (max-width: 980px) {
  #page-container #et-boc  .faq-box {
    width: 100% !important;
  }
  #page-container #et-boc footer .et_pb_menu__menu {
    display: block !important;
  }
  #page-container #et-boc .nav__logo {
    top: 14px !important;
    right: 0;
  }
  #page-container #et-boc  .kosten-berekenen {
    background-position-y: -50px;
  }
  #page-container #et-boc  .et_pb_section.et_pb_section_1_tb_header.rapid-main-header.divider-left-clip.et_pb_sticky_module.et_pb_with_background.et_section_regular.et_pb_section--with-menu.et_pb_sticky.et_pb_sticky--top {
    border-bottom: 1px solid #df221cd9;
    box-shadow: 0px 0px 30px #df231c56;
    transition: 0.3s all ease-in-out;
  }
  #page-container #et-boc .slide-in-toggle {
    display: block;
    z-index: 99999;
  }
  #page-container #et-boc .slide-in-menu {
    display: block;
    position: fixed;
    right: -100%;
    z-index: 20000;
    width: 40%;
  }
  #page-container #et-boc  .slide-in-menu .et_pb_menu .et_pb_menu__menu {
    display: block;
    width: 100%;
  }
  #page-container #et-boc   .slide-in-menu .et_pb_menu__wrap {
    justify-content: center;
    width: 100%;
  }
  #page-container #et-boc  .slide-in-menu ul.et-menu.nav {
    display: flex;
    margin: 0;
  }
  #page-container #et-boc  .slide-in-menu ul.et-menu.nav > li {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: 0 !important;
    padding: 0;
  }
  #page-container #et-boc  .slide-in-menu .et_mobile_nav_menu {
    display: none;
  }
  #page-container #et-boc .slide-in-menu a {
    color: #fff;
    padding: 10px 15px !important;
    width: 100%;
    margin: 0px 12px;
    font-family: "GeomGraphic";
    border-bottom: 1px solid #595959;
}
#page-container #et-boc  .et_mobile_nav_menu {
    display: none !important;
  }
  #page-container #et-boc  .flickity-viewport {
    min-height: unset !important;
  }
}

@media screen and (max-width: 685px) {
  #page-container #et-boc  ul#menu-footer-1 {
    display: block;
    margin: auto;
    text-align: center;
  }
  #page-container #et-boc  #menu-footer-1 li, #menu-footer-2 li {
    padding: 0;
    margin-left: 0;
    margin-top: 15px;
  }
  #page-container #et-boc  #menu-footer-1 li a {
    display: block;
    text-align: center;
  }
  #page-container #et-boc   ul#menu-footer-2 {
    display: block;
    margin: auto;
    text-align: center;
  }
  #page-container #et-boc   #menu-footer-2 li {
    padding: 0;
    margin-left: 0;
  }
  #page-container #et-boc   #menu-footer-2 li a {
    display: block;
    text-align: center;
  }
  #page-container #et-boc  .et_pb_menu_1_tb_footer .et_pb_menu__wrap {
    justify-content: flex-start !important;
  }
  #page-container #et-boc  .slide-in-menu .sub-menu {
    width: 100%;
}
#page-container #et-boc .slide-in-menu ul.sub-menu a {
  background: #df211b00;
  padding: 6px 20px !important;
  font-size: 12px;
}
}

/** LOGO scaling **/

@media screen and (min-width: 1360px) {
  #page-container #et-boc  img.wp-image-14 {
    width: 90% !important;
  }
}
@media screen and (min-width: 1200px) {
  #page-container #et-boc  img.wp-image-14 {
    width: 65% !important;
  }
}

/** BUTTONS **/
#page-container #et-boc .toggle-button {
	float: left;
}


#page-container #et-boc li.et_pb_button > a {
  color: #fff;
  padding: 0 !important;
}
#page-container #et-boc li.et_pb_button:hover {
  border: 1px solid #df211b !important;
}
/*#page-container #et-boc li.et_pb_button:hover > a {
  color: #df211b !important;
}*/
#page-container #et-boc .gform_button {
  font-weight: 500;
  line-height: 1.7em !important;
  border-radius: 3px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: all !important;
  transition-property: all !important;
}
#page-container #et-boc .et_pb_button,
#page-container #et-boc .gform_button {
  padding: 0.5em 1.3em !important;
  background: #df211b;
  color: white;
  font-family: "GeomGraphic";
  font-size: 14px;
  overflow: hidden;
  border: 1px solid transparent;
  cursor: pointer;
}
#page-container #et-boc .et_pb_button:after,
#page-container #et-boc .et_pb_button:before {
  content: unset;
}
#page-container #et-boc .et_pb_button:after,
#page-container #et-boc .gform_button:after {
  background: #fff;
  content: "";
  height: 300px;
  opacity: 0.2;
  left: -80px;
  top: -50px;
  position: absolute;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 30px;
  z-index: 3;
}
/*#page-container #et-boc .et_pb_button:hover,*/
#page-container #et-boc .gform_button:hover {
  color: #df211b !important;
  background: #fff !important;
  padding: 0.5em 1.3em !important;
  border: 1px solid #fff !important;
}
#page-container #et-boc .et_pb_button:hover:after,
#page-container #et-boc .gform_button:hover:after {
  left: 110%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
#page-container #et-boc .button-white {
  background: #fff;
  color: #df211b;
}
#page-container #et-boc .button-white:hover {
  color: #fff !important;
  border: 1px solid #fff !important;
  background: transparent !important;
}
#page-container #et-boc .button-transparent {
  background: transparent;
  border: 1px solid #fff;
}
/** END BUTTONS **/

/** GRAVITY FORMS **/
#page-container #et-boc .ginput_container input,
#page-container #et-boc .ginput_container textarea {
  padding: 10px !important;
  border-radius: 5px;
}
#page-container #et-boc .gfield_label,
#page-container #et-boc .gfield_required_asterisk {
  font-weight: 600;
  font-size: 15px;
  color: #fff !important;
}
#page-container #et-boc .gform_footer {
  justify-content: flex-end;
  padding: 0 !important;
}
#page-container #et-boc p.gform_required_legend {
  display: none;
}
#page-container #et-boc .gform_wrapper.gravity-theme .gfield textarea.large {
  height: auto;
}
#page-container #et-boc input, #page-container #et-boc  textarea {
  border: 0 !important;
}

/** Custom module flickity slider **/
#page-container #et-boc .flickity-viewport {
  max-height: 1000px;
  min-height: 300px;
}
#page-container #et-boc .flickity-button-icon {
  width: 14px !important;
  left: 50% !important;
  transform: translateX(-50%);
}
#page-container #et-boc .flickity-button {
  background: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/08/Group-3002.png) !important;
  border-radius: 0 !important;
  height: 50px !important;
  width: 45px !important;
  top: -165px !important;
  color: #df221c !important;
}
#page-container #et-boc .flickity-prev-next-button.next {
  right: -20px !important;
}
#page-container #et-boc .flickity-prev-next-button.previous {
  left: -20px !important;
}
#page-container #et-boc .brandeniers-slider {
  margin: auto;
}
#page-container #et-boc .carousel-slide {
  width: 100%;
  color: #fff;
}

#page-container #et-boc .carousel-slide .carousel-grid-col p a {
  text-decoration: underline;
  color: white;
}

#page-container #et-boc .flickity-slider {
  display: flex;
  justify-content: flex-start;
  padding-top: 40px;
  align-items: center;
}
#page-container #et-boc .carousel-main .flickity-slider {
  padding-top: 0;
}
#page-container #et-boc .carousel-nav {
  margin-top: 30px;
}
#page-container #et-boc .carousel-nav button {
  display: none;
}
#page-container #et-boc .carousel-cell h1 {
  padding: 0;
}
#page-container #et-boc .carousel-nav__item {
  background: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/unhover-state.png);
  background-size: cover;
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  padding: 10px;
  width: 150px;
  height: 175px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-image 0.3s ease-in-out;
  margin-right: 185px;
}
#page-container #et-boc .carousel-nav__item:not(:first-child):before {
  display: block;
  content: "";
  background-image: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/divider-dots.png);
  position: absolute;
  width: 85px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  left: -100%;
  transform: translateX(20%);
  background-position: center;
}
#page-container #et-boc .carousel-nav__item.is-selected {
  background: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/hovered-state.png);
  background-size: cover;
  position: relative;
  filter:drop-shadow(0px 0px 20px rgb(255, 255, 255, 0.6));
}
#page-container #et-boc .carousel-grid-container {
  display: flex;
  margin: auto;
}
#page-container #et-boc .carousel-grid-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  margin: 15px;
}
#page-container #et-boc .step-divider {
  background: url(http://rapid.is-een-geweldige-klant.nl/wp-content/uploads/2023/07/divider-dots.png)
    no-repeat center center;
  max-width: 100%;
  min-width: 13%;
  height: 7px;
}
#page-container #et-boc .flickity-page-dots .dot {
  background: red !important;
}
#page-container #et-boc .hexagon-voorbeeld {
  position: absolute;
  top: -50px;
  min-width: 28vw;
  width: 40vw;
  right: -15vw;
  opacity: .6;
  z-index: 1;
}
#page-container #et-boc .hexagon-voorbeeld img {
  pointer-events: none;
}
#page-container #et-boc .slider-row > div {
  margin-right: 25px !important;
}
#page-container #et-boc .case-portfolio a {
  color: #fff;
}
#page-container #et-boc .case-portfolio img {
  border-radius: 5px;
}
#page-container #et-boc .case-portfolio .entry-title > a:before {
  content: "»";
  color: #df211c;
  margin-right: 10px;
}
#page-container #et-boc .case-portfolio .et_pb_blog_grid .et_pb_post {
  border: 0;
  background: transparent;
}
#page-container #et-boc .case-portfolio .et_pb_image_container {
  margin: 0;
}
#page-container #et-boc .case-portfolio .et_pb_post {
  margin: 0;
}

/*
.case-flickety img {
  aspect-ratio: 1 / 1;
  object-fit: scale-down;
  object-position: center;
  object-position: top;

}*/
#page-container #et-boc .case-flickety .gallery-cel {
  display: flex;
  justify-content: center;
  max-width: 100%;
}


#page-container #et-boc .brandeniers-slider .flickity-page-dots {
  display: none;
}


#page-container #et-boc  .case-flickety .flickity-button {
  top: 50% !important;
}




#page-container #et-boc  .cases-carousel .owl-carousel .owl-item img {
 aspect-ratio: 1 / 1;
 object-fit: cover;
}

#page-container #et-boc .cases-carousel .owl-carousel .owl-item .dp_oc_item:before {
  content:"";
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 40%);
  display: block;
  position: absolute;
  left:0px;
  top: 0px;
}

#page-container #et-boc  .cases-carousel .owl-carousel .owl-stage > div:nth-child(2n) {
margin-top: 50px !important;
}
#page-container #et-boc .cases-carousel .owl-carousel img {
  border-radius: 5px;
}
#page-container #et-boc  .cases-carousel .dp_oc_post_title {
position: absolute;
bottom: 0;
padding: 10%;
font-size: 20px;
}

#page-container #et-boc  .cases-carousel .owl-cta {
height: 100%;
aspect-ratio: 1 / 1;
background-color: #DF211B;
}

#page-container #et-boc .cases-carousel .owl-prev,
#page-container #et-boc  .cases-carousel .owl-next {
transition: 300ms all ease-in-out;
opacity: 0;
}
#page-container #et-boc .cases-carousel:hover .owl-prev,
#page-container #et-boc  .cases-carousel:hover .owl-next {
opacity: 1;

}
#page-container #et-boc  .cases-carousel .owl-prev {
  left: 0px;
}

#page-container #et-boc  .cases-carousel .owl-next {
  right: 0px
}


#page-container #et-boc .cases-carousel.variant-3d-printing {
  display: none;
}

#page-container #et-boc .cases-carousel.variant-prototyping {
  display: none;
}

.parent-pageid-217 #page-container #et-boc .variant-variant-alle,
.parent-pageid-168 #page-container #et-boc .variant-variant-alle {
display: none;
}

.parent-pageid-217 #page-container #et-boc .cases-carousel.variant-3d-printing,
.parent-pageid-168 #page-container #et-boc .cases-carousel.variant-prototyping {
  display: block;
}








#page-container #et-boc .owl-next:before, 
#page-container #et-boc .owl-prev:before {
background: rgba(0, 0, 0, .4);
border-radius: 5px;
color: white;
}

@media (min-width: 980px) {
  #page-container #et-boc button.et_pb_menu__icon.et_pb_menu__search-button {
    color: #fff !important;
    font-weight: 900 !important;
    margin-left: 50px;
}
#page-container #et-boc .case-portfolio .et_pb_salvattore_content[data-columns]::before {
    content: '2 .column.size-1of2' !important;
  }
  @media only screen and ( min-width: 981px ) {
    #page-container #et-boc  .case-portfolio .column.size-1of2 {
        width: 49% !important;
    }
    #page-container #et-boc  .case-portfolio .column.size-1of2:nth-child(1) {
      margin-right: 1% !important;
    }
    #page-container #et-boc   .case-portfolio .column.size-1of2:nth-child(2) {
      margin-right: 0 !important;
    }
  }
}
@media screen and (min-width: 641px) {
  #page-container #et-boc  .gfmc-container {
    column-gap: 2.5em;
  }
}
/** END GRAVITY FORMS **/

@media screen and (max-width: 1400px) {
  #page-container #et-boc   .slider-row .et_pb_image_wrap > img,
  #page-container #et-boc   .slider-row .et_pb_column {
    width: 350px !important;
    max-width: 350px !important;
  }
  #page-container #et-boc  .slider-row-mobile .et_pb_image_wrap > img,
  #page-container #et-boc  .slider-row-mobile .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
  }
  #page-container #et-boc  .slider-row-mobile .et_pb_text_inner {
    max-width: unset;
    width: unset;
  }
  #page-container #et-boc  .slider-row-mobile .et-last-child {
    display: flex;
    margin-left: -125px;
    box-shadow: 0px 0px 25px #00000070;
    flex-direction: column;
    justify-content: center;
}
#page-container #et-boc  .slider-row-mobile {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 980px) {
  #page-container #et-boc  .blurb-section .et_pb_button_module_wrapper {
    text-align: center;
  }
  #page-container #et-boc   .bereken-kosten {
    justify-content: flex-start;
  }
  #page-container #et-boc  .meer-weten-blurb > .et_pb_blurb_content, #page-container #et-boc .meer-weten-blurb  .et_pb_button_module_wrapper, #page-container #et-boc  .meer-weten-blurb  .et_pb_blurb_container {
    text-align: center !important;
  }
  #page-container #et-boc .quote-hexagon {
    display: none;
  }
  #page-container #et-boc  .divider-left-clip::after,
  #page-container #et-boc  .divider-left-clip-top::after,
  #page-container #et-boc  .divider-right-clip-top-red::after,
  #page-container #et-boc  .divider-right-clip-top::after {
    display: none;
  }
  #page-container #et-boc  .nav__logo {
    position: relative;
    top: 0;
    max-width: 90%;
  }
  #page-container #et-boc   .et_pb_section.et_pb_section_0_tb_header.top-bar.et_pb_with_background.et_section_regular.et_pb_section--with-menu {
    padding: 0 !important;
  }
  #page-container #et-boc  .rapid-main-header {
    padding: 0 !important;
  }
  #page-container #et-boc  .carousel-nav__item {
    height: 114px!important;
    width: 100px;
    margin-right: 25px !important;
}
#page-container #et-boc  .carousel-nav__item h1 {
    font-size: 1rem;
  }
  #page-container #et-boc  .carousel-nav__item::before,
  #page-container #et-boc  .carousel-nav__item::after {
    display: none !important;
  }
  #page-container #et-boc  .carousel-grid-container {
    display: block !important;
    padding-top: 0 !important;
  }
  #page-container #et-boc   .flickity-slider {
    padding-top: 0 !important;
  }
  #page-container #et-boc   .carousel-nav .flickity-viewport {
    height: 120px !important;
  }
  #page-container #et-boc   .flickity-viewport {
    height: 1020px !important;
  }
}

@media screen and (max-width: 820px) {
  #page-container #et-boc   .rapid-main-header-row {
    display: flex;
    align-items: center;
    padding: 0;
    padding-top: 25px;
  }
  #page-container #et-boc   .hero-section {
    margin-top: 100px;
  }
  #page-container #et-boc  .et_pb_section_0_tb_header.et_pb_section,
  #page-container #et-boc  .et_pb_section_1_tb_header.et_pb_section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #page-container #et-boc   .divider-left-clip {
    clip-path: unset;
  }
  #page-container #et-boc  .hoe-we-section:before,
  #page-container #et-boc  .divider-left-clip::after,
  #page-container #et-boc  .divider-left-clip-top::after,
  #page-container #et-boc  .divider-right-clip-top-red::after,
  #page-container #et-boc  .divider-right-clip-top::after {
    display: none;
  }
  #page-container #et-boc   .icon-overlay-hero {
    display: none;
  }
  #page-container #et-boc   .contact-flex > div:nth-child(1),
  #page-container #et-boc   .contact-flex > div:nth-child(2),
  #page-container #et-boc   .contact-flex > div:nth-child(3) {
    margin-left: 0;
  }
  #page-container #et-boc   .contact-flex {
    display: block;
  }
  #page-container #et-boc  .nav__logo {
    position: relative;
  }
}

@media screen and (max-width: 600px) {
  #page-container #et-boc  .bereken-kosten {
    display: block;
  }
  #page-container #et-boc  .bereken-kosten > div, .bereken-kosten a {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 413px) {
  #page-container #et-boc  .carousel-nav__item {
    height: 71px !important;
    width: 20% !important;
    margin-right: 25px !important;
  }
  #page-container #et-boc .slider-row .et_pb_image_wrap > img, .slider-row .et_pb_column {
    width: 250px !important;
    max-width: 250px !important;
  }
  #page-container #et-boc  .slider-row .et_pb_text_inner {
    width: 100%;
  }
  #page-container #et-boc  .slider-row-mobile .et-last-child {
    display: flex;
    margin-left: -33%;
    box-shadow: 0px 0px 25px #00000070;
    flex-direction: column;
    justify-content: center;
  }
}

/** Responsive Styles Large Desktop And Above **/
@media all and (min-width: 1405px) {
  #page-container #et-boc   .xl {
    font-size: 62px;
  }
  #page-container #et-boc  h1 {
    font-size: 52px;
  }
  #page-container #et-boc  h2 {
    font-size: 36px;
  }
  #page-container #et-boc   h3 {
    font-size: 24px;
  }
  #page-container #et-boc   h4 {
    font-size: 18px;
  }
}
 
/** Responsive Styles Standard Desktop Only **/
@media all and (min-width: 980px) and (max-width: 1405px) {
  #page-container #et-boc  .xl {
    font-size: 52px;
  }
  #page-container #et-boc   h1 {
    font-size: 38px;
  }
  #page-container #et-boc   h2 {
    font-size: 32px;
  }
  #page-container #et-boc   h3 {
    font-size: 24px;
  }
  #page-container #et-boc  h4 {
    font-size: 18px;
  }
}

@media all and (min-width: 479px) and (max-width: 980px) {
  #page-container #et-boc  .xl {
    font-size: 36px;
  }
  #page-container #et-boc .hexagon-voorbeeld {
    position: absolute;
    top: 0;
    min-width: 50vw;
    width: 40vw;
    right: -20vw;
    opacity: .6;
    z-index: 1;
  }
  #page-container #et-boc  .flickity-button {
    top: -55px !important;
  }
}
 
/** Responsive Styles Smartphone Portrait **/
@media all and (max-width: 479px) {
  #page-container #et-boc  .flickity-button {
    background-size: cover !important;
    height: 40px !important;
    width: 35px !important;
    top: -80px !important;
  }
  #page-container #et-boc  .hexagon-voorbeeld {
    position: absolute;
    top: 0;
    min-width: 40vw;
    width: 40vw;
    right: -60vw;
    opacity: .6;
    z-index: 1;
  }
  #page-container #et-boc   .xl {
    font-size: 30px;
  }
  #page-container #et-boc  h1 {
    font-size: 28px;
  }
  #page-container #et-boc   h2 {
    font-size: 24px;
  }
  #page-container #et-boc   h3 {
    font-size: 18px;
  }
  #page-container #et-boc   h4 {
    font-size: 16px;
  }
  #page-container #et-boc  .slide-in-menu {
    width: 70%;
  }
}
#page-container #et-boc .cky-revisit-bottom-left {
  display: none !important;
}
#page-container #et-boc input.et_pb_menu__search-input {
  color: #222 !important;
  background: #f2f2f2 !important;
  padding: 10px;
  border-radius: 5px;
}
#page-container #et-boc .et_pb_ajax_pagination_container article {
  background: #222222;
  padding: 25px;
  border-radius: 5px;
}
@keyframes scrollDown {
  0% {top: 45%;}
  50% {top: 55%;opacity:0;}
  100% {top: 45%;}
}
#page-container #et-boc span.breadcrumb_last {
  color: #fff;
}

#page-container #et-boc .menu-cta:hover a {
	color: white!important;
}

#page-container #et-boc .keuze-matrix {
  border: none;  
}

#page-container #et-boc .keuze-matrix .et_pb_tabs_controls li {
  border: 1px solid #DF211B!important;
}

#page-container #et-boc .keuze-matrix .et_pb_tabs_controls li a {
  font-family: "GeomGraphic";
  font-size: 18px;
}

#page-container #et-boc .keuze-matrix .et_pb_all_tabs>div {
  padding-left: 0px;
}

#page-container #et-boc .keuze-matrix ul.et_pb_tabs_controls {
  background-color: transparent;
}

#page-container #et-boc .keuze-matrix ul.et_pb_tabs_controls:after {
  border: none;
}




@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  #page-container #et-boc   .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  flex-wrap: wrap;
  }
   
  /*** custom classes that will designate the order of columns in the flex box row ***/
  #page-container #et-boc   .first-on-mobile {
  -webkit-order: 1;
  order: 1;
  }
   
  #page-container #et-boc .second-on-mobile {
  -webkit-order: 2;
  order: 2;
  }
   
  #page-container #et-boc .third-on-mobile {
  -webkit-order: 3;
  order: 3;
  }
   
  #page-container #et-boc  .fourth-on-mobile {
  -webkit-order: 4;
  order: 4;
  }
  /*** add margin to last column ***/
  #page-container #et-boc  .custom_row:last-child .et_pb_column:last-child {
  margin-bottom: 30px;
  }
   
  }




  #page-container #et-boc .into-deep-gallerij {
    aspect-ratio: 4 / 3;
  }

  #page-container #et-boc  .into-deep-gallerij img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
  object-position: top;
  }

  #page-container #et-boc  .into-deep-gallerij  .et-pb-controllers a {
    background-color:  #df211b;
  }
  #page-container #et-boc  .into-deep-gallerij .et-pb-controllers .et-pb-active-control {
    background-color:  #df211b;
  }
  #page-container #et-boc   .into-deep-gallerij .et-pb-arrow-prev:before,
  #page-container #et-boc  .into-deep-gallerij .et-pb-arrow-next:before  {
    color: #df211b;
  }

  .single-case .et_builder_inner_content,
  .single-techniek .et_builder_inner_content {
    background-color: #222222!important;
  }





  #page-container #et-boc .gallery-cell {
  width: 100%; /* Set the cell width to 100% to take the full width of the slider */
  margin-right: 10px; /* Optional: Add some spacing between slides */
}

#page-container #et-boc  .gallery-cell img {
  display: block;
  width: 100%;
  height: auto; /* Ensure the image scales correctly */
}