/**
* Block Name: hero
*/

section.hero {
  height: 288px;
}

section.hero svg.fuss {
  top: -17px;
  height: 100%;
}

section.hero svg.fuss.fuss2 {
  mix-blend-mode: screen;
  opacity: 0.8;
}

section.hero .slogan {
  top: 50%;
  transform: translateY(-50%);
}

section.hero img.bg_static_cover {
  height: 100%;
  z-index: -1;
}
section.hero > .logo_banner {
  z-index: 2;
}

section.eco_breadcrumb .home_link,
section.eco_breadcrumb .home_link svg {
  transition: all 0.5s cubic-bezier(0.9, 0, 0.5, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.9, 0, 0.5, 1);
  -ms-transition: all 0.5s cubic-bezier(0.9, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.9, 0, 0.5, 1);
}

section.eco_breadcrumb .home_link i {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

section.eco_breadcrumb .home_link {
  color: var(--green-main);
  font-size: 24px;
  padding-left: 30px;
  padding-right: 0px;
  overflow-x: hidden;
}
section.eco_breadcrumb .home_link svg {
  top: 9px;
  left: 0px;
  height: 18px;
  width: 21.2px;
  fill: var(--green-main);
}

section.eco_breadcrumb .home_link i {
  left: 125px;
  top: 8px;
  opacity: 0;
  color: var(--green-main);
}

section.eco_breadcrumb:hover .home_link,
section.eco_breadcrumb:hover .home_link svg,
body.path-frontpage section.eco_breadcrumb .home_link,
body.path-frontpage section.eco_breadcrumb .home_link svg {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

section.eco_breadcrumb:hover .home_link,
body.path-frontpage section.eco_breadcrumb .home_link {
  padding-left: 0px;
  padding-right: 30px;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

section.eco_breadcrumb:hover .home_link svg,
body.path-frontpage section.eco_breadcrumb .home_link svg {
  transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

section.eco_breadcrumb:hover .home_link i,
body.path-frontpage section.eco_breadcrumb .home_link i {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

section.eco_breadcrumb *:hover {
  color: var(--green-main);
  text-decoration: none;
}

section.eco_breadcrumb * svg {
  margin-right: 15px;
}

@media (min-width: 768px) {
  section.hero {
    height: 330px;
  }

  section.hero > .logo_banner {
    background: #fff;
    top: 30%;
    right: 0px;
    padding: 20px;
    padding-right: 45px;
  }

  section.hero > .logo_banner > svg {
    width: 168px;
  }
}

@media (min-width: 992px) {
  section.hero {
    height: 413px;
  }

  section.hero > .logo_banner {
    padding: 25px;
    padding-right: 57.5px;
  }

  section.hero > .logo_banner > svg {
    width: 211px;
  }
}

@media (min-width: 1200px) {
  section.hero {
    height: 620px;
  }

  section.hero > .logo_banner {
    padding: 30px;
    padding-right: 70px;
  }

  section.hero > .logo_banner > svg {
    width: 252px;
  }
}

@media (max-width: 992px) {
  section.hero {
    overflow: hidden;
  }

  section.hero div.svg_container .slogan {
    transform: scale(0.8) translateY(-50%);
  }
}

@media (max-width: 1199px) {
  section.hero svg.fuss {
    top: 0;
  }
}

@media (max-width: 992px) {
  section.hero svg.fuss {
    left: -50px;
  }
}