@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-Black.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-BlackObl.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-BlackObl.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-BoldObl.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-BoldObl.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-Bold.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-HairlineObl.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-HairlineObl.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-Hairline.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-Hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-Light.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-RegularObl.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-RegularObl.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-LightObl.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-LightObl.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-SemiBoldObl.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-SemiBoldObl.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-ThinObl.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-ThinObl.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-Thin.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('fonts/HurmeGeometricSans1-Regular.woff2') format('woff2'),
         url('fonts/HurmeGeometricSans1-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hurme Geometric Sans';
    src: url('HurmeGeometricSans1-SemiBold.woff2') format('woff2'),
         url('HurmeGeometricSans1-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


 a.button, .headline{font-family: 'Hurme Geometric Sans'}
a.button{text-transform: none !important;}
a.button.medium{display: flex;font-size: 15px;
  justify-content: center;}
  a.button.large{font-size: 24px;}

#header-row{padding: 200px 0;background-position-y: top;}
#logo img {max-width: 300px;}

.underlined{display: inline-block;margin-bottom: 20px !important;width: fit-content;}
.underlined:after{display: block;position: relative;
  width: 100%;
  background: #F9AD42;
  height: 4px;top: 5px;
  content: '';}
#promenu, #promenufalse{margin-top: -20px;}


.resource .wpb_wrapper{text-align: left !important;}
.resource .col.span_12{background: #ffffff;box-shadow: 3px 3px 11px 0px rgba(0,0,0,.3);
  overflow: hidden;
  padding: 25px 10px;
  border-radius: 8px;}
  .resource.links .col.span_12{background: #F2F2F2}

.resource .vc_col-sm-9 .wpb_wrapper{display: flex; flex-direction: column;}

.stepgray .wpb_wrapper{text-align: left !important;}
.stepgray .col.span_12{background: #F2F2F2;
  overflow: hidden;
  padding: 25px 10px;
  border-radius: 8px;}

.stepgray .vc_col-sm-9 .wpb_wrapper{display: flex; flex-direction: column;}

.stepwhite .wpb_wrapper{text-align: left !important;}
.stepwhite .col.span_12{
  overflow: hidden;
  padding: 25px 10px;
  border-radius: 8px;}

.stepwhite .vc_col-sm-9 .wpb_wrapper{display: flex; flex-direction: column;}



a.button.fordownload{justify-content: flex-start;
  border: none !important;width: fit-content;margin-left: -20px;
  display: flex;
  font-size: 18px;}
a.button.fordownload i{font-size: 18px;
  margin: -6px 8px 0px 0;
  font-weight: 400 !important;
  background: #F9AD42;
  padding: 6px;
  border-radius: 25px;}
a.button.fordownload:hover{background: transparent;color: #005CA6 !important}
a.button.fordownload:hover i{background: #005CA6;color:#F9AD42 }
.links a{text-decoration: underline; font-weight: 600;}
.links .headline{padding-bottom: 20px;}
.faqs-container .transition, .faqs-container div, .faqs-container ul li i:before, .faqs-container ul li i:after {
  transition: all 0.25s ease-in-out;
}
.faqs-container div ul{margin-top: 10px;margin-bottom: 10px;}
.faqs-container .flipIn, .faqs-container h1, .faqs-container ul li {
  animation: flipdown 0.5s ease both;
}

.faqs-container .no-select, .faqs-container h2 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}







.faqs-container .title{text-transform: uppercase;font-size: 18px;font-weight: 700;color: #50bcbd;margin-bottom: 15px;padding-left: 0;}

.faqs-container h2 {
    font-size: 18px; color: #B3B3B3;
    line-height: 24px;
    letter-spacing: 0px;
    display: block;
    margin: 0;
    cursor: pointer;
   
    font-weight: 600 !important;padding-right: 6px;
}
.faqs-container.other-faq h2 {color:#005CA6;}
.faqs-container.fruit-faq h2 {color: var(--fruit-color);}
.faqs-container.milk-faq h2 {color: var(--milk-color);}
.faqs-container h2 span{font-weight: bold;}
.faqs-container div {
  color: #737373;
  font-size: 18px;
  line-height: 1.5em;

  position: relative;padding-left: 0px;
  overflow: hidden;
  max-height: 1280px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2;
}

.faqs-container > ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.faqs-container > ul > li {
  position: relative;
  padding: 0;
  margin: 0;
padding-bottom: 12px;
  padding-top: 12px;
  border-bottom: 2px solid #F9AD42;
}
.faqs-container > ul > li:last-of-type {
  padding-bottom: 0;padding-bottom: 10px;
}
.faqs-container > ul > li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 7px;
  right: 0;
}
.faqs-container > ul > li i:before,.faqs-container > ul > li i:after {
  content: "";
  position: absolute;
  background-color: #005CA6;
  width: 2px;
  height: 9px;
}
.faqs-container.fruit-faq > ul li i:before,.faqs-container.fruit-faq > ul li i:after {
  background-color: var(--fruit-color);
}
.faqs-container.milk-faq > ul li i:before,.faqs-container.milk-faq > ul li i:after {
  background-color: var(--milk-color);
}
.faqs-container > ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.faqs-container > ul li i:after {
  transform: translate(3px, 0) rotate(-45deg);
}
.faqs-container > ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.faqs-container > ul li input[type=checkbox]:checked ~ div {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.faqs-container > ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(-2px, 0) rotate(135deg);
}
.faqs-container > ul li input[type=checkbox]:checked ~ i:after {
  transform:translate(3px, 0) rotate(-135deg);
}


#header.header-transparent.header-v1{box-shadow: none !important;}

.cta{font-size: 24px !important;}
.copyright-text{font-size: 12px;}
.minilogo{max-width: 163px;}
#copyright .copyright-col1{padding-right: 8px;}
#copyright .copyright-col2{display: flex;
  justify-content: center;
  align-items: end;}
#copyright .container .sixteen.columns{display: flex;}
.wpb_text_column ol li ul li{list-style-type: : disc !important;}


#menu-footer-menu{display: flex;}
#menu-footer-menu li{font-size: 16px;margin: 0px 10px 10px 0px !important;}
#menu-footer-menu li a{text-decoration: underline;font-size: 14px;}


.header-transparent.clearHeader #navigation > ul > li > a, .header-transparent #navigation > ul > li > a{display: none}

.faqs-container div p{margin-bottom: 6px;}
.faqs-container div ul {list-style: disc}
.page-id-209 .login-username, .page-id-209 .login-password{display: none !important;}


.disc-laim{font-size: 18px;margin-top: 20px;}
.page-id-222 .wpb_text_column ul li, .wpb_text_column ol li{font-size:16px;list-style: disc;padding-bottom: 15px;}
.page-id-222 .wpb_text_column ol li{list-style-type: lower-alpha;}
.page-id-222 .wpb_text_column ol li::marker{color:#005ca6;font-weight:bold;}
.page-id-222 .wpb_text_column ol.notletter li{list-style-type: disc;}
.page-id-222 .wpb_text_column ol.notletter li::marker{color:#777;}
.page-id-222 .wpb_text_column ol > li > ul > li{list-style-type: disc !important;}
.page-id-222 .wpb_text_column ol > li > ul > li:marker{color:#777;}


.page-id-222 .wpb_text_column ol > li > ul{padding-top: 15px;
  padding-bottom: 15px;}

.loginholder{box-shadow: 1px 1px 20px 0px rgba(0,0,0,.3); max-width: 800px;margin: 0 auto;border-radius: 15px;border-radius: 15px;}
.loginholdertop{background: #005CA6;border-top-left-radius: 15px;border-top-right-radius: 15px; color: #fff;}
.loginholdertop h3{color: #fff;padding: 20px 10px 20px 10px;
  text-align: center;
  font-weight: bold;}
.loginholdercontent{}
.loginlogoholder{}

.login-remember{display: none !important;}

.login-custom-field-wrapper label {text-align: center;}
#my_extra_field{background: #F2F2F2; margin: 20px auto;}
.login-submit #wp-submit{margin: 0 auto;margin-bottom: 30px;border-radius: 25px;
  padding: 15px 30px;}
.login-submit{text-align: center;}

.logincopyholder{max-width: 800px; padding: 20px;font-size: 14px;margin: 0 auto;text-align: center;}

.munuinstr{display: flex;justify-content: space-between;}
.munuinstr li{}
.munuinstr li a{font-weight: bold;
  text-decoration: underline;
  color: #F9AD42;}
.munuinstr li::before{display: none;}


.stepgray .underlined::after, .resource .underlined::after {
  display: block;
  position: relative;
 }


#insmenu{margin-top: -20px;}

.storage-info{}
.addtitionals{}
.addtitionals .span_12{border: 2px solid #F9AD42;overflow: hidden;border-radius: 20px;padding: 20px 7px;
  box-sizing: border-box;margin-bottom: 30px !important;}
  .addtitionals .span_12 h3{color: #005CA6;font-size: 24px;font-weight: bold;margin-bottom: -20px !important;}
  
  
  .storage-info .span_12{background: #F2F2F2;overflow: hidden;border-radius: 20px;padding: 20px 7px;
  box-sizing: border-box;margin-bottom: 30px !important;}
  .storage-info .span_12 h3{color: #005CA6;font-size: 24px;font-weight: bold;margin-bottom: -20px;}
  
.resource .wpb_text_column {
  margin-bottom: 10px;
}
  
  .inlinelinks .wpb_wrapper{display: flex;flex-wrap: wrap;
  gap: 0px 80px;}
  
  #support{margin-top: -30px;}
  
  .faqsmall{font-size: 12px;}
  
  #multibullet{columns: 4;
  list-style: disc;}

  
  
  .post-password-form{display: flex;
  min-height: 540px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
  max-width: 100%;background: #a1cbed;}
.post-password-form p {width: 300px}  
.post-password-form #pwbox-7{width: 90%;}
  
.post-password-form input[type="submit"]  {width: calc(100% - 4px);}
  
  .ppimage{max-width: 300px;
  margin: 0px auto;
  padding-top: 160px;}