@charset "UTF-8";
/* CSS Document */


body,
h1,
h2,
h3,
h4,
h5,
p {
  font-family: "Libre Franklin", sans-serif;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900


.navbar {
  background-color: #fff !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: #fff !important;
}

.navbar-toggler {
  border: 0px;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.logo-nav {
  max-width: 150px;
  min-width: 150px;
}

.sp-nav {
  padding-left: 3rem;
  padding-right: 3rem;
}

.nav-link {
  color: #2e2e2e;
  text-transform: uppercase;
  font-weight: 600;
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  margin-right: 2rem;
  letter-spacing: 0.05rem;
  padding-top: 1rem;
}

.contatti-nav {
  text-transform: lowercase;
  color: #00EE25;
}

.brd-head {
  padding-left: 6rem;
  padding-right: 6rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.title-h1 {
  font-size: calc(30px + (110 - 30) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  border-bottom: 10px solid #17EE30;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  color: #1D1D1D;
}

.head {
  width: 100%;
}

.txt {
  font-size: calc(16px + (50 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: #1D1D1D;
}

.brd-sez {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.txt-sezione {
  padding-top: 6rem;
  padding-bottom: 3rem;
  font-size: calc(16px + (36 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: #1D1D1D;
}

.inclinato {
  transform: rotate(-5deg);
  /* Standard */
  -ms-transform: rotate(-5deg);
  /* Internet Explorer */
  -moz-transform: rotate(-5deg);
  /* Firefox */
  -webkit-transform: rotate(-5deg);
  /* Safari e Chrome */
  -o-transform: rotate(-5deg);
  /* Opera */
}

.inclinato2 {
  transform: rotate(5deg);
  /* Standard */
  -ms-transform: rotate(5deg);
  /* Internet Explorer */
  -moz-transform: rotate(5deg);
  /* Firefox */
  -webkit-transform: rotate(5deg);
  /* Safari e Chrome */
  -o-transform: rotate(5deg);
  /* Opera */
}

.inclinato3 {
  transform: rotate(-5deg);
  /* Standard */
  -ms-transform: rotate(-5deg);
  /* Internet Explorer */
  -moz-transform: rotate(-5deg);
  /* Firefox */
  -webkit-transform: rotate(-5deg);
  /* Safari e Chrome */
  -o-transform: rotate(-5deg);
  /* Opera */
}

.title-h2 {
  font-size: calc(30px + (90 - 30) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  border-bottom: 10px solid #17EE30;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  color: #1D1D1D;
}

.box-lavoro {
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.txt-lavori {

  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: #1D1D1D;
}

.nome-h2 {
  font-size: calc(16px + (40 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color: #1D1D1D;
}

.white {
  color: #fff;
}

.box-txt-carousel {
  padding-right: 4rem;
  padding-left: 2rem;
  position: relative;

}

.txt-prodotti {
  position: absolute;
  bottom: 2rem;
  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: #1D1D1D;
  right: 6rem;
  left: 2rem;
}

.btn {
  background-color: #00ee25;
  border: 2px solid #00ee25;
  border-radius: 0px;
  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #1D1D1D;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 0.2rem;
}

.btn:hover {
  background-color: #1D1D1D;
  border: 2px solid #1D1D1D;
  color: #00ee25;
}

.title-h1-pag {
  font-size: calc(30px + (80 - 30) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  border-bottom: 10px solid #17EE30;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  color: #1D1D1D;
}

.box-txt-prodotto {
  padding: 10% 10%;
}

.p0 {
  padding: 0px;
}

.sp-catalogo {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.sp-txt-catalogo {
  padding-top: 16%;
}

.txt-call {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  color: #1D1D1D;
}

/*-------------------------------------owl-carousel------------------------*/

.owl-back-blu {
  background-color: #005192;
}

.owl-nopaddig {
  padding: 2px;
}

.sp-card-slider {
  padding-top: 1rem;
  padding-bottom: 6rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.back-offerte {
  background-size: cover;
  background-position: center;
  height: 30vh;
}

.box-descrizione-card {
  margin-top: -6rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.title-offerte {
  font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  text-transform: uppercase;
  color: #595959;
  padding-top: 6rem;
  padding-left: 4rem;
  padding-bottom: 2rem;
}

.title-offerte-dx {
  font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 200;
  text-transform: uppercase;
  text-align: right;
  color: #595959;
  padding-top: 6rem;
  padding-left: 4rem;
  padding-bottom: 2rem;
  letter-spacing: .2rem;
}

.title-ispirazioni {
  font-size: calc(14px + (30 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 300;
  text-transform: uppercase;
  color: #595959;

  text-align: center;
}

.titolo-card {
  font-weight: 400;
  font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1920 - 300)));
  text-transform: uppercase;
  color: #E52427
}

.txt-card {
  font-weight: 500;
  font-size: calc(20px + (36 - 20) * ((100vw - 300px) / (1920 - 300)));
  color: #FDF6E9;
  text-shadow: 0px 0px 4px #1a1a1a75;
}

.owl-carousel {
  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABQCAYAAAB28QlaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfBJREFUeNrs28FxgkAYxXE+bSAl5OzJFtIDBWAJVpJ0EAvwkgq85pgTdVhC1gQnjhlnggtvA+//ZpgdvMj3c13YBaqKEEIIIYQQMnRC/YV1Xb+mZp22p/1+fwR7XOim2/1wA18UgmYYEULb9WoJNtAibKBF2ECLsIEWYQMtwgZahA20CBtoETbQIuypQqfjfkjNc9q2ymMNU+hD9b3yKD3mheHQ0XTQVdceuh/g//XsOYzRpWoIN+iStYQjdKmawhW6RG3hDK2uMZiw6GoNoHU1B9C62gNoHXgArQMPoHXgi4rcTELdpGZ38VHWWgrDiLCHc4IUgnPpJwRnUiMEZ7ouBGchSghuv8SqBLe+eaAGt70tVgLc8oZvKfAY+68D+I+L3UM6JcHvXogaepFmRtmm7Xjl8oWfteoH+K9efX607bL+XXJ6yRpGGFJuQq+voDdZJ0jA+0MPiu0K/lfowbHdwPtAj4LtAt4XejTsuYPfAz0q9lzB74UeHXtu4DnQEuy5gOdCy7CnDj4EdPZ0PXNqb9Ojz1kqD7xt27fVavXY7U7tNb4saOkw4tyjwRZDgy2EBlsIDbYQGmwhNNhCaHtsJbQ1thraFrsEtCV2KehTHN8Wa0pAn7J0k27b9r1bDFsrod0v+RoUCCGE3MqnAAMAfDFYDLIBBVUAAAAASUVORK5CYII='), auto !important;
}

.mappa {
  height: 30vh;
}

.sp-sede {
  border: 8px solid #00EE25;
  max-width: 90%;
  border-radius: 1rem;
}

/*---------------testo-loop------------*/

.stage_animation {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

.stage_animation p {
  display: inline-block;
  font-size: 140px;
  font-weight: 900;
  color: #2F2F2F;

}

@keyframes stage_animation {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.stage_animation {
  animation: stage_animation 34s linear infinite;
}

/*-----------FORM---------------------*/
.sp-form {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.h-form {
  padding-top: 1rem;
}

.color {
  color: black;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  line-height: 1.5;
  padding-left: 1.5rem;
  color: #1D1D1D;
  background-color: #00EE25;
  background-clip: padding-box;
  border: 5px solid #1D1D1D;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  color: #1D1D1D;
  background-color: #00EE25;
  border-color: #1D1D1D;
  outline: 0;
  box-shadow: 0 0 0 0;
}

.form-check-input {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-label {
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: #1D1D1D;

}

.txt-area {
  border-radius: 0rem;
}

input::placeholder {
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #1D1D1D !important;
}

textarea::placeholder {
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #1D1D1D !important;
}

.btn-form {
  color: #00EE25;
  background-color: #1D1D1D;
  border-color: #1D1D1D;
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  border-radius: 0rem;
  border: 3px solid #1D1D1D;
  padding-left: 2rem;
  padding-right: 2rem;
}

.btn-form:hover {
  color: #1D1D1D;
  background-color: #00EE25;
  border: 3px solid #1D1D1D;
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  border-radius: 0rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.title-h3-info {
  padding-top: 6rem;
  font-size: calc(52px + (90 - 52) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(54px + (90 - 54) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #fff;
  padding-bottom: 2rem;

}

.title-h3-info {
  padding-top: 4rem;
  padding-bottom: 1rem;
  color: #1D1D1D;

}

.sp-form {
  padding-top: 2rem;
}

/*-----------FINE FORM---------------------*/
/*---------------fine-testo-loop------------*/
.sp-cont {
  padding-top: 4rem;
}

.brd-foot {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.tit-foot {
  font-size: calc(16px + (36 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #fff;
}

.txt-foot {
  font-size: calc(16px + (28 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: #fff;
}

.green {
  color: #00EE25;
}

.back-green {
  background-color: #00EE25;
}

.black {
  color: #1D1D1D;
}

.foot {
  background-color: #1D1D1D;
  padding-top: 4rem;
  box-shadow: 0px 0px 20px 0px #2A2A2A;
}

.logo-foot {
  width: 20%;
  padding-bottom: 2rem;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #EFEFEF;
  text-decoration: none;
}

.dati-aziendali {
  background-color: #1d1d1d;
  color: #fff;
}

/*-------------------------------------fine-owl-carousel------------------------*/


@media only screen and (max-width: 1200px) {
  .title-h3-info {
    padding-top: 6rem;
    font-size: calc(52px + (60 - 52) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(54px + (60 - 54) * ((100vw - 300px) / (1920 - 300)));
    padding-bottom: 2rem;
  }

  .sp-form {
    margin-top: 0rem;
    padding-top: 1rem;
  }
}

@media only screen and (max-width: 840px) {
  .sp-form {
    margin-top: 2rem;
    padding-top: 1rem;
  }

  .brd-head {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 4rem;
    padding-bottom: 1rem;
  }

  .box-lavoro {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .txt-sezione {
    padding-top: 1rem;
    padding-right: 2rem;

  }

  .logo-nav {
    max-width: 100px;
    min-width: 100px;
  }

  .sp-nav {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .box-txt-carousel {
    padding-right: 4rem;
    padding-left: 2rem;
    position: relative;

  }

  .txt-prodotti {
    position: relative;
    padding-top: 3rem;
    bottom: 2rem;
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
    color: #1D1D1D;
    right: 6rem;
    left: 0.5rem;
  }

  .title-h1 {

    font-weight: 900;
    border-bottom: 10px solid #17EE30;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    color: #1D1D1D;
  }

  .title-h2 {
    font-weight: 900;
    border-bottom: 10px solid #17EE30;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    color: #1D1D1D;
  }

  .logo-foot {
    width: 40%;
    padding-bottom: 2rem;
  }

  .foot {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sp-catalogo {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sp-txt-catalogo {
    padding-top: 2rem;
  }

  .sp-card-slider {
    padding-bottom: 2rem;
  }

  .mappa {
    height: 40vh;
    margin-bottom: 1rem;

  }

  .sp-sede {
    margin-bottom: 2rem;
    border: 4px solid #00EE25;
  }

  .sp-cont {
    padding-top: 1rem;
  }
}

@media only screen and (max-width: 700px) {}