/*
 Theme Name:  Culvita
 Description: Powered by Robert Bakker
 Requires at  least: WordPress 5.1.1
 Version:     1.0
 Author:      De Hulk
 Author URI:  https://www.vrhl.nl
 Text Domain: custom_theme
 */

@import url("https://use.typekit.net/aqw6vnf.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600;1,700;1,800&display=swap');

/* - - - - - V A R S - - - - - */

:root {
  --yellow: #FFDC00;
  --green: #007d36;
  --lightgreen: #E9EFEB;
  --midgreen: #d3ded7;
  --grey: #EFEFEF;
  --white: #FDFDFD;
  --darkgreen: #18482D; 
  --lightergreen:#e9fae8;
/* - - - - - F O N T S - - - - - */

--primairyfont: "santelia-rough-two", sans-serif;
--secondairyfont: "Raleway", sans-serif;
}



/* 
Lenis recomended css 
*/

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* 
Lenis recomended css ends 
*/



/* - - - - - C O R E - - - - - */

.yellow-bg {background-color: var(--yellow);}
.white-bg {background-color: #ffffff;}
.green-bg {background-color:var(--green);}
.lightgreen-bg {background-color:var(--lightgreen);}
.darkgreen-bg {background-color:var(--darkgreen);}
.grey-bg {background-color:var(--grey);}
.white {color:var(--white) !important;}

.yellow {color:var(--yellow) !important;}
.green {color:var(--green);}
.lightgreen {color:var(--lightgreen);}
.grey {color:var(--grey);}

.min-h-100 {min-height: 100vh !important;}
.min-h-90 {min-height: 90vh !important;}
.min-h-85 {min-height: 85vh !important;}
.min-h-80 {min-height: 80vh !important;}
.min-h-70 {min-height: 70vh !important;}
.min-h-60 {min-height: 60vh !important;}
.min-h-50 {min-height: 50vh !important;}
.min-h-40 {min-height: 40vh !important;}
.min-h-30 {min-height: 30vh !important;}
.min-h-20 {min-height: 20vh !important;}
.min-h-10 {min-height: 10vh !important;}

.w-90 {width:90%;}

.z-index-2 {z-index:2 !important;}
.z-index-3 {z-index:3 !important;}
.z-index-4 {z-index:4 !important;}
.z-index-5 {z-index:5 !important;}
.z-index-6 {z-index:6 !important;}


/* - - - - - A O S - - - - - */

[data-aos=fade-up] {
   transition: all 900ms cubic-bezier(0.605, 0.005, 0.000, 1.000) !important; /* custom */
   transition-timing-function: cubic-bezier(0.605, 0.005, 0.000, 1.000) !important;; /* custom */
}

[data-aos=fade-up].aos-animate {
   transition: all 900ms cubic-bezier(0.605, 0.005, 0.000, 1.000) !important;; /* custom */
   transition-timing-function: cubic-bezier(0.605, 0.005, 0.000, 1.000) !important; /* custom */
}

[data-aos=showmethemoney] {
  transform: scale(0);
  opacity: 0;

}

[data-aos=showmethemoney].aos-animate {
 transform: scale(1);
}

[data-aos=zoom] {
  filter: blur(30px);
  opacity: 1;
  transform: scale(1.1);

}

[data-aos=zoom].aos-animate {
 opacity: 1;
 filter: blur(0px);
 transform: scale(1);
 margin-top:0px;
}

[data-aos=fadee] {
  opacity: 0;

}


[data-aos=loading] {
  opacity: 0.2;
  filter: grayscale(1);
}

[data-aos=loading].aos-animate {
 opacity: 1;
 filter: grayscale(0);
}

[data-aos=drop] {
  opacity: 0;
  scale: 1.1;
}

[data-aos=drop].aos-animate {
 opacity: 1;
 scale: 1;
}

[data-aos=swipe] {
  opacity: 0;
  scale: 1.2;
  filter: blur(10px);
}

[data-aos=swipe].aos-animate {
 opacity: 1;
 scale: 1;
 filter: blur(0px);
}




[data-aos=fadee].aos-animate {
 opacity: 1;
}

[data-aos=left] {left:60px;top:60px;}
[data-aos=left].aos-animate {left:-1px;top:-1px;}

[data-aos=right] {right:60px;bottom:60px;}
[data-aos=right].aos-animate {right:-1px;bottom:-1px;}

[data-aos=thumb] {height:90%; transition:4s;}
[data-aos=thumb].aos-animate {height:100%}


/* - - - - - B A S E - - - - - */

body,html {
   text-rendering: auto;
   font-family: var(--secondairyfont);
   background-color:var(--lightgreen);
   background-position: center center;
}

.sticky-top {top:215px;}

h1{
  font-weight: 900;
  font-family: var(--secondairyfont);
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing: grayscale; 
  font-size: 40px;
  line-height: 40px;
  color: var(--green);
}

@media (min-width: 750px) {
   h1{
     font-weight: 900;
     font-family: var(--secondairyfont);
     -webkit-font-smoothing:antialiased !important;
     -moz-osx-font-smoothing: grayscale; 
     font-size: 70px;
     line-height: 70px;
     color: var(--green);
  }
}

h2{
  font-family: var(--primairyfont); 
  font-weight: bold;
  color: var(--green);
  font-size: 40px;
  line-height: 30px;
  font-weight: bold;
}

h3{
  font-family: var(--secondairyfont);
  color:var(--green);
  font-size: 23px;
  line-height: 27px;
  font-weight: bold;
}

h4{
  font-family: var(--primairyfont);
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}

h5{
  font-family: var(--primairyfont);
  color: var(--green);
  font-size: 23px;
  line-height: 27px;
  font-weight: bold;
}

h6{
  font-family: var(--primairyfont);
  color: var(--green);
  font-size: 23px;
  line-height: 27px;
  font-weight: bold;
}

p {
  font-family: 'Rubik', sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 28px;
  font-weight:400;
  opacity:0.8;
}

li {
  font-family: var(--secondairyfont);
  color: #8E8383;
  font-size: 16px;
  line-height: 30px;
  font-weight:500;
}

button, .btn {
  background-color: var(--green);
  border:0px solid;
  padding:12px 35px;
  margin:10px 0px;
  color:var(--yellow) !important;
  border-radius:8px;
  transition:0.3s;
  font-family: var(--secondairyfont);
  font-size:16px;
  text-decoration:none !important;
}

button:hover, .btn:hover {
  background-color: var(--yellow) !important;
  transition:0.3s;
  text-decoration: none;
  color:var(--green) !important;
}

a {
  color: var(--blue); font-weight:600;
}

.yellow-btn-line {
  border:2px solid var(--yellow);
  padding:15px 40px;
  color:var(--yellow);
  border-radius:7px;
  transition:0.1s;
  font-family: var(--secondairyfont);
  font-size:18px;
  text-decoration:none;
}

.yellow-btn-line:hover {
  border:2px solid var(--white);
  color:var(--white);
}

.green-btn-line {
  border:2px solid var(--green);
  padding:15px 40px;
  color:var(--green);
  border-radius:7px;
  transition:0.1s;
  font-family: var(--secondairyfont);
  font-size:18px;
  text-decoration:none;
}

.green-btn-line:hover {
  border:2px solid var(--midgreen);
  color:var(--midgreen);
}

.white-btn {
  border:2px solid var(--white);
  background-color:var(--white);
  padding:15px 40px;
  margin:10px 0px;
  color:var(--green);
  border-radius:7px;
  transition:0.1s;
  font-family: var(--secondairyfont);
  font-size:18px;
  text-decoration:none;
}

.yellow-btn, .wp-block-button a {
  border:2px solid var(--yellow);
  background-color:var(--yellow);
  padding:15px 40px;
  margin:10px 0px;
  color:var(--green);
  border-radius:8px;
  transition:0.1s;
  font-family: var(--secondairyfont);
  font-size:18px;
  text-decoration:none !important;
}

.yellow-btn:hover, .wp-block-button a:hover {
  border:2px solid var(--green);
  background-color:var(--green);
  color:var(--yellow) !important;
}

.green-btn {
  border:2px solid var(--green);
  background-color:var(--green);
  padding:20px 30px;
  margin:40px 0px;
  color:var(--yellow);
  border-radius:8px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  transition:0.3s;
  font-family: var(--secondairyfont);
  font-size:18px;
  text-decoration:none;
}




/* - - - - - N A V - - - - - */

.menu-item {
   position: relative;
}

#main-menu .menu-item ul {
   position: absolute;
   left:-20px;
   top:40px;
   opacity:0;
   visibility: hidden;
   transition:0.3s;
   background-color:var(--green);
   padding:10px 0px 20px 0px !important;
   width:220px;
   border-radius:10px;
   padding-top:20px;
}

#main-menu .menu-item ul li a {
   padding:0px !important;
   color:var(--white);
   white-space: nowrap;
}

#main-menu .menu-item:hover ul{
   position: absolute;
   left:-20px;
   top:50px;
   opacity:1;
   visibility: visible;

}

@media (min-width: 750px) {
   .menu-item-has-children::after {
      content:'';
      width:10px;
      margin-left:3px;
      height:10px;
      background-image:url('assets/images/dropdown.svg');
      display:inline-block;
      background-repeat:no-repeat;
      background-size:contain;
      background-position:50% 70%;
   }
}





#main-menu .sub-menu li {
   border-bottom:1px solid rgba(255,255,255, 0.1);
}

#main-menu .sub-menu li a {
   color:var(--white) !important;
   padding:10px 20px !important;
   font-size:16px !important;
   font-weight:300 !important;
   white-space: nowrap;
}


#main-menu  {
  list-style-type: none;
  display:flex;

}

#main-menu li {
  justify-content: space-around;
  padding:10px 0px 0px 0px;
  margin:0px 12px;
}

#main-menu li {
   margin-left:20px;
}

#main-menu li a {
  text-decoration:none;
  font-size:18px;
  font-weight:500;
  color:var(--white);
  white-space: nowrap;
}



.current_page_item {
   border-bottom:2px solid var(--white);
}

.dark div ul > .outline {
   border:2px solid var(--green);
}


.dark div ul > .current_page_item {
   border-bottom:2px solid var(--green);
}

.dark div ul > .home::before {
   background-image:url('assets/images/home-green.svg');
}

.dark div ul li > .icon-mail::before {
   background-image:url('assets/images/icon-mail-green.svg') !important; 
}

.dark div ul li > .icon-search::before {
   background-image:url('assets/images/icon-search-green.svg') !important; 
}

.dark div ul li > .icon-phone::before {
   background-image:url('assets/images/icon-phone-green.svg') !important; 
}

.dark div ul > .menu-item-has-children::after {
   background-image:url('assets/images/arrow-green.svg') !important;
}


#main-menu .menu ul li a {
  color:#ffffff;
  text-decoration:none;
  width:100%;
  white-space: nowrap;
}

#main-menu ul {
  list-style-type: none;
  width:100%;
}


#mobile-menu  {
  list-style-type: none;
  display:flex;
  background: var(--green);
  width:100%;
}

#mobile-menu li {
  justify-content: flex-end;
  padding:0px 0px 0px 0px;
  width:100%;
}

#mobile-menu .current_page_item {
   border:0px !important;
}


#mobile-menu li a {
  text-decoration:none;
  font-size:18px;
  font-weight:500;
  color:var(--white) !important;
  width:100%;
}

#mobile-menu li a {
  text-decoration:none;
  font-weight:300;
  color:#ffffff !important;
  width:100%;
}

.sub-menu li.current_page_item {
   border-bottom:0px solid var(--white);
   color:var(--yellow) !important;
}

.sub-menu li a {
   font-size:18px !important;
   font-weight:300 !important;
   width:100%;
   padding:0px;
   display:block;
   opacity:0.6;
   padding-bottom:10px;
   transition:0.3s;
}

.sub-menu li a:hover {
   opacity:1;
}


#mobile-menu .sub-menu li {
   width:100%;
}


@keyframes bugfix {
   from {
     padding: 0;
  }
  to {
     padding: 0;
  }
}
@-webkit-keyframes bugfix {
   from {
     padding: 0;
  }
  to {
     padding: 0;
  }
}
#overlay-button {
   position: fixed;
   right:10px;
   top: 10px;
   padding: 26px 11px;
   z-index: 5;
   cursor: pointer;
   user-select: none;
   background-color:var(--yellow);
   opacity:1 !important;
   border-radius:20px 0px 20px 0px;
   z-index:999999900000;
   border: 4px solid #ffffff;
   transform: skew(-10deg);
   transition:0.3s;
   transform:scale(0.8);
}
#overlay-button span {
   height: 4px;
   width: 35px;
   border-radius: 2px;
   background-color: var(--green);
   position: relative;
   display: block;
   transition: all 0.2s ease-in-out;
}
#overlay-button span:before {
   top: -10px;
   visibility: visible;
}
#overlay-button span:after {
   top: 10px;
}
#overlay-button span:before, #overlay-button span:after {
   height: 4px;
   width: 35px;
   border-radius: 2px;
   background-color: var(--green);
   position: absolute;
   content: "";
   transition: all 0.2s ease-in-out;
}
#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
   background-color: var(--green);
}
#mobile-menu input[type=checkbox] {
   display: none;
}
#mobile-menu input[type=checkbox]:checked ~ #overlay {
   visibility: visible;

}
#mobile-menu input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
   background: transparent;
   opacity: 0.5;
}
#mobile-menu input[type=checkbox]:checked ~ #overlay-button span:before {
   transform: rotate(45deg) translate(7px, 7px);

}
#mobile-menu input[type=checkbox]:checked ~ #overlay-button span:after {
   transform: rotate(-45deg) translate(7px, -7px);
}

#mobile-menu input[type=checkbox]:checked ~ #overlay-button {
  transform: rotate(90deg);
  right:25px;
  top:15px;
  transition:0.3s;
}

#overlay {
   height: 100vh !important;
   width: 100vw;
   background: var(--green);
   z-index: 2;
   visibility: hidden;
   position: fixed;
   left:0px;
   top:0px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
   padding-left: 0;
   margin-top:auto;
   margin-bottom:auto;
   list-style-type: none;
}
#overlay.active {
   visibility: visible;
}
#overlay ul {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
   padding-left: 0;
   margin-top:auto;
   margin-bottom:auto;
   list-style-type: none;
}
#overlay ul li {
   padding: 5px;
}
#overlay ul li a {
   color: var(--primary);
   text-decoration: none;
   font-size: 1.5em;
   font-weight:bold;

}
#overlay ul li a:hover {
   color: #333332;
}




/* - - - - - G R A V I T Y F O R M S  - - - - - */

.form-block{
   background-color:#ffffff;
   border-radius:8px;
   margin-top:-250px;
   -webkit-box-shadow: 0px 0px 134px -11px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 134px -11px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 134px -11px rgba(0,0,0,0.15);
}

.gform_wrapper.gravity-theme .gfield_label {
   display:inline-block;
   font-size:16px;
   font-weight:700;
   margin-bottom:8px;
   padding:0
}

.gform_wrapper.gravity-theme textarea {
  color:#737271;}


  .gform_wrapper.gravity-theme .gfield_header_item,
  .gform_wrapper.gravity-theme .gform_fileupload_rules,
  .gform_wrapper.gravity-theme .ginput_complex label {
   padding-top:5px
}
.gform_wrapper.gravity-theme.left_label fieldset.gfield,
.gform_wrapper.gravity-theme.right_label fieldset.gfield {
   padding:16px 16px 16px 30%
}
.gform_wrapper.gravity-theme.left_label fieldset.gfield .gfield_description,
.gform_wrapper.gravity-theme.left_label fieldset.gfield .ginput_container:not(.ginput_container_time),
.gform_wrapper.gravity-theme.right_label fieldset.gfield .gfield_description,
.gform_wrapper.gravity-theme.right_label fieldset.gfield .ginput_container:not(.ginput_container_time) {
   width:100%
}
.gform_wrapper.gravity-theme.left_label legend.gfield_label,
.gform_wrapper.gravity-theme.right_label legend.gfield_label {
   left:0
}

.gform_required_legend {display:none;}

.gform_wrapper.gravity-theme.left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset),
.gform_wrapper.gravity-theme.right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
   justify-content:flex-start
}
.gform_wrapper.gravity-theme.left_label .gfield_html.gfield_html_formatted,
.gform_wrapper.gravity-theme.right_label .gfield_html.gfield_html_formatted {
   display:flex
}
.gform_wrapper.gravity-theme.left_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container,
.gform_wrapper.gravity-theme.right_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container {
   width:100%
}
.gform_wrapper.gravity-theme.right_label legend.gfield_label {
   text-align:right
}
.gform_wrapper.gravity-theme:not(.top_label) .ginput_container.ginput_single_email {
   margin-left:0
}
.gform_wrapper.gravity-theme .gform_validation_errors {
   background:#fff9f9;
   border:1.5px solid #c02b0a;
   border-radius:5px;
   box-shadow:0 1px 4px rgba(0,0,0,.11),0 0 4px rgba(18,25,97,.041);
   margin-bottom:8px;
   margin-top:8px;
   padding:16px 16px 16px 48px;
   position:relative;
   width:100%
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
   color:#c02b0a;
   font-size:13.2px;
   font-weight:500;
   line-height:17.6px;
   margin:0 0 12px
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2:before {
   display:none
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {
   align-items:center;
   display:flex;
   font-size:28px;
   height:100%;
   left:12px;
   position:absolute;
   top:0
}
.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary {
   margin:0
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol {
   padding-left:20px
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol a {
   color:#c02b0a;
   font-size:13.2px
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol li {
   color:#c02b0a;
   font-size:13.2px;
   list-style-type:disc!important;
   margin:0 0 8px
}
.gform_wrapper.gravity-theme .gform_validation_errors>ol li:last-of-type {
   margin-bottom:0
}
.gform_wrapper.gravity-theme .gfield_required {
   color:#c02b0a;
   display:inline-block;
   font-size:13.008px;
   padding-left:.125em
}
.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom,
.gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
   font-style:italic;
   font-weight:400
}
.gform_wrapper.gravity-theme .gform_required_legend .gfield_required {
   padding-left:0
}
.gform_wrapper.gravity-theme .validation_error {
   border-bottom:2px solid #c02b0a;
   border-top:2px solid #c02b0a;
   color:#c02b0a;
   font-size:1em;
   font-weight:700;
   margin-bottom:32px;
   padding:16px;
   text-align:center
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme [aria-invalid=true]+label,
.gform_wrapper.gravity-theme label+[aria-invalid=true] {
   color:#333333 !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
   background: rgba(0,0,0,0.2);
   border:1px solid #c02b0a;
   font-size:14.992px;
   margin-top:8px;
   padding:12.992px 24px
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
   border:1px solid #c02b0a
}
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button {
   -webkit-appearance:none!important;
   background-color:#fff;
   color:#6b7280;
   text-decoration:none
}
.gform_wrapper.gravity-theme .gform_previous_button.button svg,
.gform_wrapper.gravity-theme .gform_save_link.button svg {
   display:inline-block;
   margin-right:4px
}
.gform_wrapper.gravity-theme button.button:disabled {
   opacity:.6
}
.gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
   display:flex
}
.gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .gform_footer input {
   align-self:flex-end
}
.gform_wrapper.gravity-theme #field_submit .gform_image_button,
.gform_wrapper.gravity-theme .gform_footer .gform_image_button {
   background-color:transparent;
   border:none;
   border-radius:0;
   height:auto;
   padding:0;
   width:auto
}
.gform_wrapper.gravity-theme #field_submit .gform-button--width-full,
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
   text-align:center;
   width:100%
}
.gform_wrapper.gravity-theme .ginput_complex {
   display:flex;
   flex-flow:row wrap
}
.gform_wrapper.gravity-theme .ginput_complex fieldset,
.gform_wrapper.gravity-theme .ginput_complex span {
   flex:1
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_full {
   flex:0 0 100%
}
.gform_wrapper.gravity-theme .ginput_complex .clear-multi {
   display:flex
}
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend {
   display:block
}
.gform_wrapper.gravity-theme .ginput_complex input,
.gform_wrapper.gravity-theme .ginput_complex select {
   width:100%
}
.gform_wrapper.gravity-theme .ginput_container_address {
   margin-left:-1%;
   margin-right:-1%
}
.gform_wrapper.gravity-theme .ginput_container_address span {
   flex:0 0 50%;
   padding-left:.9804%;
   padding-right:.9804%
}
.gform_wrapper.gravity-theme .gf_browser_ie .ginput_container_address span:not(.ginput_full) {
   flex:0 0 49.3%
}

.gform_button {
   background-color:var(--green);
   color:var(--white);
   border:0px solid;
   padding:13px 60px; 
   border-radius:100px;
   display:inline-block;
}

@media (min-width:641px) {
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
      padding-right:1%
   }
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
   .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
      padding-left:1%;
      padding-right:0
   }
   .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)),
   .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
      margin-bottom:8px
   }
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
      padding-left:1%;
      padding-right:0
   }
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),
   html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
      padding-left:0;
      padding-right:1%
   }
}
@media (max-width:640px) {
   .gform_wrapper.gravity-theme .ginput_complex span {
      flex:0 0 100%;
      margin-bottom:8px;
      padding-left:0
   }
   .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span {
      padding-left:.9804%
   }

   .form-block{
      background-color:#ffffff;
      border-radius:8px;
      margin-top:0px;
      -webkit-box-shadow: 0px 0px 134px -11px rgba(0,0,0,0.15);
      -moz-box-shadow: 0px 0px 134px -11px rgba(0,0,0,0.15);
      box-shadow: 0px 0px 134px -11px rgba(0,0,0,0.15);
      transform: rotate(0deg);
   }

}
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
   clear:both;
   font-family:inherit;
   font-size:15px;
   letter-spacing:normal;
   line-height:inherit;
   padding-top:13px;
   width:100%
}

.gform_wrapper.gravity-theme input[type="text"] {font-size:22px; !important;}
.gform_wrapper.gravity-theme .field_description_above .description,
.gform_wrapper.gravity-theme .field_description_above .gfield_description,
.gform_wrapper.gravity-theme .field_description_above .gsection_description,
.gform_wrapper.gravity-theme .field_description_above .instruction {
   padding-bottom:16px;
   padding-top:0
}
.gform_wrapper.gravity-theme .field_sublabel_above .description,
.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description,
.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
   margin-top:9.008px
}
.gform_wrapper.gravity-theme .top_label .gsection_description {
   margin-bottom:9.008px;
   width:100%
}
.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
.gform_wrapper.gravity-theme .gfield_consent_description {
   border:1px solid #ddd;
   font-size:13.008px;
   margin-top:12.8px;
   max-height:240px;
   overflow-y:scroll;
   padding:6.4px 8px;
   width:100%
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning {
   background-color:rgba(255,223,224,.25);
   border-bottom:4px solid #c02b0a;
   border-top:2px solid #c02b0a;
   padding:16px
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message {
   color:#c02b0a;
   font-family:inherit;
   font-size:16px;
   font-weight:700;
   min-height:32px;
   position:relative
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
   background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMDY3IDI4NjUgMjQgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTEwNjcgMjg2NSAyNCAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTS0xMDUzIDI4NjVjLTUuNSAwLTEwIDQuNS0xMCAxMGg0YzAtMy4zIDIuNy02IDYtNnM2IDIuNyA2IDZ2MmgtMjB2MTRjMCAzLjMgMi43IDYgNiA2aDEyYzMuMyAwIDYtMi43IDYtNnYtMTZjMC01LjUtNC41LTEwLTEwLTEwem00IDI4aC0xMmMtMS4xIDAtMi0uOS0yLTJ2LTEwaDE2djEwYzAgMS4xLS45IDItMiAyem0tNC02YzAgMS4xLS45IDItMiAycy0yLS45LTItMiAuOS0yIDItMiAyIC45IDIgMnoiIHN0eWxlPSJmaWxsOiM3OTAwMDAiLz48L3N2Zz4=);
   background-position:0 3.2px;
   background-repeat:no-repeat;
   background-size:24px 16px;
   border-bottom:1px solid #c02b0a;
   display:block;
   letter-spacing:.1pt;
   margin-bottom:16px;
   padding:0 0 16px 24px;
   text-transform:uppercase
}
.gform_wrapper.gravity-theme .ginput_cardextras {
   display:flex;
   flex-wrap:wrap
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_cardinfo_right input {
   max-width:112px;
   width:30%
}
.gform_wrapper.gravity-theme .ginput_card_expiration_container {
   display:flex;
   flex-wrap:wrap
}
.gform_wrapper.gravity-theme .ginput_card_expiration_month {
   flex:1;
   margin-right:16px
}
.gform_wrapper.gravity-theme .ginput_card_expiration_year {
   flex:1
}
.gform_wrapper.gravity-theme .ginput_cardinfo_left label,
.gform_wrapper.gravity-theme .ginput_cardinfo_left legend,
.gform_wrapper.gravity-theme .ginput_cardinfo_right label,
.gform_wrapper.gravity-theme .ginput_cardinfo_right legend {
   flex:1 1 100%
}
.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left {
   display:flex;
   flex-direction:column
}
.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left legend {
   float:left;
   padding-top:5px
}
.gform_wrapper.gravity-theme .field_sublabel_below fieldset.ginput_cardinfo_left {
   flex-direction:column-reverse
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_card_expiration_month {
   margin-left:16px;
   margin-right:0
}
html[dir=rtl] .gform_wrapper.gravity-theme .gform_card_icon {
   float:right
}
html[dir=rtl] .gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
   background-position:right 3.2px;
   background-repeat:no-repeat;
   background-size:24px 16px;
   display:block;
   margin-bottom:16px;
   padding:0 24px 16px 0
}
html[dir=rtl] .gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left {
   display:flex
}
@media (max-width:640px) {
   .gform_wrapper.gravity-theme .ginput_card_expiration {
      flex:none
   }
   .gform_wrapper.gravity-theme .ginput_card_expiration_month {
      margin-bottom:8px
   }
}
.gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date {
   margin-left:2%
}
.gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date {
   margin-left:0
}
.gform_wrapper.gravity-theme .ginput_container_date label {
   display:block
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date {
   margin-left:0;
   margin-right:16px
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date {
   margin-right:0
}
.gravity-theme.ui-datepicker {
   background:#fff;
   border:1px solid #d0d1d3;
   border-radius:3px;
   box-shadow:0 .0625rem .25rem rgba(0,0,0,.11),0 0 .25rem rgba(18,25,97,.041);
   color:#607382;
   font-size:.8125rem;
   font-weight:var(--gform-theme-font-weight-medium);
   margin-top:5px;
   padding:18px 15px;
   width:auto
}
.ginput_container input {font-size:15px !important;}
.gravity-theme.ui-datepicker table,
.gravity-theme.ui-datepicker td,
.gravity-theme.ui-datepicker th,
.gravity-theme.ui-datepicker thead,
.gravity-theme.ui-datepicker tr {
   background:none;
   border:0;
   margin:0
}
.gravity-theme.ui-datepicker td,
.gravity-theme.ui-datepicker th {
   padding:5px;
   text-shadow:none;
   text-transform:none
}
.gravity-theme.ui-datepicker .ui-datepicker-header {
   border:0;
   display:flex;
   flex-direction:row;
   justify-content:center;
   margin:0 0 5px;
   padding:0;
   position:relative;
   width:100%
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
   speak:never;
   align-items:center;
   background:none;
   border:0;
   color:#607382;
   cursor:pointer;
   display:flex;
   font-family:gform-icons-theme!important;
   font-size:24px;
   height:30px;
   justify-content:center;
   line-height:1;
   position:absolute;
   text-decoration:none;
   top:-2px;
   transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
   width:30px
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
   color:#2f4054
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
   display:none
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
   border:0;
   height:auto;
   position:static;
   transform:none;
   width:auto
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
   left:0
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
   content:"\e910"
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
   right:0
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
   content:"\e91b"
}
.gravity-theme.ui-datepicker .ui-datepicker-header select {
   -webkit-appearance:none;
   background-color:transparent;
   background-image:url(../../../images/theme/down-arrow.svg);
   background-position:100% 50%;
   background-repeat:no-repeat;
   background-size:24px 24px;
   border:0;
   border-radius:0;
   box-shadow:none;
   color:#585e6a;
   cursor:pointer;
   display:inline-block;
   font-size:.875rem;
   font-weight:var(--gform-theme-font-weight-medium);
   height:auto;
   min-height:0;
   padding:0 22px 0 0;
   width:auto
}
.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
   margin-right:20px;
   -moz-text-align-last:right;
   text-align-last:right
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar a,
.gravity-theme.ui-datepicker .ui-datepicker-calendar span {
   font-weight:var(--gform-theme-font-weight-normal)
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar th span {
   align-items:center;
   color:#2f4054;
   display:flex;
   font-size:.8125rem;
   font-weight:var(--gform-theme-font-weight-medium);
   height:40px;
   justify-content:center;
   width:40px
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar td {
   font-size:.8125rem;
   height:50px;
   width:50px
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default {
   align-items:center;
   background:none;
   border:1px solid transparent;
   border-radius:100%;
   box-shadow:none;
   color:#2f4054;
   display:flex;
   height:40px;
   justify-content:center;
   text-decoration:none;
   transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
   width:40px
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:focus,
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
   background:none;
   border-color:#607382;
   outline:none
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:active {
   background:#f2f3f5;
   border-color:#607382
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
   background:#607382;
   border-color:#607382;
   box-shadow:0 .125rem .125rem rgba(58,58,87,.06);
   color:#fff
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus,
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover {
   border-color:#607382
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
   background:none
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
   align-items:center;
   background:#f2f3f5;
   border:1px solid rgba(32,32,46,.079);
   border-radius:100%;
   box-shadow:0 .125rem .125rem rgba(58,58,87,.06);
   color:#686e77;
   cursor:text;
   display:flex;
   height:40px;
   justify-content:center;
   text-decoration:none;
   width:40px
}
html[dir=rtl] #ui-datepicker-div.gform-theme-datepicker[style] {
   right:auto!important
}
.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
   margin:6px 0 0;
   padding:16px 0
}
.gform_wrapper.gravity-theme .gform_footer.left_label,
.gform_wrapper.gravity-theme .gform_footer.right_label,
.gform_wrapper.gravity-theme .gform_page_footer.left_label,
.gform_wrapper.gravity-theme .gform_page_footer.right_label {
   padding:16px 0 10px 30%
}
.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
   margin-bottom:8px
}
.gform_wrapper.gravity-theme .gform_footer button.button:disabled,
.gform_wrapper.gravity-theme .gform_footer input.button:disabled,
.gform_wrapper.gravity-theme .gform_page_footer button.button:disabled,
.gform_wrapper.gravity-theme .gform_page_footer input.button:disabled {
   opacity:.6
}
.gform_wrapper.gravity-theme .gform_footer button+input,
.gform_wrapper.gravity-theme .gform_footer input+button,
.gform_wrapper.gravity-theme .gform_footer input+input,
.gform_wrapper.gravity-theme .gform_page_footer button+input,
.gform_wrapper.gravity-theme .gform_page_footer input+button,
.gform_wrapper.gravity-theme .gform_page_footer input+input {
   margin-left:8px
}
html[dir=rtl] .gform_wrapper.gravity-theme button+input,
html[dir=rtl] .gform_wrapper.gravity-theme input+button,
html[dir=rtl] .gform_wrapper.gravity-theme input+input {
   margin-right:8px
}

.custom-select select {
  appearance: none;         /* Remove default styling */
  -webkit-appearance: none; /* Safari/Chrome */
  -moz-appearance: none;    /* Firefox */
  
  background-color: white;  /* White background */
  color: #323E42;           /* Text color */
  padding: 10px 40px 10px 15px; /* Add some padding */
  border: 1px solid #ccc;   /* Light border */
  border-radius: 8px;       /* Rounded corners */
  font-size: 16px;          /* Font size */
  position: relative;       /* For adding custom arrow */
  
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23323E42" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

.gform_body h3 {font-size:33px !important; margin-top:50px;}

.gform_wrapper.gravity-theme .gfield_radio label {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gfield_radio {
  display: flex !important;
}

.gform-field-label {font-size:18px !important; color:#333; line-height:25px !important;}



.gform_wrapper.gravity-theme .gfield_checkbox button,
.gform_wrapper.gravity-theme .gfield_checkbox input[type=text],
.gform_wrapper.gravity-theme .gfield_radio button,
.gform_wrapper.gravity-theme .gfield_radio input[type=text] {
   margin-top:16px
}
.gform_wrapper.gravity-theme .gfield-choice-input {
   display:inline-block;
   margin-top:0;
   top:0;
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
   margin-bottom:0;
   max-width:calc(100% - 32px);
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gfield-choice-input:disabled+label {
   color:#757575
}
.gform_wrapper.gravity-theme input[type=number] {
   display:inline-block
}

.password-protected-container input[type=password] {
      font-size:16px;
   margin-bottom:0;
   margin-top:0;
   padding:12px;
   max-width:600px;
   border-radius:5px;
   border: 1px solid #eeeeee !important;
}

.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
   font-size:16px;
   margin-bottom:0;
   margin-top:0;
   padding:8px;
   width:100%;
   border-radius:5px;
   border: 1px solid #eeeeee !important;
}
.gform_wrapper.gravity-theme .chosen-container-multi,
.gform_wrapper.gravity-theme .ginput_product_price,
.gform_wrapper.gravity-theme .ginput_product_price_label,
.gform_wrapper.gravity-theme .ginput_quantity_label {
   font-size:15px
}
.gform_wrapper.gravity-theme .chosen-choices {
   padding:8px
}
.gform_wrapper.gravity-theme .ginput_container_date {
   align-content:flex-start;
   align-items:center;
   display:flex
}
.gform_wrapper.gravity-theme .ginput_container_date input {
   width:auto
}
.gform_wrapper.gravity-theme .ginput_container_date .datepicker_with_icon.large {
   width:calc(100% - 48px)
}
.gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
   display:block;
   margin-left:12.8px;
   max-height:25.6px;
   max-width:25.6px
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
   flex-basis:min-content;
   flex-flow:row wrap;
   max-width:30%
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input,
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
   min-width:84px;
   width:100%
}
.gform_wrapper.gravity-theme .gfield_chainedselect.horizontal select {
   min-width:100px
}
.gform_wrapper.gravity-theme .gform_show_password {
   align-items:center;
   background:transparent;
   color:inherit;
   display:flex;
   height:100%
}
.gform_wrapper.gravity-theme .gform_show_password:focus,
.gform_wrapper.gravity-theme .gform_show_password:hover {
   background:transparent
}
.gform_wrapper.gravity-theme .gfield_consent_description {
   border:1px solid #ddd;
   font-size:.8em;
   margin-top:8px;
   max-height:240px;
   overflow-y:scroll;
   padding:8px
}
.gform_wrapper.gravity-theme .gfield .ginput_quantity {
   width:auto
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
   margin-left:0;
   margin-right:12.8px;
   order:1
}
.gform_wrapper.gravity-theme .gsection {
   border-bottom:1px solid #ccc;
   padding:0 16px 8px 0
}
html[dir=rtl] .gform_wrapper.gravity-theme .gsection {
   padding:0 0 8px 16px
}
.gform_wrapper.gravity-theme .gf_progressbar_title {
   color:#767676;
   font-size:12.992px;
   font-weight:400;
   margin:0 0 4.8px
}
.gform_wrapper.gravity-theme .gf_progressbar {
   background:#e8e8e8;
   border-radius:10.5px;
   margin-bottom:16px;
   position:relative
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
   border-radius:10.5px;
   height:20.992px;
   text-align:right;
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
   border-radius:10.5px 0 0 10.5px
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
   display:block;
   float:right;
   font-size:13px;
   line-height:21px;
   margin-left:8px;
   margin-right:8px;
   min-width:2em;
   width:auto
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span {
   color:#959595;
   float:none;
   margin-left:9.6px;
   text-shadow:none
}
.gform_wrapper.gravity-theme .gf_progressbar_blue {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
   background-color:#1e7ac4;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_gray {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_gray {
   background-color:#6b7280;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_green {
   background:#e8e8e8
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green {
   background-color:#aac138;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_orange {
   background:#e8eaec
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange {
   background-color:#ff5d38;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_red {
   background:#e8eaec
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_red {
   background-color:#ec1e31;
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_spring {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring {
   background:linear-gradient(270deg,#9cd790,#76d7db);
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_blues {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blues {
   background:linear-gradient(270deg,#00c2ff,#7838e2);
   color:#fff
}
.gform_wrapper.gravity-theme .gf_progressbar_rainbow {
   background:#d2d6dc
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_rainbow {
   background:linear-gradient(270deg,#1dbeea,#cd6ad6 50%,#f35160);
   color:#fff
}
html[dir=rtl] .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
   border-radius:0 10.5px 10.5px 0
}
.gform_wrapper.gravity-theme .gf_page_steps {
   border-bottom:1px solid #e5e7eb;
   margin-bottom:16px
}
.gform_wrapper.gravity-theme .gf_step {
   display:inline-block;
   margin:8px 32px 8px 0
}
.gform_wrapper.gravity-theme .gf_step_label,
.gform_wrapper.gravity-theme .gf_step_number {
   display:table-cell;
   vertical-align:middle
}
.gform_wrapper.gravity-theme .gf_step_number {
   background:transparent;
   border:2px solid #cfd3d9;
   border-radius:20px;
   color:#585e6a;
   font-size:14px;
   font-weight:500;
   height:40px;
   text-align:center;
   width:40px
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
   background:#cfd3d9;
   color:#607382
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number {
   position:relative
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
   background:#607382;
   border:2px solid #607382;
   border-radius:20px;
   content:"";
   display:table-cell;
   height:40px;
   left:-2px;
   position:absolute;
   top:-2px;
   width:40px
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:after {
   align-items:center;
   color:#fff;
   content:"\e917";
   display:flex;
   font-family:gform-icons-theme;
   font-size:24px;
   height:100%;
   justify-content:center;
   left:0;
   position:absolute;
   text-align:center;
   top:0;
   width:100%;
   z-index:5
}
.gform_wrapper.gravity-theme .gf_step_label {
   color:inherit;
   font-size:14px;
   font-weight:600;
   line-height:16px;
   padding-left:16px
}
.gform_wrapper.gravity-theme .gf_step_hidden {
   display:none
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper {
   display:inline-block
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:-moz-read-only {
   background:none;
   border:none;
   padding:0
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only {
   background:none;
   border:none;
   padding:0
}
.gform_wrapper.gravity-theme .ginput_product_price,
.gform_wrapper.gravity-theme .ginput_shipping_price {
   color:#900
}
.gform_wrapper.gravity-theme .ginput_total {
   color:#060
}
.gform_wrapper.gravity-theme .gfield_repeater_cell {
   margin-top:8px
}
.gform_wrapper.gravity-theme .gfield_repeater_cell label {
   color:#9b9a9a;
   font-size:12.8px;
   font-weight:400;
   padding-top:8px
}
.gform_wrapper.gravity-theme .gfield_repeater_items .gfield_repeater_cell:not(:first-child) {
   padding-top:8px
}
.gform_wrapper.gravity-theme .gfield_repeater_wrapper input {
   border:1px solid #c5c6c5;
   border-radius:4px
}
.gform_wrapper.gravity-theme .gfield_repeater_cell>.gfield_repeater_wrapper {
   background-color:rgba(1,1,1,.02);
   border-bottom:1px solid #eee;
   border-left:8px solid #f1f1f1;
   border-radius:8px;
   box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 1px -1px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.06);
   padding:10px 20px
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons {
   padding-top:16px
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:hover,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:hover {
   background:#fafafa;
   border:1px solid #757575;
   color:#374750
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:focus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:focus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:focus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:focus {
   outline:0
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text {
   background:hsla(0,0%,95%,.5);
   border:1px solid hsla(0,0%,46%,.4);
   border-radius:20px;
   color:#757575;
   font-size:12px;
   font-weight:400;
   height:32px;
   margin-bottom:8px;
   margin-right:8px;
   min-width:100px;
   transition:all .3s cubic-bezier(.67,.17,.4,.83)
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus,
.gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus {
   background:hsla(0,0%,95%,.5);
   border:1px solid hsla(0,0%,46%,.4);
   border-radius:50%;
   color:#757575;
   font-size:16px;
   font-weight:700;
   height:24px;
   margin:10px 5px 0;
   padding:0;
   transition:all .3s cubic-bezier(.67,.17,.4,.83);
   width:24px
}
.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
   border-bottom:2px solid #e0e0e6;
   margin-bottom:20px;
   margin-right:8px;
   padding-bottom:20px
}
.gform_wrapper.gravity-theme .gfield_time_hour label.hour_label,
.gform_wrapper.gravity-theme .gfield_time_minute label.minute_label {
   display:block;
   font-size:15px;
   margin:0;
   padding-top:5px
}
.gform_wrapper.gravity-theme .ginput_container_time {
   flex-basis:min-content;
   max-width:64px;
   min-width:64px
}
.gform_wrapper.gravity-theme .ginput_container_time input {
   margin-left:0;
   margin-right:0;
   min-width:100%
}
.gform_wrapper.gravity-theme .gfield_time_minute {
   position:relative
}
.gform_wrapper.gravity-theme .hour_minute_colon {
   line-height:2;
   padding:0 8px
}
.gform_wrapper.gravity-theme .field_sublabel_above .hour_minute_colon {
   align-self:flex-end
}
.gform_wrapper.gravity-theme .gfield_time_ampm {
   align-items:flex-end;
   display:flex;
   margin-left:16px
}
.gform_wrapper.gravity-theme .gfield_time_ampm.below,
.gform_wrapper.gravity-theme .hour_minute_colon.below {
   align-items:flex-start
}
html[dir=rtl] .gform_wrapper.gravity-theme .gfield_time_ampm {
   margin-left:0;
   margin-right:16px
}





/* - - Edit by Robert - - - */


.gf_step_active span:first-child {
 background-color: var(--green) !important;
 border: none !important;
 color: #ffffff !important;
 opacity: 1 !important;
}

.gf_step_label {font-weight:100 !important;}

.gf_step_completed span:first-child::before {
 background-color: var(--yellow) !important;
 border: 1px solid var(--yellow) !important;
 font-weight:400 !important;
}

.gf_step_completed span:first-child {
 opacity: 1 !important;
}

.text-left {text-align: left;}



input[type=text], input[type=email]  {
 border: 1px solid #ddd !important;
 background-color: #fff !important;
 color: #737271;
 border-radius: 8px;
}

input[type=text]:focus, input[type=email]:focus  {
 border: 1px solid var(--yellow) !important;
 background-color: #fff !important;

}






.ginput_container_fileupload {
  text-align: center;
  color: #00000 !important;
}

.ginput_container_fileupload input {
  border: 1px solid var(--midgreen);
  background-color: var(--midgreen);
  padding: 20px !important;
}

.gform_fileupload_rules {
  color: var(--green);
}


.gform_wrapper.gravity-theme .gfield textarea.large {
 padding: 15px !important;
 height: 130px !important;
 color: #737271; 
 transition: 0.3s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
 border-color: #ffffff
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
 outline: 0 none;
}

.gf_progressbar_percentage {}

.gform_next_button {
  background-color: var(--green);
  padding:20px 40px 20px 40px;
  color: var(--white);
  border-radius:8px;
  border:1px solid var(--green);
}

#field_1_8 {
  display:none;
}

.gfield_required_text {color:var(--green) !important; font-style:normal !important;}

.validation_message {
 background-color: var(--lightgreen) !important;
 border: none !important;
 padding: 0px !important;
 color: var(--green);
 display:inline-block;
 padding:10px !important;
 position: relative;
 border-radius:8px !important;
 opacity:1;
 text-align:center;
 max-width:100%;
}

.validation_message::after {
  content:'';
  width:25px;
  height:30px;
  background-color: var(--lightgreen) !important;
  top: -5px;
  left:25px;
  z-index:-1;
  position: absolute;
  transform:rotate(45deg);

}

.gfield_error label {
  color: var(--lightgreen) !important;
  font-family: Montserrat, serif;
  font-weight:600 !important;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  background-color:var(--lightgreen) !important;
}

.gf_progressbar {
  padding:10px;
  border-radius:500px !important;
  background-color: var(--white) !important;
  border: 1px #ddd;
  box-shadow: rgba(0, 0, 0, 0.16) -3px 1px 10px;
}
.gf_progressbar_percentage {

  background-color: var(--yellow) !important;
  box-shadow: rgba(0, 0, 0, 0.16) -3px 1px 10px;
  background: linear-gradient(0deg, var(--yellow) 0%, var(--green) 100%)
}

.gform_previous_button {
 color: #ffffff !important;
 transition: all transition-len cubic-bezier(transition-bezier);
 padding: 15px 35px 15px 35px !important;
 text-decoration: none;
 transition: 0.3s;
 background-color: #12015A !important;
 border-radius: 50px;
 display: inline-block;
 font-weight: 700;
 opacity: 0.1 !important; 
}

.gform_validation_errors h2 {
 padding-bottom: 0px  !important;
 color: var(--green) !important;
}

.gform_validation_errors {
 background-color: var(--lightgreen) !important;
 border: 0px solid !important;
}

.gform_previous_button:hover {
 opacity: 1 !important; 
}

.gfield_label {
  color: #333333;
  font-weight: 600 !important;
  font-size: 16px !important;
  font-family: Montserrat, serif;

}

.gfield-choice-input + label {
  line-height:40px !important;
  margin-left:0px;
}





/* - - - - - G R A V I T Y F O R M S E N D S - - - - - */


/* - - - - - I D S - - - - - */

#product {margin-bottom:25px !important; display:block;}

#clients {
   background-color:var(--midgreen);
}

.clients div div img {max-height:100px; width:auto;}

.mix-blend-mode {mix-blend-mode: multiply !important;    filter: grayscale(1) !important;
}

.bedrijfsnaam {
filter: grayscale(1) !important;
}

#bottom {
   background-color:#000;
}

#bottom ul {
   list-style-type: none;
}

#bottom ul li {display:inline-block; font-size:14px; padding:10px;}
#bottom ul li a {text-decoration:none;}




#regio h3{
   color:var(--yellow);
}

#regio p{
   color:var(--white);
}



#map {
   width:100%;
   display:block;

}

.pointer {
   position: absolute;
   background-color:var(--yellow);
   border-radius:100px;
   width:20px;
   height:20px;
   display:block;
   padding:0px;
   margin:0px;
}

.pointer:hover {background-color:var(--green);
   box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

.pointer input[type="radio"] {
   appearance: none;
}


.pointer input[type="radio"]:checked + .popup {
   opacity:1;
   display:block;
   visibility: visible;
}

.popup {
   opacity:0;
   visibility: hidden;
   background-color:var(--white);
   width:200px;
   height:180px;
   margin-top:-240px;
   appearance: none;
   border-radius:10px;
   margin-left:-90px;
   position: relative;
   text-align:center;
   padding-right:0px;
   padding-top:10px;
   display:none;
   align-items: center;
   flex-direction: column;
   transition:0.3s;
   z-index:999;
   box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
   animation-name: pop;
   -webkit-animation-name: pop;
   animation-duration: 0.3s;
   -webkit-animation-duration: 0.3s;
   animation-timing-function: ease;
   -webkit-animation-timing-function: ease;
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
   scale:1.2;
}

.popup p {
   color:var(--darkgreen) !importan;
}

.shadow {
   opacity:0;
   background-color:#000;
   border-radius:500px;
   position: relative;
   z-index:999;
   width:200px;
   height:50px;
   position: absolute;
   bottom:30px;
   left:-100px;
   z-index:0;
   filter: blur(40px);
}

@keyframes pop {
 from {margin-top:-220px; scale:1.2;}
 to {margin-top:-240px; scale:1.2;}
}

.pointer input[type="radio"]:checked ~ .shadow{
   opacity: 1;
}

.popup::after {
   position: absolute;
   content:'';
   bottom:-10px;
   left:calc(50% - 10px);
   background-color:var(--white);
   width:20px;
   height:20px;
   z-index:-300;

   transform:rotate(45deg);
}


.profielfoto {
   margin-top:5px;
   margin-bottom:5px;
   width:50px;
   height:50px;
   margin:auto;
   border-radius:500px;
   display:block;
   position: relative;
   overflow:hidden;
   background-color:#000;
}
.profielfoto img {
   position: absolute;
   left:0px;
   top:0px;
   width:100%;
   heigt:auto;
}

.popup h4 {
   font-size:14px;
   color:var(--darkgreen);
   font-family:var(--secondairyfont);
   margin:10px 0px 0px 0px;
   padding:0px;
   display:block;
   line-height:14px;
}

.popup p {
   font-size:12px;
   font-family:var(--secondairyfont);
   line-height:16px;
   padding:0px;
   display:block;
   color:var(--darkgreen) !important;

}

.popup a {
   display:block;
   color:var(--green);
   line-height:16px;
   z-index:999;
}


.pointer-position-1 {left:50%; top:50%;}
.pointer-position-2 {left:60%; top:30%;}
.pointer-position-3 {left:40%; top:40%;}
.pointer-position-4 {left:30%; top:60%;}
.pointer-position-5 {left:80%; top:30%;}


#companyvideo-wrapper { border-radius:10px 30px 10px 30px; overflow:hidden; display-block; background-color:#000000;}
#companyvideo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  z-index: 1;
  border-radius:10px 30px 10px 30px; 
}

#daarom-culvita {
   background-color:var(--green);
   border-radius:8px;
   z-index:9999999999;
   margin-top:1px;
   display:block;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
   background-image:url('assets/images/green-pattern.png');
   background-size:cover;
}

@media (min-width: 990px) {
   #daarom-culvita {
      margin-top:-350px;
   }
}


#daarom-culvita ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
}

#daarom-culvita ul li {
  color:var(--white);
  margin-top:10px;
  font-size:14px;
  line-height:25px;
  position: relative;
  padding-left:30px;
}

#daarom-culvita ul li::before {
   content:'';
   width:25px;
   height:30px;
   background-image:url('assets/images/li.svg');
   background-repeat:no-repeat;
   background-position: center center;
   display:block;
   position: absolute;
   left:0px;
   top:0px;
}

#top-menu {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   font-size:12px;
   opacity:1;
   transition:0.3s;
}

#top-menu:hover {opacity:;}

#top-menu ul {
  list-style-type:none;
  display:inline-block;
}

#top-menu li {
   display:inline-block; 
   position: relative;
   margin-left:0px;
   margin-right:10px;
}

#top-menu li a {
   text-decoration: none;
   color:var(--white);
   padding:10px 20px;
   display:inline-block;
   font-size:12px;

}

#target-group {
   background-color: var(--lightgreen);
}

#breadcrumbs  {
   font-size:14px;
   opacity:0.3;
   padding-bottom:10px;
}

#breadcrumbs a {
 color:var(--primary);
 text-decoration:none;  
}


#bedankt p{
   color:#ffffff;
   font-size:25px;
}

#content {
   scroll-margin: 250px 0px 0px 0px;
}

#content a {color:var(--green); text-decoration:underline;}

#download-item-1,
#download-item-2,
#download-item-3,
#download-item-4,
#download-item-5,
#download-item-6,
#download-item-7,
#download-item-8,
#download-item-9,
#download-item-10,
#download-item-11,
#download-item-12,
#download-item-13,
#download-item-14,
#download-item-15, 
#download-item-16,
#download-item-17,
#download-item-18,
#download-item-19,
#download-item-20 
{
   scroll-margin: 250px 0px 0px 0px;
}



#bestellen {
   scroll-margin: 250px 0px 0px 0px;
}

#content p:first-child {
   color:var(--green) !important;
   font-size:22px;
   line-height:34px;
}

#content h2, #content h3, #content h4, #content h5, #content h6{  
   font-family: var(--secondairyfont) !important;
}

#content h2 {
   font-size:20px;
   line-height:30px;
}

#content-over-ons {
   background-color:var(--darkgreen);
}

#content-over-ons h2, #content-over-ons h3, #content-over-ons h4, #content-over-ons h5, #content-over-ons h6{  
   font-family: var(--secondairyfont) !important;
}

#content-over-ons h2 {
   font-size:25px;
   line-height:40px;
   color:#fff;
}

#content-over-ons h3 {
   font-size:25px;
   line-height:40px;
   color:var(--yellow);
}

#content-over-ons p {
 color:#fff;
 opacity:0.8;
}



#content h2 {
   font-size:20px;
   line-height:30px;
}

.wp-block-quote {
   font-family:var(--primairyfont);
   font-size:30px;
   font-weight:bold;
   background-color:var(--lightgreen);
   padding:30px;
   border-radius:8px;
   color:var(--green);
   text-align-center
}

.wp-block-quote::before {
   content:'"';
}

.wp-block-quote::after {
   content:'"';
}

#content h3 {
   font-size:18px;
}

#content h5 {
   font-size:18px;
}


#content ol {
   list-style: none;
   counter-reset: item;
   margin-top:30px;
}
#content ol li {
   counter-increment: item;
   margin-bottom: 15px;
   margin-left:5px;
}
#content ol li:before {
   margin-right: 10px;
   content: counter(item);
   background: var(--lightgreen);
   border-radius: 100%;
   color: white;
   width: 30px;
   height:30px;
   text-align: center;
   display: inline-block;
   margin-left:-40px;
   color:var(--green);
}


#wpsl-wrap {
   border-radius:15px !important;
}

.wpsl-search {
   padding-left:30px !important;
   padding-bottom:12px !important;
   background: rgb(59,166,104);
   background: linear-gradient(180deg, rgba(59,166,104,1) 0%, rgba(0,125,54,1) 100%);
}

#wpsl-search-wrap div label {
   line-height:42px;
   color:var(--white);
}

#wpsl-stores {
   background-color:var(--white);
}

#wpsl-stores ul li {
   padding:30px !important;
}

#wpsl-stores ul li a {
   color:var(--green);
}



.wpsl-search {margin-bottom:0px !important;}

#wpsl-search-btn {
   background-color:var(--green) !important;
   color:var(--white);
   padding-top:10px !important;
   padding-left:20px !important;
   padding-right:20px !important;
   min-width:200px !important;
}

#wpsl-search-btn {
   background-color:var(--yellow) !important;
   background-image: -moz-linear-gradient(top,var(--yellow),var(--yellow));
   border-color:var(--yellow) !important;
   color:#000000 !important;
}

#wpsl-search-wrap {
   padding-top:12px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
   background-color:var(--green);

}

.nav-link.active {
   color:var(--yellow) !important;
}

.nav-pills .nav-link {
   color:var(--midgreen);
}

.nav-pills .nav-link:hover {
   color:var(--green);
}

.sidebar { 
 position: sticky; 
 top: 0; 
 right: 0; 
 width: 350px; 
 background-color: #ffffff; 
 border-radius: 5px; 
} 

.wpsl-search {
   background-color:var(--green);
}

#meerinformatie {
   scroll-margin: 130px 0 0 0px;
   margin-top:-50px;
   z-index:2;
   position: relative;
}

#verkooppunten {
   scroll-margin: 129px 0 0 0px;
   background-color:var(--midgreen);
}

#sidebar {
   background-color:var(--green);
   border-radius:8px;
   padding:20px;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
   background-image:url('assets/images/green-pattern.png');
   background-size:cover;
   min-height:395px;

}

#sidebar li {

   display:block;
   border-bottom:1px solid rgba(255,220,0,0.4);
   padding:10px 0px 10px 0px;
   transition:0.3s;
}

#sidebar li a span{
   background-color: rgba(255,255,255,0.1);
   border-radius:100px;
   font-size:10px;
   text-align:center;
   width:30px;
   display:inline-block;
   opacity:0;
   transition:0.3s;
}

#sidebar li:hover > a span{
   opacity:1;
   color: var(--white);
   margin-left:10px;
}


#sidebar li a {
   text-decoration:none;
   display:block;
   position: relative;
   width:100%;
   color: var(--white);

}

#sidebar li a:hover {
   text-decoration:none;
   display:block;
   position: relative;
   width:100%;
   color: var(--yellow);

}

#sidebar li a::after {
   content:'>';
   position:absolute;
   right:0px;
   top:0px;
   transition:0.3s;
}

#sidebar li a:hover::after {
   content:'>';
   position:absolute;
   right:-3px;
   top:0px;
   transition:0.3s;
}

#grondwijzer {
   border-radius:8px;
   background-image:url('assets/images/bg-large.jpg');
}

#footer{
  background-image:url('assets/images/bg-footer.jpg');
  background-size:cover;
  background-color:#000;
  padding-top:12vh;
  background-position: center center;
}

#footer h2{
  font-family:var(--primairyfont);
  color:var(--yellow);
  font-size:28px;
}

#footer a{
  font-family:var(--secondairyfont);
  color:var(--white);
  display:block;
  font-size:16px;
  line-height:30px;
  text-decoration:none;
}

#footer p{
  font-family:var(--secondairyfont);
  color:var(--white);
  display:block;
  font-size:16px;
  line-height:30px;
  text-decoration:none;
}

#full-section {
  background-color:var(--yellow);
}

#elements span {text-transform: uppercase; font-family: var(--secondairyfont); opacity:0.7; margin-top:60px; display:inline-block; align-self: flex-end;}

#hero {
  min-height:60vh;
  background-color: var(--green);
  background-size:cover;
  background-position: center center;
  background-attachment: fixed;
  background-image:url('assets/images/home-bg.jpg');
}

#search {
  min-height:60vh;
  background-color: var(--green);
  background-size:cover;
  background-position: center center;
  background-attachment: fixed;
  background-image:url('assets/images/bg-blank.jpg');
}

#header-over-ons {
  min-height:50vh;
  background-size:cover;
  background-position: center center;
  background-image:url('assets/images/bg-large.jpg');
}


#header {
  min-height:50vh;
  background-color: var(--lightgreen);
  background-size:cover;
  background-position: center center;
  background-color:#000000;
  background-image:url('assets/images/bg-blank.jpg');
}

#header-with-content {
  min-height:50vh;
  background-color: var(--lightgreen);
  background-size:cover;
  background-position: center center;
  background-color:#000000;
  background-image:url('assets/images/bg-blank.jpg');
}

#header-with-content p {color:var(--white);}

#header h1 {
  color: var(--white);
  font-size:70px;
  line-height:70px;
  font-family:var(--secondairyfont);
}

#header h3 {
  color: var(--white);
  font-size:40px;
  line-height:50px;
  font-family:var(--secondairyfont);
}

#header-small h1 {
  color: var(--white);
  font-size:50px;
  line-height:50px;
  z-index:0;
}

#header-small p {color:var(--white);}

#product-header {
  background-color: var(--lightgreen);
  background-position: center center;
  background-color:#000000;
  background-image:url('assets/images/bg-blank.jpg');
  background-position: center center;
  padding-bottom:70px;
  padding-top:160px;
}

#product-header ul li {color:var(--white);}
#product-header ul li::marker {color:var(--yellow);}

#header-small {
  min-height:40vh;
  background-color: var(--lightgreen);
  background-size:cover;
  background-position: center center;
  background-color:#000000;
}

#product-header p {
  color:var(--white);
}

#product-header h2 {
  color:var(--white);
  font-size:22px;
  font-family:var(--secondairyfont);
}
#product-header h1 {
  color:var(--yellow);
  font-size:50px;
  line-height:55px;
}

/* - - - - - C L A S S E S - - - - - */

.search-field {
   width:100%;
   max-width:600px;
   margin:auto;
   display:block;
   padding:25px;
   border-radius:500px;
   border:1px solid var(--white);
   position: relative;
   font-size:18px;
   background-image:url('assets/images/icon-search-grey.svg');
   background-repeat:no-repeat;
   background-position: calc(100% - 40px) center;
   background-size:5%;
}

.navigation {
   transition: all 900ms cubic-bezier(0.605, 0.005, 0.000, 1.000) !important; /* custom */
   transition-timing-function: cubic-bezier(0.605, 0.005, 0.000, 1.000) !important;; /* custom */
}
.scrollit {margin-top:-70px !important;}

.grondwijzer-thumb {
   width:100%;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
   rotate:-3deg;
   margin-bottom:30px;
   border-radius:10px;
   margin-top:-100px;
}


.accordion .accordion-item {
   border:0px;
   border-bottom:1px #ccc solid !important; 
   background-color:var(--lightgreen);
}
.accordion .accordion-item button[aria-expanded=true] {
}
.accordion button {
 position: relative;
 display: block;
 text-align: left;
 width: 100%;
 padding: 10px 30px 10px 0px;
 color: var(--grey);
 font-weight: 500;
 border: none;
 background: none;
 outline: none;
 font-family:var(--primary-font);
}

.accordion button .accordion-title {
   font-size:25px;
   color:var(--green);
   font-weight:600;
}
.accordion button .icon {
 display: inline-block;
 position: absolute;
 top: 18px;
 right: 0;
 width: 30px;
 height: 30px;
 border: 0px solid var(--midgreen);
 border-radius: 24px;
 background-image:url('assets/images/accordion-up.svg');
 background-color:var(--midgreen);
 background-repeat:no-repeat;
 background-position: center center;
 background-size:contain;
 transition:0.3s;
 transform: rotate(180deg);
}

.accordion button[aria-expanded=true] {
 color: var(--green);
}
.accordion button[aria-expanded=true] .icon {
 transform: rotate(0deg);
 border:0px solid var(--grey);
}
/* When the accordion is expanded */
.accordion button[aria-expanded="true"] + .accordion-content {
 opacity: 1;
 max-height: 5000px; /* Increase max-height for more flexibility */
 height: auto; /* Let content expand naturally */
 transition: height 1900ms cubic-bezier(0.605, 0.005, 0.000, 1.000), max-height 1900ms cubic-bezier(0.605, 0.005, 0.000, 1.000), opacity 300ms ease-out; 
 width: calc(100% - 50px);
 will-change: opacity, max-height;
}

/* Initial state of the accordion content */
.accordion .accordion-content {
 opacity: 0;
 max-height: 0;
 overflow: hidden;
 height: 0;
 width: calc(100% - 50px);
 transition: height 1900ms cubic-bezier(0.605, 0.005, 0.000, 1.000), max-height 1900ms cubic-bezier(0.605, 0.005, 0.000, 1.000), opacity 300ms ease-out;
 will-change: opacity, max-height;
}




.jiggy /* get sticky */ {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0 15px;
}

.date {
   font-size:14px;
   font-family:arial;
   color:#AAA;
   text-transform:uppercase;
   letter-spacing:1px;
   display:block;
}


.category {
   font-size:12px;
   color:#AAA;
   font-weight:bold;
   margin-bottom:5px;
   text-transform:uppercase;
   letter-spacing:1px;
   display:block;
}

.category-large {
   font-size:16px;
   color:#fff;
   margin-bottom:5px;
   text-transform:uppercase;
   letter-spacing:2px;
   display:block;
   opacity:0.7;
   font-weight:300 !important;
}

.icon-search::before {background-image:url('assets/images/icon-search.svg');
   background-size:contain;
   background-repeat:no-repeat;
   background-position: center center;
   content:'';
   width:25px;
   height:25px;
   display:block;
   top:6px;
   position: absolute;
   left:15px;
}

.icon-mail::before {background-image:url('assets/images/icon-mail.svg');
   background-size:contain;
   background-repeat:no-repeat;
   background-position: center center;
   content:'';
   width:25px;
   height:25px;
   display:block;
   top:6px;
   position: absolute;
   left:5px;
}


.icon-phone::before {
   background-image:url('assets/images/icon-phone.svg');
   background-size:contain;
   background-repeat:no-repeat;
   background-position: center center;
   content:'';
   width:25px;
   height:25px;
   display:block;
   top:14px;
   position: absolute;
   left:0px;
}

.icon-phone {
   padding-left:40px !important;
}

.cats {list-style-type: none; margin-left:0px; padding:0px; overflow: auto; white-space: nowrap; overflow-x: auto !important;}
.cats li {flex-wrap: nowrap; display:inline-block;}
.cats li a{ display:block; background-color:rgb(255,255,255,0.4); padding:10px 30px; margin:0px 20px 0px 0px; border-radius:60px; color:var(--green); text-decoration: none; display:inline-block; white-space: nowrap}
.cats li a:hover{background-color:rgb(255,255,255,1);}
.active-category {background-color:var(--white) !important; border: 1px solid var(--green); }

.direct-bestellen a {
   color:var(--green) !important;
}

.outline {border:2px solid var(--white); border-radius:5px;    margin-left:0px;
   /* From https://css.glass */
background: rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}

.direct-bestellen {
   background-color:var(--yellow) !important;
   border-radius:5px;
}

a{text-decoration:none;}

.product-group {
   background-color:var(--midgreen);
   border-radius:10px 10px 30px 10px;
   padding:30px;
   transition:0.1s;
   overflow:hidden;
   margin-bottom:30px;
}

.product-group:hover {
   background-color:var(--white);
   box-shadow: rgba(0, 0, 0, 0) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.product-group img {
 max-height:260px;
 align-self: center !important;
 display: block;
 margin: 0 auto;
}

.target-group {
   background-color:var(--yellow);
   min-height:60vh;
   border-radius:10px 10px 30px 10px;
   display:flex;
   padding:30px;
   align-items: flex-end;
   background-size:cover;
   background-position: 50% center;
   transition:0.7s;
   overflow:hidden;
   margin-bottom:30px;
}

.product-group span{
   position: absolute;
   right:30px;
   bottom:30px;
   display: inline-block;
   position: absolute;
   width: 30px;
   height: 30px;
   border: 0px solid var(--white);
   border-radius: 24px;
   background-image:url('assets/images/accordion-up.svg');
   background-color:var(--white);
   background-repeat:no-repeat;
   background-position: center center;
   background-size:contain;
   transition:0.3s;
   transform: rotate(90deg);
   opacity:0.8;
}

.product-group:hover span{background-color:var(--midgreen);}

.target-selector:hover .target {
   filter: brightness(50%);
   transition:1s;
}
.target {transition:1s;}
.target:hover {filter: brightness(100%) !important;}

.target-group a {text-decoration:none;}

.target-group:hover {
   background-position: 60% center;
   opacity:0.9;
   border-radius:10px 60px 30px 60px;
   background-size:cover;
}


.target-group:hover div {padding-bottom:30px;}
.target-group h3 {
   color:var(--white);
   font-weight:700;
   font-size:35px;
   line-height:40px;
   text-shadow: -1px 1px 23px rgba(0,0,0,1);

}

.target-group p {
   opacity:0;
   color:var(--white);
   transition:0.5s;
}

.target-group:hover p {
   opacity:1;
}

.target-group div {
   display:block;
   z-index:2;
   transition:1s;
   padding-bottom:10px;
}

.target-group img {
   position: absolute;
   bottom:0px; 
   left:60px;
   z-index:1;
   height:100%;
   transition:1s;
}

.pl-0 {padding-left:0px !important;}

.target-selector > .target {
   opacitiy:0.7;
}

.target-background {
   position: absolute;
   left:0px;
   top:0px;
   height:100%;
   width:100%;
   background-size:cover;
   z-index:0 !important;
   display:block;
}

.target-group:hover .target-background {
   scale:1.05;
   filter: brightness(50%);
   transition:1s;
}

.target-group:hover img {
   scale:1.10;
}

.verkoop {background-image:url('assets/images/target-group-a.jpg');}
.zakelijk {background-image:url('assets/images/target-group-b.jpg');}
.thuis {background-image:url('assets/images/target-group-c.jpg');}

.social-icon {
   background-color:#ffffff;
   display:inline-block !important;
   margin-right:10px;
   width:50px;
   border-radius:50px;
   transition:0.1s;
   transform:scale(1);
}

.social-icon:hover {
   background-color:#ffffff;
   display:inline-block !important;
   width:50px;
   border-radius:50px;
   transform:scale(1.05);
}

.select-css {
   padding:15px 30px;
   border-radius:50px;
   background-color:#ffffff;
   border: 2px solid #fff;
   width:100%;
   color:#fff;
   background-image:url('assets/images/arrow.svg');
   background-repeat:no-repeat;
   background-position: calc(100% - 30px) center;
   background-color:rgba(0,0,0,0.1);
   -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari and Chrome */
   appearance:none;
   -webkit-box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
   -moz-box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
   box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
}

.select-css::before{
   content:'hello';
   background-color:#ffffff;
   display:block;
}

.header-bg {
   position: absolute;
   left:0px;
   width:100%;
   top:0px;
}

.phone, .mail {
   position: relative;
   background-color:#ccc;
}

.phone a {
   background-image:url('assets/images/phone.svg');
   background-color:#ffffff;
   width:50px;
   height:50px;
   background-size:contain;
   border-radius:50px;
   position: absolute;
   left:0px;
   top:0px;
   transform:scale(1);
}

.mail a {
   background-image:url('assets/images/email.svg');
   background-color:#ffffff;
   width:50px;
   height:50px;
   background-size:contain;
   border-radius:50px;
   position: absolute;
   left:30px;
   top:0px;
   transform:scale(1);
   transition:0.1s;
   padding-right:50px;
}

.mail a:hover, .phone a:hover {
   transform:scale(1.05);
   transition:0.1s;
}

.phone a span {
   display:none;
}

.mail a span {
   display:none;
}


#menu-item-112::after {
   content:'';
   width:10px;
   height:10px;
   background-image:url('assets/images/arrow.svg');
   display:inline-block;
   background-repeat:no-repeat;
   background-size:contain;
   margin-top:2px;
   margin-left:2px;
}
#menu-item-112 {padding-right:130px;}

.home::before{
   content:'';
   width:22px;
   height:22px;
   background-image:url('assets/images/home.svg');
   background-size:contain;
   display:inline-block;
   background-repeat:no-repeat;
   position: absolute;
   left:-35px;
   top:15px;
}

.home {
   position: relative;
}

.more {
   font-family:var(--primairyfont);
   color:var(--green);
   font-size:20px;
}

.more a {
   font-family:var(--primairyfont);
   color:var(--green);
   font-size:20px;
}

.container {
   max-width:1400px;
   padding:0px 3vw 0px 3vw;
}

.equal {
 display: flex;
 display: -webkit-flex;
 flex-wrap: wrap;
}

.preloader {
 position: fixed;
 left: 0px;
 top: 0px;
 height: 100%;
 width: 100%;
 z-index: 999999999999999;
 animation-name: preloader;
 animation-duration: 0.4s;
 animation-delay: 2s;
 display: flex;
 align-items: center;
 justify-content: center;
 animation-fill-mode: forwards;
 background-size:cover;
 background: var(--midgreen);
 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 backdrop-filter: blur(9.4px);
 -webkit-backdrop-filter: blur(9.4px);
}

.preloaderlogo {
 animation-name: preloaderlogo;
 animation-fill-mode: forwards;
 animation-duration: 3s;
}

@keyframes preloader {
  0% {opacity: 1;}
  99% {opacity: 0; height: 100%;
    width: 100%;}
    100%{width: 0px; height: 0px;}
    height: 100%;
 }

 @keyframes preloaderlogo {
  0% {opacity: 0; scale:1.2;}
  50% {opacity: 1; scale:1;}
  100% {opacity: 0; }
}

.product-img {
   max-width:200px;
}

.next{
   position: absolute;
   right:0px;
   width:70px;
   height:70px;
   background-color:var(--white);
   border-radius:10px 0px 0px 10px;
   z-index:99999;
   background-image:url('assets/images/next.svg');
   background-size:cover;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
   -moz-box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
   box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
}

.prev{
   position: absolute;
   border-radius:0px 10px 10px 0px;
   left:0px;
   width:70px;
   height:70px;
   background-color:var(--white);
   z-index:99999;
   background-image:url('assets/images/prev.svg');
   background-size:cover;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
   -moz-box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
   box-shadow: 10px 10px 78px 0px rgba(0,0,0,1);
}

.swiper-container {
 overflow: visible;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
   left:50%;
}

.swiper-wrapper {
  height:auto !important;
}

.swiper-slide {
     display: flex;
  align-items: flex-end; /* Align items at the bottom */
  justify-content: center; /* Center the content horizontally */
  height:auto !important;
}



.download-item {
   border:0px solid var(--green);
   background-color:var(--white);
   border-radius:8px;
   margin-bottom:20px;
      -webkit-box-shadow: 0px 0px 34px -11px rgba(0,0,0,0.05);
   -moz-box-shadow: 0px 0px 34px -11px rgba(0,0,0,0.05);
   box-shadow: 0px 0px 34px -11px rgba(0,0,0,0.05);
}

.download-item:hover {
   background-color:var(--lightergreen);
}


.swiper-pagination {
   background-color:var(--white);
   max-width:150px;
   padding:7px 10px 10px 10px;
   line-height:30px;
   border-radius:50px;
   -webkit-box-shadow: 0px 0px 34px -11px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 0px 34px -11px rgba(0,0,0,0.75);
   box-shadow: 0px 0px 34px -11px rgba(0,0,0,0.75);
   z-index:99999 !important;
   position: absolute;
   bottom: 0;
   margin-left:auto !important;
   margin-right:auto !important;
   transform: translate(-50%, -50%);
   top:-3px !important;
   bottom:60px !important;
   overflow:hidden !important;
}

.swiper-pagination-wrapper {
   overflow:visible !important;
}

.max-w {max-width:220px;}
.max-w-100 {max-width:140px;}

.swiper-pagination-bullet {
  width:15px;
  height:15px;
  background-color:transparent;
  opacity:1 !important;
  border:2px solid var(--green);

}

.swiper-pagination-bullet-active {
   background-color:var(--green);
   border:2px solid var(--green);
}


.products, .related-products {
  background-color:var(--darkgreen);
  border-radius: 80px 8px;
  background-size:cover;
  background-position: bottom center;
  background-image:url('assets/images/pattern.png');
}

.products h3 {
   font-family:var(--primairyfont);
   font-size:50px;
}

.single-block {
  background-color:#ffffff;
  border-radius:40px 8px;
  overflow:hidden;
  height:100%;
  padding-bottom:50px;
  transition:0.3s;
}

.btn-bottom {
   position: absolute;
   bottom:15px;
   left:25px;
} 

.thumb-block{
  overflow:hidden;
  aspect-ratio: 2 / 1;
  background-color:#000000;
  margin-bottom:30px;
}

.thumb-block-square {
  overflow:hidden;
  aspect-ratio: 1 / 1;
  background-color:var(--green);
  background-size:cover;
  background-position: center center;
  border-radius:8px;
}

.single-block .thumb-block div a img{
   transform:scale(1.01);
   transition:0.7s;
}

.single-block:hover .thumb-block div a img{
   transform:scale(1.1);
   transition:0.7s;
}

.single-product-block {
  border-radius:8px;
  overflow:hidden;
  height:100%;
}


.single-product-header {
  overflow:hidden;
  position: relative;
  border-radius:40px 8px 0px 0px;
  height:230px;
  margin-top:0px;
}

.single-product-header a {
   position: absolute;
   left:0px;
   top:0px;
   height:100%;
   width:100%;
   z-index:2;
}

.single-product-background {
   position: absolute;
   left:0px;
   bottom:0px;
   aspect-ratio: 6 / 2;
   background-color: var(--midgreen);
   width:100%;
   z-index:0;
   border-radius:28px 8px 0px 0px;
   background-size:cover;
}

.thumb-product-block{
  z-index:2;
  position: absolute;
  bottom:0px;
  left:0px;
  width:50%;
  height:95%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 15%);
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center 0px;
  transition:0.5s !important;
  transition-timing-function: cubic-bezier(.77,0,.175,1);
}

.single-product-footer h3 {
   font-size:20px;
}

.single-product-footer {
   font-size:20px;
   border-radius:0px 0px 40px 8px;
   background-color:var(--white);

}

.single-product-footer p {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;  
   overflow: hidden;
}

.single-product-footer h3 {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;  
   overflow: hidden;
}

.rotate {
  transform: rotate(-2deg);
}

.rounded {
   border-radius:8px !important;
   overflow:hidden;
}



.rotate h3 {
  font-family: var(--primairyfont);
  font-size:40px;
  line-height:40px;
}

.rotate h1 {
  font-family: var(--primairyfont);
  font-size:110px;
}

.black-overlay {
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  height:100%;
  background-color:#000000;
  opacity:0.3;
}

.blacker-overlay {
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  z-index:2;
  height:100%;
  background-color:#000000;
  opacity:0.6;
}

.navbar {
  background: rgba(233,239,235,0);
  position: relative;
  transition:0.5s !important;
  transition-delay:0.3s !important;
}

.dark {
  background-color:var(--white);
  background-position: center center;
  transition:0.3s !important;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

.gradient {
  background: linear-gradient(0deg, rgba(34,47,40,0) 0%, rgba(34,47,40,0.8) 80%) !important;
  position: absolute;
  left:0px;
  width:100%;
  height:100%;
  top:-10px;
  z-index:-1;
  filter: blur(4px);

}

.dark  > .gradient {
   opacity:0;
}


.dark li a  {
  color:var(--green) !important;
  transition:0.3s;
}

.vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  z-index: 1;
}

.box {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  padding:30px;
  border-radius: 0px 0px 5px 5px;
}

.border-radius-top {
  border-radius:10px 10px 0px 0px;
}

.border-radius {
  border-radius:10px 10px 10px 10px;
}

.color-scheme {
  padding:30px; 
  border-radius:10px;
  aspect-ratio: 1 / 1;
  display:flex;
  align-self: flex-end;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  margin: 20px 0px 20px 0px;
  opacity:1;
}

.color-scheme:hover {
  opacity:0.8;
}

.color-scheme span{ 
  color:var(--white);}

  .gradient-overlay {
    position: absolute;
    width:140%;
    bottom:-25%;
    height:50%;
    left:-20%;
    background-color:#000000;
    filter: blur(200px);
    opacity:1;
    z-index:0;
 }


 .bg-pattern {
    position: absolute;
    width:100%;
    bottom:0%;
    left:0%;
    height:12vw;
    opacity:1;
    z-index:0;
    background-image:url('assets/images/bg-pattern.png');
    background-size:contain;
    background-position:right bottom;
    background-repeat:no-repeat;
    background-attachment: fixed;

 }


 @media only screen and (max-width: 990px) {

    #header h1{
      font-size:35px;
      line-height:35px;
   }

   #meerinformatie {margin-top:0px;}

   #meerinformatie p, #meerinformatie li {
     font-family: var(--secondairyfont);
     color: #333;
     font-size: 15px;
     line-height: 26px;
     font-weight:500;
  }
}