:root {
  --font: "Dosis", sans-serif;
  --main-color: #FF6601;
  --passione: #FE000C;
  --cura: #0C105E;
  --inclusione: #9678B8;
  --innovazione: #FCBF00;
  --sostenibilita: #4A8618;
}

.bg-passione {
  background-color: var(--passione) !important;
}
.bg-cura {
  background-color: var(--cura) !important;
}
.bg-inclusione {
  background-color: var(--inclusione) !important;
}
.bg-innovazione {
  background-color: var(--innovazione) !important;
}
.bg-sostenibilita {
  background-color: var(--sostenibilita) !important;
}

.text-passione {
  color: var(--passione) !important;
}
.text-cura {
  color: var(--cura) !important;
}
.text-inclusione {
  color: var(--inclusione) !important;
}
.text-innovazione {
  color: var(--innovazione) !important;
}
.text-sostenibilita {
  color: var(--sostenibilita) !important;
}

.keyword-box {
  display: inline-block;
  padding: calc(var(--padding) * 0.5) calc(var(--padding) * 1);
}

body.mini .top-link {
  width: 48px;
  height: 48px;
}
body.mini .top-link p {
  font-size: 1.5rem;
}

#front img.fingerprint {
  max-width: 160px;
  margin: 0 auto 3rem auto;
}
@media screen and (min-width: 768px) {
  #front img.fingerprint {
    max-width: 220px;
    margin: 0 2rem 0 0;
  }
}
#front h1.title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #front h1.title {
    text-align: left;
  }
}

#company-values .fingerprint-background {
  position: absolute;
  top: 20vh;
  left: 19%;
  transform: translate(-50%, 0) rotate(22.5deg);
  height: 100vh;
  opacity: 0.05;
}
@media screen and (min-width: 768px) {
  #company-values .fingerprint-background {
    opacity: 1;
  }
}
#company-values .value-icon {
  width: 40px;
}
@media screen and (min-width: 768px) {
  #company-values .value-icon {
    width: 60px;
  }
}
#company-values .go-deep {
  position: relative;
  z-index: 3;
}
#company-values .go-deep .black-layer {
  background: rgba(0, 0, 0, 0.85);
  overflow-y: scroll;
  overflow-x: hidden;
}

#ambassadors .go-deep {
  position: relative;
  z-index: 3;
}
#ambassadors .go-deep .black-layer {
  background: rgba(0, 0, 0, 0.85);
  overflow-y: scroll;
  overflow-x: hidden;
}

.icons-bg {
  background-image: url("../img/atm_cv_icons.svg");
  background-size: 320% auto;
  background-position: center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
}
@media screen and (min-width: 768px) {
  .icons-bg {
    background-size: 80% auto;
    opacity: 0.2;
  }
}

#social-wall-cta .drawing-underline, #values-on-tour .drawing-underline, #ambassadors .drawing-underline, #testimonial .drawing-underline {
  width: 260px;
  margin: 0 -30px;
}
@media screen and (min-width: 768px) {
  #social-wall-cta .drawing-underline, #values-on-tour .drawing-underline, #ambassadors .drawing-underline, #testimonial .drawing-underline {
    width: 300px;
  }
}

/*# sourceMappingURL=this.css.map */