/*
 Theme Name:  Riet Dairy
 Description: Powered by VRHL
 Requires at  least: WordPress 6.3
 Version:     1.0
 Author:      De Hulk
 Author URI:  https://www.vrhl.nl
 Text Domain: custom_theme

 .----------------.  .----------------.  .----------------.  .----------------. 
| .--------------. || .--------------. || .--------------. || .--------------. |
| | ____   ____  | || |  _______     | || |  ____  ____  | || |   _____      | |
| ||_  _| |_  _| | || | |_   __ \    | || | |_   ||   _| | || |  |_   _|     | |
| |  \ \   / /   | || |   | |__) |   | || |   | |__| |   | || |    | |       | |
| |   \ \ / /    | || |   |  __ /    | || |   |  __  |   | || |    | |   _   | |
| |    \ ' /     | || |  _| |  \ \_  | || |  _| |  | |_  | || |   _| |__/ |  | |
| |     \_/      | || | |____| |___| | || | |____||____| | || |  |________|  | |
| |              | || |              | || |              | || |              | |
| '--------------' || '--------------' || '--------------' || '--------------' |
 '----------------'  '----------------'  '----------------'  '----------------' 
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

*:focus {
  outline: none;
}

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

:root {
 --white: #FCF9F9;
 --grey:#333443;
 --blue:#0090D3;
 --yellow:#EBCA0F;
 --secondary-font:"DM Serif Display", system-ui;
 --primary-font:"Rubik", sans-serif;
}

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

[data-aos=blur] {filter: blur(10px); transition:1s !important; opacity:0; margin-top:-40px; scale:1.1;}
[data-aos=blur].aos-animate {
 filter: blur(0px);  opacity:1; margin-top:0px;
 scale:1;
}




/* - - - - - F O N T S - - - - - */





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

html {
   scroll-padding-top: 150px;
}

body {
   font-family:var(--primary-font);
   background-color:#F8F5F5;
   position: relative;
   overflow-x:hidden;
   scroll-behavior: smooth;
}

p {
   font-family:var(--primary-font);
   font-weight:300;
   opacity:0.7;
   line-height:28px;
}




/* - - - - -B U T T O N S - - - - - */

.btn-blue {
   background-color:var(--blue);
   border-radius:10px;
   font-size:14px;
   line-height:16px;
   padding:20px 60px 20px 30px;
   text-decoration:none;
   font-family:var(--primary-font);
   color:var(--white);
   display:inline-block;
   margin-top:20px;
   margin-bottom:20px;
   background-image:url('assets/images/icon-right.svg');
   background-repeat:no-repeat;
   background-position: right 30px center;
   transition:0.3s !important;
}

.btn-blue:hover {
   transition:0.3s !important;
   padding:20px 70px 20px 30px;
   margin-left:10px;
}

.btn-down {
   display:inline-block;
   width:23px;
   height:23px;
   background-color:var(--grey);
   content:'g';
   background-image:url('assets/images/icon-down.svg');
}


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


.header-contact {border-radius: 15px 15px 0px 0px; overflow:hidden;}


.nav .nav-item button.active {
 background-color: var(--blue);
 color: var(--white) !important;
}

.nav .nav-item button {
 background-color: var(--white);
 color: var(--blue) !important;
 border:1px solid var(--blue);
 margin-top:10px;
}

.tab-pane p, .tab-pane h2 {color:var(--blue);}

#get-white-nav ul li a {color:var(--white) !important;}
#get-white-nav ul li:hover {color:var(--blue) !important;}

#get-white-nav ul li:nth-last-child(-n+2) a {margin-left:20px;}

.white {color:var(--white) !important;}
.blue {color:var(--blue) !important;}

.firmenbesuch a {
   background-color:var(--blue); font-size:14px !important; color:var(--white) !important;
   border-radius:10px;
   margin-left:0px;
} 

.firmenbesuch a:hover {color: var(--white) !important;}


/* - - - - - F A Q - - - - - */

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

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

.accordion button[aria-expanded=true] {
  color: var(--blue);
}
.accordion button[aria-expanded=true] .icon {
  transform: rotate(0deg);
  border:0px solid var(--grey);
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 100%;
  will-change: opacity, max-height;
  width:calc(100% - 50px);
  padding-bottom:20px !important;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  width:calc(100% - 50px);
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-weight: 300;
}

/* - - - - - S W I P E R - - - - - */

.swiper-content-block {
   border-radius:15px !important;
   background-color:var(--white);
   width: 100%;
   height:100%;
   overflow:hidden;

}

.swiper-btn {
   background-color:var(--white); 
   display:flex;
   justify-content:center;
   padding:40px;
   background: rgba(0, 0, 0, 0.2);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
}

.swiper-button-next {border-radius:10px 0px 0px 10px;}
.swiper-button-prev {border-radius:0px 10px 10px 0px;}
   

.swiper-btn::after {color:var(--white); font-size:30px; font-weight:bold; }

.swiper-scrollbar {
   background-color:rgba(255,255,255,0.3);
   width:calc(100% - 80px) !important;
   margin-top:-50px;
   left:0px !important;
   bottom:12px !important;
   height:3px !important;
}

.next {
   height:30px; 
   width:30px; 
   position: absolute; 
   right:0px; 
   bottom:0px; 
   background-image:url('assets/images/slider-next.svg'); 
   background-size:contain;
   background-position: center center;
   background-repeat:no-repeat;
   background-size:10px;
   opacity:0.6;
   z-index:999;
}

.prev {
   height:30px; 
   width:30px; 
   position: absolute; 
   right:40px; 
   bottom:0px; 
   background-image:url('assets/images/slider-prev.svg'); 
   background-size:10px;
   background-position: center center;
   background-repeat:no-repeat;
   z-index:999;
   opacity:0.6;
}

.prev:hover, .next:hover {
   opacity:1;
}

.swiper-scrollbar-drag {
   background-color:var(--white);
}

.testimonial-slider {
   padding-bottom:50px;
   max-height:400px;
   display:flex;
}

.wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .wp-block-embed__wrapper iframe, .wp-block-embed__wrapper object, .wp-block-embed__wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.swiper {
   width: 100%;
   height: 100%;
   overflow-x:hidden !important;
}
.overflow-x-hidden {overflow-x: hidden !important;}
.overflow-x-visible {overflow-x: visible !important;}

.testimonial-slider .swiper-slide {
   text-align: center;
   font-size: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity:0;
   filter: brightness(0);
   transition:1s;
   height:100%;
   scale:0.95;
   transform: rotateY(10deg);
}

.testimonial-slider .swiper-slide-next {
   opacity:1 !important;
   filter: brightness(0.7) !important;
   scale:0.95;
}

.testimonial-slider .swiper-slide-active {
   opacity:1;
   filter: brightness(1);
   scale:1;
   transform: rotateY(0deg);
}

#approach {
   background-size:cover;
   background-position: center center;
   background-repeat:no-repeat;
}

#approach h1 {color:var(--white) !important; }

.approach-slider .swiper-slide p, .approach-slider .swiper-slide h2 {
   color:#ffffff;
}

.approach-slider  .swiper-slide {
   background: rgba(255, 255, 255, 0) !important;
   border-radius: 16px !important;;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
   backdrop-filter: blur(5px) !important;;
   -webkit-backdrop-filter: blur(5px) !important;
   border: 1px solid rgba(255, 255, 255, 0.3) !important;
   transition:2s;
   opacity:0.8;
}

.approach-slider .swiper-slide-active {
   opacity:1;
   background: rgba(255, 255, 255, 0.2) !important;
}

.swiper-wrapper {
   transition: all 900ms cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */
   align-items:center !important;
}

.testimonial-slider div >  .swiper-slide-next {

}




.swiper-slide h5 {
   font-size:10px;
   color:var(--blue);
   text-transform: uppercase;

}

.swiper-slide h2 {
   color:var(--grey);
   font-size:20px;
   line-height:26px;
}

.read-more {
   color:var(--blue);
   padding:10px 30px 10px 0px;
   background-image:url('assets/images/icon-right-blue.svg');
   background-repeat:no-repeat;
   background-position: right 5px center;
   transition:0.3s !important;
   display:inline-block;
   transition:0.3s;
   text-decoration:none;
}

.read-more:hover {
   background-position: right 0px center;
}

.featured-img {
   background-size:cover;
   background-position:center center;
}

.swiper-content-height {min-height:300px;}


.min-h-100 {min-height:100vh;}
.min-h-90 {min-height:90vh;}
.min-h-80 {min-height:80vh;}
.min-h-60 {min-height:60vh;}
.min-h-50 {min-height:50vh;}
.min-h-40 {min-height:40vh;}
.min-h-45 {min-height:45vh;}
.min-h-30 {min-height:30vh;}
.min-h-20 {min-height:20vh;}

.z-index-2 {z-index:2 !important;}


.blue-block {
   background-color:var(--blue);
   color:var(--white);
   padding:20px;
   border-radius:15px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
   margin-top:20px;
}

.blue-block h3{
   font-size:32px;
   font-family:var(--primary-font);
   font-weight:300;
}

.blue-block p{
   font-size:16px;
   line-height:24px;
   font-weight:300;
}

.rellax {z-index:999 !important;}


.gradient-black-top {
   position: absolute;
   left:0px;
   top:0px;
   z-index:0;
   width:100%;
   height:30%;
   background: rgb(39,40,47);
   background: linear-gradient(180deg, rgba(39,40,47,1) 0%, rgba(39,40,47,0) 100%); 
}

.gradient-black-bottom {
   position: absolute;
   left:0px;
   bottom:0px;
   z-index:0;
   width:100%;
   height:70%;
   background: rgb(39,40,47);
   background: linear-gradient(0deg, rgba(39,40,47,1) 0%, rgba(39,40,47,0) 80%); 
}

.gradient-grey-bottom {
   position: absolute;
   left:0px;
   bottom:0px;
   z-index:0;
   width:100%;
   height:70%;
   background: rgb(51,52,67);
   background: linear-gradient(0deg, rgba(51,52,67,1) 0%, rgba(51,52,67,0) 100%); 
}

/* - - - - - L A N G U A G E - S E L E C O T O R - - - - - - */

.language-selector {
   background-color:transparent;
   border:1px solid #ccc;
   padding:4px;
   border-radius:2px;
   color:#ccc;
}


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

.gform_wrapper {
   border-radius:10px;
}

.gform_wrapper.gravity-theme .gfield_label {
   display:inline-block;
   font-size:25px;
   font-weight:700;
   margin-bottom:15px;
   padding:0;
   margin-top:15px;
   font-family:var(--primary-font);
   color:var(--white);
}

.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_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:0px;
   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:#000000;
   display:inline-block;
   font-size:15px;
   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 .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid=true]+label,
.gform_wrapper.gravity-theme label+[aria-invalid=true] {
   color:red !important;
   font-family:var(--primary-font);
}
.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;
   display:none;
}
.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 {
  border:2px solid var(--yellow);
  padding:3px 20px;
  margin:10px 0px;
  color:var(--white);
  font-weight:300;
  border-radius:50px;
  transition:0.3s;
  background-color: var(--yellow);
  font-family: var(--primary-font);
}



@media (min-width:641px) {

   #nav a img{
      margin-left:0px; margin-top:0px;
   }


   .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%
   }
}
.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 {
   width:100%
}
.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) {

 .mobile-height {min-height:50vh;}

 .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:14px !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(assets/assets/assets/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:0px 0 0 !important;
   padding:10px 0 !important;
}
.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
}
.gform_wrapper.gravity-theme .gfield_checkbox label,
.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:16px !important; line-height:24px !important;}



.gform_wrapper.gravity-theme .gfield_checkbox button,
.gform_wrapper.gravity-theme .gfield_checkbox input[type=text],
.gform_wrapper.gravity-theme .gfield_checkbox input[type=tel],
.gform_wrapper.gravity-theme .gfield_checkbox input[type=email],
.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
}
.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:22px;
   margin-bottom:0;
   margin-top:0;
   padding:8px
}
.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
}

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:0px 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:#ffffff;
   border:2px solid #ffffff;
   border-radius:20px;
   color:#585e6a;
   font-size:14px;
   font-weight:500;
   height:40px;
   text-align:center;
   width:40px;
   opacity:0.3;
}
.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;
}
.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(--secondairy) !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(--primary) !important;
  border: 1px solid var(--primary) !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], input[type=tel], textarea  {
  background-color: #fff !important;
  color: var(--grey);
  margin-top:0px !important;
  padding:7px 10px !important;
  transition: 0.3s;
  width:100%;
  opacity:0.5;
  border:1px solid var(--white);
  border-radius: 4px !important;
}

input[type=text]:focus, input[type=email]:focus, .gfield textarea:focus  {
  background-color: #fff !important;
  transition: 0.3s;
  opacity:0.9;
  border:1px solid #B2B2B2 !important;
  border-radius: 4px;

}

textarea {
  border: 1px solid #ddd !important;
  background-color: #fff !important;
  border-radius: 0px;
  border-radius:10px;
  padding:10px;
  transition: 0.3s;

}





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

.ginput_container_fileupload input {
 background-color: rgba(255,255,255,0.3);
 padding: 20px !important;
 font-family: arial !important;
 font-size:15px !important;
}

.gform_fileupload_rules {
 color: #ffffff;
}


.gform_wrapper.gravity-theme .gfield textarea.large {
  padding: 10px !important;
  height: 100px !important;
  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;
  outline: 0 none;
}

.gf_progressbar_percentage {}

.gform_next_button {
  border:2px solid var(--yellow);
  padding:3px 20px;
  margin:10px 0px;
  color:var(--white);
  font-weight:300;
  border-radius:50px;
  transition:0.3s;
  background-color: var(--yellow);
  font-family: var(--primary-font);
}

#field_1_8 {
 display:none;
}

.gfield_required_text {color:#ffffff !important; font-style:normal !important;}

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

.gform_submission_error {
   font-size:15px !important;
}

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

}

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

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
 background-color: rgba(0,0,0,0.2) !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(--primary) !important;
 box-shadow: rgba(0, 0, 0, 0.16) -3px 1px 10px;
 background: linear-gradient(0deg, var(--primary) 0%, var(--secondairy) 100%)
}

.gform_previous_button {
  border:0px solid var(--yellow);
  padding:3px 20px;
  margin:10px 0px;
  color:var(--grey);
  font-weight:300;
  border-radius:50px;
  opacity:0.6;
  transition:0.3s;
  background-color: #F8F5F5 !important;
  font-family: var(--primary-font);
  font-size:14px;
}

.gform_validation_errors h2 {
  padding-bottom: 0px  !important;
  color: #ffffff !important;
  font-size:25px;
}

.gform_validation_errors {
  background-color: #056490 !important;
  border: 0px solid !important;
  text-align:center;

}

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



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

input[type="radio"]{
  padding-right:30px !important;
}

.gfield_radio div {padding-right:30px !important;}

.gpoll_choice_label {
   text-align:center !important;
   padding-bottom:20px !important;
   color:var(--white);
   font-size:22px !important;
}

.gpoll_ratio_box {
   background-color:rgba(0,0,0,0) !important;
   right:0px;
   top:0px;
   z-index:3 !important;
   top: 25px !important;
   left: 0%;
   transform: translate(50%, -50%);
   max-width:100% !important;
}

.gpoll_bar {
   max-height:55px !important;
   height:55px !important;
   border-radius:50px !important;
   margin-left:0px !important;
}

.gpoll_ratio_label {
   line-height:2.4 !important;
   font-size:22px !important;
   width:100% !important;
   display:inline-block !important;

}

#field_4_6 legend span span {
   display:none;
}



.gpoll_bar_juice {
   background-color:#ffffff !important;
   background: linear-gradient(0deg, #8be8af 50%, #99ebff 100%) !important;
}

.gpoll_bar_juice::after {
   background-image:url('') !important;
}

input[type="radio"] + label, input[type="checkbox"] + label{
 transition: all 500ms cubic-bezier(0.000, 0.975, 0.355, 1.465) !important; /* custom */

 transition-timing-function: cubic-bezier(0.000, 0.975, 0.355, 1.465) !important; /* custom */
}

input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
  opacity:1;
}

input[type="radio"]:checked{
  background: var(--grey);
}

input[type="radio"]:after{
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  transform:scale(0.6);
  border-radius: 50%;
  background: #fff;
  left: -2px;
  top:-2px;
  opacity:0;
  transition: all .2s ease-in-out;
  background-size:contain;
  background-repeat:no-repeat;
  text-align:center;
  background-color:var(--grey);
  border: 1px solid var(--grey) !important;
}

input[type="radio"]:checked:after{
  transform:scale(0.6);
  left: -2px;
  top:-2px;
  opacity:0.4;
}

input[type="radio"]:checked + label {
 font-weight:bold !important;
 opacity:1;
}

#input_4_7 {
   display:none;
}

input[type="radio"] + label {
 font-weight:bold !important;
 opacity:0.4;
 width:100%;
 line-height:25px !important;
 margin:15px 0px 20px 0px !important;
}

#gform input[type="checkbox"]{
  appearance: none;
  width: 62px;
  height: 32px;
  background: #fff;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all .2s ease-in-out;
  padding-right:30px;
}

#gform input[type="checkbox"]:checked{
  background: #ffffff;
}

#gform input[type="checkbox"]:after{
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  left: 2px;
  top:3px;
  transition: all .2s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.16) 3px 1px 10px;
}

#gform input[type="checkbox"]:checked:after{
  left: calc(100% - 28px);
  box-shadow: rgba(0, 0, 0, 0.16) -3px 1px 10px;
}

#gform input[type="checkbox"] + label {
 margin-left:10px !important;
}



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


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

#logo-mobile {
   left:10px;
   top:14px;
   z-index:999999;
}

#overlay-button {
 position: fixed;
 right: 0em;
 top: 0em;
 padding: 26px 11px;
 z-index: 5;
 cursor: pointer;
 user-select: none;
}
#overlay-button span {
 height: 4px;
 width: 35px;
 border-radius: 2px;
 background-color: white;
 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: white;
 position: absolute;
 content: "";
 transition: all 0.2s ease-in-out;
}

#overlay-button:hover {opacity:0.9;}

#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
 background: var(--white);
}

input[type=checkbox] {
 display: none;
}
input[type=checkbox]:checked ~ #overlay {
 visibility: visible;
}
input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
 background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:before {
 transform: rotate(45deg) translate(7px, 7px);
 opacity: 1;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
 transform: rotate(-45deg) translate(7px, -7px);
}

#overlay-button:hover {color:var(--white) !important; opacty:0.5 !important; background-color:var(--blue);}
#overlay-button {color:var(--white) !important; opacty:0.5 !important; background-color:var(--blue); z-index:999999;}

#overlay-button:hover span{color:var(--white);}

#overlay {
 height: 100vh;
 width: 100vw;
 background: #333443;
 z-index: 9999;
 visibility: hidden;
 position: fixed;
 top:0px;
 left:0px;
}
#overlay.active {
 visibility: visible;
}
#overlay {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 text-align: center;
 height: 100vh;
}

#overlay ul {
 padding-left: 0;
 list-style-type: none;
}

#overlay ul li {
 padding-bottom: 10px;
 display:block;
}
#overlay ul li a {
 color: white;
 text-decoration: none;
 font-size: 1.5em;
}
#overlay ul li a:hover {
 color: var(--white);
}

#overlay ul li a.firmenbesuch {
   background-color:var(--grey) !important; 
   padding:20px 50px; 
   margin-top:0px; 
   display:block;
}

#method h1 {
   color:var(--blue);
   font-size:48px;
   font-family:var(--secondary-font);
}

#content p:first-child {
   font-size:18px;
   line-height:30px;
}

#content p {
   font-size:16px;
   line-height:28px;
   margin-top:20px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
   font-weight:300;
   margin-top:30px;
   margin-bottom:30px;
}

#content h1 {}
#content h2 {font-size:24px; line-height:32px;}
#content h3 {font-size:20px; line-height:32px;}
#content h4 {font-size:16px; line-height:32px;}
#content h5 {font-size:16px; line-height:32px; font-weight:500}
#content h6 {font-size:16px; line-height:32px;}

#window {
   background: rgba(0, 0, 0, 0);
   position: fixed;
   z-index:9999;
   width:100%;
   height:100%;
   top:0px;
   left:0px;
   display:none;
   transition:3s;
}

.overlay {
   background: rgba(0, 0, 0, 0.6);
   position: absolute;
   z-index:0;
   width:100%;
   height:100%;
   top:0px;
   left:0px;
}

.overlay-blue {
   background: rgba(0,144,211,0.95);
   position: absolute;
   z-index:0;
   width:100%;
   height:100%;
   top:0px;
   left:0px;
}


.show-window { 
   display:block !important;
   background: rgba(0, 0, 0, 0.5) !important;
}

.pop-up {
   position: fixed;

   right:0px;
   width:100%;
   bottom:-540px;
   max-width:300px;
   height:600px;
   z-index:99999;
   background-color:var(--white);
   border-radius:15px 15px 0px 0px;
   overflow:hidden;
   transition: all 900ms cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */
   
}

@keyframes shoppopup {
 from {bottom:-640px;}
 to {bottom:-540px;}
}

.pop-up h5 {font-weight:500; font-size:16px;}

.plop {
   bottom:0px !important;
   transition: all 900ms cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */
   max-width:600px;
   width:100%;
   height:600px;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

#pop-up-content {
   overflow-y: scroll;
}

#pop-up-button {
   background-color:var(--yellow);
   padding:20px;
   display:block;
   color:var(--white);
   background-image:url('assets/images/close.svg');
   background-repeat:no-repeat;
   background-position: center right 20px;
}

#static-nav {
   position: absolute;
   z-index:999;
   top: 0%;
   left: 50%;
   transform: translate(-50%, 0%);  
}


#fixed-nav {margin-top:-150px; 
   transition: all 900ms cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.605, 0.005, 0.000, 1.000); /* custom */}
   .sticky {margin-top:0px !important;}

   #fixed-nav {background-color:var(--white);}

   
   #anchors {
      list-style-type: none;
   } 

   #anchors li{
      display:inline-block;
      margin-top:10px;
      position: relative;
   }
   #anchors li a {
      color:var(--grey);
      font-size:20px;
      font-weight:500;
      padding:10px 20px;
      text-decoration: none;
   }

   #anchors li:not(.firmenbesuch) a:hover {
      color:#5AC5F7 !important;
   }

   #list-top {
      list-style-type: none;
      display:flex;
      justify-content: flex-end;
   }

   #list-top li {display:inline; padding: 0px 0px 0px 40px; font-size:12px; letter-spacing:1px; position: relative;} 
   #list-top li a { text-decoration:none; color:var(--grey);} 


   #home {
      background-size:cover;
      background-position: center top 20%;

   }

   #header a {
      color:var(--white) !important;
   }



   #home h1 {
      color:var(--white);
      font-family:var(--secondary-font);
      font-weight:300;
      font-size:32px;
   }

   @media (min-width: 900px) {
      #home h1 {
         color:var(--white);
         font-family:var(--secondary-font);
         font-weight:300;
         font-size:48px;
      }
   }

   #home p {
      text-transform:uppercase;
      font-size:18px;
      color:#B2B2B2;
      letter-spacing:3px;
      margin-top:30px;
      display:block;
   }

   #header {
      background-size:cover;
      background-position: center top 20%;
      background-repeat:no-repeat;

   }


   #header h1 {
      color:var(--white);
      font-family:var(--primary-font);
      font-weight:300;
      font-size:60px;
   }

   #header h1 {
      color:var(--white);
      font-family:var(--primary-font);
      font-weight:300;
      font-size:30px;
   }

   @media (min-width: 600px) {
      #header h1 {
         color:var(--white);
         font-family:var(--primary-font);
         font-weight:300;
         font-size:60px;
      }

      #content p:first-child {
         font-size:24px;
         line-height:40px;
      }}


      #header h5 {
         color:var(--white);
         font-family:var(--primary-font);
         font-weight:300;
         font-size:32px;
      }

      #header p {
         text-transform:uppercase;
         font-size:18px;
         color:#B2B2B2;
         letter-spacing:3px;
         margin-top:30px;
         display:block;
      }

      #intro h2 {
         font-family:var(--secondary-font);
         color:var(--blue);
         font-size:48px;
      }

      #testimonials{
         background-color:var(--grey);
         background-image:url('assets/images/header-content.jpg');
         background-size:cover;
         background-position: 50% 58%;
      }

      #testimonial-content {
         background-color:var(--grey);

      }

      #testimonial-content h1 {color:var(--white); font-family:var(--secondary-font); font-size:48px;} 

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

      #history {
         background-image:url('assets/images/history.jpg');
         background-size:cover;
         background-position: center center;
      }

      #history h1, #history p  {
         color:var(--white);
      }

      #contact div {
         background-color:var(--blue);
         border-radius:15px;
         color:var(--white);
      }

      #contact p {opacity:1; color:#91ceeb;}
      #contact strong {color:var(--white); font-weight:bolder;}

      #contact div h1 {
         font-family:var(--secondary-font);
      }


      #faq {
         font-family:var(--secondary-font);
         padding-top:15vh;
         padding-bottom:5vh;
      }

      #faq a {color:var(--blue);
      }


      #footer {
         background-color:var(--grey);
         padding-top:8vh;
         padding-bottom:8vh;
         color:var(--white);
      }

      #footer a{color:var(--white); display:block;}

      #footer ul {list-style-type: none;}
      #footer ul li{color:var(--white); 
         font-size:14px; 
         font-weight:300; 
         line-height:30px;
         padding-left:40px;
         position: relative;
      }
      #footer ul li a {color:var(--white); text-decoration:none;}

      .socials a {
         display:inline-block !important;
         width:30px;
         height:30px;
         margin-right:10px;
         background-image:contain;
         background-position: center center;

      }

      .footer-list li{padding-left:0px !important;}

      .adress-diap::before {
         background-image:url('assets/images/icon-location-diap.svg');
         content:'';
         width:30px;
         height:30px;
         left:-30px;
         top:0px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

      .mail-diap::before {
         background-image:url('assets/images/icon-email-diap.svg');
         content:'';
         width:20px;
         height:20px;
         left:10px;
         top:0px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

      .footer-mechanic-diap::before {
         background-image:url('assets/images/icon-mechanic-diap.svg');
         content:'';
         width:20px;
         height:20px;
         left:-30px;
         top:5px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

      .footer-phone-diap::before {
         background-image:url('assets/images/icon-phone-diap.svg');
         content:'';
         width:20px;
         height:20px;
         left:-30px;
         top:5px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

      .footer-website-diap::before {
         background-image:url('assets/images/icon-website-diap.svg');
         content:'';
         width:20px;
         height:20px;
         left:-30px;
         top:5px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

      .footer-location-diap::before {
         background-image:url('assets/images/icon-location-diap.svg');
         content:'';
         width:20px;
         height:20px;
         left:-30px;
         top:5px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }


      .footer-mail-diap::before {
         background-image:url('assets/images/icon-email-diap.svg');
         content:'';
         width:20px;
         height:20px;
         left:-30px;
         top:5px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

      .email-dark::before {
         background-image:url('assets/images/icon-email-dark.svg');
         content:'f';
         width:20px;
         height:20px;
         left:10px;
         top:0px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

      .mail::before {
         background-image:url('assets/images/icon-email.svg');
         content:'';
         width:30px;
         height:30px;
         left:-30px;
         top:0px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }

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

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

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

      .website::before {
         background-image:url('assets/images/icon-website-diap.svg');
         content:'';
         width:30px;
         height:30px;
         left:-30px;
         top:0px;
         position: absolute;
         display:inline-block;
         background-repeat:no-repeat;
         background-position: center center;
      }



      .facebook {background-image:url('assets/images/icon-facebook.svg');}
      .instagram {background-image:url('assets/images/icon-insta.svg');}
      .youtube {background-image:url('assets/images/icon-youtube.svg');}