* {
  padding: 0;
  margin: 0;
}


/* ----------------- Desktop ----------------- */

@media screen and (min-width: 1025px) {
.nascondi-desktop {
  display:none;
}

.container {
  min-width: 1366px;
}

#menuSm, #fotoStaffSm, .categorie-sm {
  display: none;
}

.contenuto-due-sm {
  display: none;
}


}




/* ----------------- Tablet ----------------- */

@media screen and (max-width: 1024px) and (min-width: 500px) {

.nascondi-tablet {
  display:none;
}

#menuSm, #fotoStaffSm, .categorie-sm {
  display: none;
}

.contenuto-due-sm {
  display: none;
}





}




/* ----------------- Smartphone ----------------- */

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

.nascondi-smartphone, #menuDesk, #fotoStaff {
display: none;
}

.container-fluid {
  padding: 0 5%;
}

.col-7, .col-12, .col-4, .col-5, .col-6, .col-11, .col-8 {
  padding: 0 5%;
}

:root {
  --titolo-grande: 10.5vw;
  --bordo-std: 12px
}

.outline, .cursore {
  display: none;
}

 /* --------------------------------------------------- HOME PAGE --------------------------------------------------- */

#hero h1 {
  padding-top: 15px;
}

#background-video {
  width: 100%;
  height: 60vh;
  object-fit: cover;
  border-radius: 20px;
}

.segnaposto {
  height: 500px;
}

#essenza {
  padding: 50px 0 0 0;
}

#essenza .col-12.centrata {
  padding-left: 0;
}

#essenza .line.uno {
  padding-left: 100px;
}

#essenza .line.due {
  padding-left: 25px;
}

#essenza .line.tre {
  padding-left: 125px;
}

.cont-testo .line {
  height: 35px;
}

#essenza .col-12.centrata {
  padding-left: 5%;
}

#essenzaMissione {
  top: 0;
  display: block;
  padding: 0 5%;
}

#essenzaMissione .cont-img {
  width: 80%;
}

#essenzaMissione .cont-text {
  width: 100%;
  padding-left: 0;
}

#residenzialeHome {
  padding: 5% 0;
}

#residenzialeHome p.tipo-progetto {
  font-size: 16vw;
  color: var(--beige);
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 15px;
}

#commercialeHome p.tipo-progetto {
  font-size: 14vw;
  color: var(--nero);
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 15px;
}

#residenzialeHome p.nome-progetto {
  color: var(--beige);
  text-transform: uppercase;
  font-weight: 400;
  font-size: 35px;
  background: var(--nero);
  padding: 5%;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-left-radius: 12px;
  width: 85%;
  margin-top: -15%;
  position: relative;
  z-index: 1;
  float: right;
  padding-bottom: 25px;
}

#commercialeHome p.nome-progetto {
  color: var(--nero);
  text-transform: uppercase;
  font-weight: 400;
  font-size: 35px;
  background: var(--beige);
  padding: 5%;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topright: 12px;
  border-top-right-radius: 12px;
  width: 85%;
  margin-top: -15%;
  position: relative;
  z-index: 1;
  padding-bottom: 25px;
}

.benvenuti {
  padding-top: 50px;
  display: block;
}

.text-benv {
  width: fit-content!important;
  padding-top: 75px;
}

.altri-progetti.nascondi-tablet.nascondi-desktop {
  display: flex;
}

.altri-progetti.nascondi-tablet.nascondi-desktop .progetto-01, .altri-progetti.nascondi-tablet.nascondi-desktop .progetto-02 {
  width: 50%;
}

#commercialeHome {
  padding: 1.3em 0;
}

#benesserePersone {
  padding: 50px 0;
  height: auto;
}

#benesserePersone .col-12.col-md-5.offset-md-1 p {
  padding-left: 0px;
  padding-top: 0;
  width: 100%;
}

#benesserePersone img {
  transform: unset;
}

#esperienzeUniche {
  padding: 5% 0 50px;
}

#esperienzeUniche h2 {
  padding-bottom: 25px;
}

#esperienzeUniche .cont-text {
  padding: 25px;
  -webkit-border-top-right-radius: 12px!important;
  -moz-border-radius-topright: 12px!important;
  border-top-right-radius: 12px!important;
}

#esperienzeUniche a.cta-std {
  padding-left: 50px;
}

#esperienzeUniche p {
  padding-bottom: 0;
}

#esperienzeUniche .row.nascondi-desktop.nascondi-tablet {
  padding: 0 5%;
}

#esperienzeUniche .img-container {
  height: 300px;
}

/* --------------------------------------------------- SAMPLE PROGETTI --------------------------------------------------- */

#nomeProg {
  padding: 150px 0 0;
}

#nomeProg p.categoria {
  padding: 25px 0;
}

#nomeProg p.intro {
  font-size: 20px;
  background: var(--bianco);
  padding: 25px 25px 25px 0;
  width: 80%;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topright: 12px;
  border-top-right-radius: 12px;
  margin-top: -50px;
  position: relative;
  z-index: 1;
}

#secondaSec {
  background: #D23620;
  padding: 5% 0;
}

.wrap-slide {
  height: 300px!important;
}

#secondaSec .cont {
  padding-top: 25px;
}

#secondaSec h2 {
  font-size: var(--titolo-piccolo);
  padding-bottom: 25px;
}

.col-12.col-md-5.offset-md-1.cover, .col-12.col-md-5.cover {
  height: 200px!important;
  padding-top: 25px;
}

.col-12.col-md-5.cover {
  display: none;
}

#secondaSec .pad {
  padding: 50px 0 0;
}

#secondaSec .col-12.col-md-6.offset-md-1 p {
  font-size: 25px;
}

.container-fluid.toggle {
  width: 100%;
}

.cont-tog .tit {
  font-size: 1.7em;
}

.cont-tog .text {
  font-size: 1.5em;
}

#altriProgetti h3 {
  font-size: 12.5vw;
  padding-bottom: 25px;
}

#altriProgetti .wrap {
  height: 200px;
}

#altriProgetti .row.thumb {
  padding-bottom: 25px;
}

#altriProgetti p {
  padding-left: 0;
  padding-bottom: 50px;
}

#collaborazioni {
  padding: 5%;
}

#collaborazioni h3 {
  text-align: center;
  padding-bottom: 25px;
}

#collaborazioni .cont-loghi {
  display: flex;
  justify-content: unset;
}

#collaborazioni .logo-coll {
  margin: 0 auto;
  width: 100px;
  height: 100px;
}

.contenuti {
  padding: 50px 0;
}

/* ------------------------------------------------ ARCHIVIO PROGETTI ------------------------------------------------ */

#introResidenziale, #introCommerciale {
  padding-top: 125px;
  padding-bottom: 50px;
}

#introResidenziale h1 {
  padding: 5% 0;
  font-size: 14vw;
}

#introCommerciale h1 {
  padding: 5% 0;
  font-size: 11vw;
}

#introResidenziale .container-fluid .row.colore, #introCommerciale .container-fluid .row.colore {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5%;
}

#introResidenziale .col-12.col-md-3.offset-md-1, #introCommerciale .col-12.col-md-3.offset-md-1 {
  display: none;
}

#introResidenziale h2, #introCommerciale h2 {
  font-size: 6vw;
  font-weight: 400;
}

.container-fluid.cont-loop {
  padding: 25px 2em;
}

.container-fluid.cont-loop .cont-img {
  padding: 0;
  height: 200px;
  margin-bottom: 75px;
}

.nome-prog-loop {
  padding-top: 15px;
}

/* --------------------------------------------------- PERCHÈ NOI --------------------------------------------------- */

#benessere {
  padding-top: 100px;
}

#benessere .container-fluid.princip {
  padding: 10%;
}

#benessere .row {
  padding: 25px 0;
}

#benessere h1 {
  font-size: 13vw;
}

#benessere .cont-centro {
  padding: 25px 25px;
}

#benessere .cont-centro h2 {
  padding: 0 25px 0 0;
  font-size: 8vw;
}

#benessere p {
  padding: 25px 7% 50px;
}

#benessere h3 {
  padding-right: 0%;
  font-size: 7vw;
}

#metodologia {
  padding: 25px 0;
}

#metodologia .col-12.col-md-6.text {
  padding-top: 25px;
}

#metodologia h4 {
  left: 0;
  padding-bottom: 25px;
}

#metodologia p {
  padding: 0 0 50px 50px;
}

#esperienza {
  margin-top: 0;
  padding-bottom: 50px;
}

#esperienza .cont-dettaglio {
  display: inline-flex;
  flex-direction: column-reverse;
}

#esperienza h5 {
  padding-bottom: 5px;
}

#esperienza .testo {
  width: 100%;
  padding-top: 25px;
}

#esperienza span {
  font-size: 8vw;
}

#gestioneCompleta {
  padding: 35px 0;
}

#gestioneCompleta p {
  padding: 25px 0 0 35px;
}

#gestioneCompleta .col-12.col-md-5 {
  display: block;
  padding-top: 50px;
}

#gestioneCompleta p.cit {
  font-size: 7vw;
  padding: 50px 0 0;
}

#gestioneCompleta p.firma {
  padding: 25px 0;
  font-size: 1em;
  text-align: start;
}

/* --------------------------------------------------- COME LAVORIAMO --------------------------------------------------- */

#clienteCentro h1 {
  font-size: 8vh;
  text-align: left;
  line-height: .8em;
}

#clienteCentro .cliente-cuore {
  width: 90%;
}

#clienteCentro .testo {
  padding: 25px;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-left-radius: 12px;
  width: 80%;
  top: -100px;
}

#clienteCentro .testo p {
  font-size: 20px
}

.spazio-bianco {
  display: none;
}

#risultati .cont-testo .line {
  height: 35px;
}

#risultati .line.uno-due {
  padding-left: 0;
}

#risultati .line.tre-due {
  padding-left: 0;
}

#risultati {
  padding: 200px 0 0;
}

#risultato {
  padding-bottom: 75px;
}

#risultato .risultato-profondo {
  width: 100%;
  display: block;
}

#risultato .risultato-profondo .wrap {
  width: 100%;
}

#risultato .risultato-profondo .testo {
  width: 100%;
  padding-left: 25px;
}

#risultato .risultato-profondo .testo {
  padding-left: 0;
  padding-top: 25px;
}

#privato h2 {
  position: relative;
  top: 0;
  left: 0;
  font-size: 15vw;
  padding-bottom: 25px;
}

#privato .container-fluid.nostro-metodo {
  padding-top: 50px;
}

#privato .container-fluid.nostro-metodo p {
  padding-left: 50px;
}

#aziendale h2 {
  position: relative;
  top: 0;
  left: 0;
  font-size: 15vw;
  padding-bottom: 25px;
}

#aziendale .container-fluid.nostro-metodo {
  padding-top: 50px;
}

#aziendale .container-fluid.nostro-metodo p {
  padding-left: 50px;
}

/* --------------------------------------------------- COSA FACCIAMO --------------------------------------------------- */

#esperienzeUnicheInt {
  padding: 150px 0 0;
}

#esperienzeUnicheInt h1 {
  top: 27%;
}

#esperienzeUnicheInt .container-fluid.titolo {
  height: 12em;
}

span.text-rev-3 {
  font-size: 1.5em;
  line-height: 1em;
  font-weight: 400;
}

#personalita {
  padding-top: 0;
}

#personalita .row {
  flex-direction: column-reverse;
}

#personalita .toggle {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 50px;
}

p.tit-toggle {
  font-size: 25px;
  font-weight: 600;
}

#nostroApproccio {
  padding: 5% 0;
  margin-top: 25px;
}

#nostroApproccio h3 {
  font-size: 25px;
  padding-bottom: 0;
}

#nostroApproccio .container-fluid.primo-cont .testo {
  padding-bottom: 50px;
}

#nostroApproccio .container-fluid.secondo-cont {
  padding-top: 0;
}

/* --------------------------------------------------- CHI SIAMO --------------------------------------------------- */

#professionisti {
  margin-top: 150px;
  margin-bottom: 25px;
  height: auto;
  background-position: bottom;
}

#professionisti h1 {
  font-size: var(--titolo-piccolo);
}

#riconoscimenti .titolo-rico {
  background: var(--bianco);
  padding: 25px 0 25px 25px;
  -webkit-border-top-left-radius: 12px;
  -moz-border-radius-topleft: 12px;
  border-top-left-radius: 12px;
  top: -50px;
}

#premi {
  width: 100%;
}

#premi .cont-premi .logo-premi {
  width: 150px;
  height: 150px;
}

#premi .text-premi {
  padding-left: 25px;
}

#premi p {
  font-size: 5vw;
}

#premi .cont-premi {
  padding-bottom: 0;
}

#premi a {
  float: left;
}

#premi img.premio {
  width: 300px;
  margin-top: 25px;
  margin-bottom: 75px;
}

#staff {
  margin-top: 0px;
}

#staff h4 {
  font-size: 15vw;
  font-weight: 400;
  text-align: left;
  line-height: 1em;
  padding-bottom: 50px;
}

#staff .cont-staff, #staff .cont-staff.matteo {

}

#staff .wrap-img {
  width: 60%;
  height: 60%;
}

#staff .cont-text {
  width: 100%;
  padding-top: 25px;
}

#staff .cont-staff.ada {
  display: flex;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  padding-right: 0;
  width: 100%;
  display: block;
}

#staff .cont-staff.matteo {
  padding-left: 0;
  width: 100%;
  display: block;
}

#staff .cont-staff.matteo .wrap-img {
  float: right;
  padding-bottom: 25px;
}

#staff h5 {
  font-size: 6vw;
  padding: 100px 0 0;
}

#progettiIam {
  padding-top: 25px;
}


#progettiIam h6 {
  padding-bottom: 25px;
}

#fotoStaffSm {
  padding-bottom: 5%;
}

.spazio-bianco-riconoscimenti {
  height: 100px;
}


/* --------------------------------------------------- CONTATTI --------------------------------------------------- */

#intro-cont {
  padding-top: 0;
}

#intro-cont h2 {
  display: none;
}

#secNl {
  margin-top: 5%;
  padding-bottom: 100px;
}

#secNl h2 {
  font-size: 12vw;
}

#secNl h3 {
  padding-left: 50px;
  font-size: var(--titolo-piccolo);
}

#secContatti h3 {
  padding-left: 50px;
  font-size: var(--titolo-piccolo);
}

#secContatti {
  padding-bottom: 100px;
}

#secContatti h2 {
  font-size: 12vw;
}

#secContatti h3 {
  padding-left: 50px;
  font-size: var(--titolo-piccolo);
}

.container-fluid.form .row {
  display: block;
}

.container-fluid.form .row .col {
  padding-bottom: 15px;
  padding-left: 5%;
  padding-right: 5%;
}

.form-control-nl {
  font-size: 1.2em!important;
}

.form-control-contatti {
  font-size: 1.2em!important;
}

p.privacy-nl {
  margin-top: 0!important;
}

select.wpcf7-form-control.wpcf7-select, textarea {
  font-size: 1.2em!important;
}

p.privacy-contattaci {
  margin-top: 0!important;
}


/* --------------------------------------------------- FOOTER --------------------------------------------------- */

#newsletter {
  padding: 5% 0 0;
  height: 700px;
}

#newsletter p.iscriviti {
  font-size: 12vw;
  text-align: left;
  padding-bottom: 25px;
}

#newsletter .col-12.col-md-7.offset-md-5 {
  padding: 0;
}

#newsletter p.cont-sm {
  padding: 25px 0 25px 35px;
  background: var(--bianco);
  font-size: 1.5em;
  width: 80%;
  float: right;
  -webkit-border-top-left-radius: 12px!important;
  -moz-border-radius-topleft: 12px!important;
  border-top-left-radius: 12px!important;
  margin-top: -50px;
  position: relative;
  z-index: 1;
}

.iscriviti-nl {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

footer .contenuto-uno {
  width: 90%;
  padding: 25px;
}

footer .contenuto-due {
  display: none;
}

footer .contenuto-uno img {
  width: 100px;
}


footer .contenuto-due-sm {
  background-color: var(--nero);
  width: 90%;
  padding: 25px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

footer .contenuto-due-sm a p {
  font-size: 16px;
}

footer .citta {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  padding-right: 15px;
}

footer .note-legali {
  font-size: 14px;
}

footer .note-legali a {
  font-size: 14px;
  text-decoration: underline;
}

#introCommerciale .col-12.col-md-6 {
  padding-bottom: 0;
}

span.link-menu {
  font-size: 3em;
}

.grid-item {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  pointer-events: none;
}

.cont-vedi-gal {
  display: block;
  padding: 50px;
  height: 300px;
}

.cont-vedi-gal p {
  width: 100%;
  text-align: center;
  padding-bottom: 25px;
}


.cont-vedi-gal img {
  width: 100px;
  transform: rotate(90deg);
}


.swiper-slide {
  width: 75%!important;
}

#secondaSec .container-fluid.no-pd {
  padding: 0 0 5%;
}

.wrap-slide img {
  height: 100%;
}

.benvenuti .progetto-01 img, .benvenuti .progetto-02 img {
  object-fit: cover;
}

.benvenuti .progetto-01 {
  padding-right: 10px;
}

.benvenuti .progetto-02 {
  padding-left: 10px;
}

#background-video.video-chi-siamo {
  object-fit: contain;
  height: auto;
}



 

}