@import "struttura.css";

html {
  scroll-behavior: smooth;
  scroll-padding: 150px;
}

/* 
font-family: "Kanit", sans-serif;
*/

body {
  font-family: "Kanit", sans-serif;
  color: #5d6162;
}

main {
  margin-top: 120px;
}

.home main {
  margin-top: 0;
}

.wrapper {
  max-width: 100%;
  width: 100%;
}

p {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 24px;
}

.noListStyle ul , .noListStyle li {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 50px;
  line-height: 60px;
  margin: 0;
  padding: 0;
  font-family: "Kanit", sans-serif;
}


/* header */

.logoHome img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100vh;
  z-index: 999;
}

.logo {
  display: inline-block;
  width: 216px;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -108px;
}

.logo img {
  width: 100%;
}

.logoSticky {
  display: none;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}



.menuDx {
  position: absolute;
  right: 0;
  top: 0;
}


.menu, .menu li, .menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu {
  padding: 12px 30px;
  background-color: #fff;
}

.menu a {
  font-size: 16px;
  line-height: 16px;
  color: #7c8081;
}

/* slide home */

.singleSlide {
  height: 100vh;
  margin: 0;
  padding: 0;
  background-size: cover;
}

.singleSlide {
  position: relative;
}

.containerTextSlider {
  position: absolute;
  left: 50px;
  bottom: 100px;
}

.containerTextSlider h2 , .containerTextSlider h1 {
  font-size: 50px;
  line-height: 55px;
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.containerSliderHome .owl-dots {
  position: absolute;
  right: 20px;
  bottom: 20px;
}






/* menu */

header.header.sticky.blueheader {
  background-color: #00489a;
}

.header.sticky.blueheader .logoSticky {
  display: none;
}

.logoStickyBlue {
  display: none;
}

.header.sticky.blueheader .logoStickyBlue {
  display: block;
}

.logoSticky {
  display: none;
}

.header.sticky {
  height: 120px;
  background-color: #fff;
}

.header.sticky .logo {
  display: none;
}

.header.sticky .logoSticky {
  height: 65px;
  display: inline-block;
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -108px;
  display: block;
}

.header.sticky .logoSticky img {
  height: 65px;
}

.header.sticky.blueheader .logoStickyBlue {
  height: 65px;
  display: inline-block;
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -108px;
  display: block;
}

.header.sticky.blueheader .logoStickyBlue img {
  height: 65px;
}

.header.sticky .bloccoTitolo {
  display: block;
}

.bloccoPrenota {
  right: 60px;
  top: 0;
  height: 62px;
  position: absolute;
  background-color: #fff;
  line-height: 62px;
  padding: 0 30px;
  border-left: 1px solid #f2e8df;
  border-bottom: 1px solid #f2e8df;
  font-size: 16px;
}

.bloccoTitolo {
  left: 24px;
  top: 0;
  height: 62px;
  position: absolute;
  background-color: #fff;
  line-height: 62px;
  padding: 0 30px;
  font-size: 16px;
  display: none;
  color: #a17b4f;
}


.openCloseMobile {
  float: right;
  margin-top: 0;
  margin-right: 0;
  display: block;
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  /* height: 62px; */
  padding: 50px 40px;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height: 20px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #009bac;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.header.sticky #nav-icon1 span, .header.sticky #nav-icon3 span, .header.sticky #nav-icon4 span {
  background: #00489a;
}

.header.blueheader #nav-icon1 span, .header.blueheader #nav-icon3 span, .header.blueheader #nav-icon4 span {
  background: #009bac;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px;
}

#nav-icon3 span:nth-child(4) {
  top: 16px;
  width: 100%;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}  


.containerMenuMobile {
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
}

.boxMenuMobile {
  background-color: #fff;
  padding: 100px 50px;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}

.navMobile {
  padding: 0;
}

.navMobile , .navMobileCol2 {
  width: 40%;
}



.navMobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navMobile li a {
  color: #009bac;
  font-size: 60px;
  line-height: 70px;
  display: block;
  font-weight: bold;
}

#menu-second-col-menu li.customMenu a {
  color: #009bac;
  font-size: 60px;
  line-height: 70px;
  display: block;
  font-weight: bold;
  padding-bottom: 20px;
}

.navMobile li a:hover {
  color: #00489a;
}

#menu-second-col-menu li a {
  color: #009bac;
  font-size: 30px;
  line-height: 40px;
  display: block;
  font-weight: bold;
}

#menu-second-col-menu li a:hover {
  color: #00489a;
}

.prentoaCtaMenuOpen {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.prentoaCtaMenuOpen a {
  width: 100%;
  background-color: #fff;
  display: block;
  padding: 0 15px;
  text-align: center;
  font-size: 20px;
  line-height: 62px;
  height: 62px;
}


/* animazioni */

.fullImgBkg {
  height: 100vh;
  position: relative;
}

.anim-at-100 {
  opacity: 0;
  transform: translateY(0);
  transition: opacity 2s, transform 1s;
}

.anim-at-100.anim {
  opacity: 1;
  transform: translateY(0px);
}

.anim-at-20 {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 2s, transform 1s;
}

.anim-at-20.anim {
  opacity: 1;
  transform: translateY(0px);
}

.anim-at-40 {
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 2s, transform 1s;
}

.anim-at-40.anim {
  opacity: 1;
  transform: translateX(0px);
}

.anim-at-60 {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 2s, transform 1s;
}

.anim-at-60.anim {
  opacity: 1;
  transform: translateY(0px);
}


/* gallery */

.ngg-gallery-thumbnail img {
  width: 100% !important;
  padding: 5px !important;
}




/* HOME */


/* 01 slider home */


/* 02 home */

.block02home {
  padding: 100px 40px 40px 40px;
}

.block02home .twocol {
  display: flex;
  flex-wrap: wrap;
}

.block02home .twocol .col60 {
  width: 60%;
  padding-right: 40px;
}

.block02home .twocol .col40 {
  width: 40%;
}

.block02home h3 {
  color: #009bac;
  font-size: 50px;
  line-height: 55px;
  padding: 0;
  margin: 0;
  padding-bottom: 60px;
  font-weight: bold;
  max-width: 680px;
}

.ctaLink a {
  border: 1px solid #009bac;
  padding: 20px 20px;
  border-radius: 15px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #009bac;
  min-width: 250px;
  text-align: center;
}

.block02home .twocol .col60 p {
  max-width: 700px;
}

.block02home .ctaLink {
  padding-top: 50px;
}

/* 03 home */

.block03home {
  padding: 100px 40px 160px 40px;
}

.sliderServizi {
  padding-top: 140px;
  border-top: 1px solid #009bac;
}

.block03home .col33 img {
  max-width: 115px;
}

.block03home .col33 h3 {
  font-size: 40px;
  line-height: 45px;
  color: #009bac;
  margin: 0;
  padding: 0;
  padding-bottom: 40px;
  padding-top: 40px;
}

.block03home .col33 p {
  padding-bottom: 50px;
  max-width: 350px;
}


/* 04 home */

.block04home {
background-color:#00489a;
margin: 0;
padding: 0;
}

.block04home .twocol .sliderContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.block04home .twocol .col50 {
  width: 50%;
}

.block04home .twocol .col50.textCol {
  padding: 60px;
}

.col50.textCol h3 {
  font-size: 50px;
  line-height: 55px;
  padding-bottom: 40px;
  color: #009bac;
  margin: 0;
}

.col50.textCol p {
  /* transform: rotate(270deg); */
  position: absolute;
  top: 80px;
  left: 40px;
  margin: 0;
  padding: 0;
  line-height: 0;
  color: #009bac;
  font-size: 20px;
  line-height: 20px;
}


/* azienda */

.pageMainContent {
  padding: 0 40px 120px 40px;
  background-color: #00489a;
}

.pageMainContent.bkgWhite {
  background-color: #fff;
}

.pageMainContainer {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #009bac;
  padding-top: 70px;
}

.pageMainContent.bkgWhite .pageMainContainer {
  display: flex;
  flex-wrap: wrap;
}

.pageMainContainer .col75 {
  width: 75%;
}

.pageMainContainer .col25 {
  width: 25%;
  text-align: right;
}

.pageMainContainer .col100 {
  width: 100%;
}

.pageMainContainer .col50 {
  width: 50%;
}

.pageMainContent .col33 {
  width: 33.33333%;
}

.pageMainContainer .col25 img {
  width: 100%;
  max-width: 600px;
}

.pageMainContainer h1 {
  color: #009bac;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}

.pageMainContainer p {
  color: #009bac;
  font-size: 50px;
  line-height: 55px;
}


/* anchor */

.anchormenu {
  text-align: center;
  padding: 40px;
  background-color: #00489a;
  display: flex;
  flex-wrap: wrap;
}

.anchormenu.impianti {
  padding-top: 120px;
}

.anchormenu a {
  color: #009bac;
  font-size: 18px;
  line-height: 30px;
  padding: 0 25px;
  position: relative;
  width: 25%;
  padding-bottom: 40px;
  font-weight: bold;
}

.anchormenu a:hover {
  color: #fff;
}

.anchormenu a:after {
  content: "|";
  position: absolute;
  right: 0;
  top: 0;
  color: #009bac;
  font-weight: normal;
}

.anchormenu a:last-child:after {
  display: none;
}

.anchormenu a:nth-child(4):after {
  display: none;
}

.storiaImg {
  position: relative;
}

.testoStoria {
  width: 100%;
  max-width: 580px;
  background-color: #e8e8e8;
  padding: 40px;
  z-index: 9;
  position: absolute;
  right: 0;
  bottom: -100px;
}

.testoStoria h2 {
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  color: #000;
}

.testoStoria p {
  font-size: 20px;
  line-height: 24px;
}

.storiaSlider {
  padding-top: 200px;
  background-color: #e8e8e8;
  padding: 200px 40px 100px  40px;
  position: relative;
}

.storiaSlider.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  z-index: 9999999;
  position: absolute;
  bottom: 40px;
  margin: 0 auto;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}

/* metodo */

.metodo {
  padding: 80px 40px 40px 40px;
}

.contenutoMetodo {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-bottom: 100px;
}

.contenutoMetodo  .col75 {
  width: 75%;
}

.contenutoMetodo  .col75 p {
  font-size: 50px;
  line-height: 55px;
  color: #009bac;
  font-weight: 600;
  padding-bottom: 0;
}

.contenutoMetodo  .col25 {
  width: 25%;
}

.titoloMetodo {
  text-align: right;
  color: #009bac;
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 40px;
}

.bloccoListaMetodo {
  display: flex;
  flex-wrap: wrap;
}

.singoloBloccoMetodo {
  width: 50%;
  padding: 0 80px 80px 0;
}

.singoloBloccoMetodo p {
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}


/* formazione */

.formazioneImg {
  position: relative;
}

.testoFormazione {
  width: 100%;
  max-width: 580px;
  background-color: #00489a;
  padding: 40px;
  z-index: 9;
  position: absolute;
  left: 0;
  bottom: -100px;
}

.testoFormazione h2 {
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  color: #fff;
}

.testoFormazione p {
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}

.immaginiFormazione {
  padding: 150px 40px 160px 40px;
  background-color: #00489a;
}

.immaginiFormazione .col30 {
  width: 30%;
}

.immaginiFormazione .col70 {
  width: 70%;
  text-align: right;
}

.immaginiFormazione .col100 {
  text-align: right;
}

.immaginiFormazione .col100 img {
  width: calc(25% - 30px);
  padding-left: 30px;
  padding-bottom: 30px;
}


/* impianti elettrici */

.descrizioneImpianti {
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  background-color: #00489a;
}

.descrizioneImpianti .bloccoImpiantiSingolo {
  width: 50%;
  padding-bottom: 80px;
}

.descrizioneImpianti .bloccoImpiantiSingolo h3 {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
}

.descrizioneImpianti .bloccoImpiantiSingolo p {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  padding-right: 80px;
}

.immaginiImpianti {
  padding: 40px 40px 120px 40px;
  margin: 0;
  display: flex;
  background-color: #00489a;
  gap: 40px;
}

.immaginiImpianti .col33 {
  width: 33.33333%;
}

.immaginiImpianti .col33.top {
  padding-top: 60px;
}

.immaginiImpianti .col33.middle {
  padding-top: 120px;
}


.ripetitoreElementi {
  background-color: #00489a;
  padding: 40px;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.bloccoRipetitoreSingolo {
  width: calc(33.33333% - 40px);
  padding: 40px;
  border: 1px solid #009bac;
}

.bloccoRipetitoreSingolo h3 {
  font-size: 30px;
  line-height: 34px;
  color: #fff;
}

.bloccoRipetitoreSingolo p {
  color: #fff;
} 


.sectionCtaButton {
  background-color: #00489a;
  padding: 100px 40px;
  text-align: center;
}

.sectionCtaButton .button {
  border: 1px solid #009bac;
  padding: 20px 20px;
  border-radius: 15px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #009bac;
  min-width: 250px;
  text-align: center;
}


.testoImpianti {
  width: 100%;
  max-width: 580px;
  background-color:#00489a;
  padding: 40px;
  z-index: 9;
  position: absolute;
  right: 0;
  bottom: -100px;
}

.testoImpianti h2 {
  font-size: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  color: #fff;
}

.testoImpianti p {
  font-size: 30px;
  line-height: 34px;
  color: #fff;
}

section.immaginiImpianti.dueColImg {
  gap: 0;
}

section.immaginiImpianti.dueColImg .col33 {
  width: 50%;
}

/* settori */

.elencoImpianti .settore {
  display: flex;
  flex-wrap: wrap;
}

.elencoImpianti .settore .col50 {
  width:50%;
}

.elencoImpianti .settore .col50.descrizioneSettore {
  padding: 40px;
}

.elencoImpianti .settore .col50 h3 {
  color: #009bac;
  font-size: 40px;
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  line-height: 40px;
}

/* certificazioni */

.downloadContent h3 {
  font-size: 30px;
  color: #00489a;
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
}

.col50.downloadContent {
  padding: 0 40px;
}

.pageMainContent.bkgWhite .col100 h1 {
  color: #00489a; 
}

.col50.descriptionContent p {
  color: #00489a; 
}

.pageMainContainer .descriptionContent p {
  font-size: 20px;
  line-height: 24px;
  padding-right: 40px;
}

.downloadRow {
  display: block;
  border-bottom: 1px solid #009bac;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  color: #009bac;
  position: relative;
}

.downloadRow a {
  color: #009bac;
  display: block;
}

.downloadRow a:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("img/icona_certificati.svg");
  background-size: 30px 30px;
  position: absolute;
  right: 0;
  top: 10px;
}

/* contatti */

.contactList p {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
  color: #00489a;
}

.contactList p a {
  color: #00489a;
}


section.imgCertificazioni {
  display: flex;
  flex-wrap: wrap;
}

section.imgCertificazioni .col50 {
  width: 50%;
}

/* case history list */


.historiesContainer {
  padding: 40px 40px 140px 40px;
  display: flex;
  gap: 20px;
}

.historySingle {
  width: 33.33333%;
  background-color: #00489a;
  position: relative;
}

.historySingle img {
  opacity: 0.3;
}

.historySingle:hover img {
  opacity: 1;
}

.captionContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.titleCaption {
  color: #fff;
  font-size: 26px;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

.desciptionCaption {
  color: #fff;
  font-size: 18px;
  padding: 0;
  margin: 0;
  padding-top: 10px;
}

/* case history single */

.pageMainContentCaseHistory {
  padding: 0 40px 40px 40px;
  background-color: #00489a;
}

.pageMainContentCaseHistory.bkgWhite {
  background-color: #fff;
}

.pageMainContainerCaseHistory {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #00489a;
  padding-top: 40px;
}

.pageMainContainerCaseHistory .col100 {
  width: 100%;
} 

.pageMainContainerCaseHistory h1 {
  color: #00489a;
  padding-bottom: 40px;
}

.pageMainContainerCaseHistory .col50 {
  width: 50%;
} 

.col50.descrizioneLeft p {
  color: #00489a;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 15px;
  padding-right: 40px;
  max-width: 500px;
}

.col50.descrizioneRight p {
  color: #00489a;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 15px;
  padding-right: 40px;
  max-width: 600px;
}

.imgCaseHistory img {
  width: 100%;
}

.containerTextColumn {
  padding: 120px 40px;
  display: flex;
  flex-wrap: wrap;
}

.containerTextColumn .col50 {
  width: 50%;
}

.col50.descSx p {
  color: #009bac;
  font-size: 30px;
  line-height: 40px;
  padding-right: 40px;
}


.col50.descDx p {
  max-width: 600px;
  padding-right: 40px;
}

.diconoDiNoi {
  padding: 120px 40px;
  text-align: center;
}

.diconoDiNoi h3 {
  font-size: 40px;
  color: #009bac;
  padding-bottom: 20px;
  margin: 0;
}

.imgDiconoDiNoi img {
  max-width: 160px;
}

.containerDescrizioneDiconoDiNoi {
  padding-top:40px;
}

.containerDescrizioneDiconoDiNoi p {
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 30px;
} 

.containerGallery {
  padding: 120px 60px;
  background-color: #00489a;
}

.containerGallery .ctaLink {
  text-align: center;
}

.galleryCase {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 100px;
}

.singleCase {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

/* footer */

.footerContainer {
  background-color: #e8e8e8;
  padding: 60px;
}

.footerWrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0;
  border-bottom: 1px solid #999999;
}

.footerWrapper .col25 {
  width: 25%;
  padding-right: 15px;
  padding-bottom: 60px;
}

.footerCopyright {
  padding: 40px 0 0 0 ;
  display: flex;
  flex-wrap: wrap;
}

.footerCopyright .col75 {
  width: 75%;
  font-size: 16px;
}

.footerCopyright .col25 {
  width: 25%;
  text-align: right;
  font-size: 16px;
}

.logoFooter {
  max-width: 235px;
}

.footerWrapper li a {
  font-size: 16px;
}

.footerWrapper .col25 p {
  font-size: 16px;
}

.footerWrapper .col25 a img {
  height: 55px;
  margin-bottom: 10px;
}

.info {
  position: absolute;
  top: 0;
  line-height: 120px;
  font-weight: bold;
  right: 40px;
  font-size: 16px;
  color: #00489a;
  display: none;
  z-index: 9;
}

.info a {
  color: #00489a;
}

.info a:hover {
  color: #009bac;
}

.header.sticky .info {
  display: block;
}

header.header.sticky.blueheader .info a {
  color: #009bac;
}

header.header.sticky.blueheader .info a:hover {
  color: #fff;
}


.owl-nav {
  display: inline-block;
  bottom: 30px;
  left: 47px;
  position: absolute;
}


.owl-next {
  background: transparent !important;
  color: transparent !important;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 27px;
  background-image: url(img/freccia_home_dx.svg) !important;
  background: transparent;
  background-repeat: no-repeat;
  width: 40px;
  height: 27px;
}

.owl-prev {
  background: transparent !important;
  color: transparent !important;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 27px;
  background-image: url(img/freccia_home_sx.svg) !important;
  background: transparent;
  background-repeat: no-repeat;
  width: 40px;
  height: 27px;
}



form.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 80px 20px;
}

form.wpcf7-form .col50 {
  width: 50%;
  padding: 10px;
}

form.wpcf7-form .col100 {
  width: 100%;
  padding: 10px;
}

form.wpcf7-form label {
  color: #009bac;
  font-size: 16px;
}

form.wpcf7-form input , form.wpcf7-form textarea {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  min-height: 50px;
  padding: 10px;
  border: 1px solid #009bac
} 

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  display: block;
  width: 150px;
  margin: 0 auto;
  border-radius: 15px;
  background-color: transparent;
  color: #009bac;
}

.titoloForm {
  color: #00489a;
  font-size: 34px;
  font-weight: bold;
}

input[type="checkbox"] {
  display: inline-block;
  width: 15px !important;
  height: 15px;
  float: left;
  margin-right: 15px;
}



.menuImpiantiInterno {
  display: flex;
  flex-wrap: wrap;
  padding: 0 40px;
}

.menuImpiantiInterno .col25 {
  width: 25%;
  padding-bottom: 60px;
  padding-right: 20px;
}

.menuImpiantiInterno .col25 img {
  max-width: 115px;
}


.menuImpiantiInterno .colText {
  font-size: 24px;
  color: #009bac;
  padding-top: 20px;
  line-height:30px;
  font-weight: bold;
}


/* video */


#yt {
  display: none;
}
#content {
  position:absolute;
  left:0;
  width: 100%;
  top:0;
}
#content img {
  cursor: pointer;
}
  .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}