body{margin-top:0px;margin:0px;padding:0px;}
header {background:#013f78; height:100px; width:100%; position: fixed; top:0px; left:0px; z-index:10000;}
.header-centrato {width:1440px; height:100px; margin:0 auto; padding:0px; position: relative;}
.position-logo {width:auto; height:auto; position: absolute; left:5%; top:10px; z-index:100000000;}
 .distanziatore-header {width:100%; height:100px; clear: both;}
nav {width:570px; height:30px; position:absolute; right:5%; top:40px;}

   .menu-desktop {display:block;}
			
	.menu-mobile {display:none;}

	a.menu-active{text-decoration:none; color:#29409d !important; cursor: default; font-weight:700 !important;}

   .banner-desktop {width:100%; height:auto; clear:both; display:block; position: relative; overflow:hidden;}

    .bg-title-banner-home {width:75%; height:200px; background:url('../img/bg-titoli.png'); position:absolute; top:130px; bottom:50Wpx; left:0px; z-index: 10;}
    
	.bg-title-banner-int {width:55%; height:150px; background:url('../img/bg-titoli.png'); position:absolute; top:120px; bottom:50Wpx; right:0px;}
    
   .img-banner-desktop {display: block;}

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

   .box-icone-elmap {width:32%; height:auto; float:left; border:1px solid #fff;}

   .center-icone {margin-left:1.9%; margin-right: 1.9%;}

   .icone-left {margin-left:16%;  margin-right: 1.9%;}

   .distanziatore-servizi {width:100%; height: 50px; clear: both;}

   .box-home-servizi {width:55%; height:auto; position: relative; margin-bottom:40px;}

   .box-home-contatti {width:55%; height:auto; position: relative; float: right;}

   .bg-grey-home {width:100%; height:200px; background:#efefef; position:absolute; top:250px; left:0px;}

   .bg-titolo-home-contatti {position: absolute; z-index:1; top:70px; left:5%; width:500px; height:200px; background:url('../img/bg-titoli.png');background-repeat: repeat;}

   .bg-titolo-home-servizi {position: absolute; z-index:1; top:70px; left:5%; width:500px; height:200px; background:url('../img/bg-titoli.png');background-repeat: repeat;}

   .position-titolo-home-servizi {color:#fff !important; width:auto; margin-left:5% !important; font-size:60px !important; line-height:60px !important; padding-top:40px !important; padding-bottom:20px !important; }

   .position-titolo-home-contatti {color:#fff !important; width:auto; margin-left:5% !important; font-size:60px !important; line-height:60px !important; padding-top:40px !important; padding-bottom:20px !important; }
   
   .distanziatore-bottom-home {width:100%; height: 70px; clear: both;}

   .box-blu-home {width:100%; height: 100px; clear: both; background:#013f78;}

   /* inizio footer */

   .torna-su {float:right; padding-top:0px; position: absolute; right:-50px;}    

    footer {width:100%; height:auto; background:#013f78; margin-top:-5px;}
		
		.footer-center {width:1130px; height:auto; margin:0 auto; padding:0px; padding-top:40px; padding-bottom:40px;}

        .dimensioni-logo-footer {width:257px; height:auto; float:left;}
		
		.colonna-33-footer {float:left; padding-top:28px;}

        .first {width:300px;} .second {width:420px;} .third {width:270px;} 
		
		.colonna-33-footer h3 {font-family: 'Urbanist', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: left; padding:0px; margin:0px; color:#ffffff;}
		
		.colonna-33-footer p {font-family: 'Urbanist', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0em; text-align: left; padding:0px; margin:0px; color:#ffffff;}
        
		.colonna-33-footer a {font-family: 'Urbanist', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: 0em; text-align: left; text-decoration: none; color:#ffffff;}

       .attiva-a-capo {display:none;}
       
       .disable-trattino  {display:inline;}

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

       .indirizzo-contatti {font-size:23px;}

	/* fine footer */

   .container-elmap-100 {width:100%; height:auto; margin:0 auto; padding:0px;}
   
   .content-elmap-1140 {width:1140px; height:auto; margin:0 auto; padding:0px;}

   .bg-grey {background:#F2F2F2;}

   .img-chi-siamo {margin:0 auto; padding:0px; margin-top:-50px; width:1082px;}

   .distanziatore-testo-foto {width:100%; height:0px; clear:both;}

   .h1-elmap {font-family: 'Urbanist', sans-serif; font-size: 48px; font-style: normal; font-weight: 700; line-height: 48px; letter-spacing: 0em; text-align: left; color:#29409d; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:50px;}

   .p-elmap {font-family: 'Urbanist', sans-serif; font-size: 22px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#545152; padding:0px; margin:0px; margin:0 auto; padding:0px; padding-bottom:80px;}

   .h3-elmap-servizi {font-family: 'Urbanist', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 0em; text-align: left; color:#29409d; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:10px; padding-bottom:10px;}

   .link-home {font-family: 'Urbanist', sans-serif; font-size: 26px; font-style: normal; font-weight: 700; letter-spacing: 0em;  line-height:57px; background:#29409d; color:#fff; width:400px; height:57px; text-align:center; margin-left:70px;margin-bottom:117px;}

   .link-home a {font-family: 'Urbanist', sans-serif; font-size: 26px; font-style: normal; font-weight: 700; letter-spacing: 0em;  color:#fff; text-decoration:none; display: block;}

   .link-home:hover {background:#545152;}

   .padding-top-title-home {padding-top:70px;} .padding-bottom-p-home {padding-bottom:50px;}

   .colonna-sx-home {width:540px; float:left; height:auto; margin-left:30px; padding-top:75px;}
   
   .colonna-dx-home {width:540px; float:left; height:auto; margin-left:0px;  padding-top:75px;}

   .h3-elmap {font-family: 'Urbanist', sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; letter-spacing: 0em; text-align: center; color:#fff; padding:0px; margin:0px;  margin:0 auto; padding:0px; padding-top:0px; padding-bottom:25px;}

    .p-elmap-servizi {font-family: 'Urbanist', sans-serif; font-size: 24px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: center; color:#fff; padding:0px; margin:0px; margin:0 auto; padding:0px; padding-bottom:80px;}

   .a-elmap {font-family: 'Urbanist', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: center; color:#fff; margin:0px;  margin:0 auto; padding:10px; border:1px solid #fff; margin-bottom:50px;}

   .link-servizi {width: auto; height: 50px; float: left; margin-left: 5%; font-family: 'Urbanist', sans-serif; font-size: 20px; font-style: normal;  font-weight: 400; line-height: 50px; letter-spacing: -0.01em; text-align: left; color: #013f78; background: #fff; padding-left: 20px; padding-right: 20px;}

  

/* servizi */
.h1-banner {margin:0px; padding:0px; position:absolute; z-index:1; font-family: 'Urbanist', sans-serif; font-size: 70px; font-style: normal; font-weight: 400; line-height: 75px; letter-spacing: 0em; text-align: left; color:#fff; top:100px; bottom:100px; left:225px;}

.position-title-banner-home {position: relative; right:20px; top:20px; bottom: auto;  opacity: 1;}

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

.foto-servizi-r {width:90%; float: right; padding-top:65px;}
.foto-servizi-l {width:90%; float:left; padding-top:65px;}

.distanziatore-servizi-lavori {width:100%; height:65px; clear: both;}

.disable-colonna {display: block;}

.foto-mobile-servizi {display:none;}

.slider-servizi {width:70%; margin-left:15%; clear: both;}
/* fine servizi */

.colonna-contatti-mobile {display:none;}

.colonna-contatti-desktop {display:block;}

.colonna-50-contatti {width:50%; float:left;}

.padding-top-mappa {padding-top:65px;}

.background-foto-bottom {width:100%; height:200px; background:#efefef; position:absolute; top:80px; left:0px;}


@media only screen and (min-width:1440px){
.header-centrato {width:100%; height:100px; margin:0 auto; padding:0px; position: relative;}	
}

@media only screen and (max-width:1440px){
	
	.header-centrato {width:100%; height:100px; margin:0 auto; padding:0px; position: relative;}
	
	.position-logo {left:2.5%;}
	
	nav {right:2.5%;}
	
	.torna-su {right:0px;}
	
	.position-title-banner-home {position: relative; left:2.5%; right:auto; top:20px; bottom: auto;  opacity: 1;}
	
	.bg-title-banner-home {top:24%;}
	
	.bg-title-banner-int {top:28%;} 
	
}


@media only screen and (max-width:1140px){
.content-elmap-1140  {width:95%; height:auto; margin:0 auto; padding:0px;}
	
.footer-center {width:90%;}
	
.h3-elmap {font-size: 30px;}
	
.h1-banner {font-size: 70px; line-height: 70px;}

.bg-title-banner-home {height:250px; top:10%;}
	
.background-foto-bottom {width:100%; height:70%; background:#efefef; position:absolute; top:15%; left:0px;}
	
	
}

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

.colonna-33-footer {float:left; padding-top:28px;}

.first {width:32%;} .second {width:32%; margin-left:2%; margin-right:2%;} .third {width:32%;} 

.bg-titolo-home-contatti {top:70px; left:5%; width:90%; height:200px;}

.bg-titolo-home-servizi {top:70px; left:5%; width:90%; height:200px;}
	
}



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

.box-icone-elmap {width:48%; height:270px; float:left; border:1px solid #fff; margin-bottom:20px;}

.center-icone {margin-left:0.9%; margin-right: 0.9%;}

.icone-left {margin-left:0.9%;  margin-right: 0.9%;}
	
.distanziatore-servizi {width:100%; height: 0px; clear: both; display:none;}
	
.last-servizi {margin-left:25.9%;}
	
.bg-titolo-home-contatti {top:auto; bottom:5%; left:5%; width:90%; height:90%;}

.bg-titolo-home-servizi {top:auto; bottom:5%; left:5%; width:90%; height:90%;}
	
.position-titolo-home-servizi {font-size:50px !important; line-height:50px !important; padding-top:40px !important; padding-bottom:20px !important; }

.position-titolo-home-contatti {font-size:50px !important; line-height:50px !important; padding-top:40px !important; padding-bottom:20px !important; }
	
.bg-grey-home {height:50%; top:25%;}
}

@media only screen and (max-width:980px){
.menu-desktop {display:none;}
.menu-mobile {display:block; padding-top:30px;}
}

@media only screen and (max-width:865px){
	
.bg-title-banner-home {height: 190px; top: 10%;}
	
.h1-banner {font-size: 55px; line-height: 50px;}
	
.bg-title-banner-int {top:25%; height: 120px;}
	
.footer-center {padding-top: 40px; padding-bottom: 40px;}

.first {width:50%; float:left;} .second {width:45%; margin-left:5%; margin-right:0%; float:left;} .third {width:45%; float:right;}
	
.colonna-50 {width: 100%; float: none; height: auto;}
	
.disable-colonna {display: none;}
	
.foto-mobile-servizi {display:block;}
	
.foto-servizi-r {width:100%; float: none; padding-top:0px; padding-bottom:65px;}
.foto-servizi-l {width:100%; float:none; padding-top:0px; padding-bottom:65px;}
	
.p-elmap {padding-bottom:45px;}
	
.distanziatore-servizi-lavori {width:100%; height:0px; clear: both;}
	
.colonna-50-contatti {width:100%; float:none;}
	
.colonna-contatti-mobile {display:block; margin-top:-40px; margin-bottom: 40px;}

.colonna-contatti-desktop {display:none;}
	
.padding-top-mappa {padding-top:0px;}
	
.distanziatore-servizi {width:100%; height: 0px; clear: both; display:none;}
	
.position-titolo-home-servizi {font-size:45px !important; line-height:45px !important; padding-top:40px !important; padding-bottom:20px !important; }

.position-titolo-home-contatti {font-size:45px !important; line-height:45px !important; padding-top:40px !important; padding-bottom:20px !important; }
	
}

@media only screen and (max-width:700px){
	
.bg-title-banner-home {height: 170px; top: 10%;}
	
.h1-banner {font-size: 45px; line-height: 45px;}

.box-icone-elmap {width:98%; height:auto; float:none; border:1px solid #fff; margin-left:0.9%; margin-right: 0.9%; margin-bottom:20px;}

.center-icone {margin-left:0.9%; margin-right: 0.9%;}

.icone-left {margin-left:0.9%; margin-right: 0.9%;}
	
.distanziatore-servizi {width:100%; height: 0px; clear: both;}
	
.box-home-servizi {width:95%; height:auto; position: relative; margin-bottom:40px; margin-left:2.5%;}

 .box-home-contatti {width:95%; height:auto; position: relative; float: right; margin-right:2.5%;}

.first {width:100%;} .second {width:100%; margin-left:0%; margin-right:0%;} .third {display:none;}
	
.selettore-servizi-1 {padding-bottom:0px;}
.selettore-servizi-2 {padding-bottom:30px;}
.selettore-servizi-3 {padding-bottom:0px;}
.selettore-servizi-4 {padding-bottom:0px;}
.selettore-servizi-5 {padding-bottom:0px;}
}

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

.bg-title-banner-home {height: 140px; top: 10%;}
.h1-banner {font-size: 35px; line-height: 35px;}

.h1-elmap {padding-top:45px; padding-bottom:20px; font-size: 35px; line-height:35px;}
.foto-servizi-r {width:100%; float: none; padding-top:0px; padding-bottom:45px;}
.foto-servizi-l {width:100%; float:none; padding-top:0px; padding-bottom:45px;}
.p-elmap {padding-bottom: 35px;}
.slider-servizi {width:100%; margin-left:0%; clear: both;}
	
.bg-titolo-home-contatti {top:auto; bottom:10%; left:auto; right:5%; width:70%; height:80%;}

.bg-titolo-home-servizi {top:auto; bottom:10%; left:5%; width:70%; height:80%;}
	
.position-titolo-home-servizi {font-size:30px !important; line-height:30px !important; padding-top:20px !important; padding-bottom:20px !important; }

.position-titolo-home-contatti {font-size:30px !important; line-height:30px !important; padding-top:20px !important; padding-bottom:20px !important; }
}

@media only screen and (max-width:480px){
.bg-title-banner-home {height: 140px; top: 20%; width:80%;}
.bg-title-banner-int {top:25%; height: 100px; width:65%;}
.h1-banner {font-size: 30px; line-height: 30px;}
	
.img-banner-desktop {display: none;}
.img-banner-mobile {display: block;}
	
.distanziatore-bottom-home {width:100%; height: 35px; clear: both;}
	
.box-blu-home {height: 50px;}
	
.selettore-servizi-1 {padding-bottom:30px;}
.selettore-servizi-2 {padding-bottom:80px;}
.selettore-servizi-3 {padding-bottom:60px;}
.selettore-servizi-4 {padding-bottom:30px;}
.selettore-servizi-5 {padding-bottom:60px;}
	
.indirizzo-contatti {font-size:18px;}
	
}

@media only screen and (max-width:375px){
.indirizzo-contatti {font-size:17px;}
	
}

@media only screen and (max-width:320px){
	
.bg-titolo-home-contatti {top:auto; bottom:5%; left:auto; right:5%; width:80%; height:90%;}

.bg-titolo-home-servizi {top:auto; bottom:5%; left:5%; width:80%; height:90%;}
	
.selettore-servizi-1 {padding-bottom:30px;}
.selettore-servizi-2 {padding-bottom:120px;}
.selettore-servizi-3 {padding-bottom:60px;}
.selettore-servizi-4 {padding-bottom:30px;}
.selettore-servizi-5 {padding-bottom:60px;}
	
}