:root {
  --dark-slate-grey: #3b4451;
  --white: white;
  --orange: #fbb666;
  --blue: #2f4858;
  --dark-blue: #1c2b34;
  --medium-sea-green: #6da567;
  --khaki: #fadf8b;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
}

h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 130%;
}

h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}

p {
  color: #000;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.navbar-container {
  width: 100%;
  height: 150px;
  max-width: 2200px;
  text-align: center;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: static;
}

.nav-menu {
  float: none;
  color: var(--dark-slate-grey);
  margin-top: 15px;
}

.nav-menu.menu-type-2 {
  height: 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  display: flex;
}

.navbar {
  width: 100%;
  color: var(--dark-slate-grey);
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  margin-top: -50px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.logo-container {
  width: auto;
  height: 100%;
  clear: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.logo-container.w--current {
  width: auto;
  height: 50%;
  clear: none;
  flex: 1;
  display: block;
  position: relative;
  top: auto;
}

.logo {
  width: 200px;
  height: auto;
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: relative;
  top: 40px;
}

.logo.dark {
  opacity: 1;
}

.nav-link {
  color: var(--dark-slate-grey);
  object-fit: none;
  padding-left: 14px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  transition: opacity .2s;
  overflow: hidden;
}

.nav-link:hover {
  opacity: .7;
}

.nav-link.w--current, .nav-link.contact {
  color: var(--dark-slate-grey);
}

.nav-link.contact.language {
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 15px;
}

.nav-link.contact.language.w--current {
  font-size: 16px;
}

.nav-link.dropdown:hover {
  opacity: 1;
}

.nav-link.in-dropdown {
  width: 100%;
  color: var(--white);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.nav-link.in-dropdown.w--current {
  padding-top: 4px;
  padding-bottom: 4px;
}

.nav-link.black {
  color: #000;
}

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

.hero-homepage {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-image-container {
  z-index: -1;
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  overflow: hidden;
}

.hero-image {
  width: 100%;
  height: 100vh;
  opacity: .6;
  object-fit: cover;
}

.hero-image.position-left {
  height: 100vh;
  opacity: 1;
  object-position: 50% 70%;
}

.hero-content {
  width: 500px;
  min-height: 320px;
  position: relative;
  left: 0;
}

.title-container {
  border-left: 6px none var(--orange);
  flex-wrap: nowrap;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.heading-1 {
  color: var(--dark-slate-grey);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 44px;
  font-weight: 300;
}

.wide-container {
  width: 100%;
  height: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding: 0% 40px 0% 115px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.wide-container.horizontal-to-vertical {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.wide-container.horizontal-to-reverse-vertical {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.wide-container.for-footer {
  padding: 40px;
}

.wide-container.style-guide {
  flex-direction: row;
  justify-content: flex-start;
}

.wide-container.homepage {
  height: 100vh;
  justify-content: center;
  padding-top: 140px;
}

.orange-span {
  color: var(--orange);
}

.above-title-text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  line-height: 1;
}

.paragraph {
  max-width: 460px;
  color: var(--dark-slate-grey);
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.paragraph.wide {
  max-width: 550px;
  color: #000;
}

.paragraph.feature {
  max-width: 290px;
  opacity: .6;
  color: #000;
  padding-top: 10px;
}

.paragraph.feature.career {
  width: 100%;
  max-width: 340px;
  padding-top: 20px;
}

.paragraph.narrow {
  max-width: 370px;
  opacity: .8;
}

.paragraph.narrow.black {
  opacity: 1;
  color: #000;
}

.paragraph.narrow.footer-credit-row {
  margin-bottom: 10px;
  font-size: 15px;
}

.paragraph.narrow.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph.footer-bold {
  text-align: left;
  margin-bottom: 30px;
  font-weight: 700;
}

.paragraph.wide-white {
  opacity: .8;
}

.paragraph.wide-white.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph.black {
  color: #000;
}

.paragraph.black.bold {
  font-weight: 700;
}

.paragraph.black.with-margin {
  margin-bottom: 10px;
}

.paragraph.black.max-width {
  max-width: 100%;
}

.paragraph.black.license {
  width: 460px;
  margin-left: 0;
  margin-right: 60px;
}

.paragraph.black-lower-opac {
  opacity: .6;
  color: #000;
  font-weight: 700;
}

.paragraph.contact {
  width: 200px;
  min-width: 200px;
  color: #000;
  font-weight: 700;
}

.paragraph.semi-wide {
  max-width: 430px;
  color: #000;
}

.paragraph.job {
  max-width: 800px;
  color: #000;
  justify-content: space-around;
  display: flex;
}

.paragraph.service {
  max-width: 550px;
  color: #000;
}

.paragraph.service.with-margin {
  margin-bottom: 20px;
}

.paragraph.blog {
  text-decoration: underline;
}

.button-type-1 {
  background-color: var(--orange);
  color: #000;
  border-radius: 90px;
  margin-top: 40px;
  padding: 15px 30px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  transition: all .2s;
}

.button-type-1:hover {
  background-color: #ffac4b;
  transform: translate(0, -1px);
}

.button-type-1.form {
  border-radius: 10px;
  margin-top: 15px;
  padding: 10px 20px;
}

.button-type-1.job {
  margin-top: 0;
}

.button-type-1.password {
  margin-top: 10px;
  padding: 10px 20px;
}

.button-type-1._404 {
  margin-top: 25px;
}

.border {
  width: 2px;
  height: 100%;
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--dark-slate-grey);
  border-radius: 0;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  display: block;
  position: absolute;
  top: 0;
  left: -72px;
}

.pattern-home-hero {
  position: absolute;
  top: 20%;
  left: 75%;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.round-bottom-left-corner {
  background-color: var(--blue);
  border-bottom-left-radius: 80px;
  overflow: hidden;
}

.section.round-top-left-corner {
  border-top-left-radius: 80px;
  overflow: hidden;
}

.section.round-top-left-corner.last-section {
  background-color: var(--blue);
  padding-bottom: 200px;
}

.section.both-round-corners {
  background-color: var(--blue);
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  padding-bottom: 60px;
}

.section.both-round-corners.normal-padding {
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 120px;
}

.section.both-round-corners.services {
  padding-bottom: 120px;
}

.section.small-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.top-no-margin-on-mobile {
  padding-top: 60px;
}

.section.last-section {
  padding-bottom: 200px;
}

.section.last-section.careers {
  padding-bottom: 300px;
}

.section.bottom-no-padding {
  padding-bottom: 0;
}

.section.overflow-visible {
  overflow: visible;
}

.left-side-content {
  width: 60%;
  padding-bottom: 30px;
  padding-right: 50px;
}

.heading-wrapper {
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.heading-2.white {
  color: #fff;
}

.heading-2.service {
  max-width: 410px;
}

.button-type-2 {
  color: #000;
  align-items: center;
  margin-top: 30px;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.button-type-2:hover {
  color: #000;
  text-decoration: underline;
}

.button-type-2.services {
  margin-top: 20px;
}

.button-type-2.white:hover {
  color: #fff;
}

.button-type-2-text {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  line-height: 1;
}

.button-type-2-text.white {
  color: #fff;
}

.button-circle {
  width: 45px;
  height: 45px;
  background-color: var(--orange);
  opacity: .6;
  border-radius: 100px;
  position: static;
}

.button-arrow {
  z-index: 2;
  width: 6px;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button-circle-wrapper {
  margin-left: 20px;
  position: relative;
}

.homepage-about-image-wrapper {
  width: 117%;
  margin-top: 30px;
  position: relative;
  left: -115px;
  overflow: hidden;
}

.hero-contact-image {
  width: 90%;
  height: 100%;
  object-fit: cover;
}

.right-side-content {
  width: 40%;
  height: 100vh;
  border-left: 1px solid #000;
  flex-direction: column;
  justify-content: space-around;
  align-self: flex-end;
  align-items: flex-start;
  display: flex;
  position: static;
  overflow: hidden;
}

.company-feature {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 50px;
  display: flex;
}

.feature-title-number {
  opacity: .4;
  color: #000;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 64px;
  font-weight: 100;
  line-height: 1;
}

.heading-3 {
  font-weight: 400;
  line-height: 1.2;
}

.heading-3.white {
  color: #fff;
  margin-bottom: 20px;
  font-weight: 500;
}

.heading-3.semibold {
  font-weight: 600;
}

.heading-3.semibold.newest-homepage-blog {
  max-width: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.heading-3.semibold.other-blog {
  max-width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}

.heading-3.semibold.other-services {
  margin-top: 20px;
  margin-bottom: 10px;
}

.heading-3.office {
  margin-top: 5px;
  margin-bottom: 60px;
  font-size: 32px;
  font-weight: 500;
}

.heading-3.medium {
  font-weight: 500;
}

.heading-3.lower-opac {
  opacity: .6;
}

.about-us-pattern {
  z-index: 0;
  position: absolute;
  top: 10%;
  right: 0;
}

.image-background {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url('../images/Homepage_services_image.jpg');
  background-position: 50%;
  background-size: cover;
  position: absolute;
}

.image-background.contact-us {
  z-index: 0;
  background-image: url('../images/Homepage_contactus_image-min.jpg');
}

.image-background.careers {
  background-image: url('../images/Businessman-min.jpg');
}

.feature-row-content {
  width: 60%;
  margin-top: 20px;
}

.feature-row {
  border-bottom: 1px solid #fff;
  margin-top: 50px;
  padding-bottom: 50px;
}

.feature-row.hire {
  padding-bottom: 50px;
}

.number-container {
  align-items: center;
  display: inline-block;
}

.big-text {
  opacity: .3;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

.big-text.dark {
  color: #000;
}

.feature-content-column {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  line-height: 1;
  display: flex;
}

.column {
  padding-left: 0;
  padding-right: 0;
  line-height: 1;
}

.feature-content-wrapper {
  align-self: flex-end;
}

.center-title-container {
  align-self: center;
  position: relative;
}

.image {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #000;
  position: relative;
}

.image.lower-opac {
  z-index: 0;
  opacity: .4;
}

.image.slightly-lower-opac {
  opacity: .8;
}

.horizontal-border {
  width: 19%;
  height: 6px;
  background-color: var(--orange);
  border-radius: 100px;
  position: absolute;
  bottom: 2px;
  left: 69%;
}

.homepage-newest-blog-post-list {
  width: 100%;
  margin-top: 20px;
}

.homepage-newest-blog-image-wrapper {
  width: 45vw;
  height: 60vh;
  position: relative;
  overflow: hidden;
}

.collection-item {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-description-homepage {
  padding-left: 20px;
}

.blog-description-homepage.other-blog {
  padding-left: 0;
}

.wrapper {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.wrapper.horizontal {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.wrapper.horizontal.social-custom {
  margin-top: 40px;
  display: none;
}

.wrapper.center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper.horizontal-to-vertical {
  width: 100%;
  align-items: flex-start;
  display: flex;
}

.wrapper.blue-background {
  background-color: var(--blue);
  margin-top: 10px;
  line-height: 1;
}

.small-text {
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 1;
}

.small-text.lower-opac {
  opacity: .6;
}

.small-text.office {
  padding-left: 2px;
}

.blog-dot {
  align-self: auto;
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 5px;
}

.blog-category-wrapper {
  align-items: center;
  display: flex;
}

.blog-category-wrapper.other-blog {
  margin-top: 15px;
}

.homepage-other-blogs-list {
  margin-bottom: 10px;
}

.homepage-other-blogs-grid {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.other-blog-image-wrapper {
  width: 100%;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.homepage-blogs-pattern {
  z-index: -1;
  position: absolute;
  top: 3%;
  right: 0;
  overflow: hidden;
}

.hire-icon {
  width: 30px;
  height: 30px;
}

.footer {
  background-color: var(--dark-slate-grey);
  text-align: center;
  background-image: linear-gradient(rgba(59, 68, 81, .74), rgba(59, 68, 81, .74)), url('../images/hero-cover-img.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.footer-link {
  opacity: .8;
  color: #fff;
  text-align: left;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 130%;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.footer-link:hover {
  opacity: 1;
  text-decoration: underline;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-color: var(--blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-wrap._404 {
  background-color: #fff;
}

.utility-page-content {
  width: 400px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.div-block {
  width: 100%;
  height: 100px;
  background-color: var(--blue);
  position: absolute;
  bottom: -100px;
  left: 0;
}

.footer-top {
  width: 100%;
  height: 80px;
  background-color: var(--dark-blue);
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.contact-link-block {
  border-bottom: 3px solid #fff;
  text-decoration: none;
}

.huge-text {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.mouse-pointer-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -20px;
  right: 0;
}

.footer-links-container {
  width: 100%;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1.5fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
}

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

.social-link-block {
  opacity: .8;
  margin-right: 15px;
  transition: all .2s;
}

.social-link-block:hover {
  opacity: 1;
  transform: scale(1.2);
}

.social-icon {
  width: 25px;
  height: 25px;
  transition: all .2s;
}

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

.footer-credits-link {
  opacity: 1;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
}

.footer-credits-link:hover {
  opacity: 1;
  text-decoration: underline;
}

.text-span-3 {
  opacity: .8;
}

.hero-type-1 {
  width: 100%;
  height: 85vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-type-1.template {
  height: 50vh;
}

.heroy-type-1-image-container {
  z-index: -1;
  width: 80vw;
  height: 85vh;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.heroy-type-1-image-container.template {
  height: 50vh;
}

.main-title-container.type-1 {
  margin-top: 25vh;
}

.hero-type-1-pattern {
  position: absolute;
  bottom: 62vh;
  right: 15%;
  transform: translate(0, 50%);
}

.hero-type-1-pattern.template {
  bottom: 60vh;
}

.company-features-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature {
  margin-right: 40px;
}

.feature-image {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.feature-image.career {
  width: 50px;
  height: 50px;
  opacity: .7;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 10px;
  transition: opacity .2s;
}

.feature-image.career:hover {
  opacity: 1;
}

.special-image-wrapper {
  width: 50%;
  height: 80vh;
  background-color: #000;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

.special-container {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.special-container.center {
  justify-content: flex-start;
  align-items: flex-end;
}

.special-description {
  width: 40%;
  height: 80vh;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 20px;
  padding-left: 40px;
  display: flex;
}

.special-description.type-2 {
  width: 40%;
  height: 70vh;
  display: flex;
}

.special-description.type-2.cavalry {
  height: 70vh;
}

.special-description.services {
  justify-content: flex-end;
}

.personnel-image-grid {
  width: 60%;
  height: 70vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.employee-grid {
  width: 100%;
  height: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.employee {
  position: relative;
  overflow: hidden;
}

.special-pattern {
  position: absolute;
  top: 7%;
  right: 0;
}

.part-blue-background {
  z-index: -1;
  width: 60%;
  height: 100%;
  background-color: var(--blue);
  position: absolute;
  top: 0;
  right: 0;
}

.part-blue-background.rounded {
  border-bottom-left-radius: 80px;
}

.our-cavalry-image-container {
  width: 60%;
  height: 70vh;
  position: relative;
  overflow: hidden;
}

.testimonial-container {
  width: 40%;
  border-right: 1px solid #000;
  justify-content: flex-start;
  margin-top: 50px;
  display: flex;
}

.slide-nav {
  display: none;
}

.testimonial-image-container {
  width: 14vw;
  height: 40vh;
  border-radius: 20px;
  overflow: hidden;
}

.slider {
  width: 14vw;
  height: 100%;
  min-width: 280px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  margin-left: 2vw;
  display: flex;
}

.mask {
  height: 100%;
  min-width: 280px;
}

.top-arrow {
  width: 12vw;
  height: 30px;
  order: -1;
  margin-bottom: 20px;
  position: static;
  top: -35vh;
  left: 0%;
}

.bottom-arrow {
  width: 12vw;
  height: 30px;
  order: 1;
  margin-top: 20px;
  position: static;
}

.quote-text {
  max-width: 280px;
  color: #000;
  font-style: italic;
  font-weight: 400;
}

.testimonial-title-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.testimonial-slide {
  min-width: 280px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.companies-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  display: grid;
}

.companies-container {
  width: 60%;
}

.company-image {
  width: 100px;
  height: 100px;
  opacity: .6;
  transition: opacity .2s;
}

.company-image:hover {
  opacity: 1;
}

.hero-type-2 {
  width: 100%;
  height: 75vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
  overflow: hidden;
}

.hero-type-2-image-container {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: url('../images/contatti-banner-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

.contact-information-container {
  width: 45%;
}

.contact-information {
  margin-top: 30px;
}

.contact-line {
  justify-content: flex-start;
  margin-top: 10px;
  display: flex;
}

.contact-link {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.form-container {
  width: 35%;
  max-width: 500px;
  margin-left: 10%;
}

.form-blue-overlay {
  width: 50%;
  height: 80%;
  background-color: var(--blue);
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  position: absolute;
  right: 0;
}

.form-blue-overlay.careers {
  height: 70%;
}

.form-label {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.text-field {
  color: #000;
  border-radius: 10px;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.text-field.password {
  margin-top: 30px;
  margin-bottom: 5px;
}

.textarea {
  width: 100%;
  max-height: 20px;
  max-width: 100%;
  min-height: 20vh;
  min-width: 100%;
  color: #000;
  border-radius: 10px;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.form-block {
  margin-bottom: 0;
}

.form-blue-overlay-mobile {
  display: none;
}

.success-text {
  color: green;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.success-message, .error-message {
  background-color: #fff;
}

.error-text {
  color: red;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.location-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 15% 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 50px;
  padding-bottom: 50px;
  display: grid;
}

.locations-list {
  width: 100%;
  margin-top: 20px;
}

.number-grid-cell, .loaction-info-grid-cell {
  height: 210px;
}

.location-image-grid-cell {
  padding-left: 10%;
}

.location-image-container {
  height: 80vh;
  position: relative;
  overflow: hidden;
}

.feature-grid {
  width: 100%;
  grid-column-gap: 20px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.job-collection-list {
  width: 100%;
  max-width: 1500px;
  margin-top: -20px;
}

.job-title {
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.job-description {
  justify-content: space-between;
  display: flex;
}

.job-item {
  border-bottom: 1px solid #000;
  padding-top: 50px;
  padding-bottom: 50px;
}

.careers-pattern {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -50%);
}

.text-block {
  margin-right: 5px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
}

.text-block.white {
  color: var(--white);
}

.dropdown-text {
  color: var(--white);
  white-space: nowrap;
  font-size: 16px;
  text-decoration: none;
}

.service-text-half {
  width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.service-features-container {
  border-left: 1px solid #000;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.service-features-rich-text {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 210%;
  display: flex;
}

.service-second-section-rich-text {
  max-width: 460px;
  opacity: .8;
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.other-services-collection {
  width: 100%;
  margin-top: 20px;
}

.other-services-image-container {
  width: 100%;
  height: 60vh;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.other-service-item {
  height: 100%;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.other-services-grid {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.narrow-container {
  width: 80%;
  max-width: 1288px;
  align-self: flex-start;
  margin-left: 115px;
}

.blog-rich-text {
  color: #000;
  margin-top: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 230%;
}

.stroke {
  width: 80%;
  height: 1px;
  border: 1px #000;
  border-bottom-style: solid;
  padding-right: 0;
  position: absolute;
  bottom: 0;
  left: 115px;
}

.lock-image {
  width: 200px;
  opacity: 1;
}

.pattern-utility-1 {
  position: absolute;
  top: 10%;
  right: 0;
}

.pattern-utility-2 {
  position: absolute;
  bottom: 20%;
  left: 0;
}

.page-not-found-image {
  width: 200px;
  margin-bottom: 25px;
}

.typography-content {
  padding-right: 150px;
}

.typography {
  margin-top: 65px;
}

.colors-grid {
  width: 100%;
  max-width: 80%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.color {
  height: 25vh;
}

.color.orange {
  background-color: var(--orange);
}

.color.blue {
  background-color: var(--blue);
}

.color.dark-blue {
  background-color: var(--dark-blue);
}

.color.black {
  background-color: #000;
}

.license-image-container {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.license-content {
  width: 100%;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.license-content.last {
  margin-bottom: 0;
}

.license-images {
  align-items: center;
  display: flex;
}

.bold-link {
  color: #000;
  font-weight: 700;
}

.loader {
  z-index: 5555;
  width: 100vw;
  height: 100vh;
  background-color: var(--medium-sea-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.loader-logo-image {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  position: static;
  top: 50%;
  left: 50%;
}

.loader-wrapper {
  color: var(--medium-sea-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.rht-image {
  width: 50px;
  height: 100%;
}

.dropdown-list {
  width: 100%;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-bottom: 10px;
  font-family: Work Sans, sans-serif;
}

.dropdown-list.w--open {
  width: 260px;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.navbar-fill {
  width: 0%;
  height: 100%;
  display: none;
  position: absolute;
  right: 0;
}

.blog-overlay {
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-text-wrapper {
  overflow: hidden;
}

.overlay {
  z-index: 4;
  width: 100%;
  height: 100%;
  transform-origin: 0%;
  background-color: #f8f8f8;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.overlay.secondary-color {
  background-color: #5f788a;
}

.button-transp {
  clear: none;
  border: 1px solid var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.button-transp:hover {
  background-color: rgba(59, 68, 81, .2);
}

.section-2-home {
  width: auto;
  max-width: none;
  margin-top: 60px;
  margin-bottom: 60px;
}

.container-5 {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
}

.container-5.prodotti {
  margin-top: 40px;
  margin-bottom: 40px;
}

.grid {
  grid-template-rows: auto;
}

.image-3 {
  text-align: right;
  padding: 20px 100px 20px 20px;
}

.div-block-2 {
  padding: 20px 60px;
}

.heading-4 {
  color: #3b4451;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.2em;
}

.heading-4.giallo {
  border-left-color: #d4c16d;
}

.paragraph-6 {
  border-left: 1px none var(--medium-sea-green);
  color: var(--dark-slate-grey);
  padding: 20px 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.button-dark {
  color: #3b4451;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3b4451;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 40px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
}

.button-dark:hover {
  color: #fff;
  background-color: #3b4451;
}

.button-dark.no-margin-button {
  margin-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
}

.image-3-copy {
  text-align: right;
  padding: 0;
}

.storia-titoli-home {
  color: #3b4451;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
}

.storia-numeri-testo-home {
  color: #6da567;
  margin-top: 0;
  padding-left: 10px;
  font-size: 50px;
  font-weight: 100;
  line-height: 110px;
  display: inline-block;
}

.storia-testo-home {
  color: var(--dark-slate-grey);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.grid-2 {
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
}

.section-3-home {
  max-width: none;
  margin-top: 60px;
  margin-bottom: 60px;
}

.container-8 {
  max-width: 80%;
}

.storia-numeri-home {
  color: #6da567;
  margin-top: 0;
  font-size: 120px;
  font-weight: 100;
  line-height: 110px;
  display: inline-block;
}

.storia-div-linea-home {
  color: #3b4451;
  border-top: 1px solid #000;
  margin-left: 20px;
  margin-right: 20px;
}

.section-4-home {
  height: auto;
  color: #fff;
  background-color: #6da567;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-5 {
  color: var(--white);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
  font-size: 18px;
}

.heading-5 {
  margin-top: 40px;
  margin-bottom: 60px;
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
}

.text-block-2 {
  font-family: Work Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
}

.processo-home-div {
  border-top: 1px solid #fff;
  border-bottom: 1px #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 25%;
}

.processo-home-div.last {
  border-bottom-style: solid;
}

.processo-home-titolo {
  color: var(--white);
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

.processo-home-testo {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.heading-5-copy {
  color: var(--white);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
}

.image-4 {
  color: var(--medium-sea-green);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Ellisse-168.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: 10px;
  padding: 20px;
  font-size: 1px;
}

.image-4:hover {
  max-width: 100%;
  padding: 16px;
  transform: translate(4px);
}

.heading-6 {
  color: #3b4451;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-7 {
  color: var(--dark-slate-grey);
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.heading-7 {
  max-width: none;
  color: var(--dark-slate-grey);
  margin-bottom: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 40px;
  font-weight: 300;
  display: block;
}

.image-5 {
  width: 200px;
  float: right;
  margin-top: 0;
  position: static;
}

.div-block-7 {
  text-align: right;
}

.div-block-8 {
  z-index: 2;
  margin-top: -140px;
  display: inline-block;
  position: relative;
}

.paragraph-3 {
  max-width: none;
  color: var(--dark-slate-grey);
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  display: block;
}

.div-block-6 {
  max-width: none;
  float: none;
  clear: none;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 220px;
  padding-right: 220px;
  display: block;
  position: relative;
}

.section-5-home {
  width: auto;
  max-width: none;
  margin-top: 60px;
  margin-bottom: 60px;
}

.paragraph-8 {
  color: #fff;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.container-9 {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 60px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.button-white {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 60px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
}

.button-white:hover {
  color: #3b4451;
  background-color: #fff;
}

.button-white.no-margin {
  margin-left: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
}

.button-white.no-margin-sost {
  margin-left: 40px;
}

.section-6-home {
  margin-top: 60px;
  margin-bottom: 60px;
  overflow: hidden;
}

.image-6 {
  max-width: 100%;
  float: none;
  clear: none;
  text-align: right;
  margin-bottom: -100px;
  position: relative;
}

.heading-3-contrasto {
  color: #fff;
  border: 1px #0d470b;
  border-left: 1px solid #fff;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 34px;
}

.div-block-contrasto {
  background-color: #3b4451;
  margin-bottom: 140px;
  padding: 60px;
}

.div-block-9 {
  margin-right: -100px;
  display: block;
  position: relative;
}

.paragraph-9 {
  color: var(--white);
  text-align: left;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.image-7 {
  max-width: 200px;
  text-align: left;
  padding-bottom: 60px;
  display: block;
}

.link {
  color: var(--white);
  text-align: left;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.div-block-footer-contatti {
  height: auto;
  border-bottom: 1px solid var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
}

.heading-8 {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.div-block-10 {
  margin-top: 40px;
  display: none;
}

.text-field-2 {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
}

.text-field-2::-ms-input-placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.text-field-2::placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.button-white-form-dx {
  float: right;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  position: relative;
}

.button-white-form-dx:hover {
  color: #3b4451;
  background-color: #fff;
}

.button-white-form-dx.no-margin {
  margin-left: 40px;
}

.paragraph-10 {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.container-10 {
  color: var(--white);
  padding-top: 60px;
}

.navbar-white {
  width: 100%;
  color: var(--dark-slate-grey);
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.nav-link-white {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  transition: opacity .2s;
}

.nav-link-white:hover {
  opacity: .7;
  text-decoration: underline;
}

.nav-link-white.w--current {
  color: var(--white);
  font-weight: 600;
  text-decoration: none;
}

.nav-link-white.w--current:hover {
  text-decoration: underline;
}

.nav-link-white.contact {
  color: var(--white);
}

.nav-link-white.contact.w--current {
  color: silver;
  text-decoration: none;
}

.nav-link-white.contact.w--current:hover {
  color: var(--white);
  text-decoration: none;
}

.nav-link-white.dropdown {
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.nav-link-white.dropdown:hover {
  opacity: 1;
}

.nav-link-white.in-dropdown {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-decoration: none;
}

.nav-link-white.black {
  color: #000;
}

.hero-type-2-image-container-contatti {
  width: 100%;
  height: 75vh;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32));
  position: absolute;
}

.logo-white {
  width: 200px;
  height: auto;
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: relative;
  top: 40px;
}

.logo-white.dark {
  opacity: 1;
}

.immagine-ingr {
  padding: 20px 40px;
}

.heading-1-contatti {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: center;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 20px 40px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  display: block;
}

.bold-text {
  white-space: break-spaces;
}

.section-2 {
  background-color: var(--dark-slate-grey);
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-9 {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
}

.form-contatti {
  margin-top: 40px;
  margin-bottom: 40px;
}

.text-field-contatti {
  width: 100%;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 40px;
  padding: 16px 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.text-field-contatti::-ms-input-placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.text-field-contatti::placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.textarea-msg {
  width: 100%;
  height: auto;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.textarea-msg::-ms-input-placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.textarea-msg::placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.chk-lbl {
  color: var(--white);
  padding-left: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.privacy-field {
  width: 50%;
  color: #fff;
  margin-top: 40px;
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
}

.button-white-form-dx-contatti {
  width: auto;
  float: right;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 40px;
  margin-left: 0;
  padding: 9px 40px;
  font-size: 22px;
  display: inline-block;
  position: relative;
}

.button-white-form-dx-contatti:hover {
  color: #3b4451;
  background-color: #fff;
}

.button-white-form-dx-contatti.no-margin {
  margin-left: 40px;
}

.text-block-3 {
  color: var(--white);
  padding-top: 200px;
  padding-bottom: 200px;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
}

.success-message-2 {
  background-color: var(--dark-slate-grey);
}

.text-field-contatti-50 {
  width: 50%;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: inline-block;
}

.text-field-contatti-50::-ms-input-placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.text-field-contatti-50::placeholder {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.text-field-contatti-50.sx {
  width: 48%;
  margin-right: 0%;
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-field-contatti-50.dx {
  width: 48%;
  margin-left: 0;
}

.heading-10 {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-bottom: 60px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
}

.container-11 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.contatti-lista {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.column-2 {
  height: 500px;
  background-image: url('../images/contatti-mappa-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0;
}

.columns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-3 {
  padding-left: 0;
  padding-right: 0;
}

.map, .html-embed {
  height: 500px;
}

.hero-type-2-image-container-azienda-copy {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('../images/azienda-tubettificio-pedercini-hero-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
}

.heading-1-azienda {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: left;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  display: block;
}

.column-azienda {
  background-color: var(--dark-slate-grey);
  text-align: center;
  padding: 60px 40px;
}

.section-3 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-11 {
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.paragraph-11 {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.columns-2 {
  grid-column-gap: 20px;
  display: flex;
}

.image-8 {
  padding-left: 20px;
  padding-right: 20px;
}

.section-4-azienda {
  height: auto;
  color: #fff;
  background-color: #d85a40;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-12 {
  max-width: 900px;
  padding-left: 60px;
  padding-right: 60px;
}

.text-block-2-copy {
  text-align: center;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
  display: inline-block;
}

.processo-azienda-testo {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.processo-azienda-div {
  border-top: 1px solid #fff;
  border-bottom: 1px #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0%;
}

.processo-azienda-div.last {
  border-bottom-style: solid;
}

.processo-azienda-div-2 {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0%;
}

.processo-azienda-div-2.last {
  border-bottom-style: solid;
}

.container-13 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.paragraph-12 {
  z-index: 99;
  width: 260px;
  float: right;
  margin-bottom: -73px;
  margin-right: 40px;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  display: inline-block;
  position: relative;
}

.section-5-azienda, .section-5-azienda-rev {
  width: auto;
  max-width: none;
  margin-top: 60px;
  margin-bottom: 60px;
}

.section-6-azienda {
  margin-top: 60px;
  margin-bottom: 60px;
}

.section-4 {
  margin-bottom: 140px;
}

.heading-12 {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
  display: none;
}

.paragraph-13 {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: none;
}

.button-dark-azienda-center {
  color: #3b4451;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3b4451;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 40px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  position: static;
}

.button-dark-azienda-center:hover {
  color: #fff;
  background-color: #3b4451;
}

.button-dark-azienda-center.no-margin-button {
  margin-left: 0;
}

.container-14 {
  text-align: center;
  display: block;
}

.section-5 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.nav-menu-home {
  max-width: 1280px;
  float: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--dark-slate-grey);
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  font-size: 18px;
  display: flex;
}

.nav-menu-home.menu-type-2 {
  height: 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  display: flex;
}

.container-1-home {
  max-width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 0;
  display: block;
}

.div-block-5-home-processo {
  color: var(--white);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 100px;
}

.heading-5-home-processo {
  color: var(--white);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 60px;
  font-family: Work Sans, sans-serif;
  font-size: 38px;
  font-weight: 300;
  line-height: 40px;
}

.hero-type-2-image-container-processo-produttivo {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('../images/procersso-produttivo-tubettificio-pedercini-hero-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
}

.heading-1-processo-produttivo {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: center;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 40px;
  padding: 20px 40px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  display: block;
}

.section-processo-produttivo-dx {
  width: auto;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.heading-procersso-giallo {
  z-index: 9;
  color: var(--khaki);
  text-transform: uppercase;
  margin-bottom: -40px;
  margin-left: -50px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 74px;
  font-weight: 100;
  display: block;
  position: relative;
}

.heading-procersso-giallo.no-margin {
  margin-left: 0;
}

.section-processo-produttivo-sx {
  width: auto;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.heading-procersso-giallo-sx {
  z-index: 9;
  color: var(--khaki);
  text-transform: uppercase;
  margin-bottom: -40px;
  margin-left: 50px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 100;
  display: block;
  position: relative;
}

.section-6-processo-produttivo {
  margin-top: 60px;
  margin-bottom: 100px;
  display: none;
}

.div-block-contrasto-giallo {
  background-color: var(--khaki);
  margin-bottom: 140px;
  padding: 60px;
  display: none;
}

.section-7-processo-produttivo {
  margin-bottom: 140px;
  display: none;
}

.hero-type-2-copy {
  width: 100%;
  height: 75vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-type-2-image-container-cosmesi-copy-copy {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('../images/Applicazioni_sezione1hero.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
}

.heading-13 {
  color: var(--dark-slate-grey);
  text-align: right;
  margin-top: -38px;
  margin-right: -51px;
  font-family: Work Sans, sans-serif;
  font-size: 56px;
  font-weight: 300;
  position: relative;
}

.section-6 {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.container-15 {
  max-width: 800px;
}

.heading-1-cosmesi {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: center;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  display: block;
}

.section-7 {
  text-align: center;
  background-color: #efc4c5;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
}

.heading-14 {
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.columns-3 {
  margin-top: 40px;
  padding-bottom: 40px;
}

.div-block-11 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-cosmesi-contatta {
  margin-top: 60px;
  margin-bottom: 140px;
}

.button-dark-cosmesi {
  color: #3b4451;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3b4451;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  position: static;
}

.button-dark-cosmesi:hover {
  color: #fff;
  background-color: #3b4451;
}

.button-dark-cosmesi.no-margin-button {
  margin-left: 0;
}

.hero-type-2-image-container-famaceutica-copy-copy-copy {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('../images/farmaceutica-hero-banner-02.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
}

.section-7-cosmetica {
  text-align: center;
  background-color: #c0dee3;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.dropdown-2 {
  font-family: Work Sans, sans-serif;
}

.dropdown-dark {
  width: 100%;
  color: var(--dark-slate-grey);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.dropdown-dark:hover {
  opacity: .7;
}

.chk-check {
  background-color: #fff;
  border-radius: 0%;
  margin-left: 0;
}

.section-sostenibilita-contatta {
  background-color: var(--medium-sea-green);
  margin-top: 60px;
  margin-bottom: 100px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-12-sos {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.paragraph-13-sos {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.container-9-copy {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 60px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-6-home-copy {
  margin-top: 60px;
  margin-bottom: 100px;
}

.hero-type-2-image-container-sostenibilita {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url('../images/sostenibilita-hero-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  position: absolute;
  overflow: visible;
}

.heading-15 {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
}

.container-16 {
  max-width: 700px;
  margin-bottom: 40px;
}

.section-8 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.container-17 {
  max-width: 800px;
  border-top: 1px solid var(--medium-sea-green);
  border-bottom: 1px solid var(--medium-sea-green);
  white-space: normal;
  padding-top: 40px;
  padding-bottom: 40px;
}

.caption-sostenibilita {
  height: auto;
  max-width: none;
  float: none;
  color: var(--dark-slate-grey);
  white-space: normal;
  object-fit: fill;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
  display: inline-block;
  position: relative;
}

.icona-sostenibilita {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 20px;
  display: inline-block;
}

.icone-sostenibilita {
  height: auto;
  max-width: none;
  float: none;
  clear: none;
  white-space: normal;
  mix-blend-mode: normal;
  object-fit: fill;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Work Sans, sans-serif;
  display: flex;
  position: static;
  overflow: visible;
}

.div-block-12 {
  display: inline-block;
}

.grid-3 {
  grid-template-rows: auto;
}

.percentuale-sos {
  padding: 20px 60px 20px 20px;
}

.text-block-4 {
  color: var(--dark-slate-grey);
  text-align: center;
  font-family: Work Sans, sans-serif;
  font-weight: 600;
}

.section-9 {
  margin-top: 40px;
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
}

.hero-type-2-image-container-storia {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('../images/storiaeffetto-herobanner.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
}

.container-18 {
  max-width: 100%;
  text-align: left;
  background-color: #e1876d;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.container-18.giallo {
  background-color: #d4c16d;
}

.heading-16 {
  color: var(--white);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.section-10 {
  background-color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.paragraph-14 {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.div-block-13 {
  max-width: 700px;
  text-align: center;
  font-size: 18px;
  display: block;
}

.button-white-center {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
}

.button-white-center:hover {
  color: #3b4451;
  background-color: #fff;
}

.button-white-center.no-margin {
  margin-left: 40px;
}

.heading-17 {
  text-align: center;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.section-11 {
  background-color: var(--white);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.heading-1-storia {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: center;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left-color: #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 20px 40px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  display: block;
}

.heading-3-contrasto-sostenibilita {
  color: #fff;
  border: 1px #0d470b;
  border-left-color: #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

.paragraph-8-copy {
  color: #fff;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.button-white-sost {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
}

.button-white-sost:hover {
  color: #3b4451;
  background-color: #fff;
}

.button-white-sost.no-margin, .button-white-sost.no-margin-sost {
  margin-left: 40px;
}

.paragraph-processo {
  border-left: 1px solid var(--medium-sea-green);
  color: var(--dark-slate-grey);
  padding: 20px 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.timeline_wrapper {
  max-width: 900px;
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: visible;
}

.container {
  text-align: left;
  justify-content: center;
  align-items: center;
  display: flex;
}

.timeline_item {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 160px 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
}

.timeline_center {
  position: -webkit-sticky;
  position: sticky;
  bottom: 50vh;
}

.timeline_left {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.timeline_right {
  padding: 20px 40px;
}

.image-9 {
  z-index: 2;
  text-align: center;
  padding: 0 60px;
  display: inline-block;
  position: relative;
}

.timeline_anni {
  z-index: 3;
  color: #e1876d;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: -10px;
  padding-left: 0;
  font-size: 30px;
  font-weight: 100;
  display: block;
  position: relative;
}

.timeline_anni.lowercase {
  text-transform: none;
}

.heading-18 {
  color: var(--dark-slate-grey);
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
  display: block;
}

.text-block-5 {
  background-color: var(--white);
  color: var(--dark-slate-grey);
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 140%;
}

.timeline_circle {
  width: 8px;
  height: 8px;
  background-color: var(--dark-slate-grey);
  text-align: center;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 50vh;
}

.timeline_progress {
  z-index: auto;
  width: 3px;
  height: 100%;
  background-color: rgba(0, 0, 0, .05);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.timeline_oriz-left {
  z-index: 1;
  width: 70px;
  height: 3px;
  background-color: rgba(0, 0, 0, .05);
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 50%;
}

.timeline_progress-bar {
  width: 3px;
  height: 50vh;
  background-color: var(--dark-slate-grey);
  position: fixed;
  bottom: 50vh;
}

.section-storia-timeline {
  z-index: -3;
  position: relative;
}

.container-19 {
  max-width: 100%;
}

.timeline_oriz-right {
  z-index: 1;
  width: 70px;
  height: 3px;
  background-color: rgba(0, 0, 0, .05);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 50%;
  right: auto;
}

.body-2 {
  font-size: 20px;
  line-height: 25px;
  overflow: visible;
}

.slider-2 {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: var(--white);
  flex: 0 auto;
  display: block;
}

.slide {
  background-image: url('../images/hero-cover-img.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.mask-2 {
  overflow: hidden;
}

.left-arrow, .right-arrow {
  display: none;
}

.slide-nav-2 {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  margin-bottom: -40px;
}

.slide-2 {
  background-image: url('../images/hero-cover-img.png'), url('../images/farmaceutica-hero-banner-01.jpg');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.slide-3 {
  background-image: url('../images/hero-cover-img.png'), url('../images/azienda-tubettificio-hero-home-03.jpg');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.heading-1-bianco {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.paragraph-bianco {
  max-width: 460px;
  color: var(--white);
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.paragraph-bianco.wide {
  max-width: 550px;
  color: #000;
}

.paragraph-bianco.feature {
  max-width: 290px;
  opacity: .6;
  color: #000;
  padding-top: 10px;
}

.paragraph-bianco.feature.career {
  width: 100%;
  max-width: 340px;
  padding-top: 20px;
}

.paragraph-bianco.narrow {
  max-width: 370px;
  opacity: .8;
}

.paragraph-bianco.narrow.black {
  opacity: 1;
  color: #000;
}

.paragraph-bianco.narrow.footer-credit-row {
  margin-bottom: 10px;
  font-size: 15px;
}

.paragraph-bianco.narrow.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph-bianco.footer-bold {
  text-align: left;
  margin-bottom: 30px;
  font-weight: 700;
}

.paragraph-bianco.wide-white {
  opacity: .8;
}

.paragraph-bianco.wide-white.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph-bianco.black {
  color: #000;
}

.paragraph-bianco.black.bold {
  font-weight: 700;
}

.paragraph-bianco.black.with-margin {
  margin-bottom: 10px;
}

.paragraph-bianco.black.max-width {
  max-width: 100%;
}

.paragraph-bianco.black.license {
  width: 460px;
  margin-left: 0;
  margin-right: 60px;
}

.paragraph-bianco.black-lower-opac {
  opacity: .6;
  color: #000;
  font-weight: 700;
}

.paragraph-bianco.contact {
  width: 200px;
  min-width: 200px;
  color: #000;
  font-weight: 700;
}

.paragraph-bianco.semi-wide {
  max-width: 430px;
  color: #000;
}

.paragraph-bianco.job {
  max-width: 800px;
  color: #000;
  justify-content: space-around;
  display: flex;
}

.paragraph-bianco.service {
  max-width: 550px;
  color: #000;
}

.paragraph-bianco.service.with-margin {
  margin-bottom: 20px;
}

.paragraph-bianco.blog {
  text-decoration: underline;
}

.button-white-no-margin {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.button-white-no-margin:hover {
  background-color: rgba(255, 255, 255, .2);
}

.slide-4 {
  background-image: url('../images/hero-cover-img.png'), linear-gradient(rgba(0, 0, 0, .43), rgba(0, 0, 0, .43)), url('../images/pastiglie-home-img-01.jpg');
  background-position: 50%, 0 0, 50%;
  background-size: cover, auto, cover;
}

.border-white {
  border-color: var(--white);
  background-color: var(--white);
}

.dropdown-3 {
  margin-right: 10px;
}

.navbar-mobile {
  margin-top: 0;
  display: none;
}

.logo-light {
  width: 200px;
  height: auto;
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: relative;
  top: 40px;
}

.logo-light.dark {
  opacity: 1;
}

.logo-container-mobile-light {
  width: auto;
  height: 100%;
  clear: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.logo-container-mobile-light.w--current {
  width: auto;
  height: 50%;
  clear: none;
  flex: 1;
  display: block;
  position: relative;
  top: auto;
}

.logo-mobile-dark {
  width: 200px;
  height: auto;
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: relative;
  top: 40px;
}

.logo-mobile-dark.dark {
  opacity: 1;
}

.div-block-contrasto-green {
  background-color: var(--medium-sea-green);
  margin-bottom: 140px;
  padding: 60px;
}

.section-processo-produttivo-01-dx {
  width: auto;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.section-processo-produttivo-02-sx, .section-processo-produttivo-03-dx, .section-processo-produttivo-04-sx {
  width: auto;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
}

.section-9-sost-b {
  margin-top: 0;
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.grid-3-copy {
  grid-template-rows: auto;
}

.percentuale-sos-copy {
  max-width: 60%;
  mix-blend-mode: normal;
  border: 1px #000;
  border-radius: 100%;
  margin-bottom: 40px;
  padding: 20px;
  box-shadow: -4px 4px 8px 2px rgba(110, 110, 110, .39);
}

.div-block-14 {
  text-align: center;
  display: block;
}

.main-container-anim {
  text-align: center;
}

.text-block-6 {
  width: 340px;
  height: 340px;
  outline-color: var(--medium-sea-green);
  outline-offset: 10px;
  color: var(--orange);
  border: 1px #000;
  border-radius: 100%;
  outline-width: 14px;
  outline-style: none;
  margin: 40px;
  padding: 35% 0 0;
  font-family: Work Sans, sans-serif;
  font-size: 34px;
  line-height: 40px;
  box-shadow: -3px 3px 16px 4px rgba(112, 112, 112, .54);
}

.content-wrapper-anim {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.progress-bar {
  width: 300px;
  height: 300px;
  flex-direction: row;
  display: flex;
  position: relative;
}

.progress-bar__mask.cc-left-mask {
  width: 150px;
  height: 300px;
  transform-origin: 100%;
  border: 7px solid #cacaca;
  border-right-color: rgba(0, 0, 0, 0);
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 150px;
  transform: rotate(0);
}

.progress-bar__mask.cc-right-mask {
  width: 150px;
  height: 300px;
  transform-origin: 0%;
  border: 7px solid #cacaca;
  border-left-color: rgba(0, 0, 0, 0);
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 150px;
  right: 0%;
  transform: rotate(0);
}

.progress-bar__mask.cc-right-mask.cc-border {
  width: 150px;
  height: 300px;
  border-style: solid;
  border-width: 7px;
  border-color: var(--medium-sea-green) var(--medium-sea-green) var(--medium-sea-green) transparent;
  transform-origin: 0%;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  display: none;
  position: absolute;
  left: 150px;
  transform: rotate(0);
}

.progress {
  width: 150px;
  height: 300px;
  display: none;
}

.progress-bar-static-container {
  width: 300px;
  height: 300px;
  border: 7px solid var(--medium-sea-green);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  box-shadow: inset -6px 6px 12px 4px rgba(138, 138, 138, .24);
}

.percentuale-wrapper {
  width: 100%;
  height: 100%;
  border: 1px none var(--medium-sea-green);
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px;
  display: flex;
}

.heading-19 {
  color: var(--medium-sea-green);
  font-family: Work Sans, sans-serif;
  font-size: 40px;
}

.heading-19-giallo {
  color: var(--khaki);
  background-color: rgba(0, 0, 0, 0);
  font-family: Work Sans, sans-serif;
  font-size: 40px;
}

.text-block-perce {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 60px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.button-white-copy {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
}

.button-white-copy:hover {
  color: #3b4451;
  background-color: #fff;
}

.button-white-copy.no-margin {
  margin-left: 40px;
  font-family: Work Sans, sans-serif;
}

.button-white-copy.no-margin-sost {
  margin-left: 40px;
}

.hero-type-2-image-container-lavora-copy-copy-copy {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('../images/azienda-tubettificio-hero-home-03.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
}

.heading-1-lvora {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: left;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
  display: block;
}

.heading-13-lavora {
  color: var(--medium-sea-green);
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 40px -50px;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 100;
  position: relative;
}

.paragraph-posizione {
  max-width: 80%;
  color: var(--dark-slate-grey);
  text-align: left;
  padding-left: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.paragraph-posizione:hover {
  color: var(--dark-slate-grey);
}

.posizioni-aperte-lista {
  border-bottom: 1px solid var(--dark-slate-grey);
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px 10px;
  display: flex;
}

.posizioni-aperte-lista:hover {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  border-radius: 0;
  font-family: Work Sans, sans-serif;
}

.section-sostenibilita-contatta-2 {
  background-color: #6da567;
  margin-top: 60px;
  margin-bottom: 100px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-12-sos-2 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.paragraph-13-sos-2 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.heading-12-lavora {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.paragraph-13-lavora {
  color: #fff;
  text-align: left;
  margin-top: 20px;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.container-14-lavora {
  text-align: center;
}

.section-lavora-candidati {
  background-color: var(--dark-slate-grey);
  margin-top: 60px;
  margin-bottom: 100px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.paragraph-lavora {
  max-width: none;
  border-left: 0px none var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 0;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.paragraph-lavora.wide {
  max-width: 550px;
  color: #000;
}

.paragraph-lavora.feature {
  max-width: 290px;
  opacity: .6;
  color: #000;
  padding-top: 10px;
}

.paragraph-lavora.feature.career {
  width: 100%;
  max-width: 340px;
  padding-top: 20px;
}

.paragraph-lavora.narrow {
  max-width: 370px;
  opacity: .8;
}

.paragraph-lavora.narrow.black {
  opacity: 1;
  color: #000;
}

.paragraph-lavora.narrow.footer-credit-row {
  margin-bottom: 10px;
  font-size: 15px;
}

.paragraph-lavora.narrow.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph-lavora.footer-bold {
  text-align: left;
  margin-bottom: 30px;
  font-weight: 700;
}

.paragraph-lavora.wide-white {
  opacity: .8;
}

.paragraph-lavora.wide-white.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph-lavora.black {
  color: #000;
}

.paragraph-lavora.black.bold {
  font-weight: 700;
}

.paragraph-lavora.black.with-margin {
  margin-bottom: 10px;
}

.paragraph-lavora.black.max-width {
  max-width: 100%;
}

.paragraph-lavora.black.license {
  width: 460px;
  margin-left: 0;
  margin-right: 60px;
}

.paragraph-lavora.black-lower-opac {
  opacity: .6;
  color: #000;
  font-weight: 700;
}

.paragraph-lavora.contact {
  width: 200px;
  min-width: 200px;
  color: #000;
  font-weight: 700;
}

.paragraph-lavora.semi-wide {
  max-width: 430px;
  color: #000;
}

.paragraph-lavora.job {
  max-width: 800px;
  color: #000;
  justify-content: space-around;
  display: flex;
}

.paragraph-lavora.service {
  max-width: 550px;
  color: #000;
}

.paragraph-lavora.service.with-margin {
  margin-bottom: 20px;
}

.paragraph-lavora.blog {
  text-decoration: underline;
}

.section-lavora-candidati-copy {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 60px;
  margin-bottom: 100px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
}

.container-14-lavora-copy {
  text-align: center;
}

.heading-12-lavora-copy {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.paragraph-13-lavora-copy {
  color: var(--dark-slate-grey);
  text-align: left;
  margin-top: 20px;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 300;
}

.link-job-white {
  color: var(--white);
  text-decoration: none;
}

.link-job-white:hover {
  text-decoration: underline;
}

.link-job-gray {
  color: var(--dark-slate-grey);
  text-decoration: none;
}

.link-job-gray:hover {
  text-decoration: underline;
}

.heading-20 {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-top: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 60px;
  font-weight: 300;
}

.heading-1-storia-copy, .heading-1-lavora {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: center;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left-color: #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 20px 40px;
  font-family: Work Sans, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 34px;
  display: block;
}

.paragraph-applicazioni {
  max-width: none;
  border-left: 0px none var(--dark-slate-grey);
  color: var(--dark-slate-grey);
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 0;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.paragraph-applicazioni.wide {
  max-width: 550px;
  color: #000;
}

.paragraph-applicazioni.feature {
  max-width: 290px;
  opacity: .6;
  color: #000;
  padding-top: 10px;
}

.paragraph-applicazioni.feature.career {
  width: 100%;
  max-width: 340px;
  padding-top: 20px;
}

.paragraph-applicazioni.narrow {
  max-width: 370px;
  opacity: .8;
}

.paragraph-applicazioni.narrow.black {
  opacity: 1;
  color: #000;
}

.paragraph-applicazioni.narrow.footer-credit-row {
  margin-bottom: 10px;
  font-size: 15px;
}

.paragraph-applicazioni.narrow.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph-applicazioni.footer-bold {
  text-align: left;
  margin-bottom: 30px;
  font-weight: 700;
}

.paragraph-applicazioni.wide-white {
  opacity: .8;
}

.paragraph-applicazioni.wide-white.with-margin {
  opacity: .8;
  margin-bottom: 20px;
}

.paragraph-applicazioni.black {
  color: #000;
}

.paragraph-applicazioni.black.bold {
  font-weight: 700;
}

.paragraph-applicazioni.black.with-margin {
  margin-bottom: 10px;
}

.paragraph-applicazioni.black.max-width {
  max-width: 100%;
}

.paragraph-applicazioni.black.license {
  width: 460px;
  margin-left: 0;
  margin-right: 60px;
}

.paragraph-applicazioni.black-lower-opac {
  opacity: .6;
  color: #000;
  font-weight: 700;
}

.paragraph-applicazioni.contact {
  width: 200px;
  min-width: 200px;
  color: #000;
  font-weight: 700;
}

.paragraph-applicazioni.semi-wide {
  max-width: 430px;
  color: #000;
}

.paragraph-applicazioni.job {
  max-width: 800px;
  color: #000;
  justify-content: space-around;
  display: flex;
}

.paragraph-applicazioni.service {
  max-width: 550px;
  color: #000;
}

.paragraph-applicazioni.service.with-margin {
  margin-bottom: 20px;
}

.paragraph-applicazioni.blog {
  text-decoration: underline;
}

.section-13 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.section-13.prodotto {
  margin-top: 0;
}

.section-14 {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.icon {
  display: none;
}

.link-block {
  background-color: rgba(240, 240, 240, .29);
  border-radius: 0%;
  padding: 10px 10px 14px;
}

.section-15 {
  z-index: 2147483647;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-block;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.container-21 {
  display: inline-block;
}

.link-block-2 {
  z-index: auto;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
}

.image-10 {
  display: block;
}

.section-10-copy {
  background-color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.container-18-copy {
  max-width: 100%;
  background-color: var(--white);
  text-align: left;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.heading-16-copy {
  color: var(--dark-slate-grey);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 40px;
  font-weight: 300;
}

.paragraph-14-copy {
  color: var(--dark-slate-grey);
  text-align: center;
  margin-bottom: 20px;
  font-family: Work Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.button-dark-center {
  color: #3b4451;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3b4451;
  border-radius: 20px;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
}

.button-dark-center:hover {
  color: #fff;
  background-color: #3b4451;
}

.button-dark-center.no-margin-button {
  margin-left: 0;
  font-family: Work Sans, sans-serif;
}

.heading-19-arancione {
  color: #eeac4f;
  background-color: rgba(0, 0, 0, 0);
  font-family: Work Sans, sans-serif;
  font-size: 40px;
}

.section-9-sost-a {
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-storia-timeline-mobile {
  z-index: -3;
  display: none;
  position: relative;
}

.image-gallery-storia {
  padding: 10px;
}

.container-22 {
  max-width: 1300px;
  clear: none;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  justify-items: center;
  display: block;
  overflow: visible;
}

.section-16 {
  background-color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 100px;
  padding-bottom: 40px;
  display: none;
}

.lightbox-link {
  direction: ltr;
}

.grid-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: 1fr 1fr 1fr;
}

.sezione-video {
  width: 100%;
  height: 75vh;
}

.paragraph-15 {
  color: var(--orange);
}

.paragraph-16, .paragraph-17 {
  color: var(--white);
}

.link-2 {
  color: var(--white);
  font-weight: 500;
}

.background-video {
  width: auto;
  height: auto;
  min-height: 650px;
  object-fit: fill;
  padding: 0;
}

.div-block-15 {
  padding: 20px 40px;
}

.image-11 {
  max-height: none;
  margin-left: auto;
  margin-right: auto;
}

.section-17 {
  height: auto;
  max-height: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-17.is_full {
  flex-flow: row;
  align-items: center;
  display: block;
  position: static;
  overflow: hidden;
}

.carosello-immagini {
  width: 100%;
  height: auto;
  clear: both;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 75px;
  display: block;
  overflow: visible;
}

.mask-3 {
  width: 80%;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
  overflow: visible;
}

.slide-5 {
  width: auto;
  margin: 10px;
}

.slide-6 {
  width: auto;
  margin: 10px;
  padding-left: 0;
}

.slide-7 {
  width: auto;
  object-fit: fill;
  margin: 10px;
  overflow: visible;
}

.div-block-16 {
  width: 90%;
  max-width: none;
  flex: 0 auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}

.slide-nav-3 {
  margin-top: 0;
  padding-top: 0;
}

.image-12 {
  height: auto;
  max-height: none;
  max-width: 100%;
  object-fit: fill;
  display: inline-block;
  overflow: visible;
}

.slide-8 {
  width: auto;
  margin: 10px;
}

.container-23 {
  max-width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.image-13, .image-14, .image-15, .image-16 {
  overflow: hidden;
}

.section-carosello {
  height: auto;
  max-height: none;
  margin-top: 40px;
  margin-bottom: 40px;
}

.slider-3 {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  padding-bottom: 0;
}

.slide-9 {
  width: auto;
}

.mask-4 {
  width: 100%;
  height: 100%;
}

.image-17 {
  width: auto;
  opacity: 1;
  mix-blend-mode: normal;
}

.heading-gallery-giallo {
  z-index: 90;
  color: var(--dark-slate-grey);
  text-align: right;
  text-transform: uppercase;
  margin: -40px 6px 0 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 100;
  display: block;
  position: relative;
}

.heading-gallery-giallo.no-margin {
  margin-left: 0;
}

.heading-home-coloratoi {
  z-index: 9;
  color: var(--khaki);
  text-transform: uppercase;
  margin-bottom: -40px;
  margin-left: -50px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 100;
  display: block;
  position: relative;
}

.heading-home-coloratoi.no-margin {
  color: var(--dark-slate-grey);
  margin-left: 0;
}

.slide-10 {
  opacity: 1;
}

.container-17-copy {
  max-width: none;
  border-top: 1px solid var(--medium-sea-green);
  border-bottom: 1px solid var(--medium-sea-green);
  white-space: normal;
  padding-top: 40px;
  padding-bottom: 40px;
}

.icona-lavora {
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0%;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  display: inline-block;
}

.div-block-lavora {
  background-color: rgba(59, 68, 81, .09);
  border-radius: 100%;
}

.slide-nav-4 {
  display: none;
}

.background-video-2 {
  height: 75vh;
}

.section-18 {
  z-index: 2;
  position: relative;
}

.sezione-video-bottom {
  width: 100%;
  height: auto;
}

.sezione-video-prpcesso {
  width: 100%;
  height: 75vh;
}

.background-video-3 {
  height: 75vh;
}

.center {
  text-align: left;
  justify-content: center;
  display: flex;
}

.heading-21 {
  color: var(--orange);
}

.type-2-image-container-prodotti {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .32)), url('../images/img-hero-prodotti-01.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
  overflow: visible;
}

.text-span-prodotti {
  margin-top: 10px;
  font-size: 22px;
  line-height: 140%;
  display: block;
}

.background-video-4 {
  height: 353.498vh;
  background-image: url('../images/hero-cover-img.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-20 {
  margin-bottom: 100px;
}

.background-video-5 {
  height: 70vh;
  object-fit: fill;
  display: block;
  position: relative;
  overflow: hidden;
}

.heading-1-prodotto {
  height: auto;
  color: var(--dark-slate-grey);
  text-align: left;
  text-transform: none;
  white-space: break-spaces;
  border: 1px #0d470b;
  border-left: 1px solid #6da567;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 0;
  padding: 40px;
  font-family: Work Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  display: block;
}

.image-18 {
  max-height: 800px;
  min-height: 650px;
}

.slide-91 {
  width: auto;
}

.div-block-18 {
  height: 100%;
  max-height: 100%;
  min-height: 80vh;
  object-fit: fill;
  align-items: center;
  display: block;
  position: static;
  overflow: visible;
}

.small-fields-wrapper {
  justify-content: space-between;
  display: flex;
}

.form-contatti-old {
  margin-top: 40px;
  margin-bottom: 40px;
  display: block;
}

.form-block-2 {
  display: block;
}

.link-bianco {
  color: var(--white);
}

._4040-background {
  height: 100vh;
  object-fit: fill;
  background-image: url('../images/hero-cover-img.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.background-video-home {
  height: 100vh;
  background-image: url('../images/hero-cover-img.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.margin-top {
  margin-top: 40px;
}

.flag-link {
  width: 60px;
}

.language-selector {
  width: 100%;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-bottom: 10px;
  font-family: Work Sans, sans-serif;
}

.language-selector.w--open {
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.language-selector-wrapper {
  width: 100px;
  justify-content: flex-start;
  align-items: center;
}

.divider-language {
  padding-left: 2px;
  padding-right: 2px;
}

.divider-language.white, .icon-white {
  color: var(--white);
}

.dropdown-white {
  width: 100%;
  color: var(--white);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  font-family: Work Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.dropdown-white:hover {
  opacity: .7;
}

@media screen and (min-width: 1280px) {
  .hero-content {
    min-height: 340px;
  }

  .wide-container.for-footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wide-container.homepage {
    padding-top: 100px;
  }

  .service-text-half {
    padding-right: 100px;
  }

  .narrow-container {
    align-self: center;
    margin-left: 0;
  }

  .stroke {
    left: 10%;
  }

  .typography-content {
    padding-right: 200px;
  }

  .hero-type-2-image-container-storia {
    overflow: hidden;
  }

  .section-11 {
    overflow: visible;
  }

  .container-19, .sezione-video-prpcesso, .section-19 {
    overflow: hidden;
  }

  .section-20 {
    margin-top: 0;
    margin-bottom: 100px;
  }

  .background-video-5 {
    object-fit: fill;
    display: block;
    overflow: hidden;
  }
}

@media screen and (min-width: 1440px) {
  .hero-content {
    width: 800px;
  }

  .heading-1 {
    font-size: 44px;
  }

  .wide-container {
    max-width: 85%;
    padding-top: 260px;
    padding-bottom: 260px;
    overflow: visible;
  }

  .wide-container.for-footer {
    margin-top: 40px;
    padding-bottom: 40px;
    top: -40px;
  }

  .wide-container.blog {
    width: 85%;
    max-width: 1750px;
  }

  .wide-container.homepage {
    padding-top: 260px;
  }

  .paragraph {
    max-width: 900px;
  }

  .paragraph.wide-white {
    max-width: 600px;
  }

  .paragraph.black.license {
    margin-right: 100px;
  }

  .section {
    overflow: hidden;
  }

  .section.round-bottom-left-corner {
    border-bottom-left-radius: 160px;
  }

  .section.round-top-left-corner {
    border-top-left-radius: 160px;
  }

  .section.round-top-left-corner.last-section {
    padding-bottom: 280px;
  }

  .section.both-round-corners {
    border-top-left-radius: 160px;
    border-bottom-left-radius: 160px;
    padding-bottom: 80px;
  }

  .section.top-no-margin-on-mobile {
    padding-top: 80px;
  }

  .section.last-section {
    padding-bottom: 280px;
  }

  .heading-2 {
    font-size: 2.5vw;
  }

  .heading-2.blog {
    font-size: 42px;
  }

  .homepage-about-image-wrapper {
    width: 136%;
    left: -16vw;
  }

  .hero-contact-image {
    width: 80%;
  }

  .feature-title-number {
    font-size: 8vw;
  }

  .heading-3.office {
    font-size: 2vw;
  }

  .footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    display: flex;
  }

  .footer-top {
    height: 160px;
    border-top-left-radius: 160px;
    border-top-right-radius: 160px;
  }

  .huge-text {
    font-size: 5vw;
  }

  .footer-links-container {
    margin-bottom: 0;
  }

  .company-features-container {
    width: 87%;
    justify-content: space-between;
  }

  .feature {
    margin-right: 0;
  }

  .special-image-wrapper {
    height: 75vh;
  }

  .special-container.center {
    width: 100%;
  }

  .special-description {
    height: 75vh;
  }

  .part-blue-background.rounded {
    border-bottom-left-radius: 160px;
  }

  .slider {
    margin-left: 3vw;
  }

  .top-arrow {
    margin-bottom: 30px;
  }

  .bottom-arrow {
    margin-top: 30px;
  }

  .narrow-container {
    width: 85%;
    align-self: center;
    margin-left: 0;
    padding-left: 115px;
    padding-right: 40px;
  }

  .typography-content {
    padding-right: 300px;
  }

  .license-image-container {
    width: 150px;
    height: 150px;
  }

  .license-content {
    margin-top: 20px;
    margin-bottom: 120px;
  }

  .section-2-home {
    margin-top: 40px;
    margin-bottom: 8px;
  }

  .container-5 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-5.prodotti {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-2 {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .section-3-home, .section-5-home {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container-9 {
    margin-top: 12px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-6-home {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-contrasto {
    margin-bottom: 100px;
  }

  .container-10 {
    padding-top: 0;
  }

  .heading-1-contatti {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .container-11 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .heading-1-azienda {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-3, .section-4-azienda {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container-13 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-5-azienda-rev {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-6-azienda {
    margin-bottom: 0;
  }

  .container-1-home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-1-processo-produttivo {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .section-6 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-1-cosmesi {
    margin-top: 24px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-sostenibilita-contatta {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .container-9-copy {
    margin-top: 24px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-16 {
    margin-bottom: 0;
  }

  .container-18 {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  .section-10 {
    padding-bottom: 0;
  }

  .heading-1-storia {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .heading-1-bianco {
    font-size: 44px;
  }

  .paragraph-bianco {
    max-width: 900px;
  }

  .paragraph-bianco.wide-white {
    max-width: 600px;
  }

  .paragraph-bianco.black.license {
    margin-right: 100px;
  }

  .section-processo-produttivo-01-dx {
    margin-bottom: 0;
  }

  .progress-bar__mask.cc-left-mask {
    opacity: 1;
    mix-blend-mode: normal;
    border-right-style: none;
    border-right-width: 0;
    flex: 0 auto;
    display: block;
  }

  .progress-bar__mask.cc-right-mask {
    border-left-style: none;
    border-left-width: 0;
    flex: 0 auto;
    display: block;
    overflow: visible;
  }

  .progress-bar__mask.cc-right-mask.cc-border {
    border-left-style: none;
  }

  .paragraph-lavora {
    max-width: 900px;
  }

  .paragraph-lavora.wide-white {
    max-width: 600px;
  }

  .paragraph-lavora.black.license {
    margin-right: 100px;
  }

  .paragraph-applicazioni {
    max-width: 900px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph-applicazioni.wide-white {
    max-width: 600px;
  }

  .paragraph-applicazioni.black.license {
    margin-right: 100px;
  }

  .section-10-copy {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container-18-copy {
    padding-top: 12px;
    padding-bottom: 24px;
  }

  .section-9-sost-a {
    margin-top: 0;
  }

  .section-16 {
    padding-top: 24px;
  }

  .sezione-video {
    height: auto;
    margin-bottom: 0;
  }

  .background-video {
    min-height: 750px;
  }

  .section-carosello {
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-3 {
    line-height: 20px;
  }

  .section-19 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .section-20 {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .background-video-5 {
    height: 90vh;
  }

  .div-block-17 {
    height: 900px;
  }

  .heading-1-prodotto {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-18 {
    max-height: 900px;
  }
}

@media screen and (min-width: 1920px) {
  .navbar-container {
    z-index: 5555;
    position: relative;
  }

  .logo {
    width: 200px;
  }

  .nav-link {
    font-size: 20px;
  }

  .nav-link.w--current {
    font-size: 24px;
  }

  .nav-link.in-dropdown {
    font-size: 16px;
  }

  .hero-content {
    width: 900px;
    min-height: 320px;
    font-family: Work Sans, sans-serif;
    font-size: 50px;
  }

  .heading-1 {
    font-size: 50px;
  }

  .wide-container {
    max-width: 100%;
    padding-top: 300px;
    padding-bottom: 300px;
  }

  .wide-container.horizontal-to-vertical {
    justify-content: flex-start;
  }

  .wide-container.for-footer {
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .wide-container.blog {
    width: 80%;
  }

  .wide-container.homepage {
    padding-top: 300px;
  }

  .above-title-text {
    font-size: 32px;
  }

  .paragraph {
    max-width: 800px;
    font-size: 22px;
  }

  .paragraph.wide {
    max-width: 650px;
  }

  .paragraph.feature {
    max-width: 360px;
  }

  .paragraph.feature.career {
    max-width: 400px;
  }

  .paragraph.narrow {
    max-width: 450px;
  }

  .paragraph.narrow.footer-credit-row {
    font-size: 17px;
  }

  .paragraph.black.license {
    width: 540px;
    margin-right: 120px;
  }

  .paragraph.semi-wide {
    max-width: 530px;
  }

  .paragraph.job {
    max-width: 1000px;
  }

  .paragraph.service, .paragraph.service.with-margin {
    max-width: 700px;
  }

  .button-type-1 {
    font-size: 22px;
  }

  .button-type-1.form {
    padding: 15px 25px;
  }

  .button-type-1.job {
    margin-top: auto;
  }

  .button-type-1.password {
    padding: 15px 30px;
  }

  .button-type-1._404 {
    margin-top: 35px;
  }

  .section.both-round-corners {
    padding-bottom: 100px;
  }

  .section.top-no-margin-on-mobile {
    padding-top: 100px;
  }

  .section.last-section.careers {
    padding-bottom: 400px;
  }

  .left-side-content {
    padding-right: 50px;
  }

  .heading-2.service {
    max-width: 28vw;
  }

  .button-type-2-text {
    font-size: 18px;
  }

  .homepage-about-image-wrapper {
    margin-top: 60px;
    left: -16vw;
  }

  .right-side-content {
    height: 100vh;
  }

  .company-feature {
    padding-left: 50px;
  }

  .feature-title-number {
    font-size: 5vw;
  }

  .heading-3 {
    font-size: 28px;
  }

  .heading-3.white {
    display: inline-block;
  }

  .heading-3.semibold.newest-homepage-blog {
    max-width: 340px;
  }

  .heading-3.semibold.other-services {
    margin-top: 30px;
  }

  .heading-3.office {
    margin-top: 10px;
    margin-bottom: 100px;
  }

  .feature-row-content {
    margin-top: 40px;
  }

  .feature-row {
    margin-top: 80px;
    padding-bottom: 80px;
  }

  .feature-row.hire {
    margin-top: 50px;
  }

  .big-text {
    font-size: 28px;
  }

  .horizontal-border {
    bottom: 5px;
  }

  .homepage-newest-blog-post-list {
    margin-top: 35px;
  }

  .blog-description-homepage {
    padding-left: 30px;
  }

  .small-text.office {
    padding-left: 3px;
    font-size: 18px;
  }

  .other-blogs-collection-item {
    width: 100%;
  }

  .homepage-other-blogs-list {
    margin-bottom: 20px;
  }

  .homepage-other-blogs-grid {
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    margin-top: 50px;
  }

  .hire-icon {
    width: 40px;
    height: 40px;
  }

  .footer-link {
    font-size: 22px;
  }

  .utility-page-content {
    width: 25vw;
  }

  .footer-links-container {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .social-icon {
    width: 30px;
    height: 30px;
  }

  .hero-type-1-pattern {
    right: 16%;
  }

  .company-features-container {
    width: 90%;
  }

  .feature-image {
    width: 125px;
    height: 125px;
    margin-bottom: 20px;
  }

  .feature-image.career {
    width: 65px;
    height: 65px;
    margin-bottom: 15px;
  }

  .special-image-wrapper {
    margin-top: 35px;
  }

  .slider {
    margin-left: 4vw;
  }

  .company-image {
    width: 130px;
    height: 130px;
  }

  .contact-information {
    margin-top: 40px;
  }

  .contact-line {
    margin-top: 20px;
  }

  .contact-link, .form-label, .text-field {
    font-size: 22px;
  }

  .text-field.password {
    margin-top: 40px;
  }

  .textarea, .success-text, .error-text {
    font-size: 22px;
  }

  .locations-list {
    margin-top: 40px;
  }

  .feature-grid {
    grid-row-gap: 75px;
    margin-top: 70px;
  }

  .job-collection-list {
    margin-top: 0;
  }

  .text-block {
    font-size: 20px;
  }

  .dropdown-text {
    font-size: 18px;
  }

  .service-features-container {
    margin-top: 20px;
  }

  .service-features-rich-text {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 100px;
    font-size: 22px;
    line-height: 250%;
  }

  .service-second-section-rich-text {
    max-width: 600px;
    font-size: 22px;
  }

  .other-services-collection {
    margin-top: 35px;
  }

  .other-services-grid {
    grid-column-gap: 30px;
  }

  .narrow-container {
    width: 67%;
    padding-left: 0;
    padding-right: 0;
  }

  .page-not-found-image {
    width: 10vw;
    margin-bottom: 35px;
  }

  .loader-logo-image {
    width: 75px;
    height: 75px;
  }

  .rht-image {
    width: 75px;
  }

  .dropdown-list.w--open {
    width: 300px;
  }

  .navbar-fill {
    z-index: 5000;
    width: 20vw;
    background-color: #fff;
    display: block;
    position: absolute;
  }

  .button-transp {
    font-size: 20px;
    line-height: 1;
  }

  .button-white.no-margin {
    font-size: 22px;
  }

  .nav-link-white {
    font-size: 20px;
  }

  .nav-link-white:hover, .nav-link-white.dropdown:hover {
    text-decoration: none;
  }

  .logo-white {
    width: 200px;
  }

  .dropdown-2 {
    font-size: 20px;
    line-height: 1;
  }

  .dropdown-dark {
    font-size: 16px;
  }

  .slide {
    min-height: 0;
  }

  .heading-1-bianco {
    font-size: 50px;
  }

  .paragraph-bianco {
    max-width: 800px;
    font-size: 22px;
  }

  .paragraph-bianco.wide {
    max-width: 650px;
  }

  .paragraph-bianco.feature {
    max-width: 360px;
  }

  .paragraph-bianco.feature.career {
    max-width: 400px;
  }

  .paragraph-bianco.narrow {
    max-width: 450px;
  }

  .paragraph-bianco.narrow.footer-credit-row {
    font-size: 17px;
  }

  .paragraph-bianco.black.license {
    width: 540px;
    margin-right: 120px;
  }

  .paragraph-bianco.semi-wide {
    max-width: 530px;
  }

  .paragraph-bianco.job {
    max-width: 1000px;
  }

  .paragraph-bianco.service, .paragraph-bianco.service.with-margin {
    max-width: 700px;
  }

  .button-white-no-margin {
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
  }

  .dropdown-toggle {
    font-size: 20px;
  }

  .dropdown-3, .dropdown-4 {
    font-size: 20px;
    line-height: 1;
  }

  .logo-light, .logo-mobile-dark {
    width: 200px;
  }

  .paragraph-lavora {
    max-width: 800px;
    font-size: 22px;
  }

  .paragraph-lavora.wide {
    max-width: 650px;
  }

  .paragraph-lavora.feature {
    max-width: 360px;
  }

  .paragraph-lavora.feature.career {
    max-width: 400px;
  }

  .paragraph-lavora.narrow {
    max-width: 450px;
  }

  .paragraph-lavora.narrow.footer-credit-row {
    font-size: 17px;
  }

  .paragraph-lavora.black.license {
    width: 540px;
    margin-right: 120px;
  }

  .paragraph-lavora.semi-wide {
    max-width: 530px;
  }

  .paragraph-lavora.job {
    max-width: 1000px;
  }

  .paragraph-lavora.service, .paragraph-lavora.service.with-margin {
    max-width: 700px;
  }

  .paragraph-applicazioni {
    max-width: 800px;
    font-size: 22px;
  }

  .paragraph-applicazioni.wide {
    max-width: 650px;
  }

  .paragraph-applicazioni.feature {
    max-width: 360px;
  }

  .paragraph-applicazioni.feature.career {
    max-width: 400px;
  }

  .paragraph-applicazioni.narrow {
    max-width: 450px;
  }

  .paragraph-applicazioni.narrow.footer-credit-row {
    font-size: 17px;
  }

  .paragraph-applicazioni.black.license {
    width: 540px;
    margin-right: 120px;
  }

  .paragraph-applicazioni.semi-wide {
    max-width: 530px;
  }

  .paragraph-applicazioni.job {
    max-width: 1000px;
  }

  .paragraph-applicazioni.service, .paragraph-applicazioni.service.with-margin {
    max-width: 700px;
  }

  .container-22 {
    max-width: 1880px;
  }

  .background-video {
    min-height: 850px;
  }

  .container-24 {
    column-count: auto;
  }

  .section-20 {
    margin-top: 0;
    margin-bottom: 100px;
  }

  .background-video-5 {
    height: 90vh;
  }

  .image-18 {
    max-height: 1000px;
  }

  .dropdown-white {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-container {
    height: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    background-color: #fff;
  }

  .nav-menu.menu-type-2 {
    height: auto;
  }

  .navbar {
    display: none;
  }

  .logo-container.w--current {
    height: 100%;
    display: flex;
  }

  .logo {
    max-width: none;
    float: left;
    text-align: left;
    padding: 10px;
    display: inline-block;
    position: static;
    top: auto;
  }

  .nav-link, .nav-link.w--current {
    color: #000;
    padding-left: 40px;
  }

  .nav-link.dropdown {
    width: 100%;
  }

  .nav-link.in-dropdown {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 60px;
  }

  .nav-link.hide {
    display: none;
  }

  .hero-homepage {
    min-height: 80vh;
  }

  .hero-image-container, .hero-image.position-left {
    height: 80vh;
  }

  .hero-content {
    left: 0;
  }

  .heading-1 {
    font-size: 40px;
  }

  .wide-container {
    padding-left: 70px;
  }

  .wide-container.horizontal-to-vertical {
    flex-direction: column;
    align-items: flex-start;
  }

  .wide-container.horizontal-to-reverse-vertical {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .wide-container.for-footer {
    padding: 40px 0;
  }

  .wide-container.style-guide {
    flex-direction: column;
  }

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

  .paragraph.narrow {
    max-width: 600px;
  }

  .paragraph.narrow.black.newest-blog-post {
    max-width: 550px;
  }

  .paragraph.narrow.with-margin {
    max-width: 600px;
  }

  .paragraph.footer-bold {
    margin-bottom: 20px;
  }

  .paragraph.wide-white, .paragraph.wide-white.with-margin {
    max-width: 600px;
  }

  .paragraph.black.license {
    width: 100%;
    margin-left: 0;
  }

  .paragraph.job {
    width: 70%;
  }

  .paragraph.service, .paragraph.service.with-margin {
    max-width: 700px;
  }

  .button-type-1.job {
    margin-top: auto;
  }

  .border {
    left: -27px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.round-bottom-left-corner {
    border-bottom-left-radius: 40px;
  }

  .section.round-top-left-corner {
    border-top-left-radius: 40px;
  }

  .section.round-top-left-corner.last-section {
    padding-bottom: 100px;
  }

  .section.both-round-corners {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 0;
    padding-bottom: 0;
  }

  .section.both-round-corners.normal-padding, .section.both-round-corners.services {
    border-bottom-left-radius: 40px;
    padding-bottom: 60px;
  }

  .section.top-no-margin-on-mobile {
    padding-top: 0;
  }

  .section.last-section {
    padding-bottom: 100px;
  }

  .section.last-section.careers {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .section.bottom-no-margin-on-mobile {
    padding-bottom: 0;
  }

  .left-side-content {
    width: 100%;
    padding-right: 0;
  }

  .button-type-2.services {
    margin-top: 20px;
  }

  .button-type-2.white:hover, .button-type-2-text.white {
    color: #fff;
  }

  .homepage-about-image-wrapper {
    width: 100vw;
    height: 55vh;
    left: -70px;
  }

  .hero-contact-image {
    width: 150%;
    max-width: 150%;
    transform: translate(15%);
  }

  .right-side-content {
    width: 100%;
    height: 630px;
    justify-content: space-between;
  }

  .company-feature {
    padding-left: 30px;
  }

  .heading-3.semibold.newest-homepage-blog {
    max-width: 550px;
  }

  .heading-3.office {
    margin-bottom: 0;
  }

  .about-us-pattern {
    display: none;
  }

  .feature-row-content {
    width: 100%;
    margin-top: 0;
  }

  .number-container.about-us {
    margin-bottom: 10px;
  }

  .big-text {
    font-size: 24px;
  }

  .big-text.smaller-on-mobile {
    font-size: 14px;
  }

  .homepage-newest-blog-image-wrapper {
    width: 100%;
    height: 40vh;
  }

  .collection-item {
    flex-direction: column;
  }

  .blog-description-homepage {
    align-self: flex-start;
    padding-left: 0;
  }

  .wrapper.horizontal-to-vertical {
    flex-direction: column;
    justify-content: flex-start;
  }

  .blog-category-wrapper, .blog-category-wrapper.other-blog {
    margin-top: 10px;
  }

  .homepage-other-blogs-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .other-blog-image-wrapper {
    height: 40vh;
  }

  .homepage-blogs-pattern {
    display: none;
  }

  .footer {
    padding: 20px 20px 30px;
  }

  .footer-top {
    height: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }

  .huge-text {
    font-size: 68px;
  }

  .mouse-pointer-icon {
    width: 30px;
    height: 30px;
    bottom: -10px;
  }

  .footer-links-container {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .hero-type-1 {
    height: 65vh;
  }

  .hero-type-1.template {
    height: 35vh;
  }

  .heroy-type-1-image-container {
    width: 100%;
    height: 65vh;
  }

  .heroy-type-1-image-container.template {
    height: 35vh;
  }

  .main-title-container.type-1 {
    margin-top: 25vh;
  }

  .main-title-container.type-1.template {
    margin-top: 15vh;
  }

  .hero-type-1-pattern {
    display: none;
  }

  .company-features-container {
    width: 100%;
    flex-direction: column;
    justify-content: center;
  }

  .feature {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-right: 0;
    display: flex;
  }

  .feature.last {
    margin-bottom: 0;
  }

  .feature.career {
    align-items: flex-start;
    margin-bottom: 0;
  }

  .special-image-wrapper {
    width: 100%;
    height: 55vh;
  }

  .special-container, .special-container.center {
    flex-direction: column-reverse;
  }

  .special-description {
    width: 80%;
    height: auto;
    padding-left: 0;
  }

  .special-description.type-2 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .special-description.type-2.cavalry {
    height: auto;
    margin-bottom: 0;
  }

  .personnel-image-grid, .employee-grid {
    width: 100%;
  }

  .special-pattern {
    display: none;
  }

  .part-blue-background {
    width: 100%;
  }

  .part-blue-background.rounded {
    border-bottom-left-radius: 40px;
  }

  .our-cavalry-image-container {
    width: 100vw;
    height: 55vh;
    max-width: 1200px;
    position: relative;
    left: 40px;
  }

  .testimonial-container {
    width: 100%;
    border-right-style: none;
  }

  .testimonial-image-container {
    width: 100%;
  }

  .slider {
    width: 100%;
    flex-direction: row;
    margin-left: 0;
  }

  .mask {
    width: 80%;
  }

  .top-arrow {
    height: 300px;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    position: relative;
    top: -5vh;
  }

  .arrow-up {
    width: 30px;
    height: 30px;
    transform: rotate(-90deg);
  }

  .bottom-arrow {
    height: 300px;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    position: relative;
    top: -5vh;
  }

  .arrow-down {
    width: 30px;
    height: 30px;
    transform: rotate(-90deg);
  }

  .companies-grid {
    border-bottom: 1px solid #000;
  }

  .companies-container {
    width: 100%;
  }

  .hero-type-2 {
    height: 40vh;
  }

  .contact-information-container {
    width: 100%;
  }

  .contact-information {
    margin-bottom: 40px;
  }

  .contact-information.office {
    margin-bottom: 0;
  }

  .form-container {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .form-blue-overlay {
    display: none;
  }

  .form-block {
    max-width: 500px;
    margin-bottom: 0;
  }

  .form-blue-overlay-mobile {
    z-index: -1;
    width: 100vw;
    height: 100%;
    background-color: var(--blue);
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: -70px;
  }

  .location-grid {
    grid-row-gap: 10px;
    border-bottom-style: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .locations-list {
    margin-top: -30px;
  }

  .number-grid-cell, .loaction-info-grid-cell {
    height: auto;
  }

  .location-image-grid-cell {
    padding-left: 0%;
  }

  .location-image-container {
    width: 100vw;
    height: 55vh;
    position: relative;
    left: -70px;
  }

  .feature-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }

  .job-collection-list {
    margin-top: -20px;
  }

  .careers-pattern {
    display: none;
  }

  .dropdown-text {
    color: #000;
    font-size: 16px;
  }

  .service-text-half {
    padding-right: 0;
  }

  .service-text-half.right {
    margin-top: 20px;
  }

  .service-features-rich-text {
    margin-top: 0;
    margin-bottom: 0;
  }

  .service-second-section-rich-text {
    max-width: 700px;
  }

  .other-services-image-container {
    height: 40vh;
  }

  .other-service-content {
    max-width: 700px;
  }

  .other-services-grid {
    grid-column-gap: 20px;
    grid-row-gap: 60px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: grid;
  }

  .narrow-container {
    width: 100%;
    margin-left: 0;
    padding-left: 70px;
    padding-right: 40px;
  }

  .blog-rich-text {
    flex-direction: column;
    margin-top: 30px;
    display: flex;
  }

  .stroke {
    width: 90%;
    left: 5%;
  }

  .typography-content {
    padding-right: 0;
  }

  .buttons-content {
    margin-top: 60px;
  }

  .typography {
    margin-top: 45px;
  }

  .colors-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }

  .buttons {
    margin-top: -20px;
  }

  .license-content {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .license-images {
    margin-bottom: 10px;
  }

  .loader-wrapper {
    margin-bottom: 20vh;
  }

  .dropdown-list.w--open {
    box-shadow: none;
    background-color: #fff;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-icon {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .menu-icon.dark {
    opacity: 0;
  }

  .menu-icon.dark.invert {
    filter: invert();
  }

  .menu-icon.close {
    opacity: 0;
    position: absolute;
  }

  .menu-icon.close.neg, .menu-icon.invert {
    filter: invert();
  }

  .menu-button {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 0;
    display: flex;
    position: relative;
    top: auto;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .grid {
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    direction: ltr;
    white-space: normal;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    display: grid;
  }

  .div-block-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-5-copy {
    font-size: 32px;
    line-height: 38px;
  }

  .div-block-6 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .image-6 {
    max-width: 100%;
    margin-bottom: 0;
  }

  .div-block-contrasto {
    margin-bottom: 60px;
  }

  .div-block-9 {
    margin-right: 0;
  }

  .div-block-footer-contatti {
    padding-bottom: 10px;
  }

  .navbar-white {
    display: none;
  }

  .nav-link-white, .nav-link-white.w--current {
    color: #000;
    padding-left: 40px;
  }

  .nav-link-white.dropdown {
    width: 100%;
  }

  .nav-link-white.in-dropdown {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 60px;
  }

  .hero-type-2-image-container-contatti {
    height: 40vh;
  }

  .logo-white {
    top: 10px;
  }

  .heading-1-contatti {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .heading-9, .heading-10 {
    font-size: 32px;
  }

  .heading-1-azienda {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .column-azienda {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-12 {
    width: 360px;
    margin-bottom: -40px;
  }

  .heading-12 {
    font-size: 32px;
  }

  .nav-menu-home {
    text-align: left;
    background-color: #fff;
    display: none;
  }

  .nav-menu-home.menu-type-2 {
    height: auto;
  }

  .heading-1-processo-produttivo {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .heading-procersso-giallo {
    margin-left: 0;
    font-size: 56px;
  }

  .hero-type-2-copy {
    height: 40vh;
  }

  .heading-13 {
    color: var(--dark-slate-grey);
    mix-blend-mode: normal;
    margin-top: -54px;
    margin-right: 10px;
    font-size: 44px;
  }

  .section-6 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-cosmesi-contatta {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-15 {
    font-size: 32px;
  }

  .container-17, .container-18 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-1-storia {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .heading-3-contrasto-sostenibilita {
    font-size: 22px;
    line-height: 30px;
  }

  .section-storia-timeline {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-1-bianco {
    font-size: 40px;
  }

  .paragraph-bianco.feature {
    text-align: left;
  }

  .paragraph-bianco.narrow {
    max-width: 600px;
  }

  .paragraph-bianco.narrow.black.newest-blog-post {
    max-width: 550px;
  }

  .paragraph-bianco.narrow.with-margin {
    max-width: 600px;
  }

  .paragraph-bianco.footer-bold {
    margin-bottom: 20px;
  }

  .paragraph-bianco.wide-white, .paragraph-bianco.wide-white.with-margin {
    max-width: 600px;
  }

  .paragraph-bianco.black.license {
    width: 100%;
    margin-left: 0;
  }

  .paragraph-bianco.job {
    width: 70%;
  }

  .paragraph-bianco.service, .paragraph-bianco.service.with-margin {
    max-width: 700px;
  }

  .navbar-mobile {
    display: block;
  }

  .grid-4 {
    width: auto;
    height: 100px;
    grid-template-rows: auto;
    grid-auto-flow: row;
  }

  .menu-button-light {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    display: flex;
  }

  .menu-button-light.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .menu-icon-light {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .menu-icon-light.dark, .menu-icon-light.close {
    opacity: 0;
  }

  .logo-light {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: absolute;
    top: 20px;
    left: 0;
  }

  .logo-container-mobile-light {
    text-align: center;
    justify-content: flex-start;
  }

  .logo-mobile-dark {
    text-align: center;
    flex: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: absolute;
    top: 20px;
    left: 0;
  }

  .progress-bar-static-container {
    box-shadow: inset -3px 3px 9px 4px rgba(138, 138, 138, .24);
  }

  .button-white-copy {
    margin-left: 0;
  }

  .heading-13-lavora {
    margin-left: 0;
    margin-right: 10px;
    font-size: 36px;
  }

  .posizioni-aperte-lista {
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-lavora-candidati {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-lavora {
    border-left-style: none;
    border-left-width: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-lavora.feature {
    text-align: left;
  }

  .paragraph-lavora.narrow {
    max-width: 600px;
  }

  .paragraph-lavora.narrow.black.newest-blog-post {
    max-width: 550px;
  }

  .paragraph-lavora.narrow.with-margin {
    max-width: 600px;
  }

  .paragraph-lavora.footer-bold {
    margin-bottom: 20px;
  }

  .paragraph-lavora.wide-white, .paragraph-lavora.wide-white.with-margin {
    max-width: 600px;
  }

  .paragraph-lavora.black.license {
    width: 100%;
    margin-left: 0;
  }

  .paragraph-lavora.job {
    width: 70%;
  }

  .paragraph-lavora.service, .paragraph-lavora.service.with-margin {
    max-width: 700px;
  }

  .section-lavora-candidati-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-20 {
    color: var(--dark-slate-grey);
    text-align: center;
    font-family: Work Sans, sans-serif;
    font-size: 50px;
    font-weight: 300;
  }

  .heading-1-lavora {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .sezione-paragrafo {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-applicazioni {
    border-left-style: none;
    border-left-width: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-applicazioni.feature {
    text-align: left;
  }

  .paragraph-applicazioni.narrow {
    max-width: 600px;
  }

  .paragraph-applicazioni.narrow.black.newest-blog-post {
    max-width: 550px;
  }

  .paragraph-applicazioni.narrow.with-margin {
    max-width: 600px;
  }

  .paragraph-applicazioni.footer-bold {
    margin-bottom: 20px;
  }

  .paragraph-applicazioni.wide-white, .paragraph-applicazioni.wide-white.with-margin {
    max-width: 600px;
  }

  .paragraph-applicazioni.black.license {
    width: 100%;
    margin-left: 0;
  }

  .paragraph-applicazioni.job {
    width: 70%;
  }

  .paragraph-applicazioni.service, .paragraph-applicazioni.service.with-margin {
    max-width: 700px;
  }

  .section-storia-timeline-mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sezione-video {
    height: 40vh;
  }

  .text-span-4, .text-span-5, .text-span-6 {
    color: var(--dark-slate-grey);
  }

  .mask-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-gallery-giallo, .heading-home-coloratoi {
    margin-left: 0;
    font-size: 56px;
  }

  .container-17-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .background-video-2, .sezione-video-bottom, .sezione-video-prpcesso, .background-video-3 {
    height: 40vh;
  }

  .section-20 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .background-video-5 {
    height: 43vh;
    min-height: 43vh;
  }

  .heading-1-prodotto {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .image-18 {
    max-height: none;
  }

  .language-selector.w--open {
    box-shadow: none;
    background-color: #fff;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .language-selector-wrapper.mobile {
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .navbar-container {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar {
    display: none;
  }

  .nav-link, .nav-link.w--current {
    padding-left: 20px;
  }

  .hero-image.position-left {
    object-position: 50% 70%;
  }

  .hero-content {
    left: 0;
  }

  .title-container {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .heading-1 {
    font-size: 7vw;
  }

  .wide-container {
    padding-left: 35px;
  }

  .wide-container.for-footer {
    padding: 60px 0;
  }

  .above-title-text {
    font-size: 16px;
  }

  .paragraph.feature.career {
    max-width: 500px;
    text-align: left;
  }

  .paragraph.narrow.with-margin, .paragraph.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph.job {
    width: 100%;
  }

  .paragraph.service.with-margin {
    margin-bottom: 10px;
  }

  .button-type-1 {
    margin-top: 30px;
  }

  .button-type-1.job {
    margin-top: 20px;
    margin-right: auto;
  }

  .border {
    width: 3px;
    border-width: 1px;
    flex: 0 auto;
    left: -14px;
  }

  .pattern-home-hero {
    display: none;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.round-bottom-left-corner {
    border-bottom-left-radius: 25px;
  }

  .section.round-top-left-corner {
    border-top-left-radius: 25px;
  }

  .section.round-top-left-corner.last-section {
    padding-bottom: 65px;
  }

  .section.both-round-corners {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 0;
  }

  .section.both-round-corners.normal-padding, .section.both-round-corners.services {
    border-bottom-left-radius: 25px;
    padding-bottom: 40px;
  }

  .section.last-section, .section.last-section.careers {
    padding-bottom: 65px;
  }

  .heading-2 {
    font-size: 5vw;
  }

  .button-type-2.services {
    margin-top: 15px;
  }

  .button-type-2.white:hover {
    color: #fff;
  }

  .homepage-about-image-wrapper {
    height: 40vh;
    left: -35px;
  }

  .hero-contact-image {
    width: 210%;
    max-width: 210%;
    transform: translate(25%);
  }

  .right-side-content {
    height: 560px;
  }

  .feature-title-number {
    font-size: 48px;
  }

  .heading-3 {
    font-size: 22px;
  }

  .heading-3.semibold.other-services {
    margin-top: 15px;
  }

  .heading-3.office {
    font-size: 4.25vw;
  }

  .blue-background {
    width: 100%;
    height: 100%;
    background-color: var(--blue);
  }

  .image-background {
    width: 100%;
    height: 100%;
    background-color: var(--blue);
    background-image: none;
    background-size: auto;
    position: absolute;
  }

  .image-background.careers {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .feature-row-content {
    margin-top: -15px;
  }

  .feature-row {
    margin-top: 40px;
    padding-bottom: 40px;
  }

  .number-container {
    margin-bottom: 10px;
  }

  .big-text {
    font-size: 14px;
  }

  .feature-content-wrapper {
    align-self: flex-start;
  }

  .horizontal-border {
    height: 3px;
  }

  .homepage-newest-blog-post-list {
    margin-top: 10px;
  }

  .homepage-other-blogs-grid {
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .hire-icon {
    margin-bottom: 10px;
  }

  .footer {
    padding: 25px 20px 30px;
  }

  .footer-top {
    height: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
  }

  .huge-text {
    font-size: 36px;
  }

  .mouse-pointer-icon {
    width: 20px;
    height: 20px;
    bottom: -5px;
  }

  .footer-links-container {
    grid-column-gap: 25px;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .footer-column {
    display: block;
  }

  .hero-type-1, .heroy-type-1-image-container {
    height: 60vh;
  }

  .main-title-container.type-1 {
    margin-top: 25vh;
  }

  .feature.career {
    text-align: left;
    align-items: flex-start;
  }

  .special-image-wrapper {
    height: 40vh;
    margin-top: 20px;
  }

  .special-description {
    width: 100%;
    padding-left: 35px;
    padding-right: 40px;
  }

  .special-description.type-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .personnel-image-grid {
    height: auto;
  }

  .employee-grid {
    height: auto;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .part-blue-background.rounded {
    border-bottom-left-radius: 25px;
  }

  .our-cavalry-image-container {
    height: 40vh;
    left: 40px;
  }

  .companies-grid {
    grid-row-gap: 0px;
  }

  .company-image {
    width: 80px;
    height: 80px;
  }

  .hero-type-2 {
    height: 40vh;
  }

  .form-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .form-block {
    margin-bottom: 0;
  }

  .form-blue-overlay-mobile {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    left: -35px;
  }

  .location-grid {
    grid-template-columns: 1fr 12%;
    padding-top: 60px;
  }

  .locations-list {
    margin-top: -10px;
  }

  .location-image-container {
    height: 40vh;
    left: -35px;
  }

  .feature-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 10px;
  }

  .job-description {
    flex-direction: column;
  }

  .job-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .service-text-half.right, .service-features-container {
    margin-top: 10px;
  }

  .service-features-rich-text {
    padding-right: 40px;
  }

  .other-services-collection {
    margin-top: 10px;
  }

  .other-services-grid {
    grid-row-gap: 50px;
  }

  .narrow-container {
    margin-top: -20px;
    padding-left: 35px;
  }

  .stroke {
    width: 94%;
    left: 3%;
  }

  .typography {
    margin-top: 15px;
  }

  .colors-grid {
    max-width: 100%;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 10px;
  }

  .buttons {
    margin-top: -30px;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-6 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-9 {
    padding-top: 60px;
  }

  .image-7 {
    padding-bottom: 40px;
  }

  .div-block-footer-contatti {
    padding-bottom: 10px;
    font-size: 12px;
  }

  .nav-link-white, .nav-link-white.w--current {
    padding-left: 20px;
  }

  .section-2, .container-11 {
    padding: 60px 20px;
  }

  .columns {
    display: block;
  }

  .heading-1-azienda {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .column-azienda {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .columns-2 {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .paragraph-12 {
    margin-right: 20px;
  }

  .heading-procersso-giallo {
    font-size: 50px;
  }

  .hero-type-2-copy {
    height: 40vh;
  }

  .heading-13 {
    font-size: 36px;
  }

  .section-sostenibilita-contatta {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-13 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-storia-timeline {
    display: block;
  }

  .heading-1-bianco {
    font-size: 7vw;
  }

  .paragraph-bianco.feature.career {
    max-width: 500px;
    text-align: left;
  }

  .paragraph-bianco.narrow.with-margin, .paragraph-bianco.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-bianco.job {
    width: 100%;
  }

  .paragraph-bianco.service.with-margin {
    margin-bottom: 10px;
  }

  .navbar-mobile {
    display: block;
  }

  .grid-3-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .progress-bar-static-container {
    box-shadow: inset -2px 2px 7px 2px rgba(138, 138, 138, .24);
  }

  .heading-13-lavora {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 30px;
  }

  .section-sostenibilita-contatta-2, .section-lavora-candidati {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-lavora.feature.career {
    max-width: 500px;
    text-align: left;
  }

  .paragraph-lavora.narrow.with-margin, .paragraph-lavora.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-lavora.job {
    width: 100%;
  }

  .paragraph-lavora.service.with-margin {
    margin-bottom: 10px;
  }

  .section-lavora-candidati-copy {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-20 {
    font-size: 44px;
  }

  .paragraph-applicazioni.feature.career {
    max-width: 500px;
    text-align: left;
  }

  .paragraph-applicazioni.narrow.with-margin, .paragraph-applicazioni.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-applicazioni.job {
    width: 100%;
  }

  .paragraph-applicazioni.service.with-margin {
    margin-bottom: 10px;
  }

  .container-18-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-storia-timeline-mobile {
    display: none;
  }

  .grid-5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .text-span-6 {
    color: var(--dark-slate-grey);
  }

  .mask-3 {
    padding-left: 20px;
    padding-right: 40px;
  }

  .div-block-16 {
    margin-left: auto;
  }

  .left-arrow-2 {
    display: none;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .right-arrow-2 {
    background-color: rgba(0, 0, 0, 0);
    display: none;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .icon-2 {
    outline-color: var(--orange);
    outline-offset: 0px;
    background-color: rgba(0, 0, 0, 0);
    outline-width: 3px;
    outline-style: none;
  }

  .section-carosello {
    margin-top: 0;
    margin-bottom: 0;
  }

  .slider-3 {
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .heading-gallery-giallo, .heading-home-coloratoi {
    font-size: 50px;
  }

  .section-19 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-20 {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .background-video-5 {
    height: 35vh;
    min-height: 35vh;
  }

  .heading-1-prodotto {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .navbar-container {
    height: auto;
    max-width: none;
  }

  .navbar {
    display: none;
  }

  .logo-container {
    justify-content: center;
  }

  .logo-container.w--current {
    height: 100%;
  }

  .logo {
    width: 149px;
    height: auto;
    max-width: none;
    float: left;
    text-align: left;
    flex: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: static;
  }

  .nav-link.dropdown {
    display: block;
  }

  .hero-homepage {
    min-height: auto;
    padding-left: 0;
    overflow: visible;
  }

  .hero-content {
    width: auto;
  }

  .heading-1 {
    padding-right: 20px;
    font-size: 30px;
  }

  .wide-container {
    height: auto;
    min-height: 80vh;
    object-fit: fill;
    flex-wrap: nowrap;
    padding: 140px 20px 60px;
  }

  .wide-container.for-footer {
    padding: 40px 0;
  }

  .paragraph {
    padding-right: 20px;
    font-size: 18px;
  }

  .paragraph.feature.career {
    max-width: 340px;
  }

  .paragraph.narrow.with-margin {
    margin-bottom: 10px;
  }

  .paragraph.footer-bold {
    margin-bottom: 15px;
  }

  .paragraph.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph.black.with-margin {
    margin-bottom: 0;
  }

  .paragraph.contact {
    margin-bottom: 2px;
  }

  .button-type-1 {
    padding: 10px 24px;
  }

  .heading-2 {
    font-size: 28px;
  }

  .button-type-2.white:hover {
    color: #fff;
  }

  .homepage-about-image-wrapper {
    left: -20px;
  }

  .company-feature {
    padding-left: 15px;
  }

  .heading-3.office {
    font-size: 26px;
  }

  .horizontal-border {
    display: none;
    overflow: visible;
  }

  .text-span-2 {
    color: var(--orange);
    white-space: normal;
    text-decoration: none;
  }

  .small-text.office {
    font-size: 14px;
  }

  .footer {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .footer-links-container {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature {
    margin-bottom: 30px;
  }

  .feature-image {
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
  }

  .special-description {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-cavalry-image-container {
    left: 20px;
  }

  .mask {
    min-width: 100px;
  }

  .top-arrow {
    top: -8vh;
  }

  .arrow-up {
    width: 20px;
    height: 20px;
  }

  .bottom-arrow {
    top: -8vh;
  }

  .arrow-down {
    width: 20px;
    height: 20px;
  }

  .testimonial-slide {
    min-width: 100px;
  }

  .companies-grid {
    grid-column-gap: 20px;
  }

  .hero-type-2 {
    height: 30vh;
    overflow: hidden;
  }

  .contact-information {
    margin-top: 20px;
  }

  .contact-information.office {
    margin-top: 30px;
  }

  .contact-line {
    flex-direction: column;
    margin-top: 15px;
  }

  .form-blue-overlay-mobile {
    left: -20px;
  }

  .location-grid {
    grid-template-columns: 1fr 20%;
  }

  .locations-list {
    margin-top: -50px;
  }

  .location-image-container {
    left: -20px;
  }

  .service-features-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .service-features-rich-text {
    padding-right: 0;
  }

  .narrow-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .license-image-container {
    width: 65px;
    height: 65px;
    margin-right: 10px;
  }

  .menu-icon {
    width: 30px;
    height: 30px;
    color: var(--dark-slate-grey);
  }

  .menu-button {
    width: 50px;
    height: 55px;
    color: var(--dark-slate-grey);
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-transp {
    font-size: 22px;
  }

  .section-2-home {
    margin-bottom: 60px;
    overflow: hidden;
  }

  .container-5 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-4 {
    padding-left: 10px;
    padding-right: 0;
    font-size: 24px;
    line-height: 1;
  }

  .paragraph-6 {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .button-dark {
    text-align: center;
    margin-left: 0;
    font-size: 22px;
  }

  .storia-testo-home {
    font-size: 18px;
  }

  .grid-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-3-home {
    overflow: hidden;
  }

  .storia-numeri-home {
    font-size: 80px;
  }

  .storia-div-linea-home {
    display: none;
  }

  .section-4-home {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
  }

  .div-block-5 {
    margin-bottom: 40px;
  }

  .processo-home-div {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0%;
  }

  .processo-home-testo {
    font-size: 18px;
  }

  .heading-5-copy {
    font-size: 24px;
    line-height: 30px;
  }

  .heading-7 {
    text-align: left;
    font-size: 24px;
    line-height: 1;
  }

  .image-5 {
    width: 180px;
    overflow: visible;
  }

  .div-block-8 {
    margin-right: 10px;
  }

  .paragraph-3 {
    text-align: left;
    font-size: 18px;
  }

  .div-block-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-5-home {
    overflow: hidden;
  }

  .paragraph-8 {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .container-9 {
    margin-bottom: 20px;
  }

  .button-white.no-margin {
    text-align: center;
    margin-left: 0;
  }

  .section-6-home {
    margin-bottom: 0;
    overflow: hidden;
  }

  .image-6 {
    margin-bottom: -100px;
  }

  .heading-3-contrasto {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 0;
  }

  .div-block-contrasto {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-9 {
    margin-top: 40px;
    margin-right: 0;
    padding-top: 20px;
  }

  .div-block-footer-contatti {
    padding-bottom: 10px;
  }

  .paragraph-10 {
    text-align: center;
  }

  .container-10 {
    text-align: center;
    padding-top: 20px;
  }

  .navbar-white {
    display: none;
  }

  .hero-type-2-image-container-contatti {
    height: 30vh;
  }

  .immagine-ingr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-1-contatti {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
  }

  .section-2 {
    padding: 60px 20px;
  }

  .heading-9 {
    font-size: 24px;
  }

  .text-field-contatti {
    margin-bottom: 10px;
  }

  .textarea-msg {
    height: auto;
  }

  .privacy-field {
    width: 100%;
  }

  .button-white-form-dx-contatti {
    float: none;
    font-size: 22px;
  }

  .text-field-contatti-50.sx {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0%;
  }

  .text-field-contatti-50.dx {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0%;
  }

  .heading-10 {
    font-size: 24px;
  }

  .container-11 {
    padding: 40px 20px;
  }

  .contatti-lista {
    font-size: 16px;
  }

  .column-2 {
    height: 30vh;
  }

  .columns {
    display: block;
  }

  .heading-1-azienda {
    text-align: center;
    margin-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 32px;
  }

  .paragraph-11 {
    font-size: 18px;
  }

  .section-4-azienda {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-2-copy, .processo-azienda-testo {
    font-size: 18px;
  }

  .paragraph-12 {
    width: 80%;
    margin-bottom: -20px;
    margin-right: 0;
    font-size: 18px;
  }

  .heading-12 {
    font-size: 30px;
  }

  .nav-menu-home {
    background-color: var(--white);
  }

  .container-1-home {
    max-width: none;
  }

  .container-processo-home {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-5-home-processo {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-5-home-processo {
    font-size: 30px;
    line-height: 1;
  }

  .heading-1-processo-produttivo {
    font-size: 24px;
    line-height: 30px;
  }

  .heading-procersso-giallo {
    margin-bottom: -10px;
    margin-left: 10px;
    font-size: 30px;
  }

  .heading-procersso-giallo.no-margin {
    font-size: 40px;
  }

  .hero-type-2-copy {
    height: 30vh;
  }

  .heading-13 {
    color: var(--dark-slate-grey);
    margin-top: -20px;
    font-size: 30px;
  }

  .heading-1-cosmesi {
    font-size: 24px;
    line-height: 30px;
  }

  .dropdown-dark {
    padding-left: 40px;
  }

  .section-sostenibilita-contatta {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-12-sos {
    font-size: 30px;
  }

  .paragraph-13-sos {
    font-size: 18px;
  }

  .heading-15 {
    font-size: 24px;
  }

  .section-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .caption-sostenibilita {
    font-size: 18px;
  }

  .icone-sostenibilita {
    display: block;
  }

  .container-18 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-16 {
    font-size: 24px;
  }

  .paragraph-14 {
    font-size: 18px;
    line-height: 140%;
  }

  .div-block-13 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-1-storia {
    font-size: 24px;
    line-height: 30px;
  }

  .paragraph-8-copy {
    font-size: 18px;
  }

  .paragraph-processo {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .timeline_item {
    grid-template-columns: 1fr 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .timeline_anni {
    font-size: 28px;
  }

  .heading-18 {
    font-size: 22px;
  }

  .text-block-5 {
    font-size: 18px;
  }

  .timeline_progress {
    align-self: auto;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 23px;
  }

  .timeline_oriz-left {
    width: 20px;
    right: 23px;
  }

  .timeline_progress-bar {
    right: 23px;
  }

  .section-storia-timeline {
    display: none;
  }

  .container-19 {
    overflow: hidden;
  }

  .timeline_oriz-right {
    width: 20px;
    text-align: left;
    justify-content: flex-end;
    left: auto;
    right: 23px;
  }

  .slide {
    min-height: 80vh;
    background-position: 50%;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
  }

  .mask-2 {
    height: auto;
    min-height: auto;
    overflow: hidden;
  }

  .slide-2 {
    min-height: 80vh;
    background-size: cover, cover;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .slide-3 {
    min-height: 80vh;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-1-bianco {
    padding-right: 20px;
    font-size: 30px;
  }

  .paragraph-bianco {
    padding-right: 20px;
  }

  .paragraph-bianco.feature.career {
    max-width: 340px;
  }

  .paragraph-bianco.narrow.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-bianco.footer-bold {
    margin-bottom: 15px;
  }

  .paragraph-bianco.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-bianco.black.with-margin {
    margin-bottom: 0;
  }

  .paragraph-bianco.contact {
    margin-bottom: 2px;
  }

  .slide-4 {
    min-height: 80vh;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-3 {
    font-family: Work Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: block;
  }

  .dropdown-4 {
    display: block;
  }

  .navbar-mobile {
    display: block;
    position: absolute;
  }

  .grid-4 {
    height: 80px;
    grid-column-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    justify-items: stretch;
  }

  .menu-button-light {
    width: 50px;
    height: 55px;
    color: var(--dark-slate-grey);
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .menu-icon-light {
    width: 30px;
    height: 30px;
    color: var(--dark-slate-grey);
  }

  .logo-light {
    width: 149px;
    max-width: none;
    float: left;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: static;
  }

  .logo-container-mobile-light {
    height: auto;
    justify-content: flex-start;
  }

  .logo-container-mobile-light.w--current {
    height: 100%;
  }

  .logo-mobile-dark {
    width: 149px;
    max-width: none;
    float: left;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: absolute;
    top: 0;
  }

  .div-block-contrasto-green {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-processo-produttivo-01-dx {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section-9-sost-b {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-perce {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .button-white-copy.no-margin {
    text-align: center;
    margin-left: 0;
  }

  .heading-13-lavora {
    margin-left: 0;
    margin-right: 0;
    font-size: 26px;
  }

  .paragraph-posizione {
    max-width: 100%;
    padding-left: 0;
    font-size: 16px;
    display: block;
  }

  .posizioni-aperte-lista {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .section-sostenibilita-contatta-2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-12-sos-2 {
    font-size: 30px;
  }

  .paragraph-13-sos-2 {
    font-size: 16px;
  }

  .heading-12-lavora {
    font-size: 30px;
  }

  .paragraph-13-lavora {
    font-size: 16px;
  }

  .section-lavora-candidati {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-lavora {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .paragraph-lavora.feature.career {
    max-width: 340px;
  }

  .paragraph-lavora.narrow.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-lavora.footer-bold {
    margin-bottom: 15px;
  }

  .paragraph-lavora.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-lavora.black.with-margin {
    margin-bottom: 0;
  }

  .paragraph-lavora.contact {
    margin-bottom: 2px;
  }

  .section-lavora-candidati-copy {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-12-lavora-copy {
    font-size: 30px;
  }

  .paragraph-13-lavora-copy {
    font-size: 16px;
  }

  .heading-20 {
    color: var(--dark-slate-grey);
    text-align: center;
    font-family: Work Sans, sans-serif;
    font-size: 30px;
    font-weight: 300;
  }

  .heading-1-lavora {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .paragraph-applicazioni {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .paragraph-applicazioni.feature.career {
    max-width: 340px;
  }

  .paragraph-applicazioni.narrow.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-applicazioni.footer-bold {
    margin-bottom: 15px;
  }

  .paragraph-applicazioni.wide-white.with-margin {
    margin-bottom: 10px;
  }

  .paragraph-applicazioni.black.with-margin {
    margin-bottom: 0;
  }

  .paragraph-applicazioni.contact {
    margin-bottom: 2px;
  }

  .section-13 {
    margin-top: 0;
  }

  .container-18-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-16-copy {
    font-size: 30px;
  }

  .paragraph-14-copy {
    font-size: 18px;
  }

  .button-dark-center {
    text-align: center;
    margin-left: 0;
  }

  .section-9-sost-a {
    padding-left: 0;
    padding-right: 0;
  }

  .section-storia-timeline-mobile {
    display: block;
  }

  .image-gallery-storia {
    padding: 4px;
  }

  .grid-5 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .sezione-video {
    width: auto;
    height: 30vh;
  }

  .text-span-4, .text-span-5, .text-span-6 {
    color: var(--dark-slate-grey);
  }

  .background-video {
    min-height: 300px;
  }

  .section-17.is_full {
    overflow: hidden;
  }

  .carosello-immagini {
    padding-bottom: 50px;
  }

  .mask-3 {
    width: 100%;
    padding-left: 10px;
    padding-right: 40px;
  }

  .left-arrow-2 {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .right-arrow-2 {
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .section-carosello {
    margin-top: 0;
    margin-bottom: 0;
  }

  .slider-3 {
    padding-bottom: 0;
  }

  .heading-gallery-giallo {
    margin-bottom: 0;
    font-size: 30px;
  }

  .heading-home-coloratoi {
    margin-bottom: -16px;
    font-size: 30px;
  }

  .heading-home-coloratoi.no-margin {
    margin-left: 10px;
    font-size: 40px;
  }

  .div-block-lavora {
    clear: none;
    column-count: auto;
    flex: 0 auto;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 0;
    display: block;
  }

  .background-video-2 {
    height: 30vh;
  }

  .sezione-video-bottom, .sezione-video-prpcesso {
    width: auto;
    height: 30vh;
  }

  .background-video-3 {
    height: 30vh;
  }

  .center {
    padding-left: 0;
  }

  .center.margin {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .type-2-image-container-prodotti {
    overflow: visible;
  }

  .text-span-prodotti {
    font-size: 18px;
  }

  .background-video-4 {
    height: 100%;
    max-height: 100%;
    min-height: 80vh;
  }

  .section-20 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .background-video-5 {
    width: 100%;
    height: 30vh;
    max-height: none;
    min-height: 30vh;
    object-fit: contain;
    overflow: hidden;
  }

  .heading-1-prodotto {
    text-align: center;
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 32px;
  }

  .image-18 {
    min-height: auto;
  }

  ._4040-background, .background-video-home {
    height: 100%;
    max-height: 100%;
    min-height: 80vh;
  }

  .dropdown-white {
    padding-left: 40px;
  }
}

#w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3d8-58d2705a, #w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3d9-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3da-58d2705a, #w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3e8-58d2705a, #w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3ea-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9466-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: auto;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9467-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9468-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb946a-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb946c-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb946e-58d2705a {
  align-self: center;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb946f-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9470-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9474-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9476-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9478-58d2705a {
  align-self: center;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9479-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb947a-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb947c-58d2705a, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb947e-58d2705a, #w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee05f-58d2705a, #spinner.w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee062-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee063-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee064-58d2705a, #w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee072-58d2705a, #w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee074-58d2705a, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d82-58d2705a, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d83-58d2705a, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d88-58d2705a, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d8a-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d8c-58d2705a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-cdbc1119-3766-ff1f-423f-4c855e551bd2-5e551bc9 {
  justify-self: auto;
}

#w-node-bbc91512-99f6-1e6f-fcd5-9716dd2cb05c-5e551bc9, #w-node-e883dc99-528f-9ac4-2e2f-381ea3993adc-5e551bc9, #w-node-_57021641-45c2-e03c-e327-14abacb88fc5-5e551bc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0b5ef37-78d5-b43f-5eaa-7ebadeb3b2ed-deb3b2eb, #w-node-d0b5ef37-78d5-b43f-5eaa-7ebadeb3b2f5-deb3b2eb {
  align-self: center;
}

#w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd25-374b97b5, #w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd26-374b97b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd27-374b97b5, #w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd35-374b97b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af7-374b97b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af8-374b97b5, #w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38b05-374b97b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af6-374b97b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3e9-374b97b5, #w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3ea-374b97b5, #w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3ef-374b97b5, #w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3f1-374b97b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3f3-374b97b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-ec5977f1-7e89-f635-f0b5-3091b243c88b-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ec5977f1-7e89-f635-f0b5-3091b243c899-f16acb10, #w-node-_82ed6c93-c7bd-f664-8ef2-17ec0726252a-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec5977f1-7e89-f635-f0b5-3091b243c88a-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f987657b-f44d-ec84-4e60-29f3a0129f6d-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f987657b-f44d-ec84-4e60-29f3a0129f70-f16acb10, #w-node-f987657b-f44d-ec84-4e60-29f3a0129f64-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f987657b-f44d-ec84-4e60-29f3a0129f65-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_33df8c0f-c856-37ee-e714-e7b40cd30802-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_33df8c0f-c856-37ee-e714-e7b40cd30803-f16acb10, #w-node-_33df8c0f-c856-37ee-e714-e7b40cd3080b-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_33df8c0f-c856-37ee-e714-e7b40cd3080e-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4badf-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4bae2-f16acb10, #w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4bae3-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4bae4-f16acb10, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdab5-f16acb10, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdab6-f16acb10, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdabf-f16acb10, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdac1-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9518847e-febd-aca1-06bc-ca84ac7bdac3-f16acb10 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_20949d93-41fb-0743-453f-2cced2a8645b-c135501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_037b3e4f-473d-567f-5ef6-758c03e0fc36-c135501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_830e28b8-1332-4fd9-a34c-4eea86f0eb9f-c135501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a9f61050-8b9c-91cf-6952-f0713153c71f-c135501a, #w-node-_103a96c8-500d-5528-b025-68a357caefda-c135501a, #w-node-_04cd2bf5-31ba-4038-9e6b-8ad8e8a2e9d2-c135501a, #w-node-_85e20970-4a93-da31-e22a-92652138d29e-c135501a, #w-node-f8c34ca3-9c00-cc67-4961-dae13791cd3b-c135501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-d55034bf-e051-62e7-76a1-fd0a053207b0-c135501a, #w-node-d55034bf-e051-62e7-76a1-fd0a053207b1-c135501a, #w-node-d55034bf-e051-62e7-76a1-fd0a053207b6-c135501a, #w-node-d55034bf-e051-62e7-76a1-fd0a053207bb-c135501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d55034bf-e051-62e7-76a1-fd0a053207bd-c135501a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7d-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_0d424270-369e-2752-1786-bc4102db98b6-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7e-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7f-d252b4bb, #w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb6-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb4-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb0-d252b4bb, #w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb9-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c2-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9d4-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c7-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c9-d252b4bb, #w-node-d4d1d091-4321-d53d-4c10-96ddc14c476a-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c4771-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c4773-d252b4bb, #w-node-d4d1d091-4321-d53d-4c10-96ddc14c476f-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b283-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b295-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b288-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b28a-d252b4bb, #w-node-_20d8f69d-0bf6-243f-870f-6053be471401-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be471408-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be47140a-d252b4bb, #w-node-_20d8f69d-0bf6-243f-870f-6053be471406-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32af4-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32afb-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32afe-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b05-d252b4bb, #w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b0c-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b03-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b10-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b19-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b1c-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b23-d252b4bb, #w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b2a-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b21-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b2e-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b38-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b3b-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b42-d252b4bb, #w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b4b-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b40-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-e8845b9e-65eb-e7bd-89c4-340931ee9f72-d252b4bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7d-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7e-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7f-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_0d424270-369e-2752-1786-bc4102db98b6-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb6-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb9-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb4-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb0-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c2-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c7-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c9-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9d4-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c476a-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c476f-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c4771-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c4773-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b283-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b288-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b28a-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b295-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be471401-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be471406-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be471408-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be47140a-392144d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee7d-8a419792, #w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee50-8a419792 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee51-8a419792 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84a7-8a419792 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84a8-8a419792 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-8a419792 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_74b9c529-e1ab-d607-5411-74736cd053bc-6cd053b7 {
  justify-self: auto;
}

#w-node-_74b9c529-e1ab-d607-5411-74736cd053c9-6cd053b7, #w-node-_74b9c529-e1ab-d607-5411-74736cd053d2-6cd053b7, #w-node-_74b9c529-e1ab-d607-5411-74736cd053d3-6cd053b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee7d-dbb510a7, #w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee50-dbb510a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee51-dbb510a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84a7-dbb510a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84a8-dbb510a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-dbb510a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_20949d93-41fb-0743-453f-2cced2a8645b-53ac8c0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_037b3e4f-473d-567f-5ef6-758c03e0fc36-53ac8c0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_830e28b8-1332-4fd9-a34c-4eea86f0eb9f-53ac8c0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a9f61050-8b9c-91cf-6952-f0713153c71f-53ac8c0f, #w-node-_103a96c8-500d-5528-b025-68a357caefda-53ac8c0f, #w-node-_04cd2bf5-31ba-4038-9e6b-8ad8e8a2e9d2-53ac8c0f, #w-node-_85e20970-4a93-da31-e22a-92652138d29e-53ac8c0f, #w-node-f8c34ca3-9c00-cc67-4961-dae13791cd3b-53ac8c0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-d55034bf-e051-62e7-76a1-fd0a053207b0-53ac8c0f, #w-node-d55034bf-e051-62e7-76a1-fd0a053207b1-53ac8c0f, #w-node-d55034bf-e051-62e7-76a1-fd0a053207b6-53ac8c0f, #w-node-d55034bf-e051-62e7-76a1-fd0a053207bb-53ac8c0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d55034bf-e051-62e7-76a1-fd0a053207bd-53ac8c0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-ec5977f1-7e89-f635-f0b5-3091b243c88b-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ec5977f1-7e89-f635-f0b5-3091b243c899-6b364222, #w-node-_82ed6c93-c7bd-f664-8ef2-17ec0726252a-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec5977f1-7e89-f635-f0b5-3091b243c88a-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f987657b-f44d-ec84-4e60-29f3a0129f6d-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f987657b-f44d-ec84-4e60-29f3a0129f70-6b364222, #w-node-f987657b-f44d-ec84-4e60-29f3a0129f64-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f987657b-f44d-ec84-4e60-29f3a0129f65-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_33df8c0f-c856-37ee-e714-e7b40cd30802-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_33df8c0f-c856-37ee-e714-e7b40cd30803-6b364222, #w-node-_33df8c0f-c856-37ee-e714-e7b40cd3080b-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_33df8c0f-c856-37ee-e714-e7b40cd3080e-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4badf-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4bae2-6b364222, #w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4bae3-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-f32ff45c-2a2f-cd08-2a40-d96dabc4bae4-6b364222, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdab5-6b364222, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdab6-6b364222, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdabf-6b364222, #w-node-_9518847e-febd-aca1-06bc-ca84ac7bdac1-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9518847e-febd-aca1-06bc-ca84ac7bdac3-6b364222 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7d-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_0d424270-369e-2752-1786-bc4102db98b6-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7e-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_9ff09a36-7f78-b0c2-5a2b-34276f27dc7f-d6cececf, #w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb6-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb4-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb0-d6cececf, #w-node-_47b5dc74-9531-0ea1-6a51-4bb607b60cb9-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c2-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9d4-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c7-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_6cbd6278-d798-9759-ff4a-d31e9ed0d9c9-d6cececf, #w-node-d4d1d091-4321-d53d-4c10-96ddc14c476a-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c4771-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-d4d1d091-4321-d53d-4c10-96ddc14c4773-d6cececf, #w-node-d4d1d091-4321-d53d-4c10-96ddc14c476f-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b283-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b295-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b288-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-da00ee14-2d22-eb84-388b-27dd5fc6b28a-d6cececf, #w-node-_20d8f69d-0bf6-243f-870f-6053be471401-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be471408-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_20d8f69d-0bf6-243f-870f-6053be47140a-d6cececf, #w-node-_20d8f69d-0bf6-243f-870f-6053be471406-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32af4-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32afb-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32afe-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b05-d6cececf, #w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b0c-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b03-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b10-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b19-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b1c-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b23-d6cececf, #w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b2a-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b21-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b2e-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b38-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b3b-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b42-d6cececf, #w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b4b-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed50559f-f7e4-6cd2-6b26-2382dbb32b40-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-e8845b9e-65eb-e7bd-89c4-340931ee9f72-d6cececf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd25-5a374fd1, #w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd26-5a374fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd27-5a374fd1, #w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd35-5a374fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af7-5a374fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af8-5a374fd1, #w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38b05-5a374fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af6-5a374fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3e9-5a374fd1, #w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3ea-5a374fd1, #w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3ef-5a374fd1, #w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3f1-5a374fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b2ed4a0-7af2-76a0-0ccd-37a11f26f3f3-5a374fd1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3d8-3e4e5579, #w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3d9-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3da-3e4e5579, #w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3e8-3e4e5579, #w-node-_8ee608d2-96fc-2d79-3426-0d976dbee3ea-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9466-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: auto;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9467-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9468-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb946a-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb946c-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb946e-3e4e5579 {
  align-self: center;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb946f-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9470-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9474-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb9476-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9478-3e4e5579 {
  align-self: center;
}

#w-node-_1dfb4751-dd29-39fa-f974-62299bdb9479-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb947a-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb947c-3e4e5579, #w-node-_1dfb4751-dd29-39fa-f974-62299bdb947e-3e4e5579, #w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee05f-3e4e5579, #spinner.w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee062-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee063-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee064-3e4e5579, #w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee072-3e4e5579, #w-node-ed02a6a2-cea4-a86f-79cf-3f4d174ee074-3e4e5579, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d82-3e4e5579, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d83-3e4e5579, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d88-3e4e5579, #w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d8a-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24721513-84d1-ec2a-17f5-48b1e5a66d8c-3e4e5579 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

@media screen and (min-width: 1440px) {
  #w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af7-374b97b5, #w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee50-8a419792, #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84a7-8a419792, #w-node-e5d744b8-a2a2-e7c5-b2a2-d5b4acc3ee50-dbb510a7, #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84a7-dbb510a7, #w-node-_41aee96f-ffd0-116d-f92a-f8d4c9e38af7-5a374fd1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_990e2f3b-e2ef-2e32-9c9e-885c5c8cf040-5c8cf03d {
    align-self: center;
    justify-self: start;
  }

  #w-node-_990e2f3b-e2ef-2e32-9c9e-885c5c8cf042-5c8cf03d, #w-node-_9b727c25-992e-e0d7-00fb-7ba58b2bc52d-8b2bc527 {
    align-self: center;
    justify-self: end;
  }

  #w-node-d0b5ef37-78d5-b43f-5eaa-7ebadeb3b2ed-deb3b2eb {
    grid-area: 1 / 2 / 2 / 3;
    align-self: start;
  }

  #w-node-d0b5ef37-78d5-b43f-5eaa-7ebadeb3b2f5-deb3b2eb {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
  }

  #w-node-_9204e9d5-aef6-9975-cf2d-e4c427de300a-deb3b2eb {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd25-374b97b5, #w-node-ec5977f1-7e89-f635-f0b5-3091b243c88b-f16acb10 {
    order: 9999;
  }

  #w-node-d55034bf-e051-62e7-76a1-fd0a053207bd-c135501a {
    align-self: center;
  }

  #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-8a419792 {
    order: -9999;
  }

  #w-node-b615b918-0e50-0616-9cb4-0165bb321a57-bb321a51 {
    align-self: center;
    justify-self: end;
  }

  #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-dbb510a7 {
    order: -9999;
  }

  #w-node-d55034bf-e051-62e7-76a1-fd0a053207bd-53ac8c0f {
    align-self: center;
  }

  #w-node-ec5977f1-7e89-f635-f0b5-3091b243c88b-6b364222, #w-node-_7c1b22b4-5c45-d5b7-33d1-20c49328cd25-5a374fd1 {
    order: 9999;
  }

  #w-node-_35bf2c5d-27ae-8809-dd00-02d190f724ae-90f724ab {
    align-self: center;
    justify-self: start;
  }

  #w-node-_35bf2c5d-27ae-8809-dd00-02d190f724b0-90f724ab {
    align-self: center;
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-8a419792, #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-dbb510a7 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_990e2f3b-e2ef-2e32-9c9e-885c5c8cf040-5c8cf03d {
    align-self: center;
    justify-self: start;
  }

  #w-node-_990e2f3b-e2ef-2e32-9c9e-885c5c8cf042-5c8cf03d {
    align-self: center;
    justify-self: end;
  }

  #w-node-_9b727c25-992e-e0d7-00fb-7ba58b2bc52a-8b2bc527 {
    align-self: center;
    justify-self: start;
  }

  #w-node-_9b727c25-992e-e0d7-00fb-7ba58b2bc52d-8b2bc527 {
    align-self: center;
    justify-self: end;
  }

  #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-8a419792 {
    order: -9999;
  }

  #w-node-b615b918-0e50-0616-9cb4-0165bb321a54-bb321a51 {
    align-self: center;
    justify-self: start;
  }

  #w-node-b615b918-0e50-0616-9cb4-0165bb321a57-bb321a51 {
    align-self: center;
    justify-self: end;
  }

  #w-node-_9bb8de6c-01b0-71c9-bd01-f1e637de84d2-dbb510a7 {
    order: -9999;
  }

  #w-node-_35bf2c5d-27ae-8809-dd00-02d190f724ae-90f724ab {
    align-self: center;
    justify-self: start;
  }

  #w-node-_35bf2c5d-27ae-8809-dd00-02d190f724b0-90f724ab {
    align-self: center;
    justify-self: end;
  }
}