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;}*/

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

header {background:#fff; height:120px; width:100%; position: fixed; top:0px; left:0px; z-index:10000;}
.header-centrato {width:100%; height:120px; margin:0 auto; padding:0px; position: relative;}
.position-logo {height:100px; position: absolute; margin-left:2.5%; top:10px; z-index:1;}
.distanziatore-header {width:100%; height:120px; clear: both;}

    .box-contatti-header {width:auto; height:28px; position: absolute; top:71px; right:110px; line-height:28px;}
    .box-telefono-header {width:340px; height:28px; float:left;}
    .box-mail-header {width:310px; height:28px; float:left; margin-left:33px;}
    .box-contatti-header a {font-family: 'Montserrat', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; color:#505050; text-decoration: none;}

.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;}

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

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

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

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

.container-peri-100-servizi {width:100%; height:auto; margin:0 auto; padding:0px;}

.content-peri-1140 {max-width:1140px; height:auto; margin:0 auto; padding:0px 20px; }

.h1-peri {font-family: 'Jost', sans-serif; font-size: 45px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 1px; text-align: left; color:#000000; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px;}

.p-peri {font-family: 'Manrope', sans-serif; font-size: 20px; 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-peri span {font-weight: 700;}

.citazione-peri {font-family: 'Manrope', sans-serif; font-size: 24px; font-style: normal; font-weight: 400; line-height: 34px; letter-spacing: -0.01em; text-align: center; color:#505050; padding:0px; margin:0px; margin:0 auto; padding:0px; width:100%; padding-bottom:80px;}

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

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

.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-peri {font-family: 'Manrope', 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;}

.a-peri-servizi {font-family: 'Manrope', 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; background-color: transparent; margin-bottom:0px; margin-top:0px; cursor: pointer;}

.a-peri-servizi:hover {font-family: 'Manrope', 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; background: #0090FF; margin-bottom:0px; margin-top:0px; cursor: pointer;}

.h1-peri a {font-family: 'Jost', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: 1px; text-align: left; color:#000000; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:65px; padding-bottom:25px;}

.h1-peri a:hover {font-family: 'Jost', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; 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: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 29px; letter-spacing: 0em; text-align: left; margin:0px; padding:0px; padding-left:0px; padding-bottom:0px;}

.float-right {float:right;}

.box-h1-p {width:90%; position: absolute; top:40%; left:5%; z-index:1;}

.title-servizi-lavori {color: #fff; font-size: 30px; line-height:70px; font-family: 'Jost', sans-serif; font-style: normal; font-weight: 700; margin: 0px; padding: 0px; width:100%; text-align:center; background:rgba(255, 189, 25, 0.9); height:70px;}

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

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

.background-title {background:#001558;}


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

.footer-center {height:auto; margin:0 auto; padding: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: 'Manrope', 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: 'Manrope', 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: 'Manrope', 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;}

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

/* contatti */

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

.h3-contatti {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 400;
    line-height: 28px; letter-spacing: 0em; text-align: left; margin: 0px; padding: 0px; color: #505050;
    padding-left: 20px;}

.h3-contatti a {font-family: 'Manrope', sans-serif; font-size: 20px; font-style: normal; font-weight: 400;
    line-height: 28px; color: #505050;}

.torna-su {float: right; padding-top: 0px; position: absolute; right: -50px;}
.i-nostri-servizi { display: flex; flex-wrap: wrap;justify-content: space-between;}
.colonna-50-servizi {width: 49%; margin-bottom: 20px; margin:0%; position: relative;}
.colonna-50-servizi img {width: 100%;}
.colonna-contatti {padding:80px 0px; margin-top:120px;}
.descrizioni-soggetti {
  color:#fff;text-align: center; padding:40px 0px;  font-size: 28px;
}
.nascondi-mobile {
  display: block;
}
.nascondi-desktop {
  display: none;
}
@media screen and (max-width: 1000px) {
  .first,.second, .third { width: 100%}

}
@media screen and (max-width: 700px) {
  .position-logo {
    height: 80px;
    .contatti-header {top: 12px; }
  }
  .colonna-50-servizi { width: 100% !important}
   .colonna-50 { width: 100% !important}
   .colonna-contatti {padding-top: 40px; padding-bottom: 0;margin-top:40px;}
   .h3-contatti { font-size: 16px; }

   .h3-contatti a  { font-size: 16px; }
   .h1-peri {  font-size: 30px; !important }
   .descrizioni-soggetti {
     color:#fff;text-align: center; padding:40px 0px;  font-size: 25px;
   }
   .title-servizi-lavori {font-size: 25px;}


}