@charset "utf-8";
/* CSS Document */

@import url('global.css');

/*--Fonts--*/
.breeSerif-font{font-family: 'Bree Serif', serif;}

body{font-family: 'Roboto', sans-serif; color:#1d1d1d;}

.hero{min-height:770px; background-color:#0056dd; position:relative;}
.hero-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.hero-bg-1 {
    background: url(../images/hero-bg-1.png) left top no-repeat;
}

.hero-bg-2 {
    background: url(../images/hero-bg-2.png) right top no-repeat;
    background-size: auto 80%;
}

.hero-bg-3 {
    background: url(../images/hero-bg-3.png) right bottom no-repeat;
}

.hero-bg-4 {
    background: url(../images/hero-bg-4.png) right top no-repeat;
    z-index: 9;
}

.hero-bg.hero-bg-4 {
    top: 100%;
}

.header {
    min-height: 80px;
    z-index: 99;
}

.menu {
    position: relative;
    margin: 0 -15px;
}

    .menu:after {
        width: calc(100% - 30px);
        height: 1px;
        background-color: #fff;
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }

    .menu ul li {
        float: left;
    }

        .menu ul li a {
            display: block;
            font-size: 14px;
            color: #fff;
            min-width: 95px;
            text-align: center;
            padding: 10px 15px;
            line-height: 30px;
        }
.hero-contents{padding:100px 0; position:relative; z-index:8;}
.hero-contents p{color:#78d5ff; margin-top:30px;}
.hero-contents p:first-child{margin-top:0;}
.section{padding:120px 0;}
.section-article{position:relative; z-index:8;}
.article p{margin-bottom:25px;}
.article p:last-child{margin-bottom:0;}
.section-block{margin-bottom:120px;}
.section-block:last-child{margin-bottom:0;}
.item{background-color:#fff; border-radius:12px; padding:15px 30px; box-shadow:0 0 10px rgba(0,0,0,0.1); min-height:180px;}
.item-icon{margin-right:30px;}
.bg-section{min-height:500px; background:url(../images/banner-1.jpg) center center no-repeat; background-size:cover; position:relative;}
.bg-section:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(24,90,57,0.66); content:"";}
.bg-section .container{position:relative; z-index:9;}
.links{font-weight:700; text-decoration:underline; color:#1d1d1d;}
.links:hover{color:#1d1d1d; text-decoration:none;}
.links.links-white, .links.links-white:hover{color:#fff;}
.content-section{border-top:15px solid #00ddb1; position:relative;}
.content-section h5{margin-bottom:10px;}
.content-section h5:last-child{margin-bottom:0;}
.content-section:before{position:absolute; left:0; top:0; width:100%; height:40px; background-color:#0092dd; content:""; z-index:1;}
.footer{background-color:#fff; padding:50px 0;}
.copyright p{color:#1d1d1d; font-size:16px;}
.footer-top{margin-bottom:40px;}
.footer-top:last-child{margin-bottom:0;}
.footer .address-block p, .copyright p a{color:#1d1d1d;}
.copyright p a:hover{text-decoration:underline; color:#1d1d1d;}

.nav-icon{width:36px; height:36px; cursor:pointer; z-index:99; display:none;}
.hamburger{position:absolute; left:50%; top:50%; width:60%; height:2px; background:rgba(255,255,255,1); transform:translate(-50%,-50%); transition:.5s; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.hamburger:before, .hamburger:after{content:""; position:absolute; left:0; width:100%; height:2px; background-color:#fff; transition:.5s; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.hamburger:before{top:-7px;}
.hamburger:after{top:7px;}
.nav-icon.nav-icon-active .hamburger{background:rgba(255,255,255,0); box-shadow:none;} 
.nav-icon.nav-icon-active .hamburger:before{top:0; transform:rotate(45deg);}
.nav-icon.nav-icon-active .hamburger:after{top:0; transform:rotate(135deg);}








































    @media(max-width:1199px) {
        .container{max-width:100%;}
	.logo img, .footer-logo img{max-width:170px;}	
	.section{padding:100px 0;}
	.section-block{margin-bottom:100px;}
	.article p{margin-bottom:20px;}
	.content-section{border-width:12px;}
	.content-section:before{height:30px;}
	.menu ul li a{padding:5px 10px; min-width:80px;}
	.header{min-height:70px;}
}
@media(max-width:991px){
	.logo img, .footer-logo img{max-width:150px;}
	.copyright p{font-size:15px;}
	.section{padding:80px 0;}
	.section-block{margin-bottom:80px;}
	.content-section{border-width:10px;}
	.content-section:before{height:25px;}
	.item{border-radius:10px; min-height:160px;}
}
@media(min-width:768px){
	.menu{display:block !important;}
	.menu ul li a{position:relative;}
	.menu ul li a:hover:after{top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:8px; margin-left:-8px; margin-top:-16px;}
}
@media(max-width:767px){
	.section{padding:70px 0;}
	.section-block{margin-bottom:70px;}
	.content-section{border-width:8px;}
	.content-section:before{height:20px;}
	.bg-section{text-align:center;}
	.hero{min-height:100vh;}
	.hero-contents{text-align:center;}
	.hero-contents p{margin-top:20px;}
	.header{min-height:auto; padding:10px 0;}
	.menu:after{display:none;}
	.menu{position:absolute; left:0; top:100%; width:100%; margin:0;}
	.menu ul li{float:none; border-bottom:1px solid #eee;}
	.menu ul li:last-child{border-bottom:0;}
	.menu ul li a{padding:5px 15px; width:auto; text-align:left; line-height:32px; background-color:#fff; color:#1d1d1d;}
	.menu ul li a:hover{background-color:#00ddb1; color:#fff;}
	.header .container{align-items:center !important;}
	.nav-icon{display:block;}
	.menu{display:none;}
	.item-icon{margin-right:25px;}
	.item-icon img{max-width:50px;}
	.hero-bg{opacity:0.5;}
	.item{border-radius:8px; min-height:140px;}
}
@media(max-width:640px){
	.section{padding:60px 0;}
	.section-block{margin-bottom:60px;}
}
@media(max-width:575px){
	.logo img, .footer-logo img{max-width:140px;}
	.footer{text-align:center;}
	.footer-logo{margin-bottom:30px;}
	.footer-logo img{margin:0 auto;}
	.section{padding:50px 0;}
	.section-block{margin-bottom:50px;}
	.content-section{border-width:6px;}
	.content-section:before{height:15px;}
	.item h4 br{display:none;}
	.item{border-radius:6px; min-height:100px;}
}

/*--Inner Pages--*/
.page-hero{min-height:350px; position:relative;}
.page-hero:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,86,221,0.5); content:""; z-index:1;}
.progettazione-termica {
    background: url(../images/progettazione-termica.jpg) center center no-repeat;
    background-size: cover;
}
.impianti-elettrici {
    background: url(../images/banner-elettrici.jpg) center center no-repeat;
    background-size: cover;
}
.prevenzione-incendi {
    background: url(../images/incendi.jpg) center center no-repeat;
    background-size: cover;
}
.contabilizzazione {
    background: url(../images/banner-contabilizzazione.jpg) center center no-repeat;
    background-size: cover;
}
.galleria {
    background: url(../images/page-banner-1.jpg) center center no-repeat;
    background-size: cover;
}
.page-header{min-height:80px;}
.page-header{position:relative; z-index:9;}
.page-banner-content{z-index:1;}
.page-nav-icon{top:auto; right:auto;}
.pages{padding:80px 0;}
.page-section{margin-bottom:100px;}
.page-section:last-child{margin-bottom:0;}
.article-list .row.rows{margin:-45px -15px;}
.article-list .row.rows .columns{padding:45px 15px;}
.article-list-item-image img{width:65px; min-width:65px;}
.article-list-item{margin:-15px;}
.article-list-item-column{padding:15px;}
.article-list-item h3{color:#0056dd; margin-bottom:15px;}
.article-image{padding-bottom:30px;}

ul.point-list{margin:-15px;}
ul.point-list li{padding:15px;}
.point-section-headding{margin-bottom:50px;}
.point-section{padding-top:100px; border-top:2px solid #0056dd;}

.page-footer{background-color:#306dd1; padding:50px 0;}
.page-copyright p{color:#fff; font-size:16px;}
.page-footer-top{margin-bottom:40px;}
.page-footer-top:last-child{margin-bottom:0;}
.address-block p, .page-copyright p a{color:#fff;}
.page-copyright p a:hover{text-decoration:underline; color:#fff;}









@media(max-width:1199px){
	.page-logo img, .page-footer-logo img{max-width:220px;}	
	.article-list .row.rows{margin:-30px -15px;}
	.article-list .row.rows .columns{padding:30px 15px;}
	.page-section{margin-bottom:80px;}
	.point-section{padding-top:80px;}
	.page-section{margin-bottom:80px;}
	.pages{padding:80px 0;}
}
@media(min-width:992px){

}
@media(max-width:991px){
	.page-logo img, .page-footer-logo img{max-width:200px;}
	.page-section{margin-bottom:60px;}
	.point-section-headding{text-align:center;}
	ul.point-list li{text-align:center;}
	.point-section{padding-top:60px;}
	ul.point-list{margin:-10px;}
	ul.point-list li{padding:10px; font-size:15px;}
	.page-copyright p{font-size:15px;}
	.page-section{margin-bottom:60px;}
	.pages{padding:60px 0;}
}
@media(max-width:767px){
	.article-list-item{text-align:center;}
	.article-list .row.rows{margin:-25px -10px;}
	.article-list .row.rows .columns{padding:25px 10px;}
	.article-list-item-image img{width:50px; min-width:50px;}
	.article-list-item-image img{margin:0 auto;}
	.page-section{margin-bottom:50px;}
	.point-section{padding-top:50px;}
	.page-section{margin-bottom:50px;}
	.pages{padding:50px 0;}
	.page-hero{min-height:300px;}

}
@media(max-width:575px){
	.page-logo img, .page-footer-logo img{max-width:180px;}
	.page-footer{text-align:center;}
	.page-footer-logo{margin-bottom:30px;}
	.page-footer-logo img{margin:0 auto;}
	.page-hero{min-height:250px;}
}






/*--CCSS--*/




.header {position: absolute;left: 0;top: 0;width: 100%;padding: 35px 0;z-index: 999;}

body.menu-active {
    overflow: hidden;
}

.menu-section {overflow-x: hidden;}

.menu {min-height: 500px;background-color: #306dd1;border-radius: 0 0 0 150px;position: relative;}

.menu:after {position: absolute;left: 100%;top: 0;width: 500%;height: 100%;background-color: #306dd1;content: "";}

.menu ul li { margin-bottom: 5px;}

.menu ul li:last-child {margin-bottom: 0;}
.menu ul li a {font-size: 18px;color: #fff;}

.menu ul li a:hover {text-decoration: underline;opacity: 0.8;}

.nav-icon {width: 50px;height: 50px;cursor: pointer;position: absolute;right: 15px;top: 15px;z-index: 9999;}


.hamburger {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60%;
    height: 4px;
    background: rgba(255,255,255,1);
    transform: translate(-50%,-50%);
    transition: .5s;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

    .hamburger:before, .hamburger:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff;
        transition: .5s;
        box-shadow: 0 0 2px rgba(0,0,0,0.2);
    }

    .hamburger:before {
        top: -9px;
    }

    .hamburger:after {
        top: 9px;
    }
.nav-icon.nav-icon-active .hamburger {background: rgba(255,255,255,0);box-shadow: none;
}

    .nav-icon.nav-icon-active .hamburger:before {top: 0;transform: rotate(45deg);
    }

    .nav-icon.nav-icon-active .hamburger:after {top: 0;transform: rotate(135deg);
    }


.bg-quote-contatti-1 {background-size: cover;
}




@media(max-width:1199px) {
   

  .header { padding: 30px 0;}

  .logo img, .footer-logo img { max-width: 220px;}
}

@media(min-width:992px) {
  .nav-icon { display: none;
    }
}

@media(max-width:991px) {
   
  .header {padding: 20px 0;}

 }

  .menu {border-radius: 0;position: absolute;left: 0;top: 0;min-height: 100vh; }

  .menu:after { display: none;}

  .menu { display: none;}

  .menu ul li { margin-bottom: 10px;}

  .menu ul li:last-child {margin-bottom: 0;}

  .menu ul li a {font-size: 16px;}

  .menu-wrap {height: 100vh;z-index: 9999;}
}




@media(max-width:575px) {
 

 .header {padding: 15px 0;}}

/*--Inner Pages--*/

.page-nav-icon {top: auto;right: auto;}

.pages {padding: 80px 0;}

.page-menu {
    min-height: 100vh;
    background-color: #0056DD;
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.page-menu ul li {margin-bottom: 5px;}

.page-menu ul li:last-child {margin-bottom: 0;}

.page-menu ul li a {font-size: 18px;color: #fff;}

.page-menu ul li a:hover {text-decoration: underline;opacity: 0.8;}

.page-menu .menu-wrap {height: 100vh;}

ul.point-list {margin: -15px;}

ul.point-list li {padding: 15px;

}
@media(min-width:992px) {

 nav.menu {display: none;}

}
@media(max-width:991px) {

.page-menu ul li { margin-bottom: 10px;}

.page-menu ul li a {font-size: 16px; }

 ul.point-list li {text-align: center;}

 ul.point-list {margin: -10px;}

 ul.point-list li { padding: 10px;font-size: 15px;}
}