@charset "UTF-8";

/* CSS Document */
body:after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content:
    url(../img/slider/1.png)
    url(../img/slider/2.png)
    url(../img/slider/3.png);

}

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

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

.inter-<uniquifier> {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.navbar .megamenu {
  padding: 4rem;
  background-color: #FFF;
  box-shadow: 0px 0px 10px 0px #1a1a1a75;
  background-image: url(../img/back-nav.png);
  background-position: right;
  background-size: cover;
}

.navbar-collapse {
  flex-grow: unset;
  justify-content: center;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu {
    position: static !important;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 70%;
    margin-top: 4px;
  }

}

/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px) {

  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }
}



.nav-cont {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

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

.sp-nav {
  padding: 0.5rem;
}

.tit-menu {
  display: block;
  font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
  font-weight: 700;
  color: #212121;
  margin-bottom: 0.1rem;
}

.link-menu {
  display: block;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
  font-weight: 500;
  color: #212121;
  margin-bottom: 0.1rem;
}

.navbar {
  background-color: transparent;
  border-radius: 1rem;
  
}


.navbar {
  padding: 1rem;
  padding-top: 2rem;
  border-radius: 1rem;
  transition-duration: 2s;
}

.nav-link {
  font-family: "Figtree", sans-serif;
  text-decoration: none;
  font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #212121;
  font-weight: 600;
  padding-left: 2rem;
  margin-left: 4rem;
}



.bg-light {
  background-color: transparent !important;
}

.h-link-nav {
  padding-top: 0rem;
}

.menu-n {
  max-width: 50px;
  min-width: 50px;
  transition-duration: 1s;
}

.menu-n:hover {
  max-width: 50px;
  min-width: 50px;
  transform: rotate(90deg) scale(1.2);
  transition-duration: 1s;
}

.brg {
  color: #edebe8;
}


.sp-nav {
  padding: 2rem;
  padding-top: 0px;
  transition-duration: 1s;
}

.logo-nav {
  max-width: 340px;
  min-width: 340px;
  transition-duration: 1s;
}

.sp-nav.scrolled {
  padding: 2rem;
  padding-top: 1rem;
  transition-duration: 2s;
}

.navbar.scrolled {
  padding: 1rem;
  padding-top: 1rem;
  transition-duration: 2s;
  background-color: #FFF;
  box-shadow: 0px 0px 10px 0px #1a1a1a75;
}

.navbar.scrolled>div>a>.logo-nav {
  max-width: 230px;
  min-width: 230px;
  transition-duration: 1s;
}

.h {
  height: 200vh;
}

.sp-head {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 1rem;
  transition-duration: 1s;
}


.video-nav {
  max-width: 460px;
  min-width: 460px;
  padding-bottom: 6rem;
}
.offcanvas.offcanvas-top {
  height: 100vh;
}


.menu-image-holder {
  float: left;
  margin-right: 25px;
}

.menu-image-holder img{
  float: left;
  margin-right: 25px;
  max-width: 45vw;
}

.menu-list {
  margin: 0;
  padding: 0;
  max-width: 50vw;
  list-style: none;
  padding-top: 20px;
}

.menu-list a {
  color: black;
  margin-bottom: 20px;
  text-decoration: none;    
  display: inline-block;    
  text-transform: uppercase;
  
  font-family: "Figtree", sans-serif;
  font-size: calc(16px + (35 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
}

.parent {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    transform-duratin:1s;
}




/*-----------------------------------Fine Video Back----------------------------------------------*/

.img-slider{
  max-width: 900px;
}
.slider-head{
  margin-top: 6rem;
  background-image: url(../img/slider/1.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  border-radius: 2rem;
    background-position: 50% 0;
    transition: linear;
    transition-property: background-position;
    z-index: 4;
    animation-name: est;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes est {
    0% {
        background-image: url(../img/slider/1.png);
    }

    30% {
        background-image: url(../img/slider/1.png);
    }
    35% {
      background-image: url(../img/slider/2.png);
    }
    60% {
        background-image: url(../img/slider/2.png);
    }
    65% {
      background-image: url(../img/slider/3.png);
    }
    95% {
      background-image: url(../img/slider/3.png);
    }
    100% {
        background-image: url(../img/slider/1.png);
    }
}
.back-head{
  background-image: url(../img/head.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
}
.sez2 {
  background-image: url(../img/2sez.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sp-ser{
  padding: 1.5rem;
}
.back-servizi{
  background-image: url(../img/sfondo-servizi.jpg);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 110vh;
  border-radius: 0rem;
}
.back-prodotti{
  background-image: url(../img/sfondo-prodotti.jpg);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 110vh;
  border-radius: 0rem;
}
.title-h1{
  font-size: calc(50px + (136 - 50) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(46px + (116 - 46) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  letter-spacing: 0.2rem;
  font-weight: 600;
  padding-top: 10rem;
  text-align: right;
}

.txt-head{
  font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #fff;
  text-align: right;
  padding-top: 30%;
}

.line-btn{
  text-align: right;
}

.btn{
  padding: 0.5rem 1rem;
  border-radius: 3rem;
}


.riga{
  width:80%;
  margin-left: 5%;
}
.brd-sx{
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left: 2px solid #293886;
}

.sp-sez{
  padding: 4rem;
  padding-top: 8rem;
}

.txt{
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  text-align: justify;
  padding:2rem
}
.h-prod{
  padding-top: 10rem;
}
.title-h2{
  font-size: calc(40px + (96 - 40) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(40px + (96 - 40) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  font-weight: 700;
  padding-bottom: 3rem;
}

.sp-box-servizi{
  padding:6rem;
}
.title-h3{
  font-size: calc(16px + (70 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (70 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  font-weight: 700;
  padding-bottom: 2rem;
}
.link-servizio{
  font-size: calc(16px + (34 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (34 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  font-weight: 400;
  text-transform: uppercase;
}
.txt-w{
  color:#fff;
}
.txt-r{
  text-align: right;
}
/*-----------FORM---------------------*/
.title-h3-info{
  font-size: calc(20px + (60 - 20) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(24px + (60 - 24) * ((100vw - 300px) / (1920 - 300)));
  color: #fff;
  font-weight: 700;
  padding-bottom: 2rem;
  padding-top: 15%;
}
.back-form{
  background-color: #293A84;
}
.sp-form {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

.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: #fff;
  background-color: #293A84;
  background-clip: padding-box;
  border: 5px solid #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  color: #fff;
  background-color: #293A84;
  border-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 0;
}

.form-check-input {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0rem;
  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 + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color: #fff;

}

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

input::placeholder,
textarea::placeholder {
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #fff !important;
}

.btn {
  color: #293A84;
  background-color: #fff;
  border-color: #fff;
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  border-radius: 5rem;
  border: 3px solid #fff;
  padding-left: 2rem;
  padding-right: 2rem;
}

.btn:hover {
  color: #fff;
  background-color: #293A84;
  border-color: #fff;
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  border-radius: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

/*-----------FINE FORM---------------------*/

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #292d40;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
}

.hover-underline-animation.left::after {
  transform-origin: bottom right;
}

.hover-underline-animation.left:hover::after {
  transform-origin: bottom left;
}

.hover-underline-animation.center::after {
  transform-origin: bottom center;
}

.hover-underline-animation.center:hover::after {
  transform-origin: bottom center;
}

.hover-underline-animation.right::after {
  transform-origin: bottom left;
}

.hover-underline-animation.right:hover::after {
  transform-origin: bottom right;
}


.hover-underline-animation:hover{
  color:#292d40;
}

.txt-w-line{
  color:#fff;
}
.txt-w-line::after{
  color:#fff;
  background-color: #fff;
}
.txt-w-line:hover{
  color:#fff;
}















.offriamo{
  max-width: 50%;
  padding-top: 5rem;
}

.num19{
  font-size: calc(36px + (320 - 36) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(40px + (380 - 40) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  position: sticky;
  top:14rem;
  text-align:right;
}
.num20{
  font-size: calc(36px + (320 - 36) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(40px + (380 - 40) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  position: sticky;
  top:14rem;
  text-align:right;
  
}
.let{
  letter-spacing: -2rem;
}
.numcambio{
  font-size: calc(36px + (320 - 36) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(40px + (380 - 40) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
}

.numsmall{
  font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(30px + (50 - 30) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  color: #292d40;
  padding-top: 3rem;
}
.txt-storia{
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  text-align: justify;
  padding-bottom: 3rem;
  font-weight: 300;
}

.h-ph{
  padding-top: 7rem;
}
.sp-anni{
  padding-bottom: 20rem;
}

.sp-head-pag{
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 6%;
}
.title-h1-pag{
  font-size: calc(40px + (136 - 40) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(36px + (116 - 36) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  letter-spacing: 0.2rem;
  font-weight: 600;
  padding-top: 5rem;
  text-align: left;
}
.mini-h1{
  font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(12px + (20 - 12) * ((100vw - 300px) / (1920 - 300)));
  text-transform: uppercase;
  font-weight: 300;
}
.txt-head-pag{
  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (28 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  text-align: left;
  padding-top: 4%;
}
.back-head-pag{
  background-image: url(../img/head-pag.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.img-pag{
  padding: 5%;
  margin-top: -10%;
}
.img-pag2{
  padding: 5%;
  margin-top: 10%;
}
.txt-call{
  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (28 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #293A84;
  text-align: left;
  font-weight: 700;
}

.btn-pag{
  padding: 0.5rem 1rem;
  border-radius: 3rem;
}
.btn-pag {
  color: #fff;
  background-color: #293A84;
  border-color: #293A84;
  font-size: calc(12px + (22 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  border-radius: 5rem;
  border: 3px solid #fff;
  padding-left: 2rem;
  padding-right: 2rem;
}

.btn-pag:hover {
  color: #293A84;
  background-color: #fff;
  border-color: #293A84;
  font-size: calc(12px + (22 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  border-radius: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  
}
.img-team{
  border-radius: 1rem;
  margin-top: 1rem;
}
.sp-scheda{
  padding: 2rem;
}

.sp-int-scheda{
  padding: 1rem;
  box-shadow:0px 0px 10px 0px #00000041;
  border-radius: 1rem;
}
.nome{
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (28 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #293A84;
  text-align: left;
  font-weight: 700;
  margin-bottom: 3px;
}
.info{
  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(16px + (28 - 16) * ((100vw - 300px) / (1920 - 300)));
  color: #292d40;
  text-align: left;
  font-weight: 400;
}
.sp-info{
  padding: 2rem;
}
.sp-box-serv{
  padding:1rem;
  padding-bottom: 0rem;
}
.box-gallery {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    height: 30vh;
    border-radius: 1rem;
  transition-duration: 1s;
}
.box-gallery:hover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    height: 30vh;
    border-radius: 1rem;
  transition-duration: 1s;
  transform: scale(1.01);
  transition-duration: 1s;
  box-shadow: 0px 0px 5px 0px #303030;
}


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














.noise {
  pointer-events: none;
  z-index: calc(infinity);
  opacity: .06;
  background-image: url(../img/noise.gif);
  background-position: 0 0;
  background-size: 250px;
  background-attachment: fixed;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


.logo-foot {
  padding-left: 30%;
  max-width: 80%;
  padding-top: 15%;
}

.sp-foot {
  background-color: #FFFBF2;

  padding-top: 1.5rem;
}

.sp-contatti {
  padding-top: 10%;
  padding-right: 8%;
}

.tit-foot {
  color: #2f3244;
  ;
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: calc(22px + (20 - 22) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
}

.txt-foot {
  color: #2f3244;
  ;
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 300;
  letter-spacing: 0.05rem;
  line-height: calc(22px + (20 - 22) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
  padding-top: 0.5rem;
}

.dati {
  color: #2f3244;
  ;
  font-size: calc(12px + (12 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
  text-align: right;
  padding-top: 3rem;
}

.mappa {
  height: 60vh;
  filter: grayscale(80%);
}

.leaflet-control-attribution {
  display: none;
}
 a{
  color: #2f3244;
  text-decoration: none;
 }

 a:hover{
  color: #5096D1;
  text-decoration: none;
 }
@media only screen and (max-width: 1600px) {
  /* .title-h1 {
    font-size: calc(50px + (82 - 50)*((100vw - 300px) /(1920 - 300)));
    line-height: calc(46px + (80 - 46)*((100vw - 300px) /(1920 - 300)));
    font-weight: 800;

}
.slider-head{
  height: 50vh;
}
.back-head{
  height: 50vh;
}
.back-servizi {
  height: 60vh;
}
.back-prodotti {
  height: 60vh;
}
.h-ph {
  padding-top: 0rem;
}
.sp-anni {
  padding-bottom: 10rem;
}
.numsmall{
  padding-top: 0rem;
} */

.navbar.scrolled>div>a>.logo-nav {
  max-width: 160px;
  min-width: 160px;
  transition-duration: 1s;
}
.logo-nav {
  max-width: 180px;
  min-width: 180px;
  transition-duration: 1s;
}
.nav-link {
  font-family: "Figtree", sans-serif;
  text-decoration: none;
  font-size: calc(16px +(18 - 16)*((100vw - 300px) /(1920 - 300)));
  color: #212121;
  font-weight: 600;
  padding-left: 1rem;
  margin-left: 0.5rem;
}
.sp-nav.scrolled {
  padding: 1rem;
  padding-top: 1rem;
  transition-duration: 2s;
}
.txt-head {
  padding-top: 20%;
}

.slider-head {
  background-size:70%;
}
.sp-box-servizi {
  padding-bottom: 12rem;
}
.back-prodotti {

  background-position: center ;
  background-size: cover;
  background-repeat: no-repeat;
  height: 110vh;
  border-radius: 0rem;
}
}



@media only screen and (max-width: 1030px) {
  .back-head {
    height: 50vh;
    background-position: center right;
}
.btn {
  font-size: calc(14px + (18 - 14)*((100vw - 300px) /(1920 - 300)));
  margin-top:0.5rem
}
.back-servizi {
  height: 60vh;
}
.back-prodotti {
  height: 60vh;
}
.txt-head {
  padding-top: 25%;
}

.title-h1 {
    font-size: calc(60px + (80 - 60)*((100vw - 300px) /(1920 - 300)));
    line-height: calc(46px + (116 - 46)*((100vw - 300px) /(1920 - 300)));
}
}

@media only screen and (max-width: 840px) {
  .sp-nav {
    padding: 1rem;
    padding-top: 1rem;
    transition-duration: 2s;
}
  .sp-nav.scrolled {
    padding: 1rem;
    padding-top: 1rem;
    transition-duration: 2s;
}
.logo-nav {
  max-width: 140px;
  min-width: 140px;
  transition-duration: 1s;
}
.navbar.scrolled>div>a>.logo-nav {
  max-width: 140px;
  min-width: 140px;
  transition-duration: 1s;
}
.navbar {
  padding: 0.5rem;

padding: 1rem;
padding-top: 1rem;
transition-duration: 2s;
background-color: #FFF;
box-shadow: 0px 0px 10px 0px #1a1a1a75;
}
.navbar.scrolled {
  padding: 0.5rem;
}
.navbar-toggler {
  border:0px solid transparent;
}
.navbar-toggler:focus {
  box-shadow: 0px 0px transparent;
}
.nav-link {
  font-family: "Figtree", sans-serif;
  text-decoration: none;
  font-size: calc(16px +(22 - 16)*((100vw - 300px) /(1920 - 300)));
  color: #212121;
  font-weight: 600;
  padding-left: 1rem;
  margin-left: 0.5rem;
}

.navbar .megamenu {
  padding: 2rem;
  background-color: #FFF;
  box-shadow: 0px 0px 8px 0px #1a1a1a31;
  background-position: left;
  border-radius: 1.5rem;
}

.sp-box-servizi {
  padding: 2rem;
}

.back-servizi {
  background-image: url(../img/sfondo-servizi.jpg);
  background-position: right bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 50vh;
  border-radius: 0rem;
}

.back-prodotti {
  background-image: url(../img/sfondo-prodotti.jpg);
  background-position: left bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 65vh;
  border-radius: 0rem;
}
.h-prod {
  padding-top: 1rem;
}
.slider-head{
height:54vh;
}
.title-h1{
  padding-top: 0rem;
  margin-top: -3rem;
  background-color: #fff;
  padding: 0.4rem;
}
.txt-head{
  padding-top: 4%;
  background-color: #fff;
  color: #212121;
  padding: 0.8rem;
}
.sp-sez {
  padding: 2rem;
  padding-top: 2rem;
}
.offriamo {
  max-width: 200%;
  padding-top: 1rem;
}
.txt {
  font-size: calc(14px +(20 - 14)*((100vw - 300px) /(1920 - 300)));
  line-height: calc(14px +(20 - 14)*((100vw - 300px) /(1920 - 300)));
  color: #292d40;
  text-align:left;
  padding: 0.5rem;
}
.sp-img-chisiamo{
  padding-top: 1rem;
}
.num19{
  font-weight: 600;
}
.num20{
  font-weight: 600;
}
.numcambio{
  font-weight: 600;
  margin-bottom: 0px;
}
.numsmall{
  padding-top: 0rem;
}
.txt-storia{
  padding-bottom: 1px;
}
.h-ph {
  padding-top:1rem;
}
.sp-img-storia{
  padding: 0.2rem;
}
.let{
  letter-spacing: -0.2rem;
}

.sp-anni {
  padding-bottom: 2rem;
}
.sp-form{
  padding: 2rem;
}
.title-h3-info {

  color: #fff;
  font-weight: 700;
  padding-bottom: 0rem;
  padding-top: 9%;
  padding-left: 5%;
  padding-right: 5%;
}
.sp-contatti {
  padding-top: 10%;
  padding-right: 8%;
  padding-left: 8%;
}
.logo-foot {
  padding-left: 8%;
  max-width: 80%;
  padding-top: 15%;
}
.btn-pag{
  padding-left: 1rem;
  padding-right: 1rem;
}
.title-h2 {
  padding-bottom: 1rem;
}

.sp-int-scheda {
  padding: 0.2rem;
  box-shadow: 0px 0px 10px 0px #00000041;
  border-radius: 2rem;
}
.sp-info {
  padding: 1.5rem;
}
}