body{
   margin: 0;
   color: #323E48;
   font-family: "Neue Haas Grotesk Medium";
}
@font-face {
   font-family: "Neue Haas Grotesk Medium";
   font-style: normal;
   font-weight: normal;
   src: url("../font/neue-haas-grotesk-medium.woff2") format("woff2");
 }
:root{
   --lime: #CBD51F;
   --carbone: #323E48;
}
*{
   margin: 0;
   font-weight: normal;
}
input:focus, textarea:focus, select:focus, div:focus{
   outline: none;
 }
p{
   font-size: 1.111vw;
}

/*GRID*/ 
.row {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-gap: 30px;
   padding-left: 32px;
   padding-right: 32px;
}

.transition-container{
   width: 100%;
   height: 100vh;
   left: 0;
   bottom: -100vh;
   background: var(--lime);
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   position: fixed;
   overflow: hidden;
   z-index: 1000000;
   box-sizing: border-box;
   padding: 30px;
   display: flex;
   align-items: flex-end;
 }

 .transition-logo{
   width: 100%;
   height: 100%;
   background: url('../img/logo.svg');
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: contain;
 }

/**********************************/
/********** COOKIE BANNER ***************/
/**********************************/
 .cookieMessage{
   box-sizing: border-box;
   background: var(--carbone);
   height: auto;
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   position: fixed;
   bottom: 0;
   left: 0;
   display: none;
   z-index: 90;
   padding: 1.667vw;
 }
 .cookieMessage p{
   margin-bottom: 0;
   color: white;
   font-size: 1.111vw;
   line-height: 1.111vw;
 }
 .cookieMessage button{
   font-size: 1.111vw;
   line-height: 1.111vw;
   padding: 0;
   margin: 0;
   color: white;
   border-style: none;
   cursor: pointer;
   background: none;
   text-decoration: underline;
   font-family: "Neue Haas Grotesk Medium";
   font-weight: normal;
 }
 .cookieMessage button:hover{
   color: var(--lime);
   text-decoration: underline;
 }
 .cookieMessage.cookiePanelNotActive{
   display: flex;
 }


/**********************************/
/********** NAVBAR ***************/
/**********************************/
.logo{
   height: 1.944vw;
   width: 11.111vw;
}
#logo{
   fill: var(--carbone);
}

nav{
   width:100%;
   height: 4.861vw;
   background-color: var(--lime);
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 2.222vw;
   padding-right: 2.222vw;
   box-sizing: border-box;

   position: fixed;
   z-index: 90;
}
.pagelink{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 62%;
}
.pagelink .navlink a{
   margin-left: 1.389vw;
   margin-right: 1.389vw;
   text-decoration: none;
   color: var(--carbone);
   position: relative;
   font-size:  1.111vw;
   line-height:  1.111vw;
}
.pagelink .navlink a:first-child {
   margin-left: 0;
}
.pagelink .navlink a:last-child {
   margin-right: 0;
}
.pagelink .lang a{
   margin-left: 0.347vw;
   margin-right: 0.347vw;
   text-decoration: none;
   color: var(--carbone);
}
.pagelink .lang a:first-child {
   margin-left: 0;
}
.pagelink .lang a:last-child {
   margin-right: 0;
}
.navIcon{
   width: 32px /*2.222vw*/;
   height: 32px /*2.222vw*/;
   z-index: 60;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
   display: none;
   /*background: grey;*/
}
.navIcon-stripe{
   height: 2px;
   width: 100%;
   background-color: var(--carbone);   
}
.lang a{
   position: relative;
   font-size:  1.111vw;
   line-height:  1.111vw;
}

.navline{
   height: 2px;
   background-color: var(--carbone);
   width: 0%;
   position: absolute;
   bottom: -0.347vw;
   left: 0;
}


/**********************************/
/********** HOMEPAGE ***************/
/**********************************/

.p1-s1{
   box-sizing: border-box;
   padding-bottom: 1.667vw;
   padding-top:22.917vw;

   padding-top: 200px;
   background: var(--lime);
}
h1{
   font-size: 8.889vw;
   line-height: 8.542vw;
   color: var(--carbone);
   grid-column: 1/10;
   margin:0;
}

.p1-s1-img{
   width: 100%;
   height: 34.722vw/*563px*/;
}
.p1-s1-img-homepage{
   background: url('../img/homepage/homepage.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}
.p1-s2{
   box-sizing: border-box;
   padding-top: 1.389vw;
   padding-bottom: 14.931vw;
}
.smallTitle{
   grid-column: 1/3;
   font-size: 1.597vw;
}
.bigCopy{
   grid-column: 5/13;
}
.bigCopy p{
   font-size: 3.125vw;
   line-height: 3.125vw;
   margin-bottom: 3.264vw;
}
.certification{
   display:flex;
   flex-direction:column;
   color: var(--carbone);
   margin-top: -1.042vw;
   margin-bottom: 3.264vw;
}
.certification a{
   color: var(--carbone);
   font-size: 1.597vw;
   line-height: 1.944vw;
}

.cta{
   background-color: var(--lime);
   color: var(--carbone);
   text-align: center;
   padding: 1.042vw 1.736vw 1.042vw 1.736vw;
   border-radius: 2.083vw;
   text-decoration: none;
   font-size: 1.389vw;
}
.cta:hover{
   background-color: #B7C01C;
   color: var(--carbone);
   text-decoration: none;
}
.p1-s3{
   box-sizing: border-box;
   padding-bottom: 19.444vw;
}
.p1-s3-field{
   width: 100%;
   box-sizing: border-box;
   padding-top: 2.431vw;
   padding-bottom: 2.431vw;
   grid-column: 1/13;
   border-top: 1px solid var(--carbone);
   border-bottom: 1px solid var(--carbone);
   font-size: 6.944vw;
   line-height: 6.944vw;
   position: relative;
}
.p1-s3-field-img{
   width: 36.806vw;
   height: 22.917vw;
   object-fit: contain;
   object-position: center;
   position: absolute;
   top:50%;
   right: 4.861vw;
   transform: translateY(-50%);
   visibility: hidden;
   z-index: -1;
}
.p1-s3-field2{
   border-top: 0;
}
.p1-s4{
   background-color: var(--carbone);
   box-sizing: border-box;
   padding-bottom: 19.444vw;
   padding-top: 1.389vw;
}
.p1-s4 p{
   color: white;
}

.p1-s4 .cta:hover{
   background-color: #B7C01C;
   color: var(--carbone);
   text-decoration: none;
}
.p1-s5{
   box-sizing: border-box;
   padding-top: 1.875vw;
   padding-bottom: 12.708vw;
   background-color: var(--carbone);
}
.p1-s5-title{
   grid-column: 1/13;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   margin-bottom: 2.222vw;
}
h3{
   font-size: 3.125vw;
   line-height: 3.125vw;
}
.p1-s5 h3{
   color: white;
}

.p1-s5 .p1-s5-title a{
   color: white;
   font-size: 1.597vw;
   line-height: 1.528vw;
}
.p1-s5 .p1-s5-title a:hover{
   color: var(--lime);
}
.p1-s5-link{
   color: white;
   text-decoration: none;
}

/*
.p1-prj-container{
   width: 100%;
   overflow: hidden;
   display: flex;
   position: relative;
   flex-direction: column;
   gap: 20px;
}

.p1-prj-container div{
   width: 100%;
   height: 17.014vw;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
   font-size: 3.125vw;
   line-height: 3.125vw;
   box-sizing: border-box;
   padding: 2.222vw;
   display: flex;
   align-items: flex-end;
   z-index: 1;
}

.p1-prj-container img{
   width: 100%;
   height: 43.264vw;
   object-position: center;
   object-fit: cover;
   z-index: 0;
   border-radius: 0.833vw;

   height: 442px;
}

.p1-prj-container p{
   color: var(--lime);
   font-size: 23px;
   font-size: 1.597vw;
}

*/
.p1-prj-container{
   height: 43.264vw;
   width: 100%;
   border-radius: 0.833vw;
   overflow: hidden;
   display: flex;
   align-items: flex-end;
   position: relative;
}
.p1-prj-container div{
   width: 100%;
   height: 17.014vw;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
   font-size: 3.125vw;
   line-height: 3.125vw;
   box-sizing: border-box;
   padding: 2.222vw;
   display: flex;
   align-items: flex-end;
   z-index: 1;
   border-radius: 0.833vw;
}
.p1-prj-container img{
   width: 100%;
   height: 43.264vw;
   object-position: center;
   object-fit: cover;
   position: absolute;
   z-index: 0;
}

.p1-prj-container h4{
   color: white;
}

.p1-s5-link1{
   grid-column: 1/5;
}
.p1-s5-link2{
   grid-column: 5/9;
}
.p1-s5-link3{
   grid-column: 9/13;
}
.p1-s5-link4{
   grid-column: 1/5;
}



.tickerHome{
   background: white;
   box-sizing: border-box;
   padding-top: 2.361vw;
   padding-bottom: 2.361vw;
   font-size: 3.125vw;
   line-height: 3.125vw;
   color: var(--carbone);

   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
 }
 
 .tickerHome ul{
   margin: 0;
   padding: 0;
   width: 100%;
   height: auto;
   overflow: hidden;
   white-space: nowrap;
   display: flex;
   align-items: center;
   flex-direction: row;
 }
 
 .tickerHome li{
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   color: var(--carbone);
   font-size: 3.125vw;
   line-height: 3.125vw;
   display: flex;
 }
span{
   display: inline-block;
 }
 .tickerColor{
   color: var(--lime);
   font-weight: normal;
   text-decoration: none;
 }


.prefooter{
   padding-top: 13.889vw;
   padding-bottom: 3.333vw;
   border-bottom: 1px solid var(--carbone);
   background-color: var(--lime);
}
.prefooter-elements{
   display: flex;
   align-items: flex-end;
   flex-direction: row;
   justify-content: space-between;
   box-sizing: border-box;
   grid-column: 1/13;
}

.prefooter h2{
   font-size: 3.125vw;
   line-height: 3.125vw;
}

footer{
   box-sizing: border-box;
   padding-top: 1.389vw;
   background-color: var(--lime);
}
.ftr-logo{
   height: 6.528vw;
   width: 24.583vw;
   background:url('../img/ftr-logo.svg');
   background-repeat: no-repeat;
   background-size: contain;
}
.ftr-cta{
   background-color: var(--carbone);
   box-sizing: border-box;
   padding: 1.042vw 1.736vw 1.042vw 1.736vw;
   border-radius: 2.083vw;
   color: var(--lime);
   text-decoration: none;
   display: flex;
   font-size: 1.389vw;
   line-height: 1.389vw;
   border: 1px solid var(--carbone);
}
.ftr-cta div{
   background:url('../img/arrow.svg');
   background-repeat: no-repeat;
   background-size: contain;
   height: 1.319vw;
   width: 1.319vw;
   margin-left: 1.389vw;
}

.ftr-cta:hover{
   background-color: var(--lime);
   color: var(--carbone);
}
.ftr-element1{
   grid-column: 1/8;
}
.ftr-element2{
   grid-column: 8/11;
}
.ftr-element2{
   display: flex;
   flex-direction: row;
   margin-top: 2.083vw;
}
.ftr-links{
   display: flex;
   flex-direction: column;
}
.ftr-langLinks{
   display: flex;
   flex-direction: column;
   margin-left: 6.597vw;
}
.ftr-links a, .ftr-langLinks a{
   text-decoration: none;
   margin-bottom: 0.556vw;
   color: var(--carbone);
   font-size: 1.111vw;
   line-height: 1.111vw;
}

.ftr-links a:hover, .ftr-langLinks a:hover{
   opacity: 0.5;
}

.ftr-element3{
   grid-column: 11/13;
}
.ftr-element4{
   border-top: 1px solid var(--carbone);
   box-sizing: border-box;
   padding-top: 1.389vw;
   padding-bottom: 1.389vw;
}
.ftr-info{
   margin-top: 2.083vw;
   margin-bottom: 15.625vw;
   font-size: 1.111vw;
   line-height: 1.111vw;
}
.ftr-element4 p{
   grid-column: 1/8;
   font-size: 1.111vw;
   line-height: 1.111vw;
}
.ftr-lastLinks{
   grid-column: 8/13;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
}
.ftr-lastLinks a{
   color: var(--carbone);
   text-decoration: none;
   font-size: 1.111vw;
   line-height: 1.111vw;
}
/**********************************/
/********** CHI SIAMO ***************/
/**********************************/
.p2-s1-img-chi-siamo{
   background: url('../img/chisiamo/chisiamo.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

.p2-s2-p{
   grid-column: 5/13;
   margin: 0;
   font-size: 1.597vw;
   line-height: 1.597vw;
}
.p2-s2-bigCopy{
   margin-bottom: 0px;
}
.p2-s2-bigCopy p{
   margin-bottom: 1.250vw;
}
.p2-s3-bigCopy p{
   margin-bottom: 0;
}
.p2-s2-bigCopy{
   padding-bottom: 0px;
}
.p2-s3{
   padding-bottom: 9.722vw;
}
.p2-s4{
   background-color: var(--carbone);
   box-sizing: border-box;
   padding-top: 20vw;
   padding-bottom: 2.222vw;
}
.p2-s4-img{
   grid-column: 1/13;
   width: 100%;
   height: 71.389vw;
   object-fit: contain;
   object-position: center;
}
.p2-s3 .p2-s5-bigCopy{
   margin-bottom: 20.833vw;
}
.p2-s3 .p2-s5-bigCopy p{
   margin-bottom: 0;
}
.team-container{
   height: auto;
   width: 100%;
   margin-bottom: 6.944vw;
}
.team-container img{
   height: 28.958vw;
   width: 100%;
   border-radius: 0.833vw;
   margin-bottom: 1.111vw;
   object-position: center;
   object-fit: cover;
}
.team-container1{
   grid-column: 1/4;
}
.team-container2{
   grid-column: 4/7;
}
.team-container3{
   grid-column: 7/10;
}
.team-container4{
   grid-column: 10/13;
}
.team-container5{
   grid-column: 1/4;
}
.team-container6{
   grid-column: 4/7;
}
.team-container7{
   grid-column: 7/10;
}
.team-container p{
   font-size: 1.597vw;
   line-height: 1.597vw;
   margin: 0;
}
.team-container p:first-child{
   color: var(--carbone);
}
.team-container p:last-child{
   color: var(--lime);
   margin-top: 0.556vw;
}

.headerCertCont{
   grid-column: 1/13;
   width: 100%; 
   height: auto; 
   display: flex;
   flex-direction: row;
   gap: 30px;
   gap: 2.08vw;
}

.headerCertCont img{
   width: auto; 
   max-width: 120px;
   max-width: 8.33vw;
   height: 45px; 
   height: 3.13vw;
   object-fit: contain;
   object-position: center;
}




/**********************************/
/********** SERVIZI ***************/
/**********************************/
.p3-s1{
   box-sizing: border-box;
   padding-bottom: 1.667vw;
   padding-top:22.917vw;
   background: var(--carbone);
}
.p3-s1 h1{
   color: #CBD51F;
   grid-column: span 13;
}
.p3-s1-img-servizi{
   background: url('../img/servizi/servizi.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}
.p3-s2{
   background: var(--lime);
}
.p3-s3{
   box-sizing: border-box;
   padding-top: 1.389vw;
   padding-bottom: 13.542vw;
}
.p3-s3-smallTitle{
   margin-bottom: 13.542vw;
}

.p3-s3-dropdown{
   width: 100%;
   height: auto;
   border-top: 1px solid var(--carbone);
}
.p3-s3-dropdown-title{
   box-sizing: border-box;
   padding-top: 1.389vw;
   padding-bottom: 1.389vw;
   padding-left: 2.222vw;
   padding-right: 2.222vw;
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   align-items: center;
   width: 100%;
   height: auto;
}
.p3-s3-dropdown-title h5{
   font-size: 6.944vw;
   line-height: 6.944vw;
   width: 90%;

   font-size: 72px;
   font-size: 5vw;
}

.p3-s3-dropdown-description{
   box-sizing: border-box;
   padding-left: 2.222vw;
   padding-right: 2.222vw;
   overflow: hidden;
   height: 0;
   cursor: pointer;
}

.p3-s3-dropdown-description p{
   font-size: 1.597vw;
   line-height: 1.528vw;
   width: 65%;
   margin-top: 1.389vw;
   margin-bottom: 6.944vw;
}
.p3-s3-dropdown:last-child{
   border-bottom: 1px solid var(--carbone);
}

.p3-s3-dropdown-circle{
   height: 4.514vw;
   width: 4.514vw;
   background-color: var(--lime);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.p3-s3-dropdown-icon{
   width: 2.222vw;
   height: 2.222vw;
   background: url('../img/plus.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}


/**********************************/
/********** REALIZZAZIONI ***************/
/**********************************/

.p3-s1-img-realizzazioni{
   background: url('../img/realizzazioni/realizzazioni.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}
.p4-s3{
   box-sizing: border-box;
   padding-top: 14.931vw;
   padding-bottom: 17.222vw;
}
.p4-s3-h4{
   grid-column: 1/13;
   font-size: 3.125vw;
   line-height: 3.125vw;
   margin-bottom: 5.972vw;
}
.p4-s3-container{
   grid-column: 1/13;
   width: 100%;
   border-top: 1px solid var(--carbone);
   box-sizing: border-box;
   padding-top: 1.667vw;
   padding-bottom: 1.667vw;
   display: flex;
   flex-direction: row;
}
.p4-s3-container div {
   display: flex;
   flex-direction: row;
   width: 100%;
   padding-left: 32px;
   padding-right: 32px;
}
.p4-s3-container div p{
   font-size: 1.597vw;
   line-height: 1.597vw;
}
.p4-s3-container div p:first-child{
   width: 20%;
}
.p4-s3-container div p:nth-child(2){
   width: 50%;
}
.p4-s3-container div p:nth-child(3){
   width: 10%;
}
.p4-s3-container div a{
   color: var(--lime);
   text-decoration: underline;
   font-size: 1.597vw;
   line-height: 1.597vw;
   text-align: right;
   grid-column: 11/13;
   width: 20%;
}
.p4-s3-container:last-child{
   border-bottom: 1px solid var(--carbone);
}

/* Update */

.p4-s3-dropdownSection{
   box-sizing: border-box;
   padding-bottom: 220px;
}

.p4-s3-dropdownSection .p3-s3-dropdown-description p{
   margin: 0;
   margin-top: 20px;
   width: 100%;
}


.p4-s3-dropdownSection .row{
   padding: 0;
}

.p4-sl3-clients{
   width: 100%;
   margin: 70px 0px;
}

.p4-sl3-clients p{
   color: var(--lime);
}

.p4-s3-dropdownSection .p4-sl3-clients p,
.p4-s3-dropdownSection .p4-sl3-imgPrj p{
   margin-top: 0;
}

.p4-sl3-logoCont{
   display: flex;
   flex-direction: row;
   gap: 26px;

   width: 100%;
   height: auto;
   margin-top: 20px;
}

.p4-sl3-logoCont img{
   width: 175px;
   width: auto;
   height: 65px;
   object-fit: contain;
   object-position: center;
}

.p4-sl3-imgPrj{
   grid-column: span 4;
   display: flex;
   flex-direction: column;
   gap: 20px;
   height: auto;
   margin-bottom: 120px;
}

.p4-sl3-imgPrj p{
   color: white;
   margin-top: 0;
}

.p4-sl3-imgPrj p span{
   color: var(--lime);
}

.p4-sl3-imgPrj img{
   width: 100%;
   height: 442px;
   object-fit: cover;
   object-position: center;
   border-radius: 20px;
}





/**********************************/
/********** SINGOLA REALIZZAZIONE ***************/
/**********************************/

.p5-s1 h1{
   grid-column: 1/13;
}
.p5-s2 .bigCopy p{
   margin-bottom: 0;
}

.p5-s3{
   box-sizing: border-box;
   padding-bottom: 77px;
}
.splide__slide{
   width: auto;
   height: auto;
   border-radius: 12px;
   margin-left: 15px;
   margin-right: 15px;
   overflow: hidden;
}
.splide__slide img{
   object-fit: cover;
   object-position:center;
   width: 789px;
   height: 547px;
}

.splide-vertical img{
   width: 350px;
}

.realizzazione1-img{
   background: url('../img/realizzazioni/ABB/08.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

.realizzazione2-img{
   background: url('../img/realizzazioni/ansaldo/01.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

.realizzazione3-img{
   background: url('../img/realizzazioni/irem/01.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

.realizzazione4-img{
   background: url('../img/realizzazioni/air-liquide/01.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

/**********************************/
/********** CONTATTI ***************/
/**********************************/
.p6-s1{
   background-color: white;
}
.p6-s1 h1{
   color: var(--carbone);
}
.p6-s2{
   width: 100%;
   height: auto;
   display: flex;
   flex-direction: row;
}
.p6-s2-box{
   width: 50%;
   height: 51.319vw;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-direction: column;
   box-sizing: border-box;
   padding: 32px;
}
.p6-s2-box p{
   font-size: 3.125vw;
   line-height: 3.125vw;
}
.p6-s2-box1{
   background-color: var(--lime);
}
.p6-s2-box2{
   background-color: var(--carbone);
}
.p6-s2-box2 p{
   color: white;
}

.cta-contact{
   font-size: 1.389vw;
   line-height: 1.389vw;
}
.cta-contact1{
   background-color: var(--carbone);
   color: white;
}
.cta-contact2{
   background-color: var(--lime);
   color: var(--carbone);
}
.cta-contact1:hover{
   background-color: #B7C01C;
   color: white;
}
.cta-contact2:hover{
   background-color: #B7C01C;
   color: var(--carbone);
}
.p6-s3{
   box-sizing: border-box;
   padding-top: 2.778vw;
   padding-bottom: 16.667vw;
}
.p6-s3 .smallTitle{
   grid-column: 1/4;
}
.form{
   grid-column: 4/13;
   width: 100%;
   height: auto;
}

form div input, form textarea{
   width: 100%;
   box-sizing: border-box;
   padding: 1.667vw;
   font-size: 1.597vw;
   line-height: 1.597vw;
   border: 1px solid var(--carbone);
   border-bottom: 0;
   font-family: "Neue Haas Grotesk Medium";
   color: var(--carbone);
   border-radius: 0;
}
form textarea{
   height: 19.444vw;
   border: 1px solid var(--carbone);
}
.form-button{
   width: 100%;
   box-sizing: border-box;
   padding: 2.014vw;
   font-size: 1.597vw;
   line-height: 1.597vw;
   color: var(--carbone);
   background-color: var(--lime);
   border-style: none;
   border: 0;
   margin-top: 3.333vw;
   border-radius: 2.778vw;
   font-family: "Neue Haas Grotesk Medium";
}
.form-button:hover{
   background-color: var(--carbone);
   color: var(--lime);
   cursor: pointer;
}

.notice{
   font-size: 0.972vw;
   margin-top: 1.389vw;
}
.notice a{
   text-decoration: underline;
   color: var(--carbone);
}

/* checkbox */
.checkbox{
   margin-top: 51px;
 }
 .checkbox label{
   font-size: 1.597vw;
   padding-left: 40px;
   padding-top: 0;
   margin-bottom: 0;
 }
 .checkbox a{
   color: var(--carbone);
   text-decoration: underline;
 }
 .checkbox a:hover{
   text-decoration: underline;
 }
 .checkboxContainer {
   display: block;
   position: relative;
   padding-left: 40px;
   cursor: pointer;
   font-size: 23px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .checkboxContainer input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 .checkmark {
   position: absolute;
   top: 1px;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: white;
   border: 1px solid var(--carbone);
 }
 .checkboxContainer input:checked ~ .checkmark {
   background-color: var(--carbone);
   border: 1px solid var(--carbone);
 }
 .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 .checkboxContainer input:checked ~ .checkmark:after {
   display: block;
 }
 .checkboxContainer .checkmark:after {
   left: 1px;
   top: 1px;
   width: 14px;
   height: 14px;
   border: 2px solid white;
 }
 .grecaptcha-badge{
   visibility: hidden
 }

/**********************************/
/********** LAVORA CON NOI ***************/
/**********************************/

.p7-s2{
   box-sizing: border-box;
   padding-top: 5.556vw;
   padding-bottom: 16.667vw;
}
.p7-s2 .smallTitle{
   grid-column: 1/4;
} 
.custom-file-input{
   width: 100%;
   color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
   visibility: hidden;
}
.custom-file-input::before {
   content: 'Seleziona file';
   display: inline-block;
   outline: none;
   white-space: nowrap;
   -webkit-user-select: none;
   cursor: pointer;
   width: 100%;
   height: auto;
   background: #F5F5F5;
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   padding-top: 40px;
   padding-bottom: 40px;
   border: 1px dashed #BCBCBC;
   margin-top: 34px;
   font-size: 23px;
   line-height: 23px;
   color: var(--carbone);
}
.custom-file-input:hover::before {
   border-color: black;
}
.custom-file-input:active::before {
   border: 1px dashed var(--carbone);
}
.custom-file-input:hover{
   cursor: pointer;
}


/**********************************/
/********** MESSAGGI ***************/
/**********************************/

.p8-s1{
   width: 100%;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--lime);
   flex-direction: column;
   border-bottom: 1px solid var(--carbone);
}
.p8-s1 h1{
   text-align: center;
   font-size: 6.944vw;
   line-height: 6.944vw;
   margin-bottom: 2.222vw;
   color: var(--carbone);
}
.p8-s1 a{
   background-color: var(--carbone);
   color: var(--lime);
}
.p8-s1 a:hover{
   background-color: #B7C01C;
   color: white;
}
.p9-s1{
   background-color: var(--carbone);
}

.p9-s1 h1{
   color: white;
}

.p9-s1 a{
   background-color: var(--lime);
   color: var(--carbone);
}
.p9-s1 a:hover{
   background-color: #B7C01C;
   color: var(--carbone);
}

.p10-s1 {
   align-items: unset;
}

.p10-s1 div h1{
   grid-column: 6/10;
   text-align: left;
   margin-bottom: 0;
}
.p10-s1 div p a{
   background-color: var(--lime);
   color: var(--carbone);
   text-decoration: underline;
   width: auto;
}
.creditsInfo{
   display: flex;
   flex-direction: column;
   justify-content: center;
   float: left;
   grid-column: 10/13;
}
.creditsInfo a:hover{
   background-color: var(--lime);
   color: var(--carbone);
}

/**********************************/
/********** CERTIFICAZIONI ***************/
/**********************************/


.p11-s1-img{
   background: url('../img/certificazioni/certificazioni.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}


.p11-s3{
   margin-bottom: 150px;
}


.p11-s3 div{
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   border-top: 1px solid var(--carbone);
   box-sizing: border-box;
   padding: 24px 32px;
}
.p11-s3 div:last-child{
   border-bottom: 1px solid var(--carbone);
}

.p11-s3 div a{
   color: var(--carbone);
   text-decoration: underline;
}

.p11-s3 div a:hover{
   opacity: 0.5;
}

.p11-s3 p{
   font-size: 1.597vw;
}

/**********************************/
/********** WHISTLEBLOWING ***************/
/**********************************/


.p12-s2{
   width: 100%;
   box-sizing: border-box;
   padding-top: 80px;
   padding-bottom: 280px;
}

.p12-s2-cont{
   grid-column: 5/13;
   display: flex;
   flex-direction: column;
   gap: 32px;
}

.p12-s2-cont .cta{
   width: fit-content;
}


/**************************/
/******* MOBILE ***********/
/**************************/
@media only screen and (max-width: 600px) {
   .row{
      padding-left: 24px;
      padding-right: 24px;
      grid-gap: 24px;
   }
   p{
      font-size: 4.103vw;
   }
   .transition-container{
      box-sizing: border-box;
      padding: 5.128vw;
   }
   .transition-logo{
      height: 51.282vw;
      background-position: bottom;
      background-size: contain;
   }

   /* COOKIE BANNER */
   .cookieMessage{
      padding: 24px;
      align-items: flex-start;
    }
    .cookieMessage p{
      font-size: 4.103vw;
      line-height: 4.103vw;
    }
    .cookieMessage button{
      font-size: 4.103vw;
      line-height: 4.103vw;
      margin-left: 8.333vw;
    }

   /* NAVBAR M */
   nav{
       z-index: 90;
       height: 16.410vw;
       padding-left: 24px;
       padding-right: 24px;
   }
   .logo{
      width: 30.513vw;
      height: 5.128vw;
   }
   nav .navIcon{
       display: flex
   }
   .navlink{
       position: absolute;
       width: 100%;
       height: 100vh;
       top: 0;
       right: -100%;
       background: var(--carbone);
       box-sizing: border-box;
       padding-left: 24px;
       padding-right: 24px;
       padding-top: 42.051vw;
       display: flex;
       flex-direction: column;
       z-index: 50;
   }
   nav a{
      z-index: 60;
   }
   .pagelink .navlink a{
       font-size: 11.538vw;
       line-height: 11.538vw;
       margin: 0;
       color: var(--lime);
   }

   .pagelink{
       width:auto;
       align-items: center;
       justify-content: center;
   }
   .lang{
       margin-left:0;
       z-index: 60;
   }
   .pagelink .lang a{
      font-size: 3.590vw;
      margin-left: 1.538vw;
      margin-right: 1.538vw;
   }
   .pagelink .lang a:first-child{
      margin-left: 0;
   }
   .pagelink .lang a:last-child{
      margin-right: 0;
   }

   .navline{
      display: none;
   }
   .navIcon{
      width: 32px;
      height: 32px;
   }


   /* HOMEPAGE M */

   .p1-s1{
      padding-top: 46.154vw;
      padding-bottom: 6.154vw;
   }
   h1{
       font-size:12.308vw;
       line-height:11.795vw;
       grid-column: 1/13;
   }
   .p1-s1-img{
      height: 94.103vw;
   }
   .p1-s1-img-homepage{
      background: url('../img/homepage/homepageMob.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      /*background-attachment: fixed;*/
   }
   .smallTitle{
      grid-column: 1/13;
      grid-row: 1;
      font-size: 4.103vw;
      line-height: 4.103vw;
      margin-bottom: 17.949vw;
   }
   .bigCopy{
      grid-column: 1/13;
      grid-row: 2;
      margin-bottom: 0px;
   }
   .bigCopy p{
      font-size: 8.205vw;
      line-height: 8.205vw;
      margin-bottom: 12.051vw;
   }
   .p1-s2{
      padding-top: 5.128vw;
      padding-bottom: 35.897vw;
   }
   .certification{
      margin-top: -3.846vw;
      margin-bottom: 11.538vw;
   }
   .certification a{
      font-size: 4.103vw;
      line-height: 5.128vw;
      margin-top: 2.564vw;
   }
   .cta{
      font-size: 5.128vw;
      line-height: 5.128vw;
      padding: 3.846vw 6.410vw 3.846vw 6.410vw;
      border-radius: 7.692vw;
   }

   .p1-s2 .cta{
      width: 100%;
   }

   .p1-s3{
      padding-bottom: 35.897vw;
   }
   .p1-s3-field{
      font-size: 11.538vw;
      line-height: 11.538vw;
      padding-top: 4.103vw;
      padding-bottom: 4.103vw;
   }
   .p1-s4{
      padding-top: 5.128vw;
      padding-bottom: 35.897vw;
   }
   .p1-s5{
      padding-top: 6.923vw;
      padding-bottom: 30.769vw;
   }
   .p1-s5-title{
      flex-direction: column;
      align-items: flex-start;
   }
   h3{
      font-size: 8.205vw;
      line-height: 8.205vw;
   }
   .p1-s5-title h3{
      margin-bottom: 4.103vw;
   }
   .p1-s5 .p1-s5-title a{
      font-size: 4.103vw;
      margin-bottom: 7.692vw;
   }
   .p1-prj-container{
      /*margin-bottom: 20px;*/
      height: 125.128vw;
      border-radius: 3.077vw;
   }
   .p1-prj-container p{
      font-size: 4.103vw;
   }
   .p1-prj-container img{
      height: 125.128vw;
   }
   .p1-prj-container div{
      width: 100%;
      height: 87.692vw;
      font-size: 8.205vw;
      line-height: 8.205vw;
      padding: 6.154vw;
      border-radius: 3.077vw;
   }
   .p1-s5-link1{
      grid-column: 1/13;
   }
   .p1-s5-link2{
      grid-column: 1/13;
   }
   .p1-s5-link3{
      grid-column: 1/13;
   }
   .p1-s5-link4{
      grid-column: 1/13;
      grid-row: 2;
   }
   .tickerHome{
      font-size: 8.205vw;
      line-height: 8.205vw;
      padding-top: 6.154vw;
      padding-bottom: 6.154vw;
   }
   .tickerHome li{
      font-size: 8.205vw;
      line-height: 8.205vw;
    }
   .prefooter{
      padding-top: 51.282vw;
      padding-bottom: 12.308vw;
   }
   .prefooter h2{
      font-size: 8.205vw;
      line-height: 8.205vw;
      margin-bottom: 8.205vw;
   }
   .prefooter-elements{
      flex-direction: column;
      align-items: flex-start;
   }
   .ftr-cta{
      font-size: 5.128vw;
      line-height: 5.128vw;
      padding: 3.846vw 6.410vw 3.846vw 6.410vw;
      border-radius: 7.692vw;
   }
   .ftr-cta div {
      height: 4.872vw;
      width: 4.872vw;
      margin-left: 5.128vw;
   }
   footer{
      padding-top: 6.154vw;
   }
   .ftr-element1{
      grid-column: 1/13;
   }
   .ftr-element2{
      grid-column: 1/13;
      margin-top: 0;
   }
   .ftr-element3{
      grid-column: 1/13;
   }
   .ftr-logo{
      height: 11.795vw;
      width: 46.154vw;
      margin-bottom: 7.692vw;
   }
   .ftr-links{
      margin-right: 3.077vw;
      width: 50%;
   }
   .ftr-langLinks{
      margin-left: 3.077vw;
      width: 50%;
   }
   .ftr-links a, .ftr-langLinks a{
      margin-bottom: 2.051vw;
      font-size: 4.103vw;
      line-height: 4.103vw;
   }
   .ftr-info{
      margin-top: 0;
      margin-bottom: 25.641vw;
      font-size: 4.103vw;
      line-height: 4.103vw;
      color: var(--carbone);
      text-decoration: none;
   }
   .ftr-element4 p{
      grid-column: 1/13;
      font-size: 4.103vw;
      line-height: 4.103vw;
      margin-top: 6.154vw;
   }
   .ftr-lastLinks{
      grid-column: 1/13;
      flex-direction: column;
      margin-top: 2.564vw;
      margin-bottom: 4.103vw;
   }
   .ftr-lastLinks a{
      margin-bottom:2.051vw;
      font-size: 4.103vw;
      line-height: 4.103vw;
   }


   .headerCertCont{
      flex-wrap: wrap;
      gap: 16px;
   }
   
   .headerCertCont img{
      max-width: 70px;
      height: 25px; 
   }

   /* CHI SIAMO M */
   .p2-s1-img-chi-siamo{
      background: url('../img/chisiamo/chisiamo.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   .p2-s2-bigCopy p{
      margin-bottom: 0;
   }
   .p2-s2-p{
      grid-column: 1/13;
      font-size: 16px;
      line-height: 16px;
   }
   .p2-s3-bigCopy p{
      margin-bottom: 0;
   }
   .p2-s3{
      padding-bottom: 100px;
   }
   .p2-s4{
      padding-top: 0px;
      padding-bottom: 24px;
   }
   .p2-s4-img{
      height: 256px;
   }
   .team-container{
      margin-bottom: 12px;
   }
   .team-container1{
      grid-column: 1/7;
   }
   .team-container2{
      grid-column: 7/13;
   }
   .team-container3{
      grid-column: 1/7;
   }
   .team-container4{
      grid-column: 7/13;
   }
   .team-container5{
      grid-column: 1/7;
   }
   .team-container6{
      grid-column: 7/13;
   }
   .team-container7{
      grid-column: 1/7;
   }
   .team-container img{
      height: 212px;
      margin-bottom: 16px;
      border-radius: 12px;
   }
   .team-container p{
      font-size: 16px;
      line-height: 16px;
   }
   .team-container p:last-child{
      margin-bottom: 2.051vw;
   }

   /* SERVIZI M */
   .p3-s1-img-servizi{
      background: url('../img/servizi/servizi.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   .p3-s1{
      padding-top: 43.590vw;
      padding-bottom: 6.154vw;
   }
   .p3-s3-smallTitle{
      margin-top: 5.128vw;
      margin-bottom: 35.897vw;
   }

   .p3-s3-dropdown{
      width: 100%;
      height: auto;
      border-top: 1px solid var(--carbone);
   }
   .p3-s3-dropdown-title{
      padding-top: 4.103vw;
      padding-bottom: 4.872vw;
      padding-left: 24px;
      padding-right: 24px;
      width: 100%;
      height: auto;
   }
   .p3-s3-dropdown-title h5{
      font-size: 9.744vw;
      line-height: 9.744vw;
      width: 87%;      
   }
   
   .p3-s3-dropdown-description{
      padding-left: 24px;
      padding-right: 24px;
   }
   .p3-s3-dropdown-description p{
      font-size: 4.103vw;
      line-height: 4.103vw;
      width: 100%;

      margin-top: 1.389vw;
      margin-bottom: 10.256vw;
   }
   .p3-s3-dropdown-circle{
      height: 10.256vw;
      width: 10.256vw;
   }
   .p3-s3-dropdown-icon{
      height: 5.128vw;
      width: 5.128vw;
   }



   /* REALIZZAZIONI M */
   .p3-s1-img-realizzazioni{
      background: url('../img/realizzazioni/realizzazioni.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   .p4-s3{
      padding-top: 33.846vw;
      padding-bottom: 28.718vw;
   }
   .p4-s3-h4{
      font-size: 8.205vw;
      line-height: 8.205vw;
      margin-bottom: 7.692vw;
   }
   .p4-s3-container{
      padding-top: 6.154vw;
      padding-bottom: 6.154vw;
   }
   .p4-s3-container div {
      flex-direction: column;
      padding-left: 24px;
      padding-right: 24px;
   }
   .p4-s3-container div p:first-child{
      width: 100%;
   }
   .p4-s3-container div p:nth-child(2){
      width: 100%;
      margin-top: 6.154vw;
   }
   .p4-s3-container div p:nth-child(3){
      width: 100%;
   }
   .p4-s3-container div a{
      width: 100%;
      text-align: left;
      margin-top: 6.154vw;
      font-size: 5.897vw;
      line-height: 5.897vw;
   }
   .p4-s3-container div p{
      font-size: 5.897vw;
      line-height: 5.897vw;
   }


   .p4-sl3-clients{
      margin: 30px 0px;
   }
   .p4-sl3-logoCont{
      gap: 10px;
      flex-wrap: wrap;
   }
   .p4-sl3-logoCont img{
      width: 100px;
      width: auto;
      height: 50px;
   }

   .p4-sl3-imgPrj{
      grid-column: 1/13;
      margin-bottom: 40px;
   }

   .p4-sl3-imgPrj img{
      height: 350px;
   }


   /* SINGOLA REALIZZAZIONE M */
   .p5-s3{
      padding-bottom: 40px;
   }
   .p5-s2 .bigCopy p{
      margin-bottom: 0;
   }
   .splide__slide{
      border-radius: 3.077vw;
      margin-left: 2.051vw;
      margin-right: 2.051vw;
   }
   .splide__slide img{
      width: 87.692vw;
      height: 61.026vw;
   }
   .splide-vertical img{
      width: 41.026vw;
   }

   .realizzazione1-img{
      background: url('../img/realizzazioni/ABB/08.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   
   .realizzazione2-img{
      background: url('../img/realizzazioni/ansaldo/01.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   
   .realizzazione3-img{
      background: url('../img/realizzazioni/irem/01.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   
   .realizzazione4-img{
      background: url('../img/realizzazioni/air-liquide/01.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }

   /* CONTATTI  M */
   .p6-s2{
      flex-direction: column;

   }
   .p6-s2-box{
      width: 100%;
      height: 108.974vw;
      padding: 32px;
   }
   .p6-s2-box p{
      font-size: 8.205vw;
      line-height: 8.205vw;
   }
   .p6-s3{
      padding-bottom: 35.897vw;
      padding-top: 5.128vw;
   }
   .p6-s3 .smallTitle{
      grid-column: 1/13;
   }
   .form{
       grid-column: 1/13;
      margin-top: -30px;
   }
   form div input, form textarea{
      font-size: 5.897vw;
      line-height: 5.897vw;
      padding: 5.128vw;
   }
    form textarea{
      height: 85.641vw;
   }
   .notice{
      font-size: 3.590vw;
      margin-top: 5.128vw;
   }
   .checkbox{
      margin-top: 9.487vw;
   }
   .checkbox label{
      font-size: 4.103vw;
   }
   .checkboxContainer{
      font-size: 4.103vw;
      line-height: 5.641vw;
   }
   .form-button{
      font-size: 5.128vw;
      padding: 3.846vw;
      margin-top: 8.205vw;
      border-radius: 7.692vw;
   }

   /* LAVORA CON NOI M */
   .p7-s2 .smallTitle{
      grid-column: 1/13;
   } 
   form div input{
      padding: 5.128vw;
      font-size: 5.897vw;
      line-height: 5.897vw;
   }

   /* MESSAGGI M*/
   .p8-s1 h1{
      text-align: center;
      font-size: 11.538vw;
      line-height: 11.538vw;
      margin-bottom: 5.128vw;
      color: var(--carbone);
   }
   .p9-s1 h1{
      color: white;
   }
   .p10-s1 div h1{
      grid-column: 1/13;
   }
   .p10-s1 div p{
      grid-column: 1/13;
   }
   .creditsInfo{
      grid-column: 1/13;
   }

   /* Certificazioni M */
   .p11-s3 div{
      padding: 24px;
   }
   .p11-s3 div p{
      max-width: 60%;
   }
   .p11-s3 p{
      font-size: 1rem;
   }

   

   /* Whistleblowing M*/
   .p12-s2{
      padding-top: 40px;
      padding-bottom: 180px;
   }
   
   .p12-s2-cont{
      grid-column: 1/13;
      gap: 32px;
   }
}



/**************************/
/******* TABLET ***********/
/**************************/

@media only screen and (max-width: 1024px) and (min-width: 600px){
   p{
      font-size: 1.918vw;
   }
   .transition-container{
      box-sizing: border-box;
      padding: 30px;
   }
   .transition-logo{
      height: 51.282vw;
      background-position: bottom;
      background-size: contain;
   }
   /******/
   /* BASATTO SU NAVBAR M */
   nav{
      z-index: 90;
      height: 16.410vw;
      padding-left: 34px;
      padding-right: 34px;
  }
  .logo{
     width: 30.513vw;
     height: 5.128vw;
  }
  nav .navIcon{
      display: flex
  }
  .navlink{
      position: absolute;
      width: 100%;
      height: 100vh;
      top: 0;
      right: -100%;
      background: var(--carbone);
      box-sizing: border-box;
      padding-left: 34px;
      padding-right: 34px;
      padding-top: 42.051vw;
      display: flex;
      flex-direction: column;
      z-index: 50;
  }
  nav a{
     z-index: 60;
  }
  .pagelink .navlink a{
      font-size: 11.538vw;
      line-height: 11.538vw;
      margin: 0;
      color: var(--lime);
  }

  .pagelink{
      width:auto;
      align-items: center;
      justify-content: center;
  }
  .lang{
      margin-left:0;
      z-index: 60;
  }
  .pagelink .lang a{
     font-size: 3.590vw;
     margin-left: 1.538vw;
     margin-right: 1.538vw;
  }
  .pagelink .lang a:first-child{
     margin-left: 0;
  }
  .pagelink .lang a:last-child{
     margin-right: 0;
  }

  .navline{
     display: none;
  }
  .navIcon{
     width: 32px;
     height: 32px;
  }
   /*****/
   nav{
      height: 7.637vw;
   }
   .logo{
      height: 2.387vw;
      width: 14.200vw;
   }
   .pagelink .lang a{
      font-size: 1.671vw;
      line-height: 1.671vw;
      margin-left: 0.716vw;
      margin-right: 0.716vw;
   }
   .pagelink .lang a:first-child{
      margin-left: 0;
   }
   .pagelink .lang a:last-child{
      margin-right: 0;
   }
   .navIcon{
      width: 3.819vw;
      height: 3.819vw;
   }
   .pagelink .navlink{
      padding-top: 19.570vw;
   }
   .pagelink .navlink a{
      font-size: 11.933vw;
      line-height: 11.933vw;
      margin-bottom: 0.955vw;
   }
   /* HOMEPAGE T */
   .p1-s1-img-homepage{
      background-attachment: none;
   }
   .p1-s1{
      padding-top: 23.270vw;
      padding-bottom: 2.864vw;
   }
   h1{
      font-size: 5.728vw;
      line-height: 5.489vw;
      grid-column: 1/13;
   }
   .p1-s1-img{
      height: 38.902vw;
   }
   .p1-s2{
      padding-top: 2.387vw;
      padding-bottom: 25.656vw;
   }
   .smallTitle{
      grid-column: 1/4;
      font-size: 1.909vw;
      line-height: 1.909vw;
      margin-bottom: 0;
   }
   .bigCopy{
      grid-column: 5/13;
      grid-row: 1;
   }
   .bigCopy p{
      font-size: 3.819vw;
      line-height: 3.819vw;
      margin-bottom: 5.609vw;
   }
   .certification{
      margin-top: -2.398vw;
      margin-bottom: 5.396vw;
   }
   .certification a{
      margin-top: 1.199vw;
      font-size: 2.758vw;
      line-height: 3.357vw;
   }
   .cta{
      font-size: 2.387vw;
      line-height: 2.387vw;
      padding: 1.790vw 2.983vw 1.790vw 2.983vw;
      border-radius: 3.580vw;
   }
   .p1-s3{
      padding-bottom: 23.866vw;
   }
   .p1-s3-field{
      padding-top: 1.909vw;
      padding-bottom: 1.909vw;
      font-size: 5.370vw;
      line-height: 5.370vw;
   }
   .p1-s4{
      padding-top: 2.387vw;
      padding-bottom: 23.866vw;
   }
   .p1-s5{
      padding-top: 3.819vw;
      padding-bottom: 9.547vw;
   }
   .p1-s5-title{
      flex-direction: row;
      align-items: flex-end;
      margin-bottom: 3.819vw;
   }
   h3{
      font-size: 3.819vw;
      line-height: 3.819vw;
   }
   .p1-s5-title h3{
      margin-bottom: 0;
   }
   .p1-s5 .p1-s5-title a{
      font-size: 1.909vw;
      line-height: 1.909vw;
      margin-bottom: 0;
   }
   .p1-s5-link1{
      grid-column: 1/7;
   }
   .p1-s5-link2{
      grid-column: 7/13;
   }
   .p1-s5-link3{
      grid-column: 1/7;
      grid-row: 2;
   }
   .p1-s5-link4{
      grid-column: 7/13;
      grid-row: 2;
   }
   .p1-prj-container, .p1-prj-container img{
      height: 62.530vw;
      border-radius: 1.432vw;
   }
   .p1-prj-container div{
      height: 23.866vw;
      font-size: 3.819vw;
      line-height: 3.819vw;
      padding: 3.103vw;
   }
   .tickerHome{
      padding-top: 2.745vw;
      padding-bottom: 2.745vw;
      font-size: 3.819vw;
      line-height: 3.819vw;
   }
   .tickerHome li{
      font-size: 3.819vw;
      line-height: 3.819vw;
   }
   .prefooter{
      padding-top: 23.866vw;
      padding-bottom: 5.728vw;
   }
   .prefooter-elements{
      flex-direction: column;
      align-items: flex-start;
   }
   .prefooter-elements h2{
      font-size: 3.819vw;
      line-height: 3.819vw;
      margin-bottom: 3.819vw;
   }
   .ftr-cta{
      padding: 1.790vw 2.983vw 1.790vw 2.983vw;
      font-size: 2.387vw;
      line-height: 2.387vw;
      border-radius: 3.580vw;
   }
   .ftr-cta div{
      margin-left: 2.387vw;
      height: 2.387vw;
      width: 2.387vw;
   }
   .ftr-element1{
      grid-column: 1/5;
   }
   .ftr-element2{
      grid-column: 5/9;
   }
   .ftr-element3{
      grid-column: 9/13;
   }
   .ftr-logo{
      width: 21.480vw;
      height: 4.773vw;
   }
   .ftr-links a, .ftr-langLinks a{
      font-size: 1.909vw;
      line-height: 1.909vw;
      margin-bottom: 0.955vw;
   }
   .ftr-info{
      font-size: 1.909vw;
      line-height: 1.909vw;
      margin-bottom: 11.933vw;
      color: var(--carbone);
      text-decoration: none;
   }
   .ftr-lastLinks{
      margin-top: 0;
      margin-bottom: 0;
      grid-column: 5/13;
      flex-direction: row;
   }
   .ftr-lastLinks a{
      font-size: 1.909vw;
      line-height: 1.909vw;
      flex-direction: row;
      margin-bottom: 0;
   }
   .ftr-element4{
      padding-top: 2.864vw;
      padding-bottom: 2.864vw;
   }
   .ftr-element4 p{
      font-size: 1.909vw;
      line-height: 1.909vw;
      margin-top: 0;
      grid-column: 1/5;
   }
   footer{
      padding-top: 2.398vw;
   }
   /* CHI SIAMO T */
   .p2-s1-img-chi-siamo{
      background: url('../img/chisiamo/chisiamo.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   .p2-s2-bigCopy p{
      margin-bottom: 2.158vw;
   }
   .p2-s3-bigCopy p{
      margin-bottom: 0;
   }
   .p2-s3{
      padding-bottom: 23.981vw;
   }
   .p2-s2-p{
      grid-column: 5/13;
   }
   .p2-s4-img{
      height: 68.345vw;
   }
   .p2-s4{
      padding-top: 0;
      padding-bottom: 2.878vw;
   }
   .p2-s5-bigCopy{
      margin-bottom: 16.787vw;
   }
   .team-container{
      margin-bottom: 2.398vw;
   }
   .team-container p:last-child{
      margin-bottom: 0;
   }
   .team-container1{
      grid-column: 1/5;
   }
   .team-container2{
      grid-column: 5/9;
   }
   .team-container3{
      grid-column: 9/13;
   }
   .team-container4{
      grid-column: 1/5;
   }
   .team-container5{
      grid-column: 5/9;
   }
   .team-container6{
      grid-column: 9/13;
   }
   .team-container7{
      grid-column: 1/5;
   }
   .team-container img{
      height: 34.772vw;  
   }

   /* SERVIZI T */
   .p3-s1-img-servizi{
      background: url('../img/servizi/servizi.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   .p3-s1{
      padding-top: 23.270vw;
      padding-bottom: 2.864vw;
   }
   .p3-s2 .bigCopy p{
      margin-bottom: 0;
   }
   .p3-s3{
      padding-top: 2.387vw;
      padding-bottom: 16.706vw;
   }
   .p3-s3-smallTitle{
      margin-top: 0;
      margin-bottom: 16.706vw;
   }
   .p3-s3-dropdown{
      padding-top: 1.909vw;
      padding-bottom: 1.909vw;
   }
   .p3-s3-dropdown-title h5{
      font-size: 4.535vw;
      line-height: 4.535vw;
   }
   .p3-s3-dropdown-description p{
      font-size: 1.909vw;
      line-height: 1.909vw;
   }
   .p3-s3-dropdown-circle{
      width: 4.773vw;
      height: 4.773vw;
   }
   .p3-s3-dropdown-icon{
      width: 2.387vw;
      height: 2.387vw;
   }
   
   /* REALIZZAZIONI T */
   .p3-s1-img-realizzazioni{
      background: url('../img/realizzazioni/realizzazioni.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: none;
   }
   .p4-s3{
      box-sizing: border-box;
      padding-top: 16.787vw;
      padding-bottom: 16.787vw;
   }
   .p4-s3-h4{
      margin-bottom: 4.197vw;
      font-size: 3.837vw;
      line-height: 3.837vw;
   }
   .p4-s3-container{
      padding-top: 2.878vw;
      padding-bottom: 2.878vw;
   }
   .p4-s3-container div{
      padding-left: 34px;
      padding-right: 34px;
      flex-wrap: wrap;
   }
   .p4-s3-container div p:first-child{
      width: 40%;
   }
   .p4-s3-container div p:nth-child(2){
      width: 40%;
   }
   .p4-s3-container div p:nth-child(3){
      width: 20%;
      margin-top: 0;
      text-align: right;
   }
   .p4-s3-container div a{
      width: 100%;
      margin-top: 1.439vw;
      text-align: left;
      font-size: 2.758vw;
      line-height: 2.758vw;
   }
   .p4-s3-container div p, .p4-s3-container div a{
      font-size: 2.758vw;
      line-height: 2.758vw;
   }

   /* SINGOLA REALIZZAZIONE T */
   .p5-s3{
      padding-bottom: 4.796vw;
   }
   .p5-s2 .bigCopy p{
      margin-bottom: 0;
   }
   .splide__slide{
      border-radius: 1.439vw;
      margin-left: 15px;
      margin-right: 15px;
   }
   .splide__slide img{
      width: 60.192vw;
      height: 41.966vw;
   }
   .splide-vertical img{
      width: 27.578vw;
   }
   /* CONTATTI T */

   .p6-s3{
      padding-top: 2.398vw;
      padding-bottom: 16.787vw;
   }
   .p6-s3 .smallTitle{
      grid-column: 1/13;
      margin-bottom: 13.189vw;
      font-size: 1.918vw;
      line-height: 1.918vw;
   }
   .form{
      grid-column: 1/13;
   }
   form div input, form textarea{
      padding: 2.398vw;
      font-size: 2.758vw;
      line-height: 2.758vw;
   }
   form textarea{
      height: 40.048vw;
   }
   .checkbox label{
      margin-top: 4.796vw;
      font-size: 1.918vw;
      line-height: 2.638vw;
   }
   .form-button{
      margin-top: 4.796vw;
      font-size: 2.758vw;
      line-height: 2.758vw;
      padding: 3.477vw;
      border-radius: 4.796vw;
   }
   .notice{
      margin-top: 2.398vw;
      font-size: 1.679vw;
   }

   /* LAVORA CON NOI T*/
   .p7-s2{
      padding-top: 2.398vw;
      padding-bottom: 16.787vw;
   }
   .p7-s2 .smallTitle{
      grid-column: 1/13;
   }
   
   /* MESSAGGI T */
   .p8-s1 h1{
      text-align: center;
      font-size: 5.396vw;
      line-height: 5.396vw;
      margin-bottom: 2.398vw;
      color: var(--carbone);
   }
   .p9-s1 h1{
      color: white;
   }
   .p10-s1 div h1{
      grid-column: 5/9;
   }
   .p10-s1 div p{
      grid-column: 9/13;
   }

   .creditsInfo{
      grid-column: 9/13;
   }
   
}

/**************************/
/******* 800x600 ***********/
/*************************/
@media only screen and (max-width: 840px) and (min-width: 798px){
   /*********************/
   /* BASATO SU NAVBAR DESKTOP*/
   .logo{
      height: 1.944vw;
      width: 11.111vw;
   }
   #logo{
      fill: var(--carbone);
   }
   
   nav{
      width:100%;
      height: 4.861vw;
      background-color: var(--lime);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-left: 2.222vw;
      padding-right: 2.222vw;
      box-sizing: border-box;
   
      position: fixed;
      z-index: 90;
   }
   .pagelink{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 58%;
   }
   .pagelink .navlink a{
      margin-left: 1.389vw;
      margin-right: 1.389vw;
      text-decoration: none;
      color: var(--carbone);
      position: relative;
      font-size:  1.111vw;
      line-height:  1.111vw;
   }
   .pagelink .navlink a:first-child {
      margin-left: 0;
   }
   .pagelink .navlink a:last-child {
      margin-right: 0;
   }
   .pagelink .lang a{
      margin-left: 0.347vw;
      margin-right: 0.347vw;
      text-decoration: none;
      color: var(--carbone);
   }
   .pagelink .lang a:first-child {
      margin-left: 0;
   }
   .pagelink .lang a:last-child {
      margin-right: 0;
   }
   .navIcon{
      width: 32px;
      height: 32px;
      z-index: 60;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      display: none;
   }
   .navIcon-stripe{
      height: 2px;
      width: 100%;
      background-color: var(--carbone);   
   }
   .lang a{
      position: relative;
      font-size:  1.111vw;
      line-height:  1.111vw;
   }
   
   .navline{
      height: 2px;
      background-color: var(--carbone);
      width: 0%;
      position: absolute;
      bottom: -0.347vw;
      left: 0;
   }
   
   /*********************/

   .pagelink{
      width: 65%;
   }
   .pagelink .navlink {
      position: relative;
      width: auto;
      height: auto;
      top: 0;
      right: 0;
      box-sizing: border-box;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      display: flex;
      background-color: rgba(0, 0, 0, 0);
      flex-direction: row;
   }
   .pagelink .navlink a{
      font-size: 1.597vw;
      line-height: 1.597vw;
      margin-bottom: 0;
   }
   .pagelink .lang a{
      font-size: 1.597vw;
      line-height: 1.597vw;
   }
   .pagelink .navlink{
      padding-top: 0;
   }
   nav .navIcon{
      display: none;
   }
}