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


body,
h1,
h2,
h3,
h4,
h5,
p {
   font-family: 'Gantari', sans-serif;
}

body {
   transition: background 1s ease;
}

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

.logo-nav {
   max-width: 150px;
   min-width: 150px;
   margin-left: 3rem;
}

.nav-link {
   font-size: calc(18px + (18 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #3D3C43;
   font-weight: 700;
   text-transform: uppercase;
   margin-right: 3rem;
   margin-top: 2rem;
   border-radius: 40rem;
}

.btn-nav {
   background-color: #eceeef;
   padding-left: 1.2rem;
   padding-right: 1.2rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   border-radius: 30rem;
}

.dropdown-menu {
   background-color: transparent;
   border: 0px;
}

.dropdown-item {
   font-size: calc(18px + (18 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #3D3C43;
   font-weight: 600;
   background-color: #eceeef;
   padding-left: 1.2rem;
   padding-right: 1.2rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   border-radius: 30rem;
   margin-bottom: 0.2rem;
}

.dropdown-item:hover {
   font-size: calc(18px + (18 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #3D3C43;
   font-weight: 600;
   padding-left: 1.2rem;
   padding-right: 1.2rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   border-radius: 30rem;
   margin-bottom: 0.2rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
   background-color: #fff;
}

.back-head {
   background-image: url(../img/head.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 120vh;
}

.box-txt-intro-pag {
   padding-bottom: 4rem;
   padding-left: 2rem;
   padding-right: 2rem;
}

.sp-title {
   padding-top: 3rem;
   padding-bottom: 3rem;
}

.title-h1 {
   font-size: calc(32px + (80 - 32) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(30px + (76 - 30) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 600;

   padding-top: 30%;
   text-shadow: 0px 0px 10px 0px #565656;
   text-transform: uppercase;
}

.subtitle-h2 {
   font-size: calc(18px + (36 - 18) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(18px + (40 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 300;
   text-shadow: 0px 0px 10px 0px #565656;
   text-transform: uppercase;
}

.mini-h1 {
   font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(18px + (40 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 300;
   text-shadow: 0px 0px 10px 0px #565656;
   text-transform: uppercase;
   padding-top: 30%;
}

.big-h2 {
   font-size: calc(32px + (80 - 32) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(30px + (76 - 30) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 600;
   text-shadow: 0px 0px 10px 0px #565656;
   text-transform: uppercase;
   padding-bottom: 3rem;
}

.scr-green {
   max-width: 84px;
   margin-top: -12px;
}

.light {
   font-weight: 100;
}

.scr-vert {
   max-width: 50px;
}
/*-----------------------------------Modal----------------------------------------------*/
.logo-modal{
   max-width: 60%;
}
.back-modal{
   background-color: #E1E2E5;
   background-image: url(../img/back-modal.svg);
   background-size: 100%;
   background-position: bottom left;
   background-repeat: no-repeat;
}

/*-----------------------------------Fine Modal----------------------------------------------*/
/*-----------------------------------Video Back----------------------------------------------*/
.video-background-holder {
   position: relative;
   background-color: #eceeef;
   height: auto;
   min-height: auto;
   width: 100%;
   overflow: hidden;
}

.video-background-holder video {
   position: absolute;
   top: 30%;
   left: 50%;
   min-width: 100%;
   width: auto;
   height: auto;
   z-index: 0;
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

.video-play {
   position: relative !important;
   top: 50% !important;
   left: 1px;
   width: auto;
   height: 120vh;
   z-index: 0;
   opacity: 0.8;
}

.video-background-content {
   position: relative;
   z-index: 2;
}

.video-background-overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-color: #fff;
   opacity: 0;
   z-index: 1;
}

/*-----------------------------------Fine Video Back----------------------------------------------*/
.sez-top {
   margin-top: -6.5rem;
}

.hr-title {
   border-top: 2px solid #353E4B;
   opacity: 1;
   margin-left: 4rem;
   margin-right: 4rem;
}

.hr-left {
   border-top: 2px solid #353E4B;
   opacity: 1;
   margin-left: 4rem;
   margin-right: -2rem;
}

.title-h2 {
   font-size: calc(30px + (85 - 30) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(30px + (95 - 30) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
   letter-spacing: -0.4rem;
   text-align: right;
   padding-top: 4rem;
   padding-bottom: 4rem;
}

.box-txt {
   padding-top: 12rem;
   padding-left: 10rem;
   padding-right: 4rem;
   padding-bottom: 12rem;
}

.box-txt-2 {
   padding-top: 12rem;
   padding-left: 10rem;
   padding-right: 4rem;
   padding-bottom: 2rem;
}

.box-txt-3 {
   padding-top: 4rem;
   padding-left: 5rem;
   padding-right: 5rem;
   padding-bottom: 12rem;
}

.box-txt-4 {
   padding-top: 12rem;
   padding-left: 10rem;
   padding-right: 10rem;
   padding-bottom: 2rem;
}

.box-txt-4-sx {
   padding-top: 4em;
   padding-left: 10rem;
   padding-right: 2rem;
   padding-bottom: 2rem;
}

.box-txt-4-dx {
   padding-top: 4rem;
   padding-left: 2rem;
   padding-right: 10rem;
   padding-bottom: 2rem;
}

.big {
   font-size: calc(16px + (40 - 16) * ((100vw - 300px) / (1920 - 300)));
   font-weight: 700;
}

.big-txt {
   font-size: calc(16px + (28 - 16) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 800;
}

.title-significa {
   font-size: calc(16px + (50 - 16) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (50 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 700;
}

.paragrafo {
   font-size: calc(10px + (16 - 10) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #888E96;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.2rem;
}

.back-world {
   background-image: url(../img/back-world.png);
   background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
}

.box-txt-intro {
   padding-top: 5rem;
}

.txt {
   font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}

.logo-significa {
   padding-top: 20vh;
}

.white {
   color: #eceeef;
}

.hr-title-white {
   border-top: 2px solid #eceeef;
   opacity: 1;
   margin-left: 4rem;
   margin-right: 4rem;
}

.hr-left-white {
   border-top: 2px solid #eceeef;
   opacity: 1;
   margin-left: 4rem;
   margin-right: -2rem;
}

.hr-white {
   border-top: 2px solid #eceeef;
   opacity: 1;
   margin-left: 1rem;
   margin-right: 1rem;
   margin-top: 3rem;
   margin-bottom: 3rem;
}

.hr-black {
   border-top: 2px solid #353E4B;
   opacity: 1;
   margin-left: 1rem;
   margin-right: 1rem;
   margin-top: 3rem;
   margin-bottom: 3rem;
}


.back-produzione {
   background-image: url(../img/produzione.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   border: 2rem solid #FAF7F7;
}

.box-produzione {
   padding-left: 6rem;
   padding-bottom: 10rem;
}

.btn-white {
   background-color: #fff;
   border-radius: 30rem;
   font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 500;
   text-decoration: none;
   text-transform: uppercase;
   padding: 1rem 2rem;
   padding-right: 0.5rem;
   box-shadow: 0px 0px 10px 0px #3A3A3A;
   transition-duration: 1s;
}

.btn-white:hover {
   background-color: #fff;
   border-radius: 30rem;
   font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 500;
   text-decoration: none;
   text-transform: uppercase;
   padding: 1rem 3rem;
   padding-right: 0.5rem;
   box-shadow: 0px 0px 15px 0px #1F1F1F;
   transition-duration: 1s;
}

.go {
   max-width: 50px;
   padding-left: 0.1rem;
}

.back-prodotti {
   background-image: url(../img/prodotti.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: auto;
}

.section-significa {
   padding-bottom: 6rem;
}




.tit-number {
   font-size: calc(14px + (24 - 14) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}



.section-prodotti {
   padding-top: 6rem;
}

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

.schede {
   padding: 2rem;
   background-color: #FEFEFE;
   border-radius: 0.2rem;
   box-shadow: 0px 0px 6px 0px #CBC8C8;
}

.brd-dx {
   border-right: 2px solid #353E4B;
   opacity: 1;
}

.brd-sx {
   border-left: 2px solid #353E4B;
   opacity: 1;
}

.brd-top {
   border-top: 2px solid #353E4B;
   opacity: 1;
}

.brd-bot {
   border-bottom: 2px solid #353E4B;
   opacity: 1;
}

.hr-prod {
   border-top: 2px solid #353E4B;
   opacity: 1;

   margin-top: 1rem;
   margin-bottom: 1rem;
}

.tit-scheda {
   font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 700;
}

.txt-scheda {
   font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}

.title-prodotti {
   font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 600;
   padding-top: 6rem;
   padding-bottom: 6rem;
   padding-left: 2rem;
   transition-duration: 3s;
}

/*-----umidita----*/
.back-umidita {
   background-image: url(../img/umidita.svg);
   background-size: 80%;
   background-position: top left;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-umidita:hover {
   background-image: url(../img/umidita-2.svg);
   background-size: 80%;
   background-position: top center;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-umidita:hover>.title-prodotti {
   padding-left: 4rem;
   transition-duration: 3s;
}

.box-txt-prodotti {
   padding-top: 12rem;
   padding-left: 10rem;
   padding-right: 4rem;
   padding-bottom: 2rem;
}

.angle {
   max-width: 40px;
   padding-left: 0.1rem;
   transition-duration: 2s;
}

.back-umidita:hover>.title-prodotti>.angle {
   padding-left: 1rem;
   transition-duration: 2s;
}

/*-----processo----*/
.back-processo {
   background-image: url(../img/processo.svg);
   background-size: 80%;
   background-position: top left;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-processo:hover {
   background-image: url(../img/processo-2.svg);
   background-size: 80%;
   background-position: top center;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-processo:hover>.title-prodotti {
   padding-left: 4rem;
   transition-duration: 3s;
}

.box-txt-prodotti {
   padding-top: 12rem;
   padding-left: 10rem;
   padding-right: 4rem;
   padding-bottom: 2rem;
}

.angle {
   max-width: 40px;
   padding-left: 0.1rem;
   transition-duration: 2s;
}

.back-processo:hover>.title-prodotti>.angle {
   padding-left: 1rem;
   transition-duration: 2s;
}

/*-----gestione----*/
.back-gestione {
   background-image: url(../img/gestione.svg);
   background-size: 80%;
   background-position: top left;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-gestione:hover {
   background-image: url(../img/gestione-2.svg);
   background-size: 80%;
   background-position: top center;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-gestione:hover>.title-prodotti {
   padding-left: 4rem;
   transition-duration: 3s;
}

.box-txt-prodotti {
   padding-top: 12rem;
   padding-left: 10rem;
   padding-right: 4rem;
   padding-bottom: 2rem;
}

.angle {
   max-width: 40px;
   padding-left: 0.1rem;
   transition-duration: 2s;
}

.back-gestione:hover>.title-prodotti>.angle {
   padding-left: 1rem;
   transition-duration: 2s;
}

/*-----accessori----*/
.back-accessori {
   background-image: url(../img/accessori.svg);
   background-size: 80%;
   background-position: top left;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-accessori:hover {
   background-image: url(../img/accessori-2.svg);
   background-size: 80%;
   background-position: top center;
   background-repeat: no-repeat;
   transition-duration: 2s;
}

.back-accessori:hover>.title-prodotti {
   padding-left: 4rem;
   transition-duration: 3s;
}

.box-txt-prodotti {
   padding-top: 12rem;
   padding-left: 10rem;
   padding-right: 4rem;
   padding-bottom: 2rem;
}

.angle {
   max-width: 40px;
   padding-left: 0.1rem;
   transition-duration: 2s;
}

.back-accessori:hover>.title-prodotti>.angle {
   padding-left: 1rem;
   transition-duration: 2s;
}

.sez-servizi {
   padding-top: 6rem;
   background-color: #F8F8F8;
}

.sp-accordion {
   padding-left: 5rem;
   padding-top: 4rem;
}

.back-servizi {
   background-image: url(../img/back-servizi.svg);
   background-size: 100%;
   background-position: bottom right;
   background-repeat: no-repeat;
}

.accordion-button {
   font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 600;
   padding-top: 2rem;
   padding-bottom: 2rem;
   padding-left: 4rem;
   transition-duration: 3s;
}

.accordion {
   --bs-accordion-btn-icon-width: 2.25rem;

   border-radius: 0.2rem;
}

.accordion:not(.collapsed)::after {
   --bs-accordion-active-color: #fff;
}

.accordion-item {
   background-color: #FEFEFE;
   margin-top: 0.3rem;
   border-radius: 1rem;
   box-shadow: 0px 0px 6px 0px #CBC8C8;
}

.accordion-button:focus {
   z-index: 3;
   border-color: transparent;
   outline: 0;
   box-shadow: none;
}

.accordion-body {
   padding: 2rem 4rem;
}

.accordion-button:not(.collapsed) {
   color: #fff;
   background-color: #373944;
   box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}

.txt-accordion {
   font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (30 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}

.txt-list {
   font-size: calc(14px + (24 - 14) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (34 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}

ul {
   list-style: square url(../img/cross.svg);
   background-size: 90px;
}

.footer {
   background-color: #21242C;
   padding-top: 6rem;
   background-image: url(../img/back-foot.svg);
   background-size: 50%;
   background-position: bottom left;
   background-repeat: no-repeat;
}

.tit-footer {
   font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #F8F8F8;
   font-weight: 700;
   margin-bottom: 0.6rem;
}

.txt-footer {
   font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1920 - 300)));
   color: #F8F8F8;
   font-weight: 400;
   margin-bottom: 0.4rem;
}

.flag {
   max-width: 20px;
   min-width: 10px;
   margin-right: 0.5rem;
}

.txt-footer:hover {
   color: #868B9C;
}

.logo-foot {
   max-width: 200px;
   padding-bottom: 1rem;
}

.hr-foot {
   border-top: 2px solid #eceeef;
   opacity: 1;
   margin-top: 1rem;
   margin-bottom: 0.5rem;
}

.dati-footer {
   font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #F8F8F8;
   font-weight: 400;
   margin-bottom: 0.4rem;
}

.sp-dati {
   margin-top: 4rem;
   margin-bottom: 2rem;
}

/*--------------pag--------------------*/


.hr-title-pag {
   border-top: 2px solid #353E4B;
   opacity: 1;
   margin-left: 4rem;
}

.title-h2-pag {
   font-size: calc(18px + (90 - 18) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(18px + (95 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
   letter-spacing: -0.4rem;
   text-align: right;
   padding-top: 2rem;
   padding-bottom: 1rem;
}

.title-h2-accessori {
   font-size: calc(18px + (50 - 18) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(18px + (55 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 500;
   letter-spacing: -0.1rem;
   text-align: right;
   padding-top: 2rem;
   padding-bottom: 1rem;
}

.txt-title-pag {
   padding-right: 2rem;
}

.sp-caratteristiche {
   padding-top: 4em;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   padding-bottom: 2rem;
}

.box-caratteristiche {
   background-color: #FCFCFC;
   border-radius: 0.5rem;
   padding-top: 2em;
   padding-left: 2rem;
   padding-right: 2rem;
   padding-bottom: 2rem;
   margin-top: 1rem;
}

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

.title-caratteristiche {
   font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 800;
   margin-bottom: 0rem;
}

.title-accessori {
   font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 800;
   margin-bottom: 0rem;
}

.txt-pag {
   font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}

.icn-prodotto {
   padding-top: 3rem;
}

.tit-h2-prodotti {
   font-size: calc(22px + (50 - 22) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 500;
}

.box-paragrafi-pag {
   padding-top: 8rem;
   padding-left: 5rem;
   padding-right: 1rem;

}

.box-tit-paragrafi {
   padding-top: 6rem;
   padding-left: 1rem;
   padding-right: 1rem;

}

.txt-light {
   font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}

.txt-link {
   font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #375786;
   font-weight: 500;
   text-decoration: underline;
   text-underline-offset: 0.3em;
}

.video-box {
   border-radius: 1rem;
   margin-top: 6rem;
   margin-left: 4rem;
   width: 70%;
}

.icn-title {
   max-width: 40px;
}

.sez-prodotto {
   padding-top: 3rem;
   padding-bottom: 2rem;
}

.sp-icn-strumenti {
   padding-top: 2rem;
}

.div-sez-prodotti {
   padding-top: 14rem;
}

.div-sez-prodotti-end {
   padding-top: 14rem;
   padding-bottom: 6rem;
}

.title-box-prodotti {
   font-size: calc(22px + (44 - 22) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 600;
}

.icn-prodotto-box {
   padding-top: 0.2rem;
   padding-left: 1rem;
}

.box-prodotto {
   background-color: #FCFCFC;
   border-radius: 0.5rem;
   padding-top: 3em;
   padding-left: 2rem;
   padding-right: 0rem;
   padding-bottom: 2rem;
   box-shadow: 0px 0px 2px 0px #EFEFEF;
   transition-duration: 1s;
}

.box-prodotto:hover {
   box-shadow: 0px 0px 8px 0px #DFDFDF;
   transition-duration: 1s;
}

.txt-box-prodotto {
   font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (26 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
}

.sp-altri-prodotti {
   padding-top: 1em;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   padding-bottom: 1rem;
}

.sp-bot {
   padding-bottom: 4rem;
}

.sp-txt-produzione {
   padding-top: 10rem;
}

.tit-h2-produzione {
   font-size: calc(22px + (50 - 22) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 500;
   padding-top: 1.5rem;
}

.box-txt-produzione {
   padding-top: 2rem;
   padding-left: 4rem;
}

.title-h2-obiettivi {
   font-size: calc(30px + (75 - 30) * ((100vw - 300px) / (1920 - 300)));
   line-height: calc(30px + (78 - 30) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
   letter-spacing: -0.4rem;
   text-align: right;
   padding-top: 2rem;
   padding-bottom: 2rem;
}

.box-txt-obiettivi {
   padding-top: 6rem;
   padding-left: 10rem;
   padding-right: 4rem;
   padding-bottom: 2rem;
}

.box-obiettivi {
   background-color: #FCFCFC;
   border-radius: 0.5rem;
   padding-top: 0.5em;
   padding-left: 2rem;
   padding-right: 2rem;
   padding-bottom: 0.5rem;
   margin-bottom: 0.5rem;
}

.txt-obiettivi {
   font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
   color: #353E4B;
   font-weight: 400;
   margin-bottom: 0px;
}

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

.sp-video-prodotti {
   padding-top: 18rem;
}

.sp-descrizione-prodotto {
   padding-bottom: 2rem;
}

a {
   text-decoration: none;
}

@media screen and (max-width: 1600px) {

   .box-txt {
      padding-top: 12rem;
      padding-left: 5rem;
      padding-right: 1rem;
      padding-bottom: 12rem;
   }

   .box-txt-2 {
      padding-top: 12rem;
      padding-left: 5rem;
      padding-right: 4rem;
      padding-bottom: 2rem;
   }

   .box-txt-3 {
      padding-top: 4rem;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-bottom: 12rem;
   }

   .box-txt-4-sx {
      padding-top: 4rem;
      padding-left: 4rem;
      padding-right: 2rem;
      padding-bottom: 2rem;
   }

   .box-txt-4-dx {
      padding-top: 4rem;
      padding-left: 2rem;
      padding-right: 4rem;
      padding-bottom: 2rem;
   }

   .box-txt-prodotti {
      padding-top: 12rem;
      padding-left: 5rem;
      padding-right: 4rem;
      padding-bottom: 2rem;
   }

   .title-prodotti {
      font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1920 - 300)));
      padding-top: 4rem;
      padding-bottom: 4rem;
   }

   .nav-link {
      font-size: calc(18px + (18 - 18) * ((100vw - 300px) / (1920 - 300)));
      color: #3D3C43;
      font-weight: 700;
      text-transform: uppercase;
      margin-right: 1rem;
      margin-top: 2rem;
      border-radius: 40rem;
   }

   .title-h2-pag {
      font-size: calc(18px + (90 - 18) * ((100vw - 300px) / (1920 - 300)));
      line-height: calc(18px + (95 - 18) * ((100vw - 300px) / (1920 - 300)));
      color: #353E4B;
      font-weight: 400;
      letter-spacing: -0.2rem;
      text-align: right;
      padding-top: 2rem;
      padding-bottom: 1rem;
   }

   .title-box-prodotti {
      font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1920 - 300)));
      line-height: calc(14px + (38 - 14) * ((100vw - 300px) / (1920 - 300)));
      color: #353E4B;
      font-weight: 600;
   }

   .box-prodotto {
      background-color: #FCFCFC;
      border-radius: 0.5rem;
      padding-top: 2em;
      padding-left: 1rem;
      padding-right: 0rem;
      padding-bottom: 2rem;
      box-shadow: 0px 0px 2px 0px #EFEFEF;
      transition-duration: 1s;
   }

   .title-h2 {
      font-size: calc(30px + (90 - 30) * ((100vw - 300px) / (1920 - 300)));
      line-height: calc(30px + (95 - 30) * ((100vw - 300px) / (1920 - 300)));
      font-weight: 400;
      letter-spacing: -0.3rem;
      text-align: right;
      padding-top: 4rem;
      padding-bottom: 4rem;
   }

   .title-prodotti {
      font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1920 - 300)));
      padding-top: 2rem;
      padding-bottom: 2rem;
   }

   .title-h2-obiettivi {
      letter-spacing: -0.2rem;
      ;
   }

   .angle {
      max-width: 15px;
      padding-left: 0.1rem;
      transition-duration: 2s;
   }

   .logo-nav {
      max-width: 100px;
      min-width: 100px;
      margin-left: 1rem;
   }

   .box-paragrafi-pag {
      padding-top: 8rem;
      padding-left: 2rem;
      padding-right: 1rem;
   }

   .hr-title {
      border-top: 2px solid #353E4B;
      opacity: 1;
      margin-left: 1rem;
      margin-right: 1rem;
   }

   .scr-vert {
      max-width: 30px;
   }

   .box-txt-prodotti {
      padding-top: 12rem;
      padding-left: 3rem;
      padding-right: 2rem;
      padding-bottom: 2rem;
   }

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


@media only screen and (max-width: 700px) {
   .box-txt-4-sx {
      padding-top: 4rem;
      padding-left: 2rem;
      padding-right: 1rem;
      padding-bottom: 2rem;
   }

   .logo-nav {
      max-width: 60px;
      min-width: 60px;
      margin-left: 1rem;
   }

   .title-h2-pag {
      font-size: calc(32px + (90 - 32) * ((100vw - 300px) / (1920 - 300)));
      line-height: calc(22px + (95 - 22) * ((100vw - 300px) / (1920 - 300)));
      color: #353E4B;
      font-weight: 400;
      letter-spacing: 0rem;
      text-align: right;
      padding-top: 1rem;
      padding-bottom: 1rem;
   }

   .icn-prodotto {
      padding-top: 1rem;
   }

   .hr-title-pag {
      border-top: 2px solid #353E4B;
      opacity: 1;
      margin-left: 1rem;
      margin-top: 0.3rem;
   }

   .sp-caratteristiche {
      padding-top: 1em;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-bottom: 0rem;
   }

   .box-paragrafi-pag {
      padding-top: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
   }

   .hr-title {
      border-top: 2px solid #353E4B;
      opacity: 1;
      margin-left: 1rem;
      margin-right: 1rem;
      margin-top: 0.3rem;
   }

   .video-box {
      border-radius: 1rem;
      margin-top: 1rem;
      margin-left: 1rem;
      width: 90%;
   }

   .div-sez-prodotti {
      padding-top: 5rem;
   }

   .sp-mobile-car {
      padding-left: 2rem;
      padding-right: 2rem;
   }

   .box-caratteristiche {
      background-color: #FCFCFC;
      border-radius: 0.5rem;
      padding-top: 2em;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 2rem;
   }

   .box-tit-paragrafi {
      padding-top: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
   }

   .box-prodotto {
      background-color: #FCFCFC;
      border-radius: 0.5rem;
      padding-top: 2em;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-bottom: 2rem;
      box-shadow: 0px 0px 2px 0px #EFEFEF;
      transition-duration: 1s;
   }

   .icn-prodotto-box {
      padding-top: 0rem;
      padding-left: 0.5rem;
   }

   .div-sez-prodotti-end {
      padding-top: 4rem;
      padding-bottom: 6rem;
   }

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

   .title-h2-obiettivi {
      letter-spacing: -0.1rem;
   }

   .title-h2 {
      font-size: calc(40px + (90 - 40) * ((100vw - 300px) / (1920 - 300)));
      line-height: calc(45px + (95 - 45) * ((100vw - 300px) / (1920 - 300)));
      font-weight: 400;
      letter-spacing: -0.1rem;
      text-align: right;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-right: 1rem;
   }

   .box-txt-4-sx {
      padding-top: 2rem;
      padding-left: 2rem;
      padding-right: 1rem;
      padding-bottom: 2rem;
   }

   .sez-top {
      margin-top: -3.5rem;
   }

   .logo-significa {
      padding-top: 2vh;
   }

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

   .box-txt-3 {
      padding-top: 2rem;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-bottom: 2rem;
   }

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

   .sez-servizi {
      padding-top: 1rem;
      background-color: #F8F8F8;
   }

   .back-produzione {
      background-image: url(../img/produzione.jpg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border: 1rem solid #FAF7F7;
      padding-top: 2rem;
   }

   .box-produzione {
      padding-top: 2rem;
      padding-left: 2rem;
      padding-bottom: 2rem;
   }

   .hr-title-white {
      border-top: 2px solid #eceeef;
      opacity: 1;
      margin-left: 1rem;
      margin-right: 1rem;
      margin-top: -0.002rem;
   }

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

   .schede {
      padding: 1rem;
   }

   .title-prodotti {
      font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));
      padding-top: 2rem;
      padding-bottom: 2rem;
      padding-left: 1rem;
   }

   .tit-footer {
      padding-top: 2rem;
   }

   .hr-left-white {
      margin-left: 1rem;
      margin-right: 0.5rem;
   }

   .hr-left {
      margin-left: 1rem;
      margin-right: 0.5rem;
   }

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

   .angle {
      max-width: 20px;
      padding-left: 0.1rem;
      transition-duration: 2s;
   }

   .back-processo:hover>.title-prodotti>.angle {
      padding-left: 1rem;
      transition-duration: 2s;
   }

   .brd-dx {
      border-bottom: 2px solid #353E4B;
      opacity: 1;
   }

   .sp-accordion {
      padding-left: 0.5rem;
      padding-top: 2rem;
      padding-right: 0.5rem;
   }

   .accordion-button {
      font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
      color: #353E4B;
      font-weight: 600;
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-left: 1rem;
      transition-duration: 3s;
   }

   .accordion-body {
      padding: 2rem 2rem;
   }

   .box-txt-produzione {
      padding-top: 2rem;
      padding-left: 2rem;
      padding-right: 2rem;
   }

   .tit-h2-produzione {
      padding-top: 1.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
   }

   .list-ob-mob {
      padding-left: 1rem;
      padding-right: 1rem;
   }

   .nav-link {
      font-size: calc(18px + (18 - 18) * ((100vw - 300px) / (1920 - 300)));
      color: #3D3C43;
      font-weight: 700;
      text-transform: uppercase;
      margin-right: 1rem;
      margin-top: 0.5rem;
      border-radius: 40rem;
   }

   .dropdown-menu {
      border: 0px;
   }

   .dropdown-menu[data-bs-popper] {
      top: 100%;
      right: 0;
      left: auto;
      margin-top: var(--bs-dropdown-spacer);
   }

   .navbar-nav .dropdown-menu {
      position: absolute;
   }

   .nav-item {
      text-align: right;
   }

   .sp-title {
      padding-top: 3rem;
      padding-bottom: 3rem;
      padding-left: 2rem;
   }

   .sez-servizi {
      padding-top: 3rem;
      background-color: #F8F8F8;
   }

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

   .navbar-toggler {
      border: 0px;
   }

   .btn-nav {
      box-shadow: 0px 0px 10px 0px #8B8B8B;
   }

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

   .dropdown-item {
      box-shadow: 0px 0px 10px 0px #8B8B8B;
      margin-bottom: 0.6rem;
   }

   .sp-video-prodotti {
      padding-top: 2rem;
   }

   .box-txt-intro {
      padding-top: 1rem;
      padding-left: 2rem;
      padding-right: 2rem;
   }

   .box-txt-intro-pag {
      padding-bottom: 3rem;
      padding-left: 1rem;
      padding-right: 1rem;
   }
}

.iubenda-nostyle {
   color:white!important;
}