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

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

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

header {background:#fff; height:120px; width:100%; position: fixed; top:30px; left:0px; z-index:10000;}
.header-centrato {width:100%; height:120px; margin:0 auto; padding:0px; position: relative;}
.position-logo {width:310px; height:auto; position: absolute; /*margin-left:50%; left:-155px;*/ left:2.5%; top:20px; z-index:100000000;}
.distanziatore-header {width:100%; height:150px; clear: both;}

.box-menu {width:500px; height:65px; background-color:rgba(255, 255, 255, 0.95); position: absolute; left:-250px; margin-left:50%; top:0px; border-bottom:1px solid #223555; z-index:4;}

.menu-desktop {display: block; width:374px; margin: 0 auto; padding: 0px; padding-top:22px;}

.menu-mobile {display:none;}
		
.container-cierre-100 {width:100%; height:auto; margin:0 auto; padding:0px;}

.content-cierre-1140 {width:1140px; height:auto; margin:0 auto; padding:0px;}

.h1-cierre {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 45px; font-style: normal; font-weight: 600; line-height: 45px; letter-spacing: 1px; text-align: left; color:#084672; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:0px;}

.h1-cierre span {color:#ec1f25;}

.position-title-banner {color:#fff; padding-top:0px; font-size:55px; line-height:55px; padding-left:350px;}
	
.p-cierre {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: left; color:#505050; padding:0px; margin:0px; margin:0 auto; padding:0px; width:100%; padding-bottom:80px;}

.p-cierre span {font-weight: 700;}

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

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

.citazione-cierre span {font-weight: 700;}

.colonna-50 {width:48%; margin:1%; float:left;}

.banner-desktop {width:100%; height:auto; position: relative;}

.background-title-banner {width:65%; height:100%; position:absolute; top:0px; left:-200px; z-index:1; background:url('../img/bg-main-titolo-banner.svg'); background-repeat: no-repeat; background-size: cover;}

.img-banner-desktop {display:block;}

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

.box-title-servizi-bg {position: absolute; width: 50%; height: 100%; right: 0px; background: rgba(0, 64, 130, 0.8); z-index: 1; top: 0px;}

.h3-cierre {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 35px; font-style: normal; font-weight: 600; 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;}

.a-cierre-servizi {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; 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; background-color: transparent; margin-bottom:0px; margin-top:0px; cursor: pointer;}

.a-cierre-servizi:hover {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; 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; background: #0090FF; margin-bottom:0px; margin-top:0px; cursor: pointer;}

.h1-cierre a {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; font-style: normal; font-weight: 600; line-height: 45px; letter-spacing: 1px; text-align: left; color:#084672; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px;}

.h1-cierre a:hover {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; font-style: normal; font-weight: 600; line-height: 45px; letter-spacing: 1px; text-align: left; color:#fff; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px; background:#0090FF;}

.h3-servizi {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; font-style: normal; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; padding-left:0px; padding-bottom:0px;}

.separatore-servizi {width:274px; height:8px; background:#ec1f25; margin-top:20px; margin-bottom:59px;}
	
.selettore-servizi {width:31px; height:8px; border-right:4px solid #fff; background:#084672;}

.background-banner-esperienza {width:65%; height:100%; position:absolute; top:0px; right:0px; z-index:1; background:url('../img/bg-titolo-banner.svg'); background-repeat: no-repeat; background-size: cover;}

.position-title-esperienza {color:#fff; padding-top:0px; font-size:55px; line-height:55px; padding-left:150px;}

/* servizi */

.colonna-55-left {width:55%; padding-left:0%; float:left; position: relative;}

.colonna-60-right {width:60%; float:right; position: absolute; right:0px; top:60px; z-index:1;}

.colonna-60-left {width:60%; float:left; position: absolute; left:0px; top:60px; z-index:1;}

.colonna-55-right {width:55%; padding-left:0%; float:right; position: relative;}

 .disable-title {display: inline; color:#fff;}

/* inizio footer */
footer {width:100%; height:auto; background:#084672; margin-top:-5px;}
		
.footer-center {width:1130px; height:auto; margin:0 auto; padding:0px; padding-top:20px; padding-bottom:20px; position: relative;}

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

.first {width:33.3%;} .second {width:30%; margin-left:1.5%; margin-right:1.5%;} .third {width:33.3%;} 
		
.colonna-33-footer h3 {font-family: futura-pt, sans-serif;  /* Futura PT Book */ 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: futura-pt, sans-serif;  /* Futura PT Book */ 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: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 18px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: 0em; text-align: left; text-decoration: none; color:#ffffff;}

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

/* contatti */

.margin-contatti {width: auto; margin-left: 0px;}

.h3-contatti {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; font-style: normal; font-weight: 600; line-height: 28px; letter-spacing: 0em; text-align: left; margin: 0px; padding: 0px; color: #505050; padding-left: 20px;}

.h3-contatti a {font-family: futura-pt, sans-serif;  /* Futura PT Book */ font-size: 25px; font-style: normal; font-weight: 600; line-height: 28px; color: #505050;}

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

.padding-contatti-sx {padding:80px 0px; margin-top:120px;}

.padding-contatti-dx {padding:80px 0px;}

.padding-titoli-servizi {padding-top:0px; background: rgba(0, 64, 130, 0.8); color:#fff; padding:30px; padding-right:0px;}

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

.background-title-banner {width:65%; height:100%; position:absolute; top:0px; left:0px; z-index:1; background:url('../img/bg-main-titolo-banner.svg'); background-repeat: no-repeat; background-size: cover;}
	
.position-title-banner {padding-left: 7.5%; margin-top: -50px;}

}

@media only screen and (max-width:1300px){
.position-title-esperienza {color:#fff; padding-top:0px; font-size:55px; line-height:55px; padding-left:150px; margin-top:-80px;}
}

@media only screen and (max-width:1140px){
	
.content-cierre-1140 {width:95%; height:auto; margin:0 auto; padding:0px;}
	
.footer-center {width:95%;}
	
.torna-su {right:0px;}
	
.first {width:33.3%;} .second {width:33.3%; margin:0px;} .third {width:33.3%;}
	
.title-servizi-lavori {font-size: 18px;}
	
.position-title-banner {padding-left: 2.5%; margin-top: -100px;}

.background-banner-esperienza {width:85%;}
	
.position-title-esperienza {font-size:55px; line-height:55px; padding-left:auto; margin-top:-120px;}
	
.centratura-testo-verticale {height: auto; line-height: auto;}

.centratura-testo-verticale p {display: inline-block; vertical-align: middle; line-height: normal;}
	
.colonna-55-left {width:55%; padding-left:0%; float:left; position: relative;}

.colonna-60-right {width:50%; float:right; position: absolute; right:2.5%; top:0px; z-index:1;}

.colonna-60-left {width:50%; float:left; position: absolute; left:2.5%; top:0px; z-index:1;}

.colonna-55-right {width:55%; padding-left:0%; float:right; position: relative;}
}


@media only screen and (max-width:1024px){
	
.position-title-esperienza {font-size:50px; line-height:50px; padding-left:auto; margin-top:-120px;}	
	
.position-title-banner {padding-top:0px; font-size:50px; line-height:50px;  margin-top: -150px;}
	
.h1-cierre {font-size:40px;}
	
}

@media only screen and (max-width:820px){
.h1-cierre {font-size:35px;}	
	
.position-title-esperienza {font-size:50px; line-height:50px; padding-left:auto; margin-top:-190px;}	
	
.position-title-banner {padding-top:0px; font-size:50px; line-height:50px;  margin-top: -190px;}
}

@media only screen and (max-width:767px){
.colonna-33-footer {float:none; padding-top:28px; margin-left:2.5%; margin-right:2.5%;}

.first {width:95%;} .second {width:95%; margin-left:2.5%; margin-right:2.5%;} .third {width:95%;} 
	
.padding-contatti-sx {padding:60px 0px; margin-top:0px; width:95% !important; float:none;}

.padding-contatti-dx {padding:60px 0px; padding-top:0px;  width:95% !important; float:none;}
	
.position-title-esperienza {font-size:35px; line-height:35px; padding-left:auto; margin-top:-190px;}	
	
.position-title-banner {padding-top:0px; font-size:35px; line-height:35px;  margin-top: -190px;}
	
.background-banner-esperienza {width: 75%;}
	
.padding-titoli-servizi {padding-top:0px; background: rgba(0, 64, 130, 0.8); color:#fff; padding:15px; padding-right:0px;}
}


@media only screen and (max-width:700px){
.position-title-esperienza {font-size:35px; line-height:35px; padding-left:auto; margin-top:-240px;}	
	
.position-title-banner {padding-top:0px; font-size:35px; line-height:35px;  margin-top: -240px;}
	
.colonna-55-left {width:95%; padding-left:2.5%; float:left; position: relative;}

.colonna-55-right {width:95%; padding-right:2.5%; float:right; position: relative;}
	
.colonna-60-right {width:65%; float:right; position: absolute; right:5.5%; top:0px; z-index:1;}
	
.colonna-60-left {width:65%;}

}


@media only screen and (max-width:600px){
.position-title-esperienza {font-size:30px; line-height:30px; padding-left:0px; margin-top:-270px;}	
	
.position-title-banner {padding-top:0px; font-size:30px; line-height:30px;  margin-top: -270px;}	
	
.background-banner-esperienza {width: 85%;}
	
	
}


@media only screen and (max-width:480px){
.position-title-esperienza {font-size:30px; line-height:30px; padding-left:15%; margin-top:-310px;}	
	
.position-title-banner {padding-top:0px; font-size:30px; line-height:30px;  margin-top: -200px;}	
	
.background-banner-esperienza {width: 95%;}
	
	
.img-banner-desktop {display:none;}

	.img-banner-mobile {display:block;} .disable-title {display: none;}
	
	
}