body{ 
    font-family: 'Nunito', sans-serif;  color: #4b4c4b;
}
    .row{
        max-width: 113rem;
    }
img{ width: 100%}
.title-bar{background: #fafafa;}
.menu-icon:after{
    height: 3px;
    background: #d63440;
    box-shadow: 0 7px 0 #d63440, 0 14px 0 #d63440;
}

.bg-uno{ background: #f1f1f1;}
.bg-red{ background: #d63440}

.color-due{ color: #e4e4e4}
.color-red{ color: #d63440}

.margine_t75{ margin-top: 2rem}

/** homepage **/
 .box-hole{
  position: absolute;  
  /*background:  url('../images/sf-rosso.png') no-repeat;
  background-size: cover;*/
  background: #d63440;
  width: 100%; height: 100%; z-index: 90;
}   
 .slogan-home{
    position: absolute;
    z-index: 999;
    top: 15%;
    left: 30px;
    color: #fff;
    font-size: 1.2em;
} 
.nascondi{display: none}
.nasconditesto{display: none}

#progetti-home .slide-text{position: absolute; top:0;z-index: 995; width: 100%; height: 100% }
#progetti-home .slide-text h3{ font-size: 5.6rem; font-weight:700;  color: #fff; }


.progetti-pdf a{
    font-size: 1.8rem;
    color: #4b4c4b;
}
a.pulsantone{ 
    width: 99%; color: #4d4d4d;text-decoration: none;
    /*padding-top: 2.5rem;padding-bottom: 2.5rem;*/
    line-height: 5.5em
}
a.pulsantone:hover{  color : #fff; font-weight: bold}
.button:focus, .button:hover{
   background-color: #d63440; 
}
/** ABOUT **/
#box-about{
    padding:3rem 0;
}
.btn-about{
   font-size: 3em; 
   width: 80px; height: 80px;
}
.btn-timeline, .btn-about{
    display: inline-block; 
    box-shadow: 1px 2px 9px #9e9e9e;
    border-radius: 20px;
    margin: 2px 1px;
    cursor:pointer;
    background: #fff;
    color:#d63440;
}

#box-about button.attivo, .btn-timeline:hover{ 
    background: #d63440; z-index: 99;
    -webkit-transform: scale(1.3,1.3); 
    transform: scale(1.3,1.3);
    transition:transform .25s ease-out;
    color:#fff;
}        

.btn-timeline{
    background: #f1f1f1;
    margin-top:3rem;
    margin-bottom:3rem;
    font-size: 2em;
    padding: 4rem 3.5rem;
    color:#4b4c4b;
       font-weight: 700;
       font-family: 'Nunito', sans-serif;
    }

.prod-v{display: block;}
.prod-n{display: none;}
    
/** Contatti **/
#box-contatti{
    padding: 4rem 0;
}
#contatti #anagrafica h3{
    font-size: 2.5em;
    font-weight: 700;
    text-align: center;
}

#contatti #anagrafica p{
    font-weight: 300;
}
#social-contatti{
    text-align: center;
}

/** Prodotti **/
a.accordion-title{
    font-weight: 700;
    color:#4b4c4b;
    border: none;
}
li.accordion-item{
    margin-bottom: 1.875rem;
}
.accordion-content{
    border: none;
    border-top: 3px solid #fff;
}


/**footer **/
footer#footer{ background: #e4e4e4 }
#footer #footer-box{
    padding:3.125rem 0;
}
#footer, #footer a{
    color:#4b4c4b;
}
#footer a{
    text-decoration: underline;
}
#footer a:hover{
    text-decoration: none;
}

.btn-social a{
     margin: 1.250rem 1rem;
}
.cronostoria{
    padding: 5rem 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path stroke-dasharray='2,2' d='M100 50 L0 50' stroke='black' stroke-width='1'/></svg>");
background-repeat: repeat-x
}

/* Small only (max 640) */
@media screen and (max-width: 39.9375em) {
    #footer{
        text-align: center;
    }
    .top-bar .menu.vertical > li > a{
        justify-content: center;
        color: #d63440;
        font-size: 1.4rem;
        line-height: 2;
    }
    .top-bar, .top-bar ul{
        background: rgba(255, 255, 255, .98);
position: absolute;
width: 100%;
font-weight: 700;
z-index: 99999;
left: 0
    }
    .top-bar .menu.vertical > li > a.attivo, .top-bar .menu.vertical > li > a:hover{
        text-decoration: underline; color:#4b4c4b;
    }
    img#logo-footer{
        width: 40%;
    }
    .btn-social{
        margin: 1.250rem 1rem;
        text-align: center;
    }
    .btn-social img{
        width: 40px;
        height: 40px;
    }
        
    #about-slideshow .slide-text{
        position: inherit; 
        color:#000;
        margin: 20px;
    }
}

/* Medium and up (640) */
@media screen and (min-width: 40em) {
    .margine_t75{ margin-top: 4.5rem}
           
    /** navbar **/
    .menu-text{
        padding: .6em 1rem;
    }
    .top-bar, .top-bar ul{
        background: transparent;
    }
    .top-bar .menu>li>a{
        font-size: 1.4rem;
        color: #4b4c4b;
        letter-spacing: 2px;
        font-weight: 300;
    }
    .top-bar .menu>li>a.attivo, .top-bar .menu>li>a:hover{
        color: #d63440;
        text-decoration: underline;
    }
        /* home slide **/
    .slogan-home{
        font-size: 2.4rem;
    }
                    /**home**/
    .progetti-txt{
        padding: 2.5rem;
    }
        #progetti-home h2.entry-title{
         position: absolute;
         bottom: 20px;
        font-size: 2.1em; 
    }
    a.pulsantone{font-size: 2rem;text-align: left;}
    /* ABOUT */
    .velo{position: absolute; top:0; background: rgba(0,0,0,.5); width: 100%; z-index: 99; height: 100%}
    #about-slideshow .slide-text{
        position: absolute; 
        top:2.5rem;
        left: 5.5rem;
        color:#fff;
        z-index: 9999;
    }
    #about-slideshow .slide-text h1,#about-slideshow .slide-text #about-slideshow h2,.slide-text h3{ 
        font-size: 3rem; font-size: 3vw; margin-bottom: 2.5rem;
        font-family: 'Nunito', sans-serif; font-weight:700; 
        line-height: 1.2
    }
    #about-slideshow .slide-text p{ font-size: 1.875rem; font-size: 1.8vw; line-height: 1.2;}
}

/* Medium only (640-1023) */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #about-slideshow .slide-text h1, #about-slideshow .slide-text h2, #about-slideshow .slide-text h3{ 
        font-size: 3rem; font-size: 3vw; margin-bottom: 2.5rem;
        font-family: 'Nunito', sans-serif; font-weight:700; 
        line-height: 1.2
    }
}

/* Large and up (1024)*/
@media screen and (min-width: 64em) {
        /** navbar **/
    .top-bar .menu>li>a{
        font-size: 1.6rem;
        letter-spacing: 2px;
    }
            /* home slide **/
    .slogan-home{
        font-size: 3.4rem;
    }
        /**home**/
    .progetti-txt{
        padding: 2.5rem;
    }
    #progetti-home h2.entry-title{
         position: absolute; 
        font-size: 2.1rem !important; 
    }
        /** ABOUT **/
    .btn-timeline{
        font-size: 3rem;
        padding: 5rem 3.3rem;
    }
    .btn-about{
        width: 200px;
        height: 200px;
        font-size: 5.5rem;
    }
   /* .btn-timeline.attivo, .btn-timeline:hover{ font-size: 4em;}*/
    .txt-about{ font-size:2rem; font-weight: 700 }
    
    #about-slideshow .slide-text{
        top:2rem; left: 6.25rem; }
    #about-slideshow .slide-text h1, #about-slideshow .slide-text h2,#about-slideshow .slide-text h3{ 
        font-size: 3.5rem; font-size: 3.5vw;
        margin-bottom: 2.5rem;
        line-height: 1.2 }
    #about-slideshow .slide-text p{ font-size: 1.875rem; font-size: 1.8vw; line-height: 1.2;}
    
        /** Prodotti **/
    a.accordion-title{
        font-size: 2rem;
    }
    .accordion-title:before{
        margin-top: -1rem;
    }
    .accordion-content{
        font-size: 1.3rem;
        padding-left: 5rem;
    }
}

/* Large only (1024-1199) */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* Portatile (90em uguale a 1440)  (iPad-pro 85.375em uguale a 1366) */
@media screen and (min-width: 85.375em) {
        
    #about-slideshow .slide-text{
        top:6.25rem; left: 6.25rem; }
    .container-box{
        margin: 0 auto;
        width: 95%;
        /*max-width: 113em*/
    }

    /**home**/
    .progetti-txt{
        padding: 2.5rem
    }
    #progetti-home h2.entry-title{
       
        bottom: 5rem;
    }
    .progetti-pdf a{
        font-size: 4rem;
    }
    a.pulsantone{font-size: 3.5rem;}
    
    .slogan-home{
        font-size: 5.5rem; font-size: 5vw;
        font-weight: 700;
        left: 100px;
    }
    /** ABOUT **/
    #box-about{
        padding:5rem 0;
    }
    .txt-about{ font-size:2.5rem; font-weight: 700 }

    /** Contatti **
    #map{
        height: 800px;
    }
    #box-contatti{
        padding: 12.5rem 6.25rem;
    }

    #contatti #anagrafica h3{
        font-size: 3.5em;
        margin: 0 0 2.5rem 0;
        text-align: left;
    }

    #contatti #anagrafica p{
        font-size: 1.9rem;
        line-height: 3;
        font-weight: 300;
    }
    #social-contatti, .seguici-contatti{
        text-align: left;
        font-size: 2.3rem;
        font-weight: 700
    }
    #social-contatti a{ text-decoration: underline}
*/
    /**footer **/
    #footer{
        font-size: 1.5rem;
        font-weight: 300;
    }
    #footer #footer-box{
        padding:6.25rem 0 6.25rem 6.25rem;
    }
    .btn-social{
        margin-top: 1.875rem;
    }
    #box-timeline{}
}