body{margin-top:0px;margin:0px;padding:0px;}
header {background: #fff; height:102px; width:100%; position: fixed; top:0px; left:0px; z-index:10000;}
.header-centrato {width:1440px; height:102px; margin:0 auto; padding:0px; position: relative;}
.position-logo {width:250px; position: absolute; left:2.5%; top:22px;}
.box-contatti-header {width:auto; height:28px; position: absolute; top:71px; right:2.5%; line-height:28px;}
.box-telefono-header {width:180px; height:28px; float:left;}
.box-mail-header {width:230px; height:28px; float:left; margin-left:33px;}
.box-contatti-header a {font-family: 'Roboto', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; color:#505050; text-decoration: none;}
.banner {width:1440px; height: 500px; position: relative; margin:0 auto; padding:0px;}

.img-banner-celuno {display:block;}
.img-banner-celuno-m {display:none;}

.box-testo-banner {width:100%; height:auto; position: absolute; top:50px; z-index:1; background-repeat: repeat;}

.h1-banner-celuno {font-family: 'Manrope', sans-serif;   font-style: normal; font-weight: 400; line-height: 50px; letter-spacing: 0em; text-align: center; color: #FFF; margin:0px; }
.h1-banner-celuno span{ padding: 5px 20px; font-size: 40px;}
.h1-banner-celuno strong { font-size: 50px;}

.richiedi-preventivo a {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0em; text-align: left; color:#175f13; background:#D5D900; padding:22px; text-decoration: none; margin-left:145px;}

.box-over-banner {width:916px; height:100%; position: absolute; left:0px; top:0px; z-index:1; background: rgba(1, 140, 209, 0.8);}
.h1-title {font-family: 'Manrope', sans-serif; font-size: 73px; font-style: normal; font-weight: 400; line-height: 71px; letter-spacing: 0em; text-align: left; padding-left:145px; padding-top:0px; color:#fff;}

.content {width:1440px; height:auto; margin:0 auto; padding:0px; position: relative;}

.box-100-azienda  {width:1440px; height:415px; margin:0 auto; padding:0px; position: relative; background:#D9DA00;}

	.img-azienda-sx {width:523px; height:415px; float:left;}

	.img-azienda-mobile {display: none;}

	.box-dx-azienda {width:917px; float:left;}

	.h2-title {font-family: 'Didact Gothic', sans-serif; font-size: 45px; font-style: normal; font-weight: 700; line-height: 48px; letter-spacing: 0em; text-align: center; color:#175f13; margin:0px; padding:0px; padding-top:60px; }

    .decorazione-titolo {width: 160px; height:10px; clear:both; position: relative; margin:0 auto; padding:0px; margin-bottom:35px;}

		.decorazione-titolo .top {width: 116px; height:1px; background:#53545a; position: absolute; top:0px; left:0px;}

		.decorazione-titolo .bottom {width: 100px; height:2px; background:#53545a; position: absolute; bottom:0px; right:0px;}

	.separatore-azienda {width:274px; height:8px; background:#fff; margin-top:26px; margin-bottom:57px; margin-left:115px;}

	.selettore-azienda {width:31px; height:8px; border-right:4px solid #D9DA00; background:#175f13;}

	.paragrafo {font-family: 'Manrope', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: 33px; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; padding-left:1%; padding-right:1%; color:#505050;}

	.box-100-servizi {width:1440px; height:auto; margin:0 auto; padding:0px; position: relative; background:#fff;}

	.servizi-50 {width:50%; float:left; height:auto;}

    .box-singolo-servizi {width:48%; float:left; min-height: 400px; position: relative; overflow: hidden; margin:1%;}

	.h2-servizi {font-family: 'Manrope', sans-serif; font-size: 50px; font-style: normal; font-weight: 700; line-height: 52px; letter-spacing: 0em; text-align: left; color:#FFF; margin:0px; padding:0px; padding-top: 135px;
    padding-left: 5%;}

    .p-servizi {font-family: 'Manrope', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; padding-left:122px; padding-bottom:30px; width:auto; float:left; color:#ffffff; padding-left:2.5%;}

	.separatore-servizi {width:274px; height:8px; background:#D9DA00; margin-top:20px; margin-bottom:59px; margin-left:145px;}

	.selettore-servizi {width:31px; height:8px; border-right:4px solid #fff; background:#175f13;}

    .centratura-testo-verticale {height: 400px; line-height: 400px;}

	.centratura-testo-verticale .h3-servizi {display: inline-block; vertical-align: middle; line-height: normal;}

	.h3-servizi {font-family: 'Manrope', sans-serif; font-size: 23px; font-style: normal; font-weight: 400; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; padding-left:2.5%; padding-bottom:43px;}

	.h3-padding-right {padding-right:122px;}

	.box-100-altamente-qualificata  {width:1440px; height:415px; margin:0 auto; padding:0px; position: relative; background:#fff;}

	.selettore-rett-verde {background:#E7E860; width:11px; height:20px; margin-right:23px; float: left; margin-bottom: 60px; margin-top: 6px;}

	.selettore-rett-azzurro {background:#175f13; width:11px; height:20px; margin-right:23px; float: left; margin-bottom: 60px; margin-top: 6px;}

	.box-azzurro-contatti{width:100%; height:155px; background:#175f13;}

	.box-azzurro-contatti h2 {font-family: 'Manrope', sans-serif; font-size: 80px; font-style: normal; font-weight: 400; line-height: 155px; letter-spacing: 0em; text-align: left; color:#fff; padding:0px;margin:0px; padding-left:183px;}

	.mappa-celuno {width:100%; height:400pxpx; padding-top:32px; padding-bottom:0px; float:none;}


	.box-50-contatti-celuno {width:50%; height:auto; float:left;}

	.h3-info-contatti {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: center; color:#fff; margin:0px; padding:0px; position: absolute; top:40px; left:0px; width:100%;}

	.h3-info-contatti a {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: center; color:#fff; text-decoration:none; margin:0px; padding:0px; position: absolute; top:40px; left:0px; width:100%;}

	.h3-info-contatti a:hover {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: center; color:#fff; text-decoration:underline; margin:0px; padding:0px; position: absolute; top:40px; left:0px; width:100%;}

	.pin-indirizzo-contatti {padding-right:26px; padding-bottom:26px; float:left; padding-top:5px;}

	.pin-telefono-contatti {padding-right:26px; padding-bottom:26px; float:left; padding-top:5px;}

	.pin-mail-contatti {padding-right:26px; padding-bottom:26px; float:left; padding-top:5px;}

	/* inizio footer */
footer {width:100%; height:auto; background:#175f13; margin-top:-5px;}

.footer-center {width:1440px; height:auto; margin:0 auto; padding:0px; padding-top:20px; padding-bottom:20px;}

.dimensioni-logo-footer {width:257px; height:auto; float:left;}

.colonna-33-footer {/**/float:left; padding-top:0px; padding-left:2.5%;}

.first {width:47.5%;} .second {width:100%;}

.colonna-33-footer h3 {font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: center; padding:0px; margin:0px; color:#ffffff;}

.colonna-33-footer p {font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: center; padding:0px; margin:0px; color:#ffffff;}

.colonna-33-footer a {font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: 0em; text-align: center; text-decoration: none; color:#ffffff;}

.attiva-a-capo {display:none;}

.disable-trattino  {display:inline;}

.distanziatore-contatti-footer {width:100%; height:2px; clear: both;}

/* fine footer*/

	.separatore-contatti {width:274px; height:8px; background:#D9DA00; margin-top:20px; margin-bottom:11px;}

	.selettore-contatti {width:31px; height:8px; border-right:4px solid #505050; background:#fff;}

	.box-txt-footer {width:auto; float:left; height:auto; padding-left:40px;}

	.h4-footer {font-family: 'Manrope', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: 0em; text-align: left; color:#fff; margin:0px; padding:0px;}

	.p-footer {font-family: 'Manrope', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; color:#fff;}

/*Dave*/
.wrap-contatti {
	display: flex;
	justify-content: space-between;

}
.wrap-contatti div {
	 background: #175f13;
	 position: relative;
	 width: 24.5%;
	 text-align: center;
	 padding: 20px 0;
	 font-size: 16px;
	 color: #fff;
	 align-items: center;
}
.wrap-contatti div a {
	font-size: 16px;
	color: #fff;
	font-family: 'Manrope';
	text-decoration: none;
}

.ul-servizi  {
	list-style: none;;
	margin: 0;
	padding: 0
}
.ul-servizi li {
	    font-family: 'Manrope', sans-serif;
	    font-size: 22px;
	    font-style: normal;
	    font-weight: 400;
			padding-left: 68px;
			position: relative;
			margin-bottom: 30px;
}
.ul-servizi li img { display: block; position: absolute; left: 16px}
.alignamento-verticale { display: flex; align-items: center;}
.banner-top {
	position: relative;
	display: flex;
}
.banner-top img { display: block; width: 50%}

.nascondi-mobile {display: block;}
.nascondi-desktop {display: none;}
.banner-trasferimento {
	width:100%; height:auto; padding-top:60px;
}
.hide-desktop {display:none !important;}
.show-desktop {display:block !important;}

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

		.header-centrato {width:100%;}

		.banner {width:100%; height:auto; overflow: hidden; margin-bottom: -5px;}

		.box-over-banner {height:99%;}

		.content {width:100%;}

		.box-100-azienda  {width:100%; height:auto;}

		.box-100-servizi {width:100%;}

		.box-100-altamente-qualificata  {width:100%; height:auto;}

		.footer-center {width:100%;}

		.box-dx-azienda {width:60%;}

		.h3-servizi {font-size:22px;}

		.box-50-contatti-celuno {width: 40%; padding-left: 0;}

	}

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

	.position-logo {left:5%;}
	.box-contatti-header {right:2.5%;}
	.h1-title {padding-left:10%; padding-top:0%; margin-top: 10px;}

	.richiedi-preventivo a {padding:22px; text-decoration: none; margin-left:10%;}

	.img-azienda-sx {width: 40%; overflow: hidden;}
	.h2-title {padding-top:60px; }

	.separatore-azienda {margin-left:10%;}

	.paragrafo {padding-left:10%; padding-right:10%; color:#505050;}

	.h2-servizi {padding-left:5%;}

	.separatore-servizi {margin-left:5%;}

	.h3-servizi {padding-left:10%;}

	.h3-padding-right {padding-right:5%;}

	.contenitore-testi-altamente-qualificata {width: 60%;}

	.p-altamente-qualificata {padding-left:10%; width:80%; padding-bottom: 10px;}

	.position-immagine-altamente-qualificata {width:40%; overflow: hidden; margin-bottom: -5px;}

	.box-azzurro-contatti h2 {padding-left:5%;}

	.position-logo-footer {padding-left: 10%;}


	}

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

	.p-altamente-qualificata {padding-left: 5%; width: 85%; padding-bottom: 10px;}

	.box-50-contatti-celuno {width: 45%; padding-left: 0;}

	.box-over-banner {width: 80%;}

	.colonna-sx-footer {width: 60%;}

	.colonna-dx-footer {width: 30%;}

	}

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

	.disable-mobile {display:none;}

	.box-telefono-header {width:25px;}

	.box-mail-header {width: 35px; margin-left:15px;}

	.box-h3-testi-mivar {width: 55%; padding-left: 5%; padding-right: 2.5%;}

	.h1-title {font-size:50px; line-height:50px;}

	.richiedi-preventivo a {padding:10px; text-decoration: none; margin-left:10%;}

	.box-50-contatti-celuno {width: 90%; padding-left: 0;}

	.h3-servizi {font-size: 20px;}

	.selettore-rett-verde {margin-bottom:90px;}

	.separatore-azienda {margin-bottom: 27px;}

	.separatore-servizi {margin-bottom: 27px;}

	.h2-servizi {padding-top:35px;}

	.position-logo-footer {float:none; padding-bottom:40px;}

	.colonna-sx-footer {padding-bottom:29px;}

	.colonna-dx-footer {width:100%; padding-top: 0px; padding-bottom:70px;}

	.paragrafo {padding-right:5%;}

/*dave mobile*/
.wrap-contatti {
	display: flex;
	flex-wrap: wrap;
}
.wrap-contatti div {
	width: 49.5%;
	margin-bottom: 20px;
	}
.box-singolo-servizi { width: 100%; margin: 0; float: none;}
.h1-banner-celuno { font-size: 30px; }

.nascondi-mobile {display: none !important;}
.nascondi-desktop {display: block !important;}
.elenco-mobile { min-height: auto; margin-top: 30px;}
.colonna-33-footer { margin-left: 0; padding-left:0;}
.colonna-33-footer p { padding-left: 20px }

	}

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

	.img-azienda-sx {display:none;} .img-azienda-mobile {display:block;}

	.position-immagine-altamente-qualificata {display:none;}

	.position-immagine-altamente-qualificata-mobile {display:block; }

	.contenitore-testi-altamente-qualificata {width:100%;}

	.servizi-50  {width:100%; float:none;}

	.box-dx-azienda {width: 100%; float:none;}

	.paragrafo {padding-left:5%; padding-right:5%; padding-bottom:5%;}

	.h3-servizi {padding-left: 5%; padding-right: 5%;}

	.separatore-azienda {margin-left:5%}



	.box-over-banner {width: 70%;}

		#title-maggiori-info-mobile {color:#303030; padding-left:0%; margin-left:0px;}

		#separatore-maggiori-info-mobile {padding-left:0px; margin-left:0%;}

		.h1-banner-celuno span{ font-size: 20px;}
		.h1-banner-celuno strong { font-size: 30px;}


	}

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

	.mappa-celuno {width: 100%; height:300px; overflow: hidden; float: none; }

	.h3-info-contatti {font-size: 20px; text-align: center; padding-top:0px; margin-top:0px;}

	.pin-indirizzo-contatti {margin:0 auto; padding:0px; padding-bottom:0px; float:none; padding-top:5px;}

	.pin-telefono-contatti {margin:0 auto; padding:0px; padding-bottom:0px; float:none; padding-top:5px;}

	.pin-mail-contatti {margin:0 auto; padding:0px; padding-bottom:0px; float:none; padding-top:5px;}

	#title-maggiori-info-mobile {color:#303030; padding-left:10%; margin-left:0px; font-size:40px;}

	#separatore-maggiori-info-mobile {padding-left:0px; margin-left:10%;}

	/*dave mobile 600*/
	.h1-banner-celuno {font-size: 20px; background:rgba(23, 95, 19, 0.8); padding:0px 20px;  line-height: 30px;}
		.h1-banner-celuno span {background:rgba(23, 95, 19, 0) !important}
	.box-testo-banner { top:10px }
	.position-logo {width:230px; top:27px;}
	.banner-verde {    height: 90% !important; }
	.colonna-33-footer  {float:none; }
	.second {
		margin-top: 30px;
		width: 90%;
		margin-left: 20px !important;
	}
	.banner-trasferimento {
		width:100%;  padding-top:20px;
		max-width: 100%;
	}
	.h2-title {
    padding-top: 30px;
		font-size: 40px;
}
.paragrafo {
    font-size: 18px;
		line-height: 28px;
		}
		.colonna-33-footer { margin-left: 0}
		.hide-desktop {display:block !important;}
		.show-desktop {display:none !important;}
		.wrap-contatti div h3 { margin-bottom: 0 }
		.wrap-contatti div { height: 150px; }
		.h2-servizi { font-size: 40px; }
			.first {width: 100%}

}
	@media only screen and (max-width:480px){
		.img-banner-celuno {display:none;}
		.img-banner-celuno-m {display:block;}

		.banner {width:100%; height:auto; overflow: hidden; margin-bottom: -5px;}
		.box-over-banner {height:99%; width:100%;}

		.h1-title {font-size:42px; line-height:43px; margin-bottom:40px; margin-top: 30%;}

	    .richiedi-preventivo a {padding:10px; text-decoration: none; }

		.h3-info-contatti a {font-size:19px;}

		.box-contatti-header {right: 5%;}

		.box-azzurro-contatti h2 {font-size:40px; line-height:80px;}

		.selettore-rett-verde {margin-bottom: 150px;}

		.box-azzurro-contatti {height:80px;}
			.banner-verde {    height: 60% !important; }

			.elenco-mobile {
    margin-top: -100px;
}


	}

	@media only screen and (max-width:320px){
		#title-maggiori-info-mobile {color:#303030; padding-left:5%; margin-left:0px; font-size:40px;}

	#separatore-maggiori-info-mobile {padding-left:0px; margin-left:5%;}

		.box-txt-footer {padding-left: 7%;}
			.banner-verde {    height: 50% !important; }
	}