body{margin-top:0px;margin:0px;padding:0px;}

.top-header {background:#004082; height:30px; width:100%; position: fixed; top:0px; left:0px; z-index:10000;}

header {background: #FFF; height:100px; width:100%; position: fixed; top:30px; left:0px; z-index:10000;}

.contatti-header {width:60px; height:30px; position:absolute; right:2.5%; top:0px;}

.banner-desktop {display:block;}

.banner-mobile {display:none;}

.position-logo {width:229px; height:90px; margin-left:50%; left:-114px; top:5px; position: absolute;}
		
.separatore {height:130px; width:100%; clear: both;}
		
.p-introduzione {width:90%; height:auto; margin:60px 5%; font-family: 'Manrope', sans-serif; font-size:18px; font-weight:400; color:#141318;}
		
.content {width:90%; height:auto; margin:0px 5%;}
		
.container-servizi {width:100%; height:auto; clear: both;  background:#43bac2;}
		
.colonna-50-servizi {width:50%; height:auto; float:left;}

.servizi-desktop {display: block;}
	
.servizi-mobile {display: none;}
		
.colonna-50-servizi h2 {width:90%; margin:5% 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:40px; font-weight:600; color:#fff; padding-top:10%;}
		
.evidenziatore-titoli {width:27px; height:27px; margin-right: 10px; float:left; background:#fff; margin-top:16px;}
		
.colonna-50-servizi p {width:90%; margin:0px 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:18px; font-weight:400; color:#fff;}
		
.box-punti-forza {width:100%; height:auto; clear: both;}

.punti-forza-s {width:18%; height:auto; border:1px solid #efefef; float:left; margin-left:5.6%; margin-bottom:4.7%;}

.left-margin {margin-left:17.4%;}
		
.box-punti-forza h2 {width:90%; margin:60px 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:40px; font-weight:600; color:#141318; padding:0px; text-align: center;}
		
.box-punti-forza h3 {width:90%; margin:20px 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:20px; font-weight:600; color:#43bac2; padding:0px; text-align: center;}
		
.box-brand {width:100%; height:auto; clear: both;}
		
.box-brand h2 {width:90%; margin:60px 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:40px; font-weight:600; color:#141318; padding:0px; text-align: center;}
		
.box-brand p {width:90%; height:auto; margin:60px 5%; font-family: 'Manrope', sans-serif; font-size:22px; font-weight:400; color:#141318; text-align: center;}
		
.container-contatti {width:100%; height:auto; clear: both;  background:#43bac2;}
		
.colonna-50-contatti {width:50%; height:auto; float:left;}
		
.colonna-50-contatti h2 {width:90%; margin:5% 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:40px; font-weight:600; color:#fff; padding-top:10%;}
		
.evidenziatore-titoli {width:27px; height:27px; margin-right: 10px; float:left; background:#fff; margin-top:16px;}
		
.colonna-50-contatti p {width:90%; margin:0px 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:18px; font-weight:400; color:#fff;}
		
.colonna-50-contatti a {width:90%; margin:0px 5%; padding:0px; font-family: 'Manrope', sans-serif; font-size:18px; font-weight:400; color:#fff; text-decoration: none;}
		
.padding-top-mappa {padding-top:65px;}

.margin-brand {width:100%; height:60px; clear:both;}
		
 /* inizio footer */

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

    footer {width:100%; height:auto; background:#004082; margin-top:-5px;}
		
		.footer-center {width:90%; 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:28px;}

        .first {width:50%;} .second {width:50%;}
		
		.colonna-33-footer h3 {font-family: 'Raleway', 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: 'Raleway', 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: 'Raleway', 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;}

	/* fine footer */
		
@media only screen and (max-width:1050px){

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

.first {width:50%;} .second {width:50%; margin-left:0%; margin-right:0%;}  
	
.colonna-50-servizi h2 {width:90%; margin:2.5% 5%; padding-top:5%;}
	
.p-introduzione {width: 100%; margin: 60px 0%;}
	
		}

@media only screen and (max-width:1023px){
    .colonna-50-servizi {width:100%; height:auto; float:none; margin-top: -20px;}
	
	.servizi-desktop {display: none;}
	
	.servizi-mobile {display: block;}
	
    .colonna-50-servizi p {padding-bottom:60px;}
	
	.colonna-50-contatti {width:100%; height:auto; float:none;}
	
	.padding-top-mappa {padding-top:30px;}
}
		
@media only screen and (max-width:865px){
	

	
.footer-center {padding-top: 40px; padding-bottom: 40px;}

.first {width:100%;} .second {width:100%; margin-left:0%; margin-right:0%;} .third {width:100%;}
	
.banner-desktop {display:none;}

.banner-mobile {display:block;}
	
	
		}

@media only screen and (max-width:767px){
	
.punti-forza-s {width:47.7%; height:300px; border:1px solid #efefef; float:left; margin-left:1.5%; margin-bottom:4.7%;}

.left-margin {margin-left:1.5%;} .left-margin-last {margin-left:26.16% !important;}
	
.margin-brand {width:100%; height:0px; clear:both;} 
	
}

@media only screen and (max-width:480px){
.box-punti-forza h2 {font-size:30px;}
.punti-forza-s {width:47.7%; height:230px; border:1px solid #efefef; float:left; margin-left:1.5%; margin-bottom:4.7%;}
}