/* Fonts */
.hero{background-color:#feeb00}




/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  color:#000318;
  background:#FFFFFF;
}




/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {color:#000318; background:#FFFFFF; padding-top:1rem; padding-bottom:1rem;}
.footer .container{max-width:78% !important;padding-left: 0px;padding-right: 0px;}
.footer .seguici{display:flex; align-items: center; flex-direction: row; align-content: center; flex-wrap: wrap;}
.footer .seguici .txt{font-weight:800; font-size:20px; margin-right:15px;}
.footer .seguici .social{margin-left:5px; margin-right:5px;}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero.section{margin:0px;}
.hero .container{max-width:82% !important;padding-left: 0px;padding-right: 0px;}

.hero {
  width: 100%;
  height:auto;
  position: relative;
  padding: 0px 0 0px 0;
  display: flex;
  align-items: start;
}

.hero .img-hero img{width:100%; margin-top:0rem; margin-bottom:0rem;image-rendering: high-quality;}
.hero .img-hero.mobile{display:none;}


/*--------------------------------------------------------------
# PAGINA 404
--------------------------------------------------------------*/  
.index-page.pg-servizio{background-image: url("../img/sf-pg-servizio.jpg"); background-repeat:no-repeat; background-size:cover;}
.hero.section.no-result{height:80vh;}
.hero.section.no-result .img-hero.vuota{display:none;}
.hero.section.no-result .img-hero.completa{display:none;}
.hero.section.no-result .img-hero.mobile{display:none;}
.hero.section.no-result .nuvola-claim{display:none;}
.hero.section.no-result .claim {position: unset; width: 100%; text-align: center;  margin-top: 60px;}

.hero.section.no-result .intro-no-result {
    text-align: center;
    width: 46%;
    background: rgba(0,159,227,0.7);
    display: block;
    margin: 0 auto;
    margin-top: 90px;
    border-radius: 30px;
    padding-top: 20px;
	padding-bottom: 40px;
}



@media(min-width:280px) and (max-width:1023px){
.hero .img-hero{display:none;}
.hero .img-hero.mobile{display:block;}

.hero .container{max-width:86% !important;padding-left: 0px;padding-right: 0px;}

.footer .seguici{justify-content: center;}
}