@charset "utf-8";
/* CSS Document */
 
body  
{
    /*font-family:"Trebuchet MS" ;
    font-size:17px;*/
/*	font-family: 'Raleway', sans-serif;*/
/*	*/
    /*font-family: 'Work Sans', sans-serif;*/
    /*font-family: "Gothic A1", Sans-serif; */
    /*font-family: "Muli", Sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size:17px;
/*	line-height:1.3;*/
    font-weight:300; 
    margin:0px;
    overflow-x:hidden !important;
   /* background-image:url(/images/sfondo.jpg);*/
    background-color:#FFF;
    line-height:1.4;
/*	color:#525252;*/
	color:#333;
}

.med
{
    font-weight:500;
}



.bold
{
    font-weight:700;
}
 
.container
{
    max-width:1280px !important;
    padding-top:30px;
    padding-bottom:30px;
   
}

.blk
{
    
}


.b-lazy {
        -webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms ease-in-out;
                 max-width: 100%;
                   opacity: 0;
    }
    .b-lazy.b-loaded {
                   opacity: 1;
    }


h1
{
    font-size:50px;
  
}
   
h2
{
    font-size:30px;
    margin-top:5px;
    margin-bottom:5px;
}  
h3
{
    font-size:30px;
}  


  .fascia_0
  {
	  padding-top:20px;
	  font-size:35px;
  }
    .fascia_0 .smaller
  {

	  font-size:25px;
  }
.fascia_0 h1,
.fascia_0 h2
{
	margin-bottom:0px;
	line-height:1;
}
a, a:hover
{
    color:#333;
}



.logoTop
{
    text-align: center;
    margin-bottom:40px;
}
img 
{
    max-width:100%;
}
.logoTop img
{
     max-width:150px;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
}

.claim-top 
{
    position:relative;
    overflow:hidden;
    background-image:url('/img/img-top.jpg');
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    /*margin-top:150px;*/
    text-align: center;
    padding-top:70px;
    padding-bottom:100px;
    font-size:24px;
    
}
.claim-top h2
{
    font-size:35px;
    line-height: 1.2;
}
.claim-top:before 
{
    content: '';
    position:absolute;
    
    background: linear-gradient(to bottom, #000 0%, transparent 100%);
    top:0px;
    left:0px;
    
    height:100%;
    width:100%;
}
#fascia_header
{
    
    position:fixed;
    width:100%;
    color:#fff;
    left:0px;
    top:0px;
    padding-top:10px;
    padding-bottom:10px;
    z-index:1200;
}

#fascia-claim
{
    margin-top:100px;
    /*background:#333;
    color:#fff;  */
    padding-top:50px;
    padding-bottom:50px;
}
     
.badge-site     
{
    padding:10px;
    font-size:18px;
    color:  #fff;
    background-color:  #2D8F49;
}
      
/** css button ***/      
.pulsante
{
   
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    font-size:20px;
}

.pulsante:link,
.pulsante:active,
.pulsante:visited,
.pulsante:focus
 {
    
        text-align: center;
        display: inline-block;
        line-height: 40px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        background: #9D8856;
        width: auto;
        
        text-transform: uppercase;
        margin: 0 auto;
        padding: 5px 25px;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
}
    

.pulsante:before    
    {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
       
        /*@include media-breakpoint-down(sm) {display:none;}*/
   }
    
    
.pulsante:hover {
        color: #fff;
        text-decoration: none;
        
    }
    
.pulsante:hover:before {
        
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
         
}

.pulsante_bigger
{
   
}

.flexBlock
{
    display:flex;
    align-items:center;
}

.bgGrey
{
    background-color: #EAE4D9;
}
.bgYellow
{
    background-color: #D8DCE0;
}

.oro 
{
    color:#9D8856;
}
.bgBlack
{
    background-color: #323A47;
    color:#fff;
}
#footerSito
{
    text-align:center;
    font-size:15px;
    padding-top: 50px;
  padding-bottom: 50px;
  background: #000;
  color: #fff;
    
}
#footerSito a
{
    color:#fff;
}
#footerSito img
{
    max-width: 100px;
}

.logoTopFixed
{
    display:none;
}
.logoTopFixed img
{
   max-width:65px;
  
}
.barra-fixed
{
    background-color: #000 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: center;
}


.barra-fixed .logoTopFixed
{
    display:block;
}

.barra-fixed .logoTop 
{
    display:none;
}
  
.barra-top .logoTop
{
   display:block;   
}

/**RESPONSIVE*/

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

@media   (max-width: 767px)
{  
  
  .badge-site {
    font-size: 16px;
    display: block;
  } 
    .pulsante:link,
.pulsante:active,
.pulsante:visited,
.pulsante:focus
 {
        line-height: 29px;
        font-size: 14px;
        
}
   
   
    #fascia-claim {
    margin-top: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

        h1
    {
        font-size:30px;
      
    }
   
    h2
    {
        font-size:28px;
    }  
    h3
    {
        font-size:28px;
    }  

   .badge-site {
    
    font-size: 13px;
    margin-bottom:20px;
   }
    .flexBlock
    {
        display:block;
    }
    img
    {
        max-width:100%;
    }
    .blk
    {
        padding:20px 10px;
    }


}