@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200;300;400;500;600;700;800&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {
  background-color: black;
  background-image: url("../../assets/img/background.svg");
  background-attachment: fixed;
  background-position: center;
}

.btn-livello {
  background-color: rgb(136, 134, 134) !important;
  display: inline-block !important;
  padding: 3px 5px !important;
  border-radius: 5px !important;
  color: white !important;
  font-size: 11px !important;
  border: 1px solid rgb(111, 110, 110) !important;
  margin-top: 9px !important;
  transition: .5s !important;
}


.btn.btn-trasparente {
  color: #ffffff;
  border-color: #ffffff;
  padding: .30rem 1.0rem; /*padding: .35rem 1.5rem;*/
  font-size: 11px; /*font-size: 12px;*/
  background-color: rgba(255, 255, 255, 0.24);
  font-family: 'Open Sans';
  font-weight: 600;
  margin-right: 12px;/*margin-right: 16px;*/
  opacity: 0.6;
  transition: .4s;
  letter-spacing: 0.5px;
}

.btn.btn-trasparente:hover {
  opacity: 1;
  transition: .4s;
}

.btn.btn-trasparente i {
  margin-right: .6rem;
  font-size: 12px;
}

.dropdown {
  display: inline-block;
}

.bandiera:hover {
  transform: scale(1.2);
  transition: 0.5s;
  cursor: pointer;
}

.bandiera {
  width: 25px !important;
  transition: 0.5s;
}

.btn-check:focus+.btn,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

.btn.btn-link.dropdown-toggle {
  padding: .1rem .75rem .375rem;
}

.dropdown-menu {
  min-width: auto;
  padding: .2rem 0 .3rem;
}

.dropdown-toggle::after {
  content: none;
}

::-ms-expand {
  display: none;
}

.dropdown-menu {
  min-width: auto;
  padding: .2rem 0 .3rem;
}

.dropdown-item {
  padding: 0.2rem 0.75rem;
}

.nav-bottoni {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 11px 2% 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.div-navbar .list-inline-item {
  padding: .5rem .10rem !important;
}

.fas.fa-bars {
  color: white;
  padding: .5rem;
}

.navbar-light .navbar-nav .nav-link {
  color: white !important;
}

.navbar.navbar-side {
  padding: 0;
}

@media (min-width:767px) {

  .navbar-side ul,
  .navbar-side li {
    float: none;
  }
}

@media (min-width:767px) {

  .navbar-side .container-fluid,
  .navbar-side .navbar-collapse {
    padding: 0;
  }
}

.logo {
  width: 46%;
  padding: 10px;
  margin-left: 6%;
}

@media (min-width: 768px) {
  .logo {
    width: 16%;
    padding: 0;
    margin-left: 0;
  }
}

.div-navbar {
  padding: 17px 2%;
  display: flex;
  align-items: center;
}

.div-navbar .nav {
  width: 84%;
  display: inline-block;
  text-align: end;
  z-index: 10;
}

.btn.contatti {
  background-color: white;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 700;
  border-radius: 20px;
  font-size: 14px;
  padding: .3rem .65rem;
  transition: .4s;
  margin-left: 20px;
  color: black;
}

.btn.contatti:hover {
  background-color: rgba(255, 255, 255, 0.28);
  color: white;
  transition: .4s;
}

.list-inline,
.list-inline a {
  font-size: 15px;
  letter-spacing: .7px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: .4s;
  text-align: center;
  font-family: 'Open Sans';
  text-transform: uppercase;
  display: inline;
  cursor: pointer;
}

.list-inline a:hover,
.list-inline-item:hover {
  transition: .4s;
  color: #ffffff;
}

fx:not(:last-child) {
  margin-right: 1.8rem;
}

.list-inline-item>.fas.fa-angle-down {
  margin-left: 5px;
  transform: rotate(-90deg);
  transition: .4s;
}

.list-inline-item:hover>.fas.fa-angle-down,
.gira {
  transform: rotate(0deg) !important;
  transition: .4s;
}

.icone-azienda {
  max-width: 40%;
  max-height: 100px;
}

#azienda h3 {
  font-family: 'Manrope';
  font-size: 21px;
  color: #ac1416;
  text-align: center;
  font-weight: 600;
}

#divisioni {
  padding: 15px 8%;
}

#azienda,
#tecnologie,
#eventi {
  padding: 15px 8%;
}

#azienda a,
#divisioni a,
#tecnologie a {
  text-decoration: none;
  transition: .5s;
}

#azienda .animate__animated img,
#azienda .animate__animated h3,
#divisioni .animate__animated img,
#divisioni .animate__animated h3,
#tecnologie .animate__animated h3,
#tecnologie .animate__animated img {
  transform: scale(0.7);
  transition: 1s;
}

#azienda .animate__animated:hover>img,
#azienda .animate__animated:hover>h3,
#divisioni .animate__animated:hover>img,
#tecnologie .animate__animated:hover>img,
#divisioni .animate__animated:hover>h3,
#tecnologie .animate__animated:hover>h3 {
  transform: scale(0.9);
  transition: 1s;
}

.fisso {
  position: fixed;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.71) 68%, rgba(0, 0, 0, 0) 100%);
  z-index: 3;
  transition: .5s;
  top: 0;
}

.logo-home {
  width: 90%;
  margin-left: 5%;
  margin-top: 30px;
}

.logo-unico {
  margin-top: 109px !important;
}

@media (min-width: 768px) {
  .logo-home {
    width: 45%;
    margin-left: 27.5%;
    margin-top: 100px;
  }

  .logo-unico {
    margin-top: 190px !important;
    margin-bottom: 16px;
  }
}

.sottotitolo {
  text-align: center;
  color: #C4C4C4;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 1px;
  width: 90%;
}

@media (min-width: 768px) {
  .sottotitolo {
    text-align: center;
    width: 100%;
    color: #C4C4C4;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: 1px;
    padding: 20px 20%;
    margin-bottom: 30px;
  }
}

.sfondo-modifica {
  font-size: 44px;
  font-weight: 700;
  color: white;
  margin-bottom: 26px;
  text-indent: 0px;
}

.sfondo-modifica span {
  font-size: 39px;
}

#nav-mobile {
  font-family: 'Open Sans';
  padding-bottom: 6px;
  background-color: rgba(0, 0, 0, 0.9);
}

#nav-mobile .nav-item {
  width: 100%;
  padding: 3px 5px;
}

#nav-mobile .nav-item button {
  width: 100%;
}

#nav-mobile .nav-item a {
  font-family: 'Open Sans';
  color: white;
  text-align: center;
  padding: .2rem 1rem;
  font-size: 15px;
  width: 100%;
}

.fas.fa-angle-down {
  margin-left: 5px;
}

#menu-azienda,
#menu-divisioni,
#menu-tecnologie {
  background-color: rgba(255, 255, 255, 0.73);
  border-top: 1px solid rgba(255, 255, 255, 0.49);
  border-bottom: 1px solid rgba(255, 255, 255, 0.49);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
  isolation: isolate;
}

#menu-azienda a,
#menu-divisioni a,
#menu-tecnologie a {
  padding: .3rem 1rem !important;
  font-size: 14px !important;
  color: black !important;
  font-weight: 700;
  text-transform: uppercase;
}

.card-divisioni img {
  border-radius: 25px;
  width: 100%;
  transition: .4s;
}

.card-divisioni div {
  background-position: center;
  background-size: contain;
  width: 100%;
  padding-top: 100%;
  border-radius: 25px;
  transition: .4s;
}

.card-divisioni.rivendita div {
  background-image: url("../../assets/img/vernici_per_rivendita2.jpg");
}

.card-divisioni.industry div {
  background-image: url("../../assets/img/vernici_per_industry.jpg");
}

.card-divisioni.carrozzeria div {
  background-image: url("../../assets/img/vernici_per_carrozzeria.jpg");
}

.card-divisioni.occhialeria div {
  background-image: url("../../assets/img/vernici_per_occhialeria.jpg");
}

.card-divisioni.packaging_cosmetico div {
  background-image: url("../../assets/img/vernici_per_packaging_cosmetico.jpg");
}

.card-divisioni.industry:hover>div {
  background-image: url("../../assets/img/vernici_per_industry2.jpg");
  transition: .4s;
}

.card-divisioni.carrozzeria:hover>div {
  background-image: url("../../assets/img/vernici_per_carrozzeria2.jpg");
  transition: .4s;
}

.card-divisioni.occhialeria:hover>div {
  background-image: url("../../assets/img/vernici_per_occhialeria2.jpg");
  transition: .4s;
}

.card-divisioni.packaging_cosmetico:hover>div {
  background-image: url("../../assets/img/vernici_per_packaging_cosmetico2.jpg");
  transition: .4s;
}

.card-divisioni.rivendita:hover>div {
  background-image: url("../../assets/img/vernici_per_rivendita1.jpg");
  transition: .4s;
}

.row.divisioni {
  padding: 40px 0%;
  justify-content: center;
}

@media (min-width: 992px) {
  .dati {
    padding: 100px 6%;
  }
}

@media (min-width: 992px) {
  .row.divisioni {
    padding: 40px 3% 120px;
  }
}

@media (min-width: 768px) {
  .row.divisioni .col {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.row {
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0;
}

.card-divisioni {
  text-decoration: none;
}

.row.divisioni h2 {
  font-family: 'Open Sans';
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  margin-top: 17px;
  letter-spacing: 3px;
  height: 48px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: 500;
  transition: .4s;
}

@media (min-width: 768px) {
  .row.divisioni h2 {
    font-family: 'Open Sans';
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 19px;
    margin-top: 17px;
    letter-spacing: 3px;
    height: 48px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: 500;
    transition: .4s;
  }
}

.card-divisioni:hover>h2 {
  letter-spacing: 5px;
  transition: .4s;
}

.titolo-azzurro {
  font-family: 'Manrope';
  color: #69839D;
  text-align: center;
  font-size: 19px;
  margin-bottom: 35px;
}

.linea_record,
.linea_micalux {
  height: auto;
  width: 40%;
}

.linea_record {
  margin-right: 5%;
}

@media (min-width: 576px) {

  .linea_record,
  .linea_micalux {
    height: 65px;
    width: auto;
  }
}

@media (min-width: 576px) {
  .linea_record {
    margin-right: 7%;
  }
}

#eventi {
  z-index: 20;
  padding: 35px 8%;
}

@media (max-width:768px) {
  #eventi .col {
    margin-bottom: 20px;
  }

}

#eventi a {
  text-decoration: none
}

#eventi img {
  max-width: 100%;
  max-height: 40px;
}

#eventi .titolo-evento {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  color: black;
  font-family: 'Roboto Condensed';
  font-size: 17px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

#eventi .descr-evento {
  color: #0000007a;
  font-family: 'Lato';
  margin-bottom: 0;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

#azienda,
#divisioni,
#tecnologie,
#eventi {
  background: rgb(227, 227, 227);
  background: linear-gradient(180deg, rgba(227, 227, 227, 1) 0%, rgba(255, 255, 255, 1) 100%);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position: absolute;
  width: 100%;
}

#divisioni h3 {
  font-family: 'Manrope';
  font-size: 21px;
  color: #ac1416;
  transition: .4s;
  font-weight: 600;
  min-height: 50.391px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#tecnologie h3 {
  font-family: 'Open Sans';
  font-size: 21px;
  color: #ac1416;
  transition: .4s;
  text-align: center;
  font-weight: 600;
  min-height: 75.586px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#nav-tintometria:hover>a,
#home:hover>a {
  border-bottom: 1px solid white;
  transition: .4s;
}

#nav-tintometria a,
#home a {
  border-bottom: 1px solid transparent;
  transition: .4s;
}

@media (min-width: 576px) {
  .content-hp2 {
    padding: 30px 6% 30px;
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
}

@media (min-width: 576px) {
  .content-hp {
    padding: 140px 6% 30px;
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
}

@media (max-width: 575px) {
  .content-hp {
    padding: 70px 2% 30px;
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
}

.content-hp h3 {
  font-family: 'Manrope';
  font-weight: 500;
  font-style: italic;
  line-height: 41px;
  font-size: 40px;
}

.img-content {
  width: 30%;
  margin-left: 2.5%;
  z-index: 1;
}

.img-bordo {
  position: relative;
}

.bordo {
  border: 1px solid rgba(255, 255, 255, 0.71);
  border-radius: 25px;
  z-index: 2;
  padding: 50%;
  position: absolute;
  left: -6%;
  top: -21px;
  width: 100%;
}

.bordo2 {
  border: 1px solid rgba(255, 255, 255, 0.71);
  border-radius: 25px;
  z-index: 2;
  padding: 41%;
  position: absolute;
  left: -6%;
  top: -21px;
  width: 100%;
}

p {
  color: rgb(255 255 255 / 68%);
  font-family: 'Lato';
  font-size: 18px;
  line-height: 25px;
}

@media (min-width: 576px) {
  .testi {
    margin-left: 7%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }
}

@media (max-width: 575px) {
  .testi {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: center;
    align-items: center;
  }
}

.btn-colorato,
.contenuto.area .btn {
  color: white;
  text-transform: uppercase;
  border-color: white;
  font-family: 'Manrope';
  background-color: #ffffff38;
  background-size: cover;
  padding: .5rem 2rem;
  letter-spacing: 1px;
  font-size: 15px;
  margin-top: 15px;
  font-weight: 600;
  transition: .5s;
  display: block;
}

.btn-colorato:hover {
  letter-spacing: 3px;
  transition: .5s;
  color: white;
  border-color: white;
}

.btn-colorato i {
  margin-left: 10px;
  font-size: 18px;
}

.dati .col {
  text-align: center;
}

.dati img {
  width: 80%;
}

@media (min-width: 1200px) {
  .dati img {
    width: 52%;
  }
}

.dati h3 {
  color: white;
  font-family: 'Manrope';
  margin-top: 15px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 28px;
}

@media (min-width: 576px) {
  .dati h3 {
    color: white;
    font-family: 'Manrope';
    margin-top: 25px;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 28px;
  }
}

.dati .numero {
  font-size: 24px;
}

@media (min-width: 576px) {
  .dati .numero {
    font-size: 32px;
  }
}

.dati .unita {
  font-size: 19px;
}

.sfondo-modifica2 {
  font-size: 36px;
  font-weight: 500;
  font-style: italic;
  color: white;
  margin-bottom: 16px;
  font-family: 'Manrope';
}

.scuro {
  background-color: rgba(0, 0, 0, 0.64);
  transition: .5s;
}

@media (min-width: 768px) {
  .footer {
    background-color: #181E24;
    padding: 30px 8% 40px;
  }
}

@media (max-width: 767px) {
  .footer {
    background-color: #181E24;
    padding: 30px 3% 10px;
    text-align: center;
  }
}

@media (min-width: 360px) and (max-width: 768px) {
  .logo-footer {
    width: 40%;
    margin-bottom: 18px;
  }
}

@media (max-width: 360px) {
  .logo-footer {
    width: 50%;
    margin-bottom: 18px;
  }
}

@media (min-width: 768px) {
  .logo-footer {
    width: 90%;
  }
}

.footer .testo p,
.footer .testo a,
.copyright p,
.copyright a {
  font-family: 'Roboto Condensed';
  font-weight: 300;
  color: rgba(255, 255, 255, 0.75);
  font-size: 13px;
  text-decoration: none;
}

.bianco {
  color: white !important;
  margin-bottom: 7px;
}

.icona {
  width: 15px;
  margin-right: 5px;
}

.banner-eco {
  text-align: center;
  padding: 40px 2%;
  background-image: url("../../assets/img/banner-eco.jpg");
  background-position: bottom;
}

.banner-eco h4 {
  color: white;
  text-transform: uppercase;
  font-family: 'Manrope';
  font-size: 31px;
  line-height: 54px;
  letter-spacing: 1px;
  margin: 20px 0;
  text-shadow: 1px 2px 5px #000000;
}

.banner-eco .btn.btn-primary {
  background-color: rgba(255, 255, 255, 0.51);
  border-color: white;
  color: black;
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: 700;
  font-size: 18px;
}

.banner-eco .btn.btn-primary:hover {
  background-color: rgba(0, 0, 0, 0.67);
  color: white;
}

.footer .testo {
  padding: 0 7%;
}

.copyright {
  background-color: #000000;
  padding: 13px 1%;
}

.copyright p {
  margin-bottom: 0;
  text-align: center;
}

.footer .testo a:hover,
.copyright a:hover {
  text-decoration: underline;
}

.ricerca-prodotti {
  width: 100%;
  position: fixed;
  z-index: 1000;
  text-align: center;
  background-color: #000000;
  border-bottom: 5px solid white;
  margin-top: 105px;
  padding-top: 40px;
  overflow-y: auto;
  top: 0;
}

@media (min-width:769px) {
  .ricerca-prodotti {
    width: 100%;
    position: fixed;
    z-index: 1000;
    text-align: center;
    background-color: #000000;
    border-bottom: 5px solid white;
    margin-top: 59px;
    padding: 80px 0 60px;
    overflow-y: auto;
  }
}

.ricerca-prodotti h5 {
  color: white;
  text-transform: uppercase;
}

.far.fa-times-circle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 28px;
  position: absolute;
  right: 2%;
  top: 23px;
  cursor: pointer;
  transition: .4s;
}

.far.fa-times-circle:hover {
  color: white;
  transition: .4s;
}

.ricerca-prodotti h2 {
  color: white;
  font-family: 'Lato';
  text-transform: uppercase;
  font-weight: 700;
  font-size: 40px;
}

.ricerca-prodotti p {
  opacity: 0.8;
  padding: 0 2%;
}

.ricerca-prodotti h6 {
  font-family: 'Open Sans';
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  margin-top: 2px;
  letter-spacing: 3px;
  height: 48px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: 500;
  transition: .4s;
}

.ricerca-prodotti .categorie {
  margin-top: 50px;
  justify-content: center;
}

.card-divisioni.tintometria:hover>div {
  background-image: url("../../assets/img/vernici_per_tintometria2.jpg");
  transition: .4s;
}

.card-divisioni.tintometria div {
  background-image: url("../../assets/img/vernici_per_tintometria.jpg");
  transition: .4s;
}

@media (max-width: 767px) {
  .row.cerca {
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans';
    margin: 20px 0 30px;
  }
}

@media (min-width: 768px) {
  .row.cerca {
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans';
    margin: 50px 8% 30px;
  }
}

.row.cerca select {
  font-weight: 600;
}

.cerca .btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.63);
  border-color: white;
}

.cerca .btn:hover {
  background-color: var(--bs-green);
  border-color: var(--bs-green);
}

.ricerca-prodotti .categorie {
  padding: 0 7%;
}

@media (max-width: 767px) {
  .ricerca-prodotti .categorie {
    padding: 0 3%;
  }
}

@media (max-width: 575px) {
  .col.text-start.col-auto {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .cerca .btn {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .col.text-start.col-auto {
    width: auto;
  }
}

@media (max-width: 991px) {
  .contenuto {
    padding-top: 5px;
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .contenuto {
    margin-bottom: 10px;
    padding: 30px 5%;
  }
}

.contenuto2 {
  padding: 90px 1% 0;
}

@media (min-width: 768px) {
  .contenuto2 {
    padding-top: 150px;
  }

  .btn-certificato {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.contenuto h1,
.contenuto2 h1,
.titolo-contatti {
  text-align: center;
  color: white;
  margin-top: 19px;
  text-transform: uppercase;
  font-size: 28px;
  letter-spacing: 1px;
  margin-bottom: 23px;
  font-family: 'Manrope';
}

@media (min-width: 576px) {

  .contenuto h1,
  .contenuto2 h1,
  .titolo-contatti {
    text-align: center;
    color: white;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 39px;
    letter-spacing: 1px;
    margin-bottom: 63px;
  }
}

.contenuto p,
.contenuto li {
  color: rgb(255 255 255 / 68%);
  font-family: 'Lato';
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

@media (min-width: 992px) {
  .banner-alto {
    width: 100%;
    height: 300px;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .banner-alto {
    width: 100%;
    height: 160px;
    background-size: cover;
  }
}

.banner-alto.ambiente {
  background-image: url("../../assets/img/banner-eco.jpg");
  background-position: bottom;
  opacity: 1;
}

.banner-alto.tecnologia {
  background-image: url("../../assets/img/bg-tecnologia.jpg");
  background-position: top;
  opacity: 0.9;
}

.banner-alto.tintometria {
  background-image: url("../../assets/img/bg-tintometria.jpg");
  background-position: top;
  opacity: 0.9;
}

.banner-alto.pack-cosmetico {
  background-image: url("../../assets/img/bg-packagingcosmetico.jpg");
  background-position: top;
  opacity: 0.9;
}

.banner-alto.industry {
  background-image: url("../../assets/img/bg-industry.jpg");
  background-position: top;
  opacity: 0.9;
}

.banner-alto.carrozzeria {
  background-image: url("../../assets/img/bg-carrozzeria.jpg");
  background-position: top;
  opacity: 0.9;
}

.banner-alto.uv {
  background-image: url("../../assets/img/bg-uv.jpg");
  background-position: top;
  opacity: 0.9;
}

.banner-alto.contatti {
  background-image: url("../../assets/img/bg-contatti.jpg");
  background-position: top;
  opacity: 0.9;
}

.banner-alto.cromo {
  background-image: url("../../assets/img/bg-cromo.jpg");
  background-position: bottom;
  opacity: 0.9;
}

.banner-alto.metallizzazione {
  background-image: url("../../assets/img/bg-metallizzazione.jpg");
  background-position: bottom;
  opacity: 0.9;
}

.banner-alto.specialty {
  background-image: url("../../assets/img/bg-specialty.jpg");
  background-position: bottom;
  opacity: 0.9;
}

.banner-alto.rivendita {
  background-image: url("../../assets/img/bg-rivendita.jpg");
  background-position: bottom;
  opacity: 0.9;
}

.banner-alto.vernici {
  background-image: url("../../assets/img/bg-azienda.jpg");
  background-position: bottom;
  opacity: 0.8;
}

.banner-alto.area-riservata {
  background-image: url("../../assets/img/bg-areariservata.jpg");
  background-position: top;
}

.form-area-riservata {
 
  margin-top: 0px;
  padding: 0 6%;
}

@media (min-width: 768px) {
  .form-area-riservata {
    width: 50%;
    margin-left: 25%;
  
    margin-top: 45px;
  }
}

@media (min-width: 1200px) {
  .form-area-riservata {
    /*width: 28%;
    margin-left: 36%;
    */
    width:80%;
    margin-left:auto;
    margin-right:auto;
  
    margin-top: 45px;
  }
  .form-area-riservataB2B {
    width: 28%;
  	margin-left: 36%;
  }    
}

@media (min-width: 768px) {
  .form-area-riservata {
    padding: 0 2%;
  }
}

.form-area-riservata .form-control {
  background-color: rgb(79, 79, 79);
  color: white;
}

.form-area-riservata label {
  color: rgba(255, 255, 255, 0.94);
  margin-top: 40px;
  font-size: 15px;
  font-style: italic;
  font-family: 'Manrope';
}

.area .btn {
  margin-top: 34px;
  margin-bottom: 42px;
}

.area .btn:hover {
  letter-spacing: 6px;
  transition: .5s;
}

.mappa {
  width: 70%;
  margin: 30px 15%;
}

.mappa img {
  opacity: 0.8;
}

.mappa i {
  position: absolute;
  color: white;
  font-size: 16px;
  background-color: rgba(180, 23, 23, 0.81);
  border-radius: 50%;
  opacity: 1 !important;
  padding: 7px 9px;
  z-index: 1;
  border: 2px solid transparent;
  transition: .5s;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.italia {
  right: 56.4%;
  top: 62%;
}

.svizzera {
  right: 61.4%;
  top: 54%;
}

.rep-ceca {
  right: 49.4%;
  top: 46%;
}

.polonia {
  right: 44.4%;
  top: 39%;
}

.inghilterra {
  right: 77.4%;
  top: 34%;
}

.portogallo {
  right: 88.4%;
  top: 73%;
}

.francia {
  right: 70.4%;
  top: 56%;
}

.turchia {
  right: 17.4%;
  top: 75%;
}

.grecia {
  right: 35.4%;
  top: 75%;
}

.bosnia {
  right: 45.4%;
  top: 61%;
}

.mappa i:hover {
  border-color: rgba(255, 255, 255, 0.88);
  transition: .5s;
  cursor: pointer;
  transform: scale(1.3);
}

.hong-kong {
  right: 7%;
  top: 5%;
}

.spiega-mappa {
  display: inline;
  width: 25%;
  text-align: left;
  transition: 1s;
  opacity: 0;
  position: absolute;
  right: 15%;
  top: 46%;
}

.spiega-mappa h2 {
  color: rgb(214, 76, 77);
  font-weight: 600;
  font-family: 'Manrope';
  font-size: 31px;
}

.lista-paesi h2 {
  color: rgb(214, 76, 77);
  font-weight: 500;
  font-family: 'Manrope';
  font-size: 25px;
  margin-bottom: 10px;
  text-align: left;
}

.spiega-mappa h3 {
  color: rgb(255, 255, 255);
  font-family: 'Manrope';
  font-size: 21px;
}

.lista-paesi h3 {
  color: rgb(255, 255, 255);
  font-family: 'Manrope';
  font-size: 17px;
}

.spiega-mappa p {
  color: rgba(255, 255, 255, 0.67);
}

.lista-paesi p {
  color: rgba(255, 255, 255, 0.67);
  font-size: 12px;
  font-family: 'Open Sans';
}

.prova {
  opacity: 1 !important;
  transition: 1s;
}

.margine {
  margin-right: 27%;
  transition: 1s;
}

.contenitore-mappa {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .contenitore-mappa {
    display: none;
  }
}

.row.lista-paesi {
  padding: 10px 1% 0;
}

@media (min-width: 576px) {
  .row.lista-paesi {
    padding: 0 5%;
  }
}

.hide {
  opacity: 0;
}

.lista-paesi a {
  color: rgba(255, 255, 255, 0.89);
  font-size: 12px;
  font-family: 'Open Sans';
}

.row.lista-paesi.reti {
  justify-content: center;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.52);
  padding-bottom: 30px;
}

.row.lista-paesi .col {
  margin-bottom: 20px;
}

.descrizione {
  padding: 0 2%;
}

.descrizione3 {
  padding: 0 2%;
}

.row.azienda h2,
.row.eco h2,
.row.tecnologia h2 {
  text-align: center;
  margin-top: 30px;
  font-size: 24px;
  font-weight: 500;
  font-family: 'Manrope';
  font-style: italic;
  color: white;
  margin-bottom: 15px !important;
  line-height: 34px;
}

.row.azienda p,
.row.eco p,
.row.tecnologia p {
  color: rgb(255 255 255 / 68%);
  font-family: 'Lato';
  font-size: 13px;
  line-height: 25px;
  font-weight: 300;
  text-align: left;
}

.collage {
  padding: 40px 0% 0;
  justify-content: center;
}

.collage1,
.collage2,
.collage3,
.collage4,
.collage5,
.collage6 {
  height: 500px;
}

.collage1 {
  background-image: url("../../assets/img/azienda1.jpg");
  background-clip: content-box;
  background-size: cover;
  background-position: top;
  opacity: 0.95;
}

.collage2 {
  background-image: url("../../assets/img/azienda2.jpg");
  background-clip: content-box;
  background-size: cover;
  background-position: right;
  opacity: 0.95;
}

.collage4 {
  background-image: url("../../assets/img/azienda3.jpg");
  background-clip: content-box;
  background-size: cover;
  background-position: left;
  opacity: 0.95;
}

.collage3 {
  background-image: url("../../assets/img/azienda4.jpg");
  background-clip: content-box;
  background-size: cover;
  background-position: left top;
  opacity: 0.95;
}

.collage5 {
  background-image: url("../../assets/img/azienda5.jpg");
  background-clip: content-box;
  background-size: cover;
  background-position: center;
  opacity: 0.95;
}

.collage6 {
  background-image: url("../../assets/img/azienda6.jpg");
  background-clip: content-box;
  background-size: cover;
  background-position: right;
  opacity: 0.95;
}

.bordo-azienda {
  border-top: 1px solid rgba(255, 255, 255, 0.56);
  padding-top: 53px;
}

.row.azienda,
.row.eco,
.row.tecnologia {
  border-top: 1px solid rgba(255, 255, 255, 0.56);
  margin-top: 30px;
}

.azienda img {
  width: 100%;
}

@media (min-width: 768px) {

  .row.azienda,
  .row.eco,
  .row.tecnologia {
    padding-top: 33px;
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .descrizione3 {
    padding: 0 17%;
  }
}

@media (min-width: 992px) {
  .descrizione {
    padding: 0 24%;
  }
}

.icona-eco {
  max-width: 20% !important;
  max-height: 65px;
}

.eco .col {
  text-align: center;
}

.eco .col.btn-flex {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.img-lunga {
  width: 100%;
  margin-top: 60px;
  opacity: 0.9;
}

.tecnologia .col {
  text-align: center;
  padding: 0 6% !important;
}

.btn.btn-light:hover {
  opacity: 0.8;
  transition: .3s;
}

.fas.fa-caret-right {
  margin-right: 5px;
  color: black;
  font-size: 11px;
  margin-top: 3px;
}

.slider-tecnologia {
  margin-top: 30px;
}

.swiper-pagination {
  position: initial;
}

.swiper-pagination-bullet {
  background: rgb(255, 255, 255);
  opacity: .4;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: white;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 100% !important;
  left: 0;
  transform: none;
  margin-top: 17px;
}

.swiper-slide {
  opacity: .9;
}

.icona-area {
  width: 100% !important;
  display: block;
  height: 80px;
}

.icona-area {
  width: 50% !important;
  height: 80px;
}

.icona-tecnologia {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .4s;
  background-color: rgba(255, 255, 255, 0.14);
}

.icona-area img {
  width: 25% !important;
  transition: .4s;
}

@media (min-width: 576px) {
  .icona-area img {
    width: 11% !important;
    transition: .4s;
  }
}

.icona-tecnologia img {
  width: 51%;
  transition: .4s;
}

.icona-tecnologia:hover img {
  transform: scale(1.15);
  transition: .4s;
  cursor: pointer;
}

.icona-tecnologia.attivo {
  background-color: rgba(172, 20, 22, 0.65);
  transition: .4s;
}

.icona-tecnologia.attivo img {
  transform: scale(1.2);
}

.icona-tecnologia:hover {
  background-color: rgba(172, 20, 22, 0.65);
  transition: .4s;
}

.row-area .riquadro-testo h2 {
  font-size: 14px;
  margin-bottom: 7px;
  word-break: break-all;
}

.row-area .riquadro-testo {
  padding: 10px 0.5%;
}

.riquadro-testo {
  background-color: rgba(255, 255, 255, 0.88);
  padding: 20px 2.7%;
  transition: .5s;
  height: 100%;
}

.row-area .riquadro-testo p {
  font-size: 11px;
  line-height: 18px;
  text-shadow: none;
  height: auto;
  margin-bottom: 10px;
}

.riquadro-testo p {
  color: black;
  font-weight: 700;
  text-shadow: 0 2px 2px #ffffff;
}

.px-6 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.colortech {
  width: 260px;
}

.lista-prodotti {
  background-color: white;
  padding: 10px 2% 20px;
  margin-top: 50px;
}

@media (min-width: 576px) {
  .lista-prodotti {
    background-color: white;
    padding: 50px 5%;
    margin-top: 50px;
  }
}

.lista-prodotti h2 {
  color: white;
}

.lista-prodotti .ricerca {
  padding: 30px 0%;
  background-image: url("../../assets/img/sfondo-prodotti.jpg");
}

@media (min-width: 768px) {
  .lista-prodotti .ricerca {
    padding: 40px 9%;
    background-image: url("../../assets/img/sfondo-prodotti.jpg");
    margin-bottom: 40px;
  }
}

.lista-prodotti .btn.btn-light {
  font-family: 'Lato';
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.73);
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.06);
  border: 2px solid rgb(255, 255, 255);
  font-style: italic;
  margin-top: 14px;
  transition: .4s;
}

.lista-prodotti .btn.btn-light:hover {
  background-color: white;
  color: black;
  transition: .4s;
  opacity: 1;
}

.lista-prodotti h3,
.lista-prodotti h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Manrope';
  font-size: 22px;
  ;
}

@media (min-width: 576px) {

  .lista-prodotti h3,
  .lista-prodotti h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Manrope';
    font-size: 24px;
    margin-bottom: 15px;
  }
}

.lista-prodotti h4 {
  text-transform: uppercase;
  font-family: 'Lato';
  font-weight: 700;
  font-size: 17px;
  color: #333333;
}

.tipologia a {
  font-family: 'Lato';
  color: black;
  text-decoration: none;
  background-color: #F6F6F6;
  padding: 3px 10px;
  transition: .4s;
  margin-bottom: 11px;
  display: inline-block;
  font-size: 14px;
}

.lista-prodotti span,
.filtri span {
  color: #A91313;
  font-weight: bold;
  margin-left: 5px;
}

.lista-prodotti a:hover {
  background-color: #dedcdc;
  color: black;
  transition: .4s;
}

.row.tipologia {
  padding: 0 0 13px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.57);
}

.tipologia .col.col-md-9.col-12 {
  padding: 0;
}

.btn.btn-secondary {
  background-color: #B7B7B7;
  border-color: #B7B7B7;
  font-family: 'Lato';
  min-height: auto;
  margin-bottom: 0px;
}

.filtri label,
.risultati label {
  font-family: 'Lato';
  color: #a6a2a2;
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
  text-transform: uppercase;
}

.filtri p {
  font-family: 'Lato';
  color: black;
  text-decoration: none;
  transition: .4s;
  margin-bottom: 11px;
  display: inline-block;
  border-right: 1px solid rgba(0, 0, 0, 0.62);
  padding-right: 14px;
  margin-right: 12px;
}

.filtri p:hover {
  text-decoration: underline;
  cursor: pointer;
}

.filtri p:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.filtri img {
  width: 24px;
  margin-right: 6px;
}


.risultati label {
  color: rgb(173, 31, 32);
  margin-bottom: 0;
}

.row.lista-risultati p {
  font-family: 'Lato';
  font-size: 13px;
  color: black;
  margin-bottom: 0;
}

.row.lista-risultati {
  background-color: #efefef;
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.lista-risultati img {
  width: 30px;
  margin-right: 6px;
}

.lista-risultati a {
  color: black;
}

.lista-risultati a:hover {
  color: rgb(173, 31, 32);
  background-color: transparent;
}

.row.slider-divisioni {
  justify-content: left;
  margin-top: -20px;
  padding: 0 1%;
}

@media (min-width: 992px) {
  .row.slider-divisioni {
    justify-content: center;
    margin-top: 60px;
    padding: 0 2% 0 0;
  }
}

.row.slider-divisioni h2 {
  font-family: 'Manrope';
  color: rgba(255, 255, 255, 0.77);
  font-weight: 500;
  font-size: 17px;
  transition: .5s;
  white-space: initial;
  margin-right: 0;
  cursor: pointer;
  transform: scale(0.8);
  transform-origin: center;
  text-align: center;
  margin-bottom: 0;
  padding: 7px 0;
}

@media (min-width: 992px) {
  .row.slider-divisioni h2 {
    font-family: 'Manrope';
    color: #4E6174;
    font-weight: 500;
    font-size: 21px;
    display: inline;
    transition: .5s;
    white-space: nowrap;
    margin-right: 16px;
    cursor: pointer;
    transform: scale(0.8);
    transform-origin: left;
    margin-bottom: .5rem;
    padding: 0;
  }
}

.meno-voci .voce-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 10px;
  border: 1px solid white;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.16);
}

.voce-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  margin: 0 1% 10px;
  border: 1px solid white;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.16);
}

@media (min-width: 992px) {

  .voce-slider,
  .meno-voci .voce-slider {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding-right: 0;
  }
}

.row.slider-divisioni .attivo h2 {
  font-family: 'Manrope';
  color: #ffffff;
  font-weight: 500;
  transition: .5s;
  white-space: initial;
  transform: scale(.9);
  transform-origin: center;
}

@media (min-width: 992px) {
  .row.slider-divisioni .attivo h2 {
    font-family: 'Manrope';
    color: #95B1CB;
    font-weight: 500;
    transition: .5s;
    white-space: nowrap;
    transform: scale(1);
    transform-origin: left;
  }
}

@media (min-width: 992px) {
  .row.slider-divisioni .voce-slider.attivo>div {
    height: 1px;
    background-color: white;
    width: 100%;
    transition: .5s;
    display: inline-block;
  }
}

.row.slider-divisioni .voce-slider>div {
  display: none;
  height: 1px;
  background-color: white;
  width: 0%;
  transition: .5s;
}

.row.slider-divisioni ul {
  text-transform: uppercase;
  color: white;
  font-family: 'Manrope';
  font-weight: 200;
  font-size: 13px;
  letter-spacing: 1px;
  display: flex;
  flex-wrap: wrap;
  background-color: #262626;
  padding: 15px 10px 10px 20px;
  border-radius: 20px;
  width: 100%;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .row.slider-divisioni ul {
    text-transform: uppercase;
    color: white;
    font-family: 'Manrope';
    font-weight: 200;
    font-size: 13px;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    background-color: #262626;
    padding: 15px 10px 10px 20px;
    border-radius: 20px;
    width: 90%;
    margin-top: 30px;
  }
}

.row.slider-divisioni li {
  display: inline-block;
  width: 50%;
  margin-bottom: 5px;
}

.row.slider-divisioni ul li:before {
  content: "• ";
}

.row.slider-divisioni .immagine {
  width: 90%;
  margin-left: 5%;
  height: 290px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 10px;
  left: 0;
}

@media (min-width: 992px) {
  .row.slider-divisioni .immagine {
    width: 100%;
    height: 390px;
    background-size: cover;
    background-position: center;
    margin-left: 0;
  }
}

.row.slider-divisioni .bordo-img {
  width: 100%;
  height: 300px;
  /*border: 1px solid white;*/
  /*border-radius: 30px;*/
}

@media (min-width: 992px) {
  .row.slider-divisioni .bordo-img {
    width: 100%;
    height: 380px;
  }
}

.lista-supporti {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media (min-width: 992px) {
  .lista-supporti {
    margin-top: 54px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }
}

.lista-supporti p {
  font-size: 12px;
  text-decoration: underline;
  color: #90ACC5;
  margin-right: 25px;
  width: 100%;
  text-align: center;
}

@media (min-width: 992px) {
  .lista-supporti p {
    font-size: 12px;
    text-decoration: underline;
    color: #90ACC5;
    margin-right: 25px;
    display: inline;
    width: auto;
    text-align: left;
  }
}

.lista-supporti img {
  width: 50px;
  display: block;
}

.lista-supporti label {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 12px;
  width: 100%;
  font-family: 'Manrope';
}

.lista-supporti div {
  margin-right: 20px;
}

.lista-supporti div:last-child {
  margin-right: 0;
}

.banner-alto.occhialeria {
  background-image: url("../../assets/img/bg-occhialeria.jpg");
  background-position: center;
  opacity: 0.8;
}

@media (max-width: 991px) {
  .attivo.voce-slider {
    background-color: rgb(149, 177, 203);
  }
}

.slider-fondo-divisioni {
  margin: 70px 1%;
}

.voce-slider h2:hover {
  transform: scale(1);
}

.slider-fondo-divisioni .sfondo-modifica2 {
  font-size: 41px;
}

.dati {
  padding: 20px 1%;
}

@media (min-width: 992px) {
  .dati {
    padding: 90px 6%;
  }
}

.row.row-rivendita img {
  width: 75%;
}

@media (min-width: 768px) {
  .row.row-rivendita img {
    width: 100%;
  }
}

.contenuto h2 {
  text-align: center;
  color: white;
  margin-top: 49px;
  font-size: 35px;
  letter-spacing: 1px;
  margin-bottom: 23px;
  font-family: 'Manrope';
}

.h-qa {
  height: 580px !important;
}

@media (max-width: 767px) {
  .contenuto h2 {
    font-size: 28px;
  }

  .bordo-azienda {
    padding-top: 33px;
  }

  .slider-tecnologia {
    margin-top: 30px;
  }

  .h-qa {
    height: 280px !important;
  }
}

.riquadro-testo h2 {
  font-family: 'Manrope';
  font-weight: 600;
  font-size: 25px;
  text-transform: uppercase;
  font-style: italic;
  margin-bottom: 15px;
  color: black;
  text-align: left;
  margin-top: 0;
}

@media (max-width: 767px) {
  .row.vernici .col {
    padding: 0;
  }
}

.row.vernici {
  justify-content: space-between;
  margin: 40px 2% 0;
}

@media (min-width: 768px) {
  .row.vernici {
    justify-content: space-between;
    margin: 90px 2% 0;
  }
}

.row.vernici h2 {
  font-size: 15px;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
  width: 100%;
  color: #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  font-family: 'Manrope';
  padding-bottom: 3px;
}

.img-tonda {
  width: 80%;
  margin-left: 10%;
  padding-top: 80%;
  border-radius: 50%;
  background-size: cover;
  margin-bottom: 20px;
}

.plastica .img-tonda {
  background-image: url("../../assets/img/tecnologie-plastica.jpg");
}

.metallo .img-tonda {
  background-image: url("../../assets/img/tecnologie-metallo.jpg");
}

.vetro .img-tonda {
  background-image: url("../../assets/img/tecnologie-vetro.jpg");
}

.leghe .img-tonda,
.leghe2 .img-tonda {
  background-image: url("../../assets/img/tecnologie-leghe.jpg");
}

.beverage .img-tonda {
  background-image: url("../../assets/img/tecnologie-beverage.jpg");
}

.elettronica .img-tonda {
  background-image: url("../../assets/img/tecnologie-elettronica.jpg");
}

.cosmetica .img-tonda,
.cosmetica2 .img-tonda {
  background-image: url("../../assets/img/tecnologie-cosmetica.jpg");
}

.profumeria .img-tonda {
  background-image: url("../../assets/img/tecnologie-profumeria.jpg");
}

.moda .img-tonda {
  background-image: url("../../assets/img/tecnologie-moda.jpg");
}

.automotive .img-tonda,
.componenti-auto .img-tonda {
  background-image: url("../../assets/img/tecnologie-automotive.jpg");
}

.lifestyle .img-tonda {
  background-image: url("../../assets/img/tecnologie-lifestyle.jpg");
}

.illuminotecnica .img-tonda {
  background-image: url("../../assets/img/tecnologie-illuminotecnica.jpg");
}

.arredo .img-tonda {
  background-image: url("../../assets/img/tecnologie-arredo.jpg");
}

.veicoli .img-tonda {
  background-image: url("../../assets/img/tecnologie-veicoli.jpg");
}

.elettrodomestici .img-tonda {
  background-image: url("../../assets/img/tecnologie-elettrodomestici.jpg");
}

.row.vernici h3 {
  font-family: 'Manrope';
  font-size: 15px;
  text-align: center;
}

.plastica h3,
.illuminotecnica h3 {
  color: white;
}

.metallo h3,
.veicoli h3,
.arredo h3 {
  color: white;
}

.leghe2 h3 {
  color: white;
}

.leghe h3,
.vetro h3 {
  color: white;
}

.profumeria h3,
.cosmetica2 h3 {
  color: white;
}

.cosmetica h3,
.elettronica h3,
.beverage h3 {
  color: white;
}

.automotive h3,
.moda h3 {
  color: white;
}

.elettrodomestici h3,
.lifestyle h3,
.componenti-auto h3 {
  color: white;
}

.larghezza-titolo,
.larghezza-titolo2 {
  padding: 0 2%;
}

@media (min-width: 768px) {
  .larghezza-titolo {
    padding: 0 16%;
  }
}

@media (min-width: 768px) {
  .larghezza-titolo2 {
    padding: 0 19%;
  }
}

.icone-azienda.carrozzeria {
  max-width: 40%;
}

@media (min-width: 768px) {
  .img-tintometria {
    width: 75%;
  }
}

.img-tintometria {
  width: 96%;
}

@media (min-width: 920px) {
  .row-contatti {
    padding: 0 3.5%;
    justify-content: center;
  }
}

.row-contatti .col {
  padding: 0 5%;
}

.row-contatti .col p i,
.row-contatti .col a i {
  color: white;
}

.row-contatti .col p,
.row-contatti .col a {
  text-align: left;
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.76);
  font-family: 'Lato';
  font-weight: 400;
  font-size: 13px;
  text-decoration: none;
}

.row-contatti h2 {
  font-size: 19px;
  color: white;
}

.row-contatti h3 {
  font-size: 23px;
  padding: 10px 3%;
  margin-top: 6px;
  text-align: center;
}

.bg-chiaro {
  background-color: rgba(255, 255, 255, 0.21);
  margin-top: 50px;
}

.form-contatti {
  border: 1px solid rgba(255, 255, 255, 0.63);
  border-radius: 31px;
  color: white;
  padding: 40px 1.5%;
  margin: 35px 3% 0;
}

@media (min-width: 768px) {
  .form-contatti {
    border: 1px solid rgba(255, 255, 255, 0.63);
    border-radius: 31px;
    color: white;
    padding: 40px 2.5%;
    margin: 35px 8% 0;
  }
}

@media (min-width: 576px) {
  .titolo-contatti {
    margin-top: 70px;
    margin-bottom: 0;
  }
}

.form-contatti label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.68);
}

.icona-area p {
  font-size: 18px;
  margin-left: 26px;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .icona-area p {
    font-size: 25px;
    margin-left: 26px;
    margin-bottom: 0;
  }
}

.row-area .btn-link {
  font-size: 12px;
  color: rgb(83, 132, 205);
  margin-bottom: 6px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
}

.row-area .btn-primary {
  font-size: 13px;
  background-color: rgb(103, 144, 204);
  border-color: rgb(115, 153, 210);
  margin-bottom: 6px;
  text-transform: uppercase;
}

hr {
  margin: 0 0 10px;
}

.animate__animated.animate__slideInDown {
  text-align: center;
}

#tecnologie img {
  max-height: 80px !important;
  max-width: none;
}

@media (max-width:1199px) {
  .banner-eco {
    margin-top: 50px;
  }
}

@media (max-width:991px) {
  .card-divisioni div {
    border-radius: 9px;
  }

  .tag {
    background-color: rgba(130, 202, 255, 0.19);
    padding: .1rem .5rem;
    margin-right: .7rem;
    margin-bottom: 9px;
    transition: .2s;
    white-space: nowrap;
  }
}

.btn-livello:hover {
  background-color: rgb(111, 110, 110);
  transition: .5s;
}

@media (min-width:992px) {
  .filtri .col-sm-auto {
    padding: 0 2% 0 0;
  }

  .tag {
    background-color: rgba(130, 202, 255, 0.19);
    padding: .1rem .5rem;
    margin-right: 1%;
    width: 24%;
    margin-bottom: 9px;
    transition: .2s;
  }

  .lista-tag {
    flex-wrap: wrap;
  }
}

@media (max-width:991px) {
  .p-mob {
    padding: 0 !important;
  }

  .filtri .col {
    padding: 0 1%;
  }
}

.filtri .col {
  padding: 0;
}

.tag span {
  font-size: 12px;
  color: rgb(64, 150, 214);
  transition: .2s;
}

.tag:last-child {
  margin-right: 0;
}

.tag:hover,
.tag.attivo {
  background-color: rgb(78, 166, 231) !important;
  color: white;
  transition: .2s;
}

.tag:hover span,
.tag.attivo span {
  color: white;
  transition: .2s;
}

.titolo-sottocategoria {
  background-color: #4ea6e7;
  color: white;
  font-family: 'manrope';
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}

.fisso-scheda {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 20px;
  text-align: center;
}


@media (min-width: 768px) {

  .contenuto-scheda {
    padding: 126px 10% 30px;
  }

  .div-altri-prodotti {
    padding: 1px 3% 30px;
    background-color: white;
  }
}

@media (min-width: 580px) and (max-width: 767px) {
  .fisso-scheda {
    padding: 56px 3% 0px;
    margin-bottom: 10px;
    z-index: 1;
    text-align: center;
  }

  .contenuto-scheda {
    padding: 16px 3% 30px;
  }

  .div-altri-prodotti {
    padding: 10px 3% 30px;
    background-color: white;
  }
}

@media (max-width: 579px) {
  .fisso-scheda {
    top: 0px;
    padding: 48px 0 0px;
    z-index: 1;
    text-align: center;
    background-color: black;
    justify-content: center;
    flex-wrap: wrap;
  }

  .indietro {
    margin-right: 5px;
  }

  .contenuto-scheda {
    padding: 16px 3% 30px;
  }

  .div-altri-prodotti {
    padding: 7px 2%;
    background-color: white;
  }

  .scheda-titolo {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .scheda-tecnica {
    background-color: white;
    padding: 35px 3% 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
}

@media (max-width: 991px) {
  .scheda-tecnica {
    background-color: white;
    padding: 17px 3% 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .contenuto-scheda h2 {
    position: sticky;
    top: 210px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  }
}

@media (min-width: 462px) and (max-width: 767px) {
  .scheda-tecnica {
    background-color: white;
    padding: 15px 3% 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

  .div-altri-prodotti {
    padding: 1px 3% 10px
  }
}

.scheda-titolo {
  font-size: 33px;
  font-family: 'Manrope';
  font-display: swap;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
}

@media (max-width: 461px) {
  .contenuto-scheda h2 {}

  .scheda-tecnica {
    background-color: white;
    padding: 10px 3% 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

  .titolo-prodotto {
    font-size: 23px;
  }

  .tipologia a {
    width: 100%;
    text-align: center;
    min-height: 86%;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }

  .scheda-titolo {
    font-size: 23px;
  }
}

.prodotti-scheda {
  padding: 20px 0 0px !important;
}

.prodotti-scheda p {
  font-size: 26px;
  margin-top: 20px;
  display: block;
  text-align: center;
  font-weight: 600;
  color: black;
}

.prodotti-scheda .contenitore {
  background-color: white;
}

.new {
  color: #cf2734;
  font-weight: 800;
  border-radius: 3px;
  font-size: 15px;
  float: right;
  margin-top: -11px;
  margin-right: -6px;
}

.img-schedatecnica {
  max-height: 150px;
  max-width: 100%;
}

.btn.btn-primary.indietro {
  background-color: #AFAFAF;
  border-color: #AFAFAF;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 14px;
}

.titolo-sottocategoria-scheda {
  background-color: #4ea6e7;
  color: white;
  font-family: 'manrope';
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
}

.scheda-tecnica h1 {
  font-size: 28px;
  font-family: 'Manrope';
  font-display: swap;
  text-transform: uppercase;
  font-weight: 600;
  color: black;
}

.btn.btn-primary.pdf {
  background-color: #C53037;
  border-color: #C53037;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 14px;
}

@media (min-width:857px) {
  .scheda-titolo {
    display: inline-block;
  }
}

.titolino-scheda {
  font-family: 'Manrope';
  text-transform: uppercase;
  font-weight: 700;
  color: #9B0A13;
  font-size: 20px;
  margin-top: 22px;
  text-shadow: none;
}

.scheda-tecnica p {
  color: black;
  font-family: 'Manrope';
  font-display: swap;
}

.lista-tag {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
}

.order-6 {
  order: 6 !important;
}

.rosso-scuro {
  color: #b02829 !important;
}

@media (max-width:991px) {
  .immagine2 {
    background-image: url(assets/img/carpenteria.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    opacity: .35;
    border-radius: 10px;
  }

  .row.slider-divisioni ul {
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

img.apri-ricerca {
  width: 46%;
  margin-left: 27%;
  margin-bottom: 20px;
}

@media (min-width:768px) {
  img.apri-ricerca {
    display: none;
  }
}

@media (max-width:767px) {
  .footer .col {
    padding: 0 0.25rem;
  }

  .footer {
    text-align: left;
  }

  .footer .col-12 {
    text-align: center;
    padding-bottom: 10px;
  }
}

.commento {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 12px;
  padding: 15px 0;
  font-family: 'Manrope';
  color: #ffffff80;
}

.velina {
  background-color: #ffffff70;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 2;
}

.order-0 {
  background-color: #4096d6;
  color: white;
  font-size: 10px;
  text-transform: uppercase;
  padding-left: 5px;
  font-family: 'Manrope';
}

.lista-prodotti h3 {
  margin: 0.3rem 0 0.5rem !important;
}

@media (min-width:768px) {
  .margine-ricerca {
    margin-top: 110px !important;
  }

  .lista-prodotti h3 {
    margin: 1rem 0 !important;
  }
}

.row.filtri {
  margin-top: 0 !important;
}

.lista-tag {
  margin-top: 0 !important;
}

.slider-index {
  margin-top: 140px;
}

.slider-index .swiper-slide {
  height: auto;
}

@media (min-width:992px) {
  .modal-news {
    margin-right: 30px !important;
  }
}

.modal-news {
  margin-right: 10px;
  transition: .3s;
}

.modal-news i {
  transition: .3s;
  color: white;
}

.bouncing-text {
  align-items: center;
  position: relative;
  display: flex;
  font-size: 15px;
  font-weight: 900;
  font-family: 'Manrope';
}

.modal-news:hover {
  cursor: pointer;
}

.modal-news:hover>.modal-news i {
  color: #eb5757;
  transition: .3s;
}

.n,
.e,
.w,
.s,
.fr-a,
.fr-b,
.fr-c,
.fr-d,
.fr-e,
.fr-f,
.fr-g,
.fr-h,
.fr-i {
  position: relative;
  color: white;
}

.n,
.fr-a {
  animation: bounce 1s ease infinite;
  -webkit-animation: bounce 1s ease infinite;
}

.e,
.fr-b {
  animation: bounce 1s ease infinite .1s;
  -webkit-animation: bounce 1s ease infinite .1s;
}

.w,
.fr-c {
  animation: bounce 1s ease infinite .2s;
  -webkit-animation: bounce 1s ease infinite .2s;
}

.s,
.fr-d {
  animation: bounce 1s ease infinite .3s;
  -webkit-animation: bounce 1s ease infinite .3s;
}

.fr-e {
  animation: bounce 1s ease infinite .4s;
  -webkit-animation: bounce 1s ease infinite .4s;
}

.fr-f {
  animation: bounce 1s ease infinite .5s;
  -webkit-animation: bounce 1s ease infinite .5s;
}

.fr-g {
  animation: bounce 1s ease infinite .6s;
  -webkit-animation: bounce 1s ease infinite .6s;
}

.fr-h {
  animation: bounce 1s ease infinite .7s;
  -webkit-animation: bounce 1s ease infinite .7s;
}

.fr-i {
  animation: bounce 1s ease infinite .8s;
  -webkit-animation: bounce 1s ease infinite .8s;
}

@keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }

  10% {
    transform: scale(1.1, .9) translateY(0);
  }

  30% {
    transform: scale(.9, 1.1) translateY(-5px);
  }

  50% {
    transform: scale(1.05, .95) translateY(0);
  }

  58% {
    transform: scale(1, 1) translateY(0px);
  }

  65% {
    transform: scale(1, 1) translateY(0);
  }

  100% {
    transform: scale(1, 1) translateY(0);
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }

  10% {
    transform: scale(1.1, .9) translateY(0);
  }

  30% {
    transform: scale(.9, 1.1) translateY(-5px);
  }

  50% {
    transform: scale(1.05, .95) translateY(0);
  }

  58% {
    transform: scale(1, 1) translateY(0px);
  }

  65% {
    transform: scale(1, 1) translateY(0);
  }

  100% {
    transform: scale(1, 1) translateY(0);
  }
}


@keyframes scale {
  0% {
    transform: scaleX(1);
  }

  25% {
    transform: scaleX(0.4);
  }

  50% {
    transform: scaleX(1);
  }

  75% {
    transform: scaleX(0.9);
  }

  100% {
    transform: scaleX(1);
  }
}

@-webkit-keyframes scale {
  0% {
    transform: scaleX(1);
  }

  25% {
    transform: scaleX(0.4);
  }

  50% {
    transform: scaleX(1);
  }

  75% {
    transform: scaleX(0.9);
  }

  100% {
    transform: scaleX(1);
  }
}

.news-bandiera {
  display: flex;
  align-items: center;
}

#news img {
/*  max-width: 310px;
  max-height: 200px;
  margin-right: 20px;
  float: left;  
  margin-bottom: 5px;
  margin-left: 60px;
  */
  max-width:100%;
}


#news p {
  color: black;
  margin-bottom: 0px;
}

.row-contatti h3 {
  color: black;
  text-transform: uppercase;
  border-radius: 4px;
  text-align: left;
  font-size: 15px;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 0px;
  background-color: #ffffffb0;
  padding: 0.2rem 0.4rem;
  margin-bottom: 3px;
}



@media (min-width:576px) {
  .riquadro {
    border: 1px solid #ffffff91;
    padding: 1.2rem !important;
    border-radius: 20px;
  }
}

.riquadro {
  border-top: 1px solid #ffffff91;
  padding: 20px 0;
}

.rivendita-tintometria {
  background-image: url(../../assets/img/rivendita-tintometria.jpg);
  background-size: cover;
  width: 100%;
  padding-top: 17%;
  margin-top: 60px;
  background-position: center;
}

@media (max-width: 767px) {

  .sfondo-modifica2 {
    font-size: 31px !important;
  }

  .rivendita-tintometria {
    background-image: url(../../assets/img/rivendita-tintometria.jpg);
    background-size: cover;
    width: 80%;
    margin-left: 10%;
    padding-top: 57%;
    padding-top: 47%;
    margin-top: 60px;
    background-position: center;
  }

  .slider-fondo-divisioni {
    margin: 40px 1%;
  }

  .sede1 {
    background-image: url(../../assets/img/vernicicaldart-bellusco.jpg)
  }

  .sede2 {
    background-image: url(../../assets/img/vernicicaldart-vicenza.jpg)
  }

  .row-contatti h2 {
    margin-top: 0;
  }

  .sottotitolo {
    margin-left: 5%;
    margin-top: 20px;
  }

}

::marker {
  color: white;
}

.link-contatti {
  text-transform: uppercase;
  text-align: center !important;
  width: 100%;
  display: block;
  color: white !important;
  background-color: #ffffff45;
  padding: 5px 0;
  margin-bottom: 0;
}

.slider-divisioni .position-relative {
  min-height: 140px;
  margin-top: 10px;
}

.link-record {
  display: flex;
  align-items: center;
  padding: 0 17%;
  text-align: left;
  margin-bottom: 20px;
}

.link-record img {
  width: 180px;
  margin-right: 20px;
}

@media (max-width:991px) {
  .link-record {
    padding: 0 2%;
    margin-bottom: 9px;
    text-align: center;
  }

  .contenuto_privacy {
    width: 95% !important;
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
  }
}

@media (min-width:769px) {
  .slider-index .swiper-container {
    min-height: 340px;
    height: 440px;
    margin-top: 140px;
  }

  .slider-index .swiper-slide {
    min-height: 440px;
  }

  .contenuto_privacy {
    margin-top: 150px !important;
    padding-top: 5px !important;
  }
}

.contenuto_privacy {
  width: 80%;
  margin: 80px 10%;
  background-color: white;
  padding: 10px 2%;
}

.contenuto_privacy p {
  color: black;

}

.btn-shelf {
  background-color: #4096d6 !important;
  color: white !important;
  margin-top: 8px !important;
}

.btn-shelf:hover {
  background-color: #0e5990;
  color: white;
}

.btn-shelf.sfondo-divisione:hover {
  background-color: black;
  color: white;
}



/* modifiche whistleblowing 22/01 */

.contenuto_condizioni {
  color: white;
  width: 80%;
  margin: 120px 10%;
  padding: 2rem 2%;
  text-align: center;
}

@media (max-width:991px) {

  .contenuto_condizioni {
    width: 95% !important;
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
  }
}

@media (min-width:769px) {
  .contenuto_condizioni {
    margin-top: 150px !important;
    padding-top: 5px !important;
  }
}

.condizioni-text {
  background-color: white;
  text-align: left;
  padding: clamp(1rem, 10vw, 2rem);
  margin-block: 2rem 4rem;
}

.condizioni-text p {
  color: black;
}

.condizioni-text ::marker {
  color: black;
}

.qr-wb {
  margin-bottom: 2rem;
}

/* modifiche finanziamenti */

.finanziamento-line {
  background-color: white;
  width: 100%;
  color: black !important;
  font-size: 1rem;
  padding: clamp(1rem, 10vw, 3rem);
  text-align: left;
}

.finanziamento-line p {
  color: black !important;
  font-size: 1rem;
}

.finanziamento-line img {
  width: 100%;
  padding-block-end: clamp(1rem, 10vw, 3rem);
  margin-block-end: clamp(1rem, 10vw, 3rem);
  border-block-end: 1px solid black;
}

.finanziamento-line ::marker {
  color: black;
}
.slider-news{
	max-width: 90%;
	max-width: 1910px;
  margin-left: auto;
  margin-right: auto;
}
.slider-news .swiper-slide{
	max-width: 1910px;
}
#news_testo{
	padding:10px;
	text-align:center;
}
#recupera-password p{
	color:#000;
}