@import url('../bootstrap/bootstrap.css');


*, *::before, *::after {
  box-sizing: border-box;
}

body {width:100%; height:100%; font-family:'Montserrat',sans-serif; font-size:14px; line-height:14px; padding:0px; margin:0px; background:#e8e8e8;}
b,strong {font-weight:700;}
.nopad {padding:0px;}
a, input, button {outline: none;}


/* COOKIE */
#cookie {position:fixed; bottom:0px; width:100%; height:auto; font-size:14px; color:#fff; text-align:center; padding:10px 15px; background:#128ECE;}
#cookie a {color:#fff; text-decoration:underline;}
#cookie a:hover {color:#fff; text-decoration:none;}
#cookie button {color:#128ECE; background:#BBBCC0; border:1px solid #fff; padding:6px 8px; transition:all 0.3s ease;}
#cookie button:hover {color:#fff; background:#128ECE; border:1px solid #fff; padding:6px 8px;}

#contenitore {width:100%; aspect-ratio: 16 / 9; height: auto; padding:15px 0px 0px; margin:0px auto; background:#004F78;}
.corpo {width:100%;padding:5px 0px; margin:0px; background:#004F78; overflow: hidden;}


/* HEADER */
header {width:100%; padding: 15px; margin: 5px 0 0 0; background:#e8e8e8; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap}
header .logo {text-align:left;}
header .logo a {display:block;}
/* MENU */
header .menu {float:none; display: flex; justify-content: flex-end}
header .menu ul {list-style:none; padding:0px; margin:0px; display:flex;}
header .menu ul > li {position:relative; text-align:center;}
header .menu ul li a {font-size:16px; color:#004F78; font-weight:700; text-decoration:none; text-transform:capitalize; padding:26px 28px; marign:0px; display:block;}
header .menu ul li a:hover {color:#128ECE; text-decoration:none;}
header .menu ul li::after {position:absolute; bottom:0px; content:""; width:100%; height:8px; background:#fff; display:block; transition:all 0.3s ease;}
header .menu ul li:hover::after {height:8px; background:#E56F1F; display:block;}
header .menu ul li.nohover:hover::after {display:none;}
header .menu ul li.active::after {position:absolute; bottom:0px; content:""; width:100%; height:8px; background:#E56F1F; display:block;}
header .menu ul li .submenu {position:absolute; top:65px; left:0px; width:250px; padding:0px; margin:0px; background:#fff; z-index:1000; display:none;}
header .menu ul li .submenu > li {float:none; text-align:left;}
header .menu ul li .submenu > li a {font-size:14px; color:#128ECE; font-weight:700; text-decoration:none; text-transform:capitalize; padding:15px; margin:0px; display:block;}

/* SLIDESHOW */
.slide {position:relative; height: 35.0vw ; padding:0px !important;}
.slide ul {list-style:none !important;display:none;}
.slide .tp-caption .titolo {font-size:44px; color:#fff; line-height:44px; font-weight:700; white-space:normal !important;}
.slide .tp-caption .testo {font-size:18px; color:#fff; font-weight:700; line-height:22px; padding:15px; white-space:normal; margin-top:15px; background:#E66F1F;}
.slide .tp-caption .testo p:last-child {margin-bottom:0px;}

/* HOMEPAGE */
#homepage ul#blocchi {display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 0; margin: 0; list-style: none; gap:0; box-sizing: border-box;}
#homepage ul#blocchi li {flex: 0 0 calc(100% / 7);margin: 0; padding:0;}
#homepage ul#blocchi li a {text-decoration:none; display:block; transition:all 0.3s ease;}
#homepage ul#blocchi li a:hover {text-decoration:none; background:rgba(255,255,255,0.4);}
#homepage ul#blocchi li .icona {width:100%; display: flex; height: 110px; justify-content: center; align-items: center;}
#homepage ul#blocchi li .icona img {}
#homepage ul#blocchi li .titolo {width:100%; height:55px; font-size:14px; color:#fff; line-height:16px; text-align:center; padding:0px 15px;}

/* CHI SIAMO */
#chisiamo {background:#fff;}
#chisiamo > .titolo {height:80px; font-size:28px; color:#fff; font-weight:700; line-height:28px; padding:25px 0px 0px 25px; background:#004F78;}
#chisiamo > .titolo img {margin-right:15px;}
#chisiamo div.dettagli {display:flex; flex-direction: column; clear: both;}
#chisiamo div.dettagli > div {display:flex; align-items: stretch;}
/* #chisiamo div.dettagli > div > div {width: 50vw;} */
#chisiamo div.dettagli div .immagine img {width: 100%; height: auto;}
#chisiamo div.dettagli div .immagine, #chisiamo ul.dettagli li .testo {}
#chisiamo div.dettagli div .testo {line-height:18px; padding:15px;}


/* CERTIFICAZIONI */
#certificazioni {background:#fff;}
#certificazioni > .titolo {height:80px; font-size:28px; color:#fff; font-weight:700; line-height:28px; padding:25px 0px 0px 25px; background:#004F78;}
#certificazioni > .titolo img {margin-right:15px;}
#certificazioni ul.dettagli {list-style:none; padding:0px; margin:0px; display:table;}
#certificazioni ul.dettagli li .immagine, #certificazioni ul.dettagli li .testo {height:250px;}
#certificazioni ul.dettagli li .testo {line-height:18px; padding:15px;}


/* SERVIZI - SCHEDA */
#servizi {background:#fff; overflow: visible;}
#servizi > .titolo {height:80px; font-size:28px; color:#fff; font-weight:700; line-height:28px; padding:25px 0px 0px 100px;}
#servizi > .titolo img {margin-right:15px;}
#servizi ul.dettagli {width:100%; list-style:none; padding:0px; margin:0px; display:table;}
#servizi ul.dettagli li .immagine  {width: 30%; border-radius: 0px; padding: 0px; margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; display: block; text-align: center;}
#servizi ul.dettagli li .testo {height: auto; font-size: 20px; line-height: 20px; padding: 15px;}
#servizi ul.dettagli li .testo {font-size: 15px; line-height:20px; padding:15px;}

/* CLIENTI */
#clienti {background:#fff;}
#clienti > .titolo {height:80px; font-size:28px; color:#fff; font-weight:700; line-height:28px; padding:25px 0px 0px 25px; background:#004F78;}
#clienti > .testo {line-height:18px; padding:15px;}
#clienti > .testo p:last-child {margin-bottom:0px;}
#clienti ul.clienti {width:calc(100% - 60px); list-style:none; padding:0px; margin:0px auto; display:table;}
#clienti ul.clienti li {float:left; width:calc(100% / 5 - 15px); margin-right:15px; margin-bottom: 15px;}
#clienti ul.clienti li a {display:block;}

/* CONTATTI */
#contatti {background:#fff;}
#contatti > .titolo {height:80px; font-size:28px; color:#fff; font-weight:700; line-height:28px; padding:25px 0px 0px 25px; background:#004F78;}
#contatti > .testo {color:#004F78; line-height:18px; padding:15px; background:#fff;}
#contatti > .testo p:last-child {margin-bottom:0px;}
#contatti > .testo a {color:#016CA2; text-decoration:underline;}
#contatti > .testo a:hover {color:#016CA2; text-decoration:none;}
#contatti #mappa {width:100%; height:300px;}

/* FOOTER */
footer {width:100%; color:#004F78; line-height: 20px; padding:30px 15px 45px; margin:0px; background:#e8e8e8; display:table;}
footer .links {text-align:right;}
html, body {height: 100%; margin: 0;}
.wrapper {min-height: 100vh; display: flex; flex-direction: column;}
main {flex: 1;}



/* MOBILE */
@media (max-width:767px){
	body {font-size:16px; line-height:20px;}
	#contenitore {width:100%;}

	/* SLIDESHOW */
	.slideMob {width:100%; height:auto;}
	.slideMob img {width:100%; height:auto;}

	/* HOMEPAGE */
	#homepage ul#blocchi,
	#homepage ul#blocchi li {width:100%; flex: auto;}
	#homepage ul#blocchi li {height:auto;}
	#homepage ul#blocchi li .icona {float:left; width:110px; height:85px; display:flex; justify-content:center; align-items:center;}
	#homepage ul#blocchi li .icona img {margin:0px;}
	#homepage ul#blocchi li .titolo {float:left; width:calc(100% - 110px); height:85px; font-size:16px; line-height: 18px; text-align:left; padding:0px; display:flex; justify-content:cenetr; align-items:center;}

	/* CHI SIAMO */
	#chisiamo ul.dettagli li .immagine,
	#chisiamo ul.dettagli li .testo {height:auto;}
	#chisiamo ul.dettagli li .immagine img {width:100%; height:auto;}
	#chisiamo ul.dettagli li div:last-child {padding-bottom:0px;}

	/* SERVIZI */
	#servizi > .titolo {font-size:26px; line-height:26px; padding:0px 0px 0px 100px; display:flex; align-items:center;}
	#servizi ul.dettagli li .immagine,
	#servizi ul.dettagli li .testo {height:auto;}
    #servizi ul.dettagli li .immagine {width: calc(100% - 30px); margin: 20px 15px;}
	#servizi ul.dettagli li .immagine img {width:100%; height:auto;}
	#servizi ul.dettagli li div:last-child {padding-bottom:0px;}


	/* CLIENTI */
	#clienti ul.clienti {width:calc(100% - 30px);}
	#clienti ul.clienti li {width:calc(100% / 2 - 8px);}
	#clienti ul.clienti li:nth-child(even) {margin-right:0px;}
	#clienti ul.clienti li img {max-width:100%; height:auto;}

	/* CONTATTI */
	#contatti #mappa {height:200px;}
	#contatti .testo {font-size:16px; line-height:20px;}

	/* FOOTER */
	footer {padding-bottom:35px;}
	footer .testo {text-align:center; margin-bottom:30px;}
	footer .links {text-align:center;}
}

@media (min-width:768px) and (max-width:991px){
	body {font-size:16px; line-height:20px;}
	#contenitore {width:100%;}

	/* SLIDESHOW */
	.slideMob {width:100%; height:auto;}
	.slideMob img {width:100%; height:auto;}

	/* SLIDESHOW */
	.slide {position:relative; width:100%; height:auto; padding:0px !important;}
	.slide ul {list-style:none !important;}
	.slide .tp-caption .titolo {font-size:28px; color:#fff; line-height:30px; font-weight:700; white-space:normal !important;}
	.slide .tp-caption .testo {font-size:16px; color:#fff; font-weight:700; line-height:20px; padding:15px; white-space:normal; margin-top:15px; background:#E66F1F;}
	.slide .tp-caption .testo p:last-child {margin-bottom:0px;}

	/* HOMEPAGE */
	#homepage ul#blocchi,
	#homepage ul#blocchi li {width:100%; flex: auto;}
	#homepage ul#blocchi li {height:auto;}
	#homepage ul#blocchi li .icona {float:left; width:110px; height:85px; display:flex; justify-content:center; align-items:center;}
	#homepage ul#blocchi li .icona img {margin:0px;}
	#homepage ul#blocchi li .titolo {float:left; width:calc(100% - 110px); height:85px; font-size:22px; line-height:24px; text-align:left; padding:0px; display:flex; justify-content:cenetr; align-items:center;}

	/* CHI SIAMO */
	#chisiamo ul.dettagli li {width:100%; clear:both;}
	#chisiamo ul.dettagli li .immagine,
	#chisiamo ul.dettagli li .testo {width:calc(100% / 2); height:auto;}
	#chisiamo ul.dettagli li .immagine {width:calc(100% / 2); max-width:546px; height:auto;}
	#chisiamo ul.dettagli li .immagine img {width:100%; max-width:546px; height:auto;}
	#chisiamo ul.dettagli li div:last-child {padding-bottom:0px;}

	/* SERVIZI */
	#servizi > .titolo {font-size:26px; line-height:26px; padding:0px 0px 0px 100px; display:flex; align-items:center;}
	#servizi ul.dettagli li {width:100%; clear:both;}
	#servizi ul.dettagli li .immagine,
	#servizi ul.dettagli li .testo {width:calc(100% / 2); height:auto;}
	#servizi ul.dettagli li .immagine {width:calc(100% / 2); max-width:546px; height:auto;}
	#servizi ul.dettagli li .immagine img {width:100%; max-width:546px; height:auto;}
	#servizi ul.dettagli li div:last-child {padding-bottom:0px;}

	/* CLIENTI */
	#clienti ul.clienti {width:calc(100% - 30px);}
	#clienti ul.clienti li {width:calc(100% / 4 - 12px); text-align:center;}
	#clienti ul.clienti li:nth-child(4n+4) {margin-right:0px;}
	#clienti ul.clienti li img {max-width:100%; height:auto;}

	/* CONTATTI */
	#contatti #mappa {height:300px;}
	#contatti .testo {font-size:16px; line-height:20px;}

	/* FOOTER */
	footer {padding-bottom:35px;}
	footer .testo {text-align:center; margin-bottom:30px;}
	footer .links {text-align:center;}
}

@media (max-width:1199px){
    /* HEADER */
	header .logo { max-width: 200px; height: auto; text-align: left;}
	.logo img {width:100%; max-width:100px; height:auto;}
	/* MENU */
	#btMob {position:absolute; top: -23px; right: 5px; padding:16px 12px; margin:0px; background:none; border:2px solid #128ECE;}
	#btMob .btMobLinea {width:25px; height:2px; padding:0px; margin-bottom:3px; background:#128ECE;}
	#btMob .btMobLinea:last-child {margin-bottom:0px;}
	header .menu {border-top:1px solid #000; display:none; margin-top: 10px;}
	header .menu ul {margin:0px; display: block;}
	header .menu ul li {width:100%; height:auto; text-align:left; padding:0px; margin:0px;}
	header .menu ul li a {padding:15px;}
	header .menu ul li .submenu {position:relative; top:0px; width:100%; height:auto;}
	header .menu ul li .submenu li {text-align:left;}
	header .menu ul li .submenu li a {padding:15px;}
}
@media (max-width: 991px){
    #chisiamo div.dettagli > div {flex-direction: column;}
    #chisiamo div.dettagli div .immagine {order: 1;}
    #chisiamo div.dettagli div .testo {order: 2;}
}

@media (min-width:991px) and (max-width: 1105px){
    #homepage ul#blocchi li .titolo {width:100%; height:55px; font-size:10px; color:#fff; line-height:12px; text-align:center; padding:0px 10px;}
}

.barra-scorrevole {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #004F78;
  color: #fff;
  padding: 3px 0;
  overflow: hidden;
  z-index: 1000;
  font-family: 'Montserrat', sans-serif;
}

.testo-scorrevole {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: scorrimento 25s linear infinite;
  font-size: 13px;
}

@keyframes scorrimento {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.logo-img {
  width: 200px;
  height: 100px;
  display: block;
}
.testo-servizio {
  color: #999;
  transition: color 1s ease-in-out;
}

[data-aos].aos-animate.testo-servizio {
  color: #000;
}
.pagebreak {
    border-top: 3px solid #004F78;
    margin: 40px 0;
}

.pagebreak-dots {
    text-align: center;
    margin: 40px 0;
    color: #f28c28;
    font-size: 24px;
}