* {
  padding: 0;
  margin: 0;
}

 /* *, * * {outline: 1px solid red !important} */

/* Container BS */

.container {
  max-width: 1340px;
  padding: 0 50px;
}




/* Tipografia */

body {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #6E6D6D;
  line-height: 25px;
  letter-spacing: 0.56px;
}

h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 80px;
  font-weight: 700;
  color: red;
  line-height: 100px;
}

h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: #3333FF;
  line-height: 70px;
}

h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 45px;
  font-weight: 700;
  color: #3333FF;
  line-height: 55px;
}

h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #6E6D6D;
  line-height: 30px;
  letter-spacing: 0.56px;
}

h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: black;
  line-height: 42px;
}

h6 {
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: black;
  line-height: 35px;
}

a {
  color: #9900FF;
  font-weight: 700;
}

a:hover {
  color: #3333FF;
  font-weight: 700;
}

marquee {
  font-size: 250px;
  font-weight: 800;
  height: 350px;
  display: flex;
  align-items: center;
  color: #F7F5F5;
}

footer {
  background-color: #3333FF;
  color: white;
  font-size: 14px;
  padding: 100px 0 50px;
}

mark {
  position: relative;
}

mark::after {
  box-sizing: content-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  top: 60%;
  left: -10px;
  padding: 0 2px;
  background: #red;
}

.display-4 {
  font-size: 2em;
  font-weight: 800;
}

sup {
  top: -1.5em;
  font-size: 40%;
}


/* PULSANTI HOVER SFUMATURA */

.hover-pulsante {
  padding: 25px 50px;
  color: #fff;
  cursor: pointer;
  border: none;
  background-size: 200% 100%;
  border-radius: 50px;
  transition: all .7s ease-in-out;
}
.hover-pulsante:hover {
  background-position: 100% 0;
  transition: all .7s ease-in-out;
  color: white;
  text-decoration: none;
}
.hover-pulsante:focus {outline: none;}
.hover-pulsante.colore-1 {
  background-image: linear-gradient(to right, #3333ff, #9900ff, #3333ff);
  font-weight: 700;
}
.hover-pulsante.colore-2 {
  background-image: linear-gradient(to right, #f59d23, #ffcc00, #f59d23);
  font-weight: 800;
}


/* PULSANTI HOVER */

.hover-1 {
  background: linear-gradient(86deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%) var(--p, 0) / var(--p, 0) no-repeat;
  transition: 0.5s, background-position 0s;
  text-transform: uppercase;
  color: white;
  border: solid 1px white;
  border-radius: 50px;
  padding: 15px 50px;
}
.hover-1:hover {
  --p: 100%;
  color: #3333FF;
  text-decoration: none;
}


/* -------------------- PADDING -------------------- */

.pd-none {
  padding: 0;
}

.pd-100 {
  padding: 100px;
}
/* ------ PD-TOP ------  */

.pd-top-300 {
  padding-top: 300px;
}

.pd-top-200 {
  padding-top: 200px;
}

.pd-top-150 {
  padding-top: 150px;
}

.pd-top-100 {
  padding-top: 100px;
}

.pd-top-75 {
  padding-top: 75px;
}

.pd-top-50 {
  padding-top: 50px;
}

.pd-top-25 {
  padding-top: 25px;
}

/* ------ PD-BOTTOM ------  */

.pd-bottom-200 {
  padding-bottom: 200px;
}

.pd-bottom-150 {
  padding-bottom: 150px;
}

.pd-bottom-100 {
  padding-bottom: 100px;
}

.pd-bottom-50 {
  padding-bottom: 50px;
}

.pd-bottom-25 {
  padding-bottom: 25px;
}


/* ------ PD-LEFT ------  */

.pd-left-100 {
  padding-left: 100px;
}

.pd-left-50 {
  padding-left: 50px;
}

.pd-left-25 {
  padding-left: 25px;
}

/* ------ PD-RIGHT------  */

.pd-right-100 {
  padding-right: 100px;
}

.pd-right-50 {
  padding-right: 50px;
}

.pd-right-25 {
  padding-right: 25px;
}

/* -------------------- MARGINI -------------------- */

.mg-top-150 {
  margin-top: 150px;
}

.mg-top-100 {
  margin-top: 100px;
}

.mg-top-50 {
  margin-top: 50px;
}

.mg-bottom-50 {
  margin-bottom: 50px;
}

.mg-sx-25 {
  margin-left: 25px;
}


/* COLORI */

.blu {
  color: #3333FF;
}

.viola {
  color: #9900FF;
}

.arancio {
  color: #F59D20;
}

.giallo {
  color: #FFCC00;
}

.grigio {
  color: #6E6D6D;
}

.bcg-gradient-blu {
  background: linear-gradient(90deg, rgba(40,102,255,1) 0%, rgba(153,0,255,1) 100%);
}

.bcg-gradient-giallo {
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
}

.bcg-grigio {
  background-color: #F7F5F5;
}

.bcg-blu {
  background-color: #3333FF;
}

.bcg-viola {
  background-color: #9900FF;
}

.bcg-arancio {
  background-color: #F59D20;
}



/* GRADIENTI ANIMATI */

.gradient_01 {
  height: 500px;
  animation: animazione 4s ease-in-out infinite alternate;
  background: radial-gradient(circle, rgba(51,51,255,1) 20%, rgba(153,0,255,1) 90%, rgba(153,0,255,1) 100%);
}

.gradient-02 {
  background: radial-gradient(circle, rgba(255,204,0,1) 0%, rgba(245,157,35,1) 100%);
  animation: animazione_02 5s ease-in-out infinite alternate-reverse;
  }

  @keyframes animazione_02 {
    0% {
      background-size: 100%;

    }
    100% {
      background-size:400%;
      background-position-y: -500px;
      background-position-x: -1500px;
    }
  }

  @keyframes animazione {
    0% {
      background-size: 100%;
    }
    100% {
      background-size:800%;
    }
  }


/* SECTION DIV E HEAD INTERNI*/

#hero {
  position: relative;
  padding-top: 100px;
  padding-bottom: 200px;
  height: 100%;
  background: linear-gradient(90deg, rgba(40,102,255,.9) 0%, rgba(153,0,255,.9) 100%);
  background-attachment: fixed;
}

#videoBack {
  height: 100%;
  width: 100vw;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  filter: opacity(.8);
}

#cta01 {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
  height: 800px;
  margin-top: 150px;
}

#cta01B {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
  height: 800px;
}

#cta02 {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(40,102,255,.8) 0%, rgba(153,0,255,.8) 100%);
  height: 800px;
}

#cta03 {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(40,102,255,.8) 0%, rgba(153,0,255,.8) 100%);
  height: 600px;
  margin-top: 100px;
}

#cta04 {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(40,102,255,.8) 0%, rgba(153,0,255,.8) 100%);
  height: 800px;
}

#cta05 {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(40,102,255,.8) 0%, rgba(153,0,255,.8) 100%);
  height: 800px;
}

#cta06 {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
  height: 800px;
  margin-top: 100px;
  margin-bottom: 100px;
}

#videoBack02 {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  filter: opacity(.7);
  z-index: -1;
}

#videoBack03 {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  filter: opacity(.3);
  z-index: -1;
}

#videoBack04 {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  filter: opacity(.3);
  z-index: -1;
}

#home03 {
  padding: 100px 0;
  background-color: #F7F5F5;
}

#home05 {
  height: 500px;
}

#home06 {
  background-color: #F7F5F5;
  background-image: url(/img/Pittogramma.svg);
  background-repeat: no-repeat;
  background-position-x: 75%;
  background-position-y: 5%;
  background-size: 350px;
  margin-top: 600px;
  position: relative;
  padding-bottom: 100px;
  background-attachment: fixed;
}

#pmiEnergivore02 {
  background: linear-gradient(90deg, rgba(40,102,255,1) 0%, rgba(153,0,255,1) 100%);
  display: flex;
}

#pmiEnergivore03 {
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
  display: flex;
  margin-top: 800px;
}

#headerInterno {
  height: 500px;
}

#headerInterno02 {
  height: 75px;
}

#chiSiamo02 {
  height: 650px;
  margin-bottom: 300px;
}

#chiSiamo03 {
  height: 800px;
  padding: 100px 0;
  margin-top: 200px;
  margin-bottom: 200px;
}

#gara03 {
  padding-bottom: 100px;
}

#alTuoFianco02 {
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
  display: flex;
}

#alTuoFianco04 {
  background-image: url(/img/Al_Tuo_Fianco_03.jpg);
  background-size: 950px;
  background-repeat: no-repeat;
}

#richiestaConsulenza02 {
  background-color: #F7F5F5;
  position: relative;
  padding-top: 150px;
  padding-bottom: 100px;
  margin-top: 100px;
}

#richiestaConsulenza04 {
  padding: 100px 0;
  background-color: #F7F5F5;
  /*background-image: url(../img/Richiesta_Consulenza_05.jpg);
  background-size: 1000px;
  background-position-y: 100px;
  background-repeat: no-repeat;*/
}

#richiestaConsulenza05 {
  height: 550px;
  margin-bottom: 700px;
}

#contattaci, #contattaci02 {
  background: linear-gradient(90deg, rgba(40,102,255,1) 0%, rgba(153,0,255,1) 100%);
  padding: 100px;
  margin-left: 20%;
  position: relative;
  height: 1350px;
}

#form {
  position: absolute;
  top: auto;
  left: -150px;
}

#casiStudio02 {
  height: 700px;
  margin-bottom: 300px;
}

#news {
  padding-top: 100px;
}

#contattaci-sm {
  background-color: #3333FF;
  /* background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%); */
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 75px;
  z-index: 999;
}

.head-interno {
  display: flex;
  align-items: center;
  height: 500px;
  position: relative;
  padding-top: 100px;
  padding-left: 20%;
}

.img-head, .img-head-02 {
  width: 550px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.tit-head {
  width: 700px;
  color: white;
  z-index: 1;
}

.cont-7 {
  width: 60%;
  padding: 100px 10%;
  color: white;
}

.cont-4 {
  width: 40%;
}

/* SLIDER */

.slider-content {
  width: 500px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.img {
  width: 100%;
  height: 100%;
}

.tit-cont {
  font-size: 40px;
  color: #3333FF;
  text-align: left;
  background-color: white;
  padding: 25px;
  border-radius: 50px;
}

.p-cont {
  color: white;
  width: 350px;
  padding: 50px 50px 0;
}

.cont-text {
  position: absolute;
  background-color: #3333FF;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-items: center;
  flex-direction: column;
  opacity: 0;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.cont-text:hover {
  opacity: 1;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background: #F7F5F5;
}

.swiper-pagination {
  text-align: left!important;
  padding-left: 15px!important;
}

.swiper-pagination-bullet {
  width: 50px!important;
  height: 50px!important;
  text-align: center;
  line-height: 47px;
  font-size: 20px;
  color: #000;
  opacity: 1;
  background: transparent!important;
}

.swiper-pagination-bullet-active {
  color: #3333FF;
  border: solid 1.5px #3333FF;
}

.slide-1, .slide-2, .slide-3 {
  display: block;
  font-size: 30px;
  line-height: 50px;
}

.col-slider {
  margin-left: -25px;
}

.swiper-button-prev {
  content: url(/img/Freccia.svg)!important;
  width: 75px!important;
  height: 75px!important;
  transform: rotate(180deg);
}

.swiper-button-next {
  content: url(/img/Freccia.svg)!important;
  width: 75px!important;
  height: 75px!important;
}

.swiper-pagination-progressbar {
  padding-bottom: 5px;
  margin-top: 25px;
  background: #F7F5F5!important;
}

.swiper-pagination-progressbar-fill {
  background: #9900FF!important;
}

/* ALTRO */

.intro-par {
  width: 20px;
  padding-bottom: 15px;
}

.allinea-centro {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.box-testo-500 {
  width: 500px;
}

.testo-scorr {
  font-size: 200px;
  color: red;
}

.blocco-chiuso {
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 60px;
  background-color: white;
}

.blocco-chiuso-02, .blocco-chiuso-04 {
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 60px;
  background-color: white;
}

.img-blocchetto {
  width: 55%;
  margin-right: 15%;
}

.freccia {
  width: 75px;
  cursor: pointer;
}

.blocco-aperto, .blocco-aperto-02 {
  position: absolute;
  width: 45%;
  height: 100%;
  background-color: #3333FF;
  color: white;
  padding: 60px;
  top: 0;
  left: -45%;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  z-index: 1;
}

.blocco-aperto--open, .blocco-aperto-02--open{
  left: 6%;
  z-index: 1;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.blocco-aperto-03 {
  position: absolute;
  top: 85%;
  filter: opacity(0);
  padding: 60px;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  z-index: 1;
}

.blocco-aperto-03--open {
  filter: opacity(1);
  top: 0;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  z-index: 1;
}

.blocco-aperto-04 {
  position: absolute;
  top: 0;
  left: -100%;
  width: 600px;
  height: 100%;
  background-color: #F59D20;
  color: white;
  filter: opacity(0);
  padding: 60px;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  z-index: 1;
}

.blocco-aperto-04--open {
  filter: opacity(1);
  top: 0;
  left: 49%;
  height: 100%;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  z-index: 1;
}

.chi-siamo-01-aperto {
  padding: 60px;
  background-color: #F7F5F5;
  position: absolute;
  width: 88.6%;
  top: -48%;
  filter: opacity(0);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.chi-siamo-01-aperto--open {
  padding: 60px;
  background-color: #F7F5F5;
  position: absolute;
  width: 88.6%;
  top: 48%;
  filter: opacity(1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  z-index: 999;
}

.chi-siamo-02-aperto {
  padding: 60px;
  background-color: #F7F5F5;
  position: absolute;
  width: 88.6%;
  top: -48%;
  filter: opacity(0);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.chi-siamo-02-aperto--open {
  padding: 60px;
  background-color: #F7F5F5;
  position: absolute;
  width: 88.6%;
  top: 86%;
  filter: opacity(1);
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  z-index: 999;
}

.chiudi {
  width: 35px;
  padding-bottom: 50px;;
}

.bottone-absolute-basso {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 12%;
  margin-right: 12%;
  margin-bottom: 12%;
  text-align: center;
}

.bottone-absolute-alto {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: 18%;
  margin-right: 12%;
  margin-top: 12%;
  text-align: center;
}

.logo-footer {
  width: 250px;
}

.link-footer {
  color: white;
  font-weight: 400;
}

.link-footer:hover {
  color: white;
  text-decoration: underline;
  font-weight: 400;
}

.fa-brands {
  font-size: 20px;
  margin-right: 25px;
}

.pulsante-sm-01 {
  background: linear-gradient(90deg, rgba(40,102,255,1) 0%, rgba(153,0,255,1) 100%);
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.56px;
  background-color: white;
  border-radius: 50px;
  border-color: transparent;
  padding: 10px 25px;
}

.pulsante-sm-02 {
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.56px;
  background-color: white;
  border-radius: 50px;
  border-color: transparent;
  padding: 10px 25px;
}

.pulsante-md-01 {
  background: linear-gradient(90deg, rgba(40,102,255,1) 0%, rgba(153,0,255,1) 100%);
  color: white;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.56px;
  background-color: white;
  border-radius: 50px;
  border-color: transparent;
  padding: 10px 25px;
}

.pulsante-md-02 {
  background: linear-gradient(90deg, rgba(245,157,33,.9) 0%, rgba(255,204,0,.9) 100%);
  color: white;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.56px;
  background-color: white;
  border-radius: 50px;
  border-color: transparent;
  padding: 10px 25px;
}

.fondo-gradiente-blu {
  height: 250px;
}

.fondo-gradiente-blu-02 {
  height: 320px;
}

.anim-logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.logo-animato {
  width: 20%;
}

.logo-animato-2 {
  margin-left: 0px;
  width: 48%;
}
.logo-animato-3 {
  width: 30%;
  margin-left: 13%;
}

.mg-logo {
  margin-left: -20px;
}

.chi-siamo-01 {
  background-color: #3333FF;
  padding: 60px;
}

.chi-siamo-02 {
  background-color: #9900FF;
  padding: 60px;
}

.img-contatti {
  width: 7%;
  margin-right: 20px;
}


/* SLIDE ANNO LUCE */

.slide-blu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #3333FF;
  padding: 100px;
}

.slide-viola {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #9900FF;
  padding: 100px;
}

.num-slide-blu {
  color: #2866FF;
  font-size: 100px;
  padding-bottom: 50px;
}

.num-slide-viola {
  color: #B858F8;
  font-size: 100px;
  padding-bottom: 50px;
}

.tit-slide {
  color: white;
  max-width: 500px;
  height: 200px;
}

.testo-slide {
  color: white;
  max-width: 500px;
  padding-top: 50px;
  height: 200px;
}

.img-slide {
  width: 120px;
  margin-top: -100px;
}

div.col-12.col-md-5.pd-top-100.pd-bottom-100.pd-left-100.pd-right-100.pd-top-50-sm.pd-bottom-50-sm.bcg-grigio.fianco {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

div.col-12.col-lg-7.pd-top-150.pd-bottom-150.pd-bottom-50-sm.nascondi-desktop {
  padding-top: 50px;
}

div.col-12.col-md-6.reparto {
  padding-top: 700px;
}

.esempio {
  display: flex;
  align-items: center;
  background-color: #3333FF;
  margin-bottom: 50px;
}

.esempio-02 {
  display: flex;
  align-items: center;
  background-color: #9900FF;
  margin-bottom: 50px;
}

.es-text {
  display: flex;
  align-items: center;
  width: 65%;
  padding-top: 15px;
  background-color: white;
  border: solid 1px #3333FF;
  font-size: 25px;
}

.es-text-02 {
  display: flex;
  align-items: center;
  width: 65%;
  padding-top: 15px;
  background-color: white;
  border: solid 1px #9900FF;
}

.es-prezzo {
  width: 35%;
  padding-top: 15px;
}

.img-es {
  width: 150px;
  margin-right: 25px;
  margin-top: -15px;
}

div.esempio-02.no-mg {
  margin-bottom: 10px;
}

h5.grigio {
  font-size: 27px;
  line-height: 37px;
}

.caso-studio-01 {
  background-color: #3333FF;
  padding: 60px;
  height: 50%;
}

.caso-studio-02 {
  background-color: #9900FF;
  padding: 60px;
  height: 50%;
}

.testata {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px 100px;
  background: linear-gradient(90deg, rgba(40,102,255,1) 0%, rgba(153,0,255,1) 100%);
  height: 600px;
}

.text-testata {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: solid 1px white;
  z-index: 1;
}

.a2a_kit.a2a_default_style {
  display: inline-block;
}

.a2a_kit a {
  margin-bottom: 10px;
}

.condivisione {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 100px 100px 100px;
}

.img-caso {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  mix-blend-mode: multiply;
  filter: opacity(.2);
}

/* TOGGLE F.A.Q */

#faq01 {
  padding-top: 100px;
}

#faq02 {
  padding-top: 50px;
}

#faq03 {
  padding-top: 50px;
}

#faq04 {
  padding-top: 50px;
}

#faq05 {
  padding-top: 50px;
}

#faq06 {
  padding-top: 50px;
}

#faq07 {
  padding-top: 50px;
}

.cont-toggle-01 {
  padding: 25px 50px 25px 50px;
  background-color: #3333FF;
}

.cont-toggle-02 {
  padding: 25px 50px 25px 50px;
  background-color: #9900FF;
}

.cont-toggle-03 {
  padding: 0;
}

.riga-toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tit-toggle {
  font-size: 25px;
  line-height: 40px;
  margin: 0;
}

.card {
  word-wrap: break-word;
  background-color: #F7F5F5;
  background-clip: border-box;
  border: 0px solid rgba(0,0,0,.125);
  border-radius: 0;
}

.card-body {
  padding: 50px;
}

button {
  background-color: transparent;
  border: 0;
  float: right;
}

.contattaci-sm {
  color: white;
  font-size: 27px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 25px;
}

.marquee {
  display: flex;
  align-items: center;
  width: 100%;
  height: 400px;
  white-space: nowrap;
  overflow: hidden;
}

.marquee span {
  display: inline-block;
  font-size: 250px;
  color: #F7F5F5;
  padding-left: 100%;
  -webkit-animation: scroll 20s infinite linear;
}

.marquee-02 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  white-space: nowrap;
  overflow: hidden;
}

.marquee-02 span {
  display: inline-block;
  color: white;
  padding-left: 100%;
  -webkit-animation: scroll 20s infinite linear;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
  }
}

.scrollToTop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: -10px;
}

a.scrollToTop img {
  width: 100px;
  height: 100px;
}

.evidenzia {
  position: relative;
}

.evidenzia::after {
  box-sizing: content-box;
  content: '';
  position: absolute;
  width: 105%;
  height: 50%;
  top: 50%;
  left: -20px;
  padding: 0 2px;
  background: #3333FF;
  z-index: -1;
}

h5.marquee-02.text-white {
  margin-bottom: 0;
}

ul.el-sof {
  list-style-image: url(/img/Elenco_Soff_03.png);
  position: relative;
  left: 75px;
}

li h5.el-sof-02 {
  position: relative;
  top: -50px;
  left: 25px;
}

h4.var-01::before {
  content: url(/img/Numero_01.png);
}



/* MODULO CONTATTO */

.form-contatti-01 {
  width: 100%;
  color: #3333FF;
  font-size: 16px;
  border: solid 1px #3333FF;;
  background-color: white;
  margin-bottom: 25px;
  padding: 20px;
}

.cont-form {
  padding: 50px 50px 76px 50px;
}

input {
  margin-right: 5px;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: linear-gradient(to right, #3333ff, #9900ff);
  border: none;
  border-radius: 50px;
  color: white;
  font-weight: 700;
  font-size: 20px;
  padding: 25px 50px;
  float: right;
}

.screen-reader-response {
  display: none;
}

.wpcf7-not-valid-tip {
  color: red;
}

.wpcf7-response-output {
  display: none;
}

.invio {
  position: absolute;
  right: 0;
  top: -25px;
  width: 60px!important;
  height: 60px!important;
  background-image: url(/img/Freccia_bianca.svg)!important;
  background-repeat: no-repeat!important;
  background-position-x: right!important;
  background-size: cover!important;
  color: transparent!important;
  padding: 0!important;
}

.form-control {
  font-size: 14px;
  border: 0;
  border-bottom: solid 1px white;
  border-radius: 0;
  background-color: transparent;
  margin-bottom: -20px;
}

.form-control:focus {
  color: white;
  background-color: transparent;
  border-color: white;
  box-shadow: none;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 35px;
}

label {
  width: 100%;
}

/* AGGIORNAMENTI */

#chiSiamo01 .col-12.col-md-6.nascondi-tablet.nascondi-smartphone {
  position: sticky;
  top: 100px;
  height: 400px;
}

#home02 .fondo-gradiente-blu {
  height: 400px;
}


#home05 {
  height: 650px;
}

#pmiEnergivore03 {
  margin-top: 600px;
}

#contCons01 {
  background-image: url(/img/Consulenza_3A.jpg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: contain;
  height: 600px;
}

#contCons02 {
  background-image: url(/img/Consulenza_3B.jpg);
  background-repeat: no-repeat;
  background-position-x: left;
  background-size: contain;
  height: 600px;
}

#contCons03 {
  background-image: url(/img/Consulenza_3C.jpg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: contain;
  height: 600px;
}

#contCons04 {
  background-image: url(/img/Consulenza_3D.jpg);
  background-repeat: no-repeat;
  background-position-x: left;
  background-size: contain;
  height: 600px;
}

#contCons05 {
  background-image: url(/img/Consulenza_3E.jpg);
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: contain;
  height: 600px;
}

.cont-cons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box-dx {
  background-color: #2866FF;
  width: 800px;
  padding: 50px;
}

.box-sx {
  background-color: #9900FF;
  width: 800px;
  padding: 50px;
}

.tit-cons {
  display: inline-flex;
  align-items: flex-start;
  padding-bottom: 50px;
}

#consDx img, #consSx img {
  width: 75px;
}

#consDx h5, #consSx h5 {
  width: 650px;
}

.box-testo-400 {
  width: 400px;
}

#diagnosiEnergetica01 {
  padding: 100px 0;
}

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

#diagnosiEnergetica01 .container .col-12.col-md-6.gradient-02 {
  padding: 75px;
  height: 650px;
  position: sticky;
  top: 100px;
}

#diagnosiEnergetica01 .container .col-12.col-md-6.gradient-02 h3, #diagnosiEnergetica01 .container .col-12.col-md-6.gradient-02 h6, #diagnosiEnergetica01 .container .col-12.col-md-6.gradient-02 img {
  padding-bottom: 50px;
}

/*
.slide-vert {
  height: 425px;
  overflow-y: auto;
  padding-left: 50px;
}
*/


.slide-vert {
  height: 425px;
  overflow-y: scroll;
  padding-left: 50px;
  position: sticky;
  top: 50px;
}

.box-slide-vert {
  height: 425px;
  background-color: #3333FF;
  padding: 50px;
}

.tit-box-slide-vert {
  position: relative;
}

.tit-box-slide-vert h2 {
  float: right;
}

.tit-box-slide-vert h5 {
  position: absolute;
  color: white;
  width: 360px;
}

.tit-box-slide-vert p {
  color: white;
  padding-top: 130px;
}

.tit-box-slide-vert img {
  width: 50px;
  transform: rotate(90deg);
}

.tit-box-slide-vert img.freccia-inv {
  width: 50px;
  transform: rotate(270deg);
}

.box-slide-vert-02 {
  height: 425px;
  background-color: #9900FF;
  padding: 50px;
}

#diagnosiEnergetica01 {
  padding-top: 0;
}

#imprenditoreSofferente.gradient_01 {
  height: auto;
  padding-bottom: 100px;
}