

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/static/Montserrat-Regular.eot');
    src: url('../fonts/static/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/static/Montserrat-Regular.woff') format('woff'),
         url('../fonts/static/Montserrat-Regular.ttf') format('truetype'),
         url('../fonts/static/Montserrat-Regular.svg#nome-font') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/static/Montserrat-Bold.eot');
    src: url('../fonts/static/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/static/Montserrat-Bold.woff') format('woff'),
         url('../fonts/static/Montserrat-Bold.ttf') format('truetype'),
         url('../fonts/static/Montserrat-Bold.svg#nome-font') format('svg');
    font-weight: 700;
    font-style: normal;

}


body{margin-top:0px;margin:0px;padding:0px;}
	header {background: #fff; height:120px; width:100%; position: fixed; top:0px; left:0px; z-index:10000;}
	.header-centrato {width:1440px; height:120px; margin:0 auto; padding:0px; position: relative;}
	.position-logo {width:auto; height:100px; position: absolute; /*left:166px;*/ left:5%; top:5px; z-index:100000000;}
    .distanziatore-header {width:100%; height:120px; clear: both;}
	nav {width:580px; height:30px; position:absolute; /*right:95px;*/ right:5%; top:45px;}

   .menu-desktop {display:block;}

	.menu-mobile {display:none;}

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

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

   .img-banner-home {width:100%; display:block;}

   .img-banner-home-mobile {width:100%; height:auto; display: none;}

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

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

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


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

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

   .colonna-50-news {width:50%; float:left; padding:80px 0px;}

	.padding-news {padding-top:80px; padding-bottom:40px;}

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

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

.img-home-50 {width:49%; margin:0.5%; float:left;}

   .h2-pf-impianti {font-family: 'MontserratBold', sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; letter-spacing: 0em; text-align: left; color:#19245a; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:85px; padding-bottom:25px;}

   .p-pf-impianti-home {font-family: 'Montserrat', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: -0.01em; text-align: left; color:#545152; padding:0px; margin:0px; margin:0 auto; padding:0px; width:100%; padding-bottom:80px;}

   .p-pf-impianti-home p {font-family: 'Montserrat', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: -0.01em; text-align: left; color:#545152;}

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

   .link-home a {font-family: 'MontserratBold', sans-serif; font-size: 18px; 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-albiqual {text-align:center; position: absolute; top:100px; left:0px; border:0px; padding:0px; width:100%;}

   .h3-fer-elettrico-idraulico {text-align:center; position: absolute; top:100px; left:0px; border:0px; padding:0px; width:100%;}


#box-albiqual {width:150px; height:155px; margin-right:50px; float:left; position: relative;}

#box-fer-elettrico {width:150px; margin-right:50px; float:left; position: relative;}

#box-fer-idraulico {width:150px; margin-right:50px; float:left; position: relative;}

   footer {width:100%; height:auto; background:#545152; margin-top:-5px;}

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

        .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: 'Montserrat', sans-serif; font-size: 17px; 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: 'Montserrat', sans-serif; font-size: 17px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: 0em; text-align: left; padding:0px; margin:0px; color:#ffffff;}

		.colonna-33-footer a {font-family: 'Montserrat', sans-serif; font-size: 17px; font-style: normal; font-weight: 400; line-height: 25px; 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;}


		/* servizi */

		.bg-green {background:#19245a;}

        .bg-dark-grey {background:#545152;}

        .h2-pf-impianti-servizi {font-family: 'MontserratBold', sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; letter-spacing: 0em; text-align: left; color:#19245a; padding:0px; margin:0px; width:100%; margin:0 auto; padding:0px; padding-top:85px; padding-bottom:25px;}

        .p-pf-impianti-servizi-50 {font-family: 'Montserrat', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: -0.01em; text-align: left; color:#545152; padding:0px; margin:0px; margin:0 auto; padding:0px; width:90%; padding-bottom:80px; float:left;}

        .title-text-white {color:#fff;}

        .padding-top-p-servizi {padding-top:49px;}

        .h2-assistenza-caldaie {font-family: 'Montserrat', sans-serif; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; letter-spacing: 0em; text-align: left; color: #19245a;}

        .h2-assistenza-caldaie span {font-family: 'MontserratBold', sans-serif; font-weight: 700; color:#545152;}

.p-assistenza-caldaie {font-family: 'Montserrat', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: 0em; text-align: left; color: #545152; padding-top:35px;}

.h2-p-assistenza-caldaie {width:100%; height:auto; /*position: absolute; right:0px; top:170px; z-index:1;*/}

.img-assistenza-caldaie {width:95%;}

.distanziatore-assistenza-caldaie {width:100%; height:95px; clear: both;}

.dimensione-logo-vaillant {width:218px; float:left; margin-right:35px;}

.dimensione-logo-viessmann {width:227px; float:left;}

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

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

/* contatti */

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

.box-contatti-singolo {width:100%; height:40px; line-height:40px; clear:both; letter-spacing: 0em; text-align: left; padding-bottom:45px;}

.box-contatti-singolo a {font-family: 'MontserratBold', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; color:#545152;}

.p-contatti-indirizzo {font-family: 'MontserratBold', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 25px; letter-spacing: 0em; text-align: left; color:#545152; padding:0px; margin:0px; padding-top:60px; padding-bottom:117px;}


.linea-separatrice-contatti {width:375px; height:2px; background:#545152; margin-top:30px; margin-bottom:30px;}

.a-capo-contatti {display:inline;}

.box-mappa-contatti {width:50%; height:450px; position: absolute; right:0px; top:0px; z-index: 1; overflow: hidden;}


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

	.header-centrato {width:100%; height:120px; margin:0 auto; padding:0px; position: relative;}



}

@media only screen and (max-width:1140px){
.content-pf-impianti-1140 {width:95%; height:auto; margin:0 auto; padding:0px;}

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

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

.footer-center {width:90%;}

.img-chi-siamo {width:90%;}

.h1-banner {top:20px; bottom:auto; left:2.5%;}

}


@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%;}

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

.disable-trattino  {display:none;}

}


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

.h2-p-assistenza-caldaie {margin-top:-40px; /*position: absolute; right:0px; top:170px; z-index:1;*/}

.h2-pf-impianti {width:95%;}

.p-pf-impianti-home {width:95%;}

.link-home {margin-left:2.5%; margin-bottom:70px;}

}

@media only screen and (max-width:1023px){
.colonna-50-news {width:95%; float:none; padding:40px 0px; margin-left: 2.5%; padding-bottom:0px;}
.padding-news {padding-top:0px; padding-bottom:40px;}
}

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

.h1-banner {font-size: 55px; line-height: 60px;}

.h2-pf-impianti-servizi {font-size:35px; line-height: 35px;} .h2-pf-impianti {font-size:35px; line-height: 35px;} .h2-assistenza-caldaie  {font-size:35px; line-height: 35px;}

}


@media only screen and (max-width:980px){
.menu-desktop {display:none;}
.menu-mobile {display:block; padding-top:40px;}
.position-cornetta-header-mobile {position: absolute; top:46px; right:75px; z-index:100000000;}
}

@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%;}

.width-assistenza {width:100% !important; padding-top:45px !important;}

.img-assistenza-caldaie {width:100%;}

.h2-p-assistenza-caldaie {width:100%; height:auto; position: relative; right:0px; top:0px; padding-bottom:75px;}

.dimensione-logo-vaillant {width:218px; float:left; margin-right:43px;}

.dimensione-logo-viessmann {width:227px; float:left;}

.p-assistenza-caldaie {padding-top:0px;}

.distanziatore-assistenza-caldaie {width:100%; height:40px; clear: both;}

.linea-separatrice-contatti {width:90%;}

.box-contatti-singolo a {font-size: 18px;}

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

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

.box-mappa-contatti {width:50%; height:394px; position: absolute; right:0px; top:0px; z-index: 1; overflow: hidden;}

}

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

.colonna-sx-home {width:95%; float:none; height:auto; margin-left:2.5%; padding-top:40px;}

.colonna-dx-home {width:95%; float:none; height:auto; margin-left:2.5%; padding-top:0px;}

.p-pf-impianti-home {padding-bottom:40px;}

.h2-pf-impianti {padding-top:40px; padding-bottom: 20px;}

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

.h2-pf-impianti-servizi {padding-bottom: 20px;}

	.padding-top-p-servizi {padding-top:0px;}

	.p-pf-impianti-servizi-50 {padding-bottom: 40px; font-size:22px;}

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

    .linea-separatrice-contatti {width:100%;}

	.p-contatti {margin-bottom:30px;}

	.box-mappa-contatti {width:100%; height:auto; position: relative; right:auto; top:auto; z-index: 1; overflow: hidden;}

	.p-contatti-indirizzo {padding-top:40px; padding-bottom:40px; }

	.p-assistenza-caldaie {
    padding-right: 2.5%;}

	.box-contatti-singolo a {}

    .img-assistenza-caldaie {width:95%;}

}


@media only screen and (max-width:700px){
.h1-banner {font-size: 50px; line-height: 55px;}

#box-albiqual {width:30%; height:155px; margin-right:5%; float:left; position: relative;}

#box-fer-elettrico {width:30%; margin-right:5%; float:left; position: relative;}

#box-fer-idraulico {width:30%; margin-right:0px; float:left; position: relative;}

}

@media only screen and (max-width:600px){
.h1-banner {font-size: 45px; line-height: 45px;}

.position-logo {height:80px; top:10px;}/**/

.menu-mobile {display: block;padding-top: 32px;}

.position-cornetta-header-mobile {top:37px; right:75px; z-index:100000000;}

.dimensioni-logo-footer {width:200px;}


.dimensione-logo-vaillant {width:40%; float:left; margin-right:5%;}

.dimensione-logo-viessmann {width:40%; float:left;}

header {height:100px;}
.header-centrato {height:100px;}

.distanziatore-header {height:100px;}

/*.h3-fer-elettrico-idraulico {text-align:center; position: absolute; top:50px; left:0px; border:0px; padding:0px; width:100%;}*/

}


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

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

	.img-banner-mobile {display:block;} .opacity {opacity:0.6;}

.h1-banner {font-size: 50px; line-height: 55px; top:60px;}

.link-home {width:95%; height:57px;}

.link-home a {}

.img-banner-home {width:100%; height:auto;display: none;}
.img-banner-home-mobile {width:100%; height:auto; display:block;}

.img-domotica-desktop {display:none;}

.img-domotica-mobile {display:block;}

.h2-pf-impianti-servizi {font-size:28px;} .h2-pf-impianti {font-size:28px;}

.h2-assistenza-caldaie  {font-size:33px;}

.img-home-50 {width:99%; margin:0.5%; float:none;}

/*#box-albiqual {width:30%; height:155px; margin-right:5%; float:none; clear:both;}

#box-fer-elettrico {width:30%; margin-right:5%; float:none; clear:both;}

#box-fer-idraulico {width:30%; margin-right:0px; float:none; clear:both;}*/

#h3-albiqual {text-align:center; position: absolute; top:60px; left:0px; border:0px; padding:0px; width:100%;}

.h3-fer-elettrico-idraulico {text-align:center; position: absolute; top:50px; left:0px; border:0px; padding:0px; width:100%;}

}


@media only screen and (max-width:360px){
.p-contatti-indirizzo {padding-top:40px; padding-bottom:40px; /*font-size: 21px;*/}

.box-contatti-singolo a {/*font-size: 21px;*/}
}
