.logo-nav{
    width:180px;
}
.nav-center{
    display: flex;
    justify-content: center;
}
.nav-link li a{
    margin-right:2rem;
    
}
.firma{
    color:#818181;
}
.modal-title{
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    text-transform: uppercase;
    color:#b9192f;
    font-weight: 700;
}
.title-caratteristiche{
    font-size:calc(12px + 6 * ((100vw - 320px) / 680));
    text-transform: uppercase;
    font-weight: 500;
}

.menu-sidebar{
    list-style-type: none;
}
.link-menu-sidebar a{
    padding:0px;
}
.padding-section{
    padding-top:6.5em;
}
.icon-caratteristiche{
    width:80px;
}
.back-home{
    background-image: url("../img/back-home.jpg");
    background-size: cover;
    background-position: center center;
    
}
.back-estintore{
    background-image: url("../img/estintore.jpg");
    background-size: cover;
    background-position: center center;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-med{
    background-image: url("../img/back-med.jpg");
    background-size: cover;
    background-position: center center;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.nopadding{
    padding:0;
}
.back-segnaletica{
    background-image: url("../img/back-segnaletica.jpg");
    background-size: cover;
    background-position: 25% 50%;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-antincendio{
    background-image: url("../img/corsi-antincendio.jpg");
    background-size: cover;
    background-position: center 35%;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;

    
}
.back-carrellati{
    background-image: url("../img/back-carrellati.jpg");
    background-size: cover;
    background-position: center 35%;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;

    
}
.back-automatici{
    background-image: url("../img/back-automatici.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-accessori{
    background-image: url("../img/back-acessori.jpg");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-macchinari{
    background-image: url("../img/macchinari.jpg");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-schiuma{
    background-image: url("../img/apparecchiatura-schiuma.jpg");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-armadi{
    background-image: url("../img/armadi.jpg");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-pompieristico{
    background-image: url("../img/materiale-pompieristico.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}
.back-tagliafuoco{
    background-image: url("../img/tagliafuoco.jpg");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height:40vh;
    max-height: 40vh;
    font-size:calc(18px + 6 * ((100vw - 320px) / 680));
    display: flex;
    color:white;
    padding: 3em;
    justify-content: center;
    align-items: center;
    
}

.dropdown-menu{
    border-radius: 0;
    padding:0;
}
.dropdown-menu li a{
    border-radius: 0;
    padding:10px;
    font-size:calc(3px + 6 * ((100vw - 320px) / 680));
    font-weight: 600;
}
.dropdown-menu li a:hover{
    background-color: #b9192f;
    color:white;
    padding:10px;
    
}
.accordion-button:not(.collapsed){
    color: #b9192f;
    background-color: rgba(185, 25, 47, 0.24);
    box-shadow: #b9192f;
}
.accordion-button:not(.collapsed):focus{
    border-color: #b9192f;
}

.box-logo-footer{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-top-right-radius:50px 50px;
}
.back-testo-prodotti-red{
    background-color: #d80724;
    color:white;
}
.subtitle{
    text-transform: uppercase;
    font-size:calc(30px + 6 * ((100vw - 320px) / 680));
    padding:0.5em;
    margin-bottom:0px;
    font-weight: 700;
}
.back-testo-prodotti-white{
    background-color: white;
    color:black;
}

.dark-red{
    background-color: #b9192f;
}
.text-prodotti{
    padding:2em;
}
.title-white{
    text-transform: uppercase;
    font-size:calc(30px + 6 * ((100vw - 320px) / 680));
    color:white;
    font-weight: 700;
 }
.title{
    text-transform: uppercase;
    font-size:calc(30px + 6 * ((100vw - 320px) / 680));
    color:black;
    font-weight: 700;
}
.row-centered{
    display: flex;
    justify-content: center;
}
/*Sidebar*/

.sidebar {
    
    
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999999999;
    top: 0;
    left: 0;
    background-color: #f8f9fa;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  
  .sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 2.5rem;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .sidebar a:hover {
    color: #f1f1f1;
  }
  
  .sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 6rem;
    margin-left: 50px;
  }
  
  .openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
  }
  
  .openbtn:hover {
    background-color: #444;
  }
  
  #main {
    transition: margin-left .5s;
    padding: 16px;
  }




/*-------*/
.vertical-center{
    align-items: center;
}
.title-nostri-prodotti{
    margin-bottom:0px;
    padding:1em;
    z-index:2;
    position:relative;
    background-color:#f8f9fa;
    color:#d80724;
    font-size:calc(30px + 6 * ((100vw - 320px) / 680));
    font-weight: 600;
}
#mappa{
    height:300px;
}
.col-home h1{
    font-size:calc(30px + 6 * ((100vw - 320px) / 680));
    font-weight: 700;
    color: white;
    padding-left:1em;
    
}
.head-norme{
    padding-top:4em;
    padding-bottom:2em;
}
.navbar-nav > li{
    font-size:calc(3px + 6 * ((100vw - 320px) / 680));
    font-weight: 600;
    padding-left:30px;
    padding-right:30px;
  }
.active{
 border-bottom:2px solid #b9192f;
}
.back-red{
    width:100%;
    background-color:#d80724;
}
.back-red h1{
    padding:3em;
}
.shadow-box{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px 2px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.basso{
    position:relative;
    z-index:-1;
}
.alto{
    position:relative;
    z-index:1;

}
.red{
    background-color:#d80724;
}
.logo-home{
    padding-top:2em;
}
.divider{
    padding:1em;
    background-color:#d80724;
}
.white{
    background-color:white;
}
.txt-white{
    color:white;
}
.txt-black{
    color:black;
}
.link-footer{
    text-decoration: none;
    color:white;
    font-size:calc(5px + 6 * ((100vw - 320px) / 680));
}
.link-footer-privacy{
    text-decoration: none;
    color:black;
   
}
.link-footer:hover{
    color:rgb(168, 155, 155);
}
.text-footer{
    color:white;
    font-size:calc(5px + 6 * ((100vw - 320px) / 680));
}

.h3-footer{
    color:white;
    font-weight: 700;
    font-size:calc(25px + 6 * ((100vw - 320px) / 680));
}
.text-left{
    text-align:left;
}
.box-prodotti{
    border:10px solid #b9192f;
    
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 0.2rem;
    padding:1em;
}
.btn-white{
    white-space: nowrap;
    text-decoration:none;
    border: 2px solid #b9192f;
    background-color: white;
    padding: 0.6em;
    color:black;
    border-radius: 20px;
}
#contatti{
    padding-top:2.5em;
}
.orari{
    padding-top:2.5em;
}
.btn{
    white-space: nowrap;
    border: 2px solid #b9192f;
    background-color: transparent;
    padding: 0.6em;
    border-radius: 20px;
}
.btn-white:hover{
    
    border: 2px solid white;
    background-color: #b9192f;
    color:white;
    padding: 0.6em;
    border-radius: 20px;
}
.btn:hover{
    border: 2px solid white;
    background-color: #b9192f;
    color:white;
    padding: 0.6em;
    border-radius: 20px;
}



   
      @media only screen and (max-width:2560px){
            .title{
                margin-bottom:0px;
            }
            .text-prodotti{
                padding:0.5em;
            }
            .back-estintore {
                background-image: url(../img/estintore.jpg);
                background-size: cover;
                background-position: center center;
                min-height: 40vh;
                max-height: 40vh;
                font-size: calc(18px + 6 * ((100vw - 320px) / 680));
                display: flex;
                color: white;
                padding: 3em;
                justify-content: center;
                align-items: center;
                z-index: -1;
            }
      }

      @media only screen and (max-width:1920px){
        .back-estintore {
            background-image: url(../img/estintore.jpg);
            background-size: cover;
            background-position: center center;
            min-height: 40vh;
            max-height: 40vh;
            font-size: calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color: white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            z-index:1;
        }
    
      }

      @media only screen and (max-width:1440px){
        .dropdown>.dropdown-toggle:active {
            /*Without this, clicking will make it sticky*/
            pointer-events: unset;
        }
        #contatti{
            padding-top:2em;
        }
        .orari{
            padding-top:2em;
        }
        .box-prodotti{
            border:10px solid #b9192f;
            width:33%;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            margin: 0.2rem;
            padding:1em;
        }
        .nav-link{
            font-size:16px;
        }
        .back-schiuma{
            background-image: url("../img/apparecchiatura-schiuma.jpg");
            background-size: cover;
            background-position: bottom left;
            background-repeat: no-repeat;
            min-height:40vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
                
        }
        .info-attivita{
            margin-left:1rem;
            
        }
        .title{
            margin-bottom:0px;
        }
        .col-home{
            padding:2.9em;
            padding-right:0;
        }
        .text-prodotti{
            padding:0.5em;
        }
        .back-estintore {
            background-image: url(../img/estintore.jpg);
            background-size: cover;
            background-position: center center;
            min-height: 40vh;
            max-height: 40vh;
            font-size: calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color: white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            z-index:1;
        }
      }
      @media only screen and (max-width:1333px){
        .dropdown>.dropdown-toggle:active {
            
            pointer-events: unset;
        }
        .box-prodotti{
            border:10px solid #b9192f;
            width:33%;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            margin: 0.2rem;
            padding:1em;
        }
        .nav-link{
            font-size:16px;
        }
        .back-schiuma{
            background-image: url("../img/apparecchiatura-schiuma.jpg");
            background-size: cover;
            background-position: bottom left;
            background-repeat: no-repeat;
            min-height:40vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
                
        }
        .info-attivita{
            margin-left:1rem;
            
        }
        .title{
            margin-bottom:0px;
        }
        .col-home{
            padding:2.9em;
            padding-right:0;
        }
        .text-prodotti{
            padding:0.5em;
        }
        .back-estintore {
            background-image: url(../img/estintore.jpg);
            background-size: cover;
            background-position: center center;
            min-height: 40vh;
            max-height: 40vh;
            font-size: calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color: white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            z-index:1;
        }
      }
      @media only screen and (max-width:900px){
        .sidebar {padding-top: 15px;}
        .sidebar a {font-size: 18px;}
        
        
        
      }
      @media only screen and (max-width:780px){
          
      }
      
      @media only screen and (max-width:450px){ 
        .back-testo-prodotti-white{
            text-align:center;
        }
        .back-red h1{
            padding:1em;
        }
        .back-testo-prodotti-red{
            text-align:center;
            
        }
        .text-prodotti{
            text-align:center;
        }
        .text-footer{
            font-size: calc(16px + 6 * ((100vw - 320px) / 680));
        }
        .link-footer{
            font-size: calc(16px + 6 * ((100vw - 320px) / 680));
        }
        .h3-footer{
            font-size: calc(26px + 6 * ((100vw - 320px) / 680));
            
        }
        .back-estintore {
            
            min-height:30vh;
            background-image: url(../img/estintore.jpg);
            background-size: cover;
            background-position: center center;
            font-size: calc(25px + 6 * ((100vw - 320px) / 680));
            display:block;
            color: white;
            padding: 0;
            justify-content: center;
            align-items: center;
            z-index:1;
        }  
        .back-med{
            background-image: url("../img/back-med.jpg");
            background-size: cover;
            background-position: center center;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
        }
        .back-carrellati{
            background-image: url("../img/back-carrellati.jpg");
            background-size: cover;
            background-position: 50% 35%;
            background-repeat: no-repeat;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        .back-automatici{
            background-image: url("../img/back-automatici.jpg");
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        .back-accessori{
            background-image: url("../img/back-acessori.jpg");
            background-size: cover;
            background-position: bottom center;
            background-repeat: no-repeat;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        .back-macchinari{
            background-image: url("../img/macchinari.jpg");
            background-size: cover;
            background-position: bottom center;
            background-repeat: no-repeat;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        .back-schiuma{
            background-image: url("../img/apparecchiatura-schiuma.jpg");
            background-size: cover;
            background-position: bottom center;
            background-repeat: no-repeat;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        .back-armadi{
            background-image: url("../img/armadi.jpg");
            background-size: cover;
            background-position: bottom center;
            background-repeat: no-repeat;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        .back-pompieristico{
            background-image: url("../img/materiale-pompieristico.jpg");
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            min-height:30vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        
        .back-tagliafuoco{
            background-image: url("../img/tagliafuoco.jpg");
            background-size: cover;
            background-position: bottom center;
            background-repeat: no-repeat;
            min-height:20vh;
            max-height: 40vh;
            font-size:calc(18px + 6 * ((100vw - 320px) / 680));
            display: flex;
            color:white;
            padding: 3em;
            justify-content: center;
            align-items: center;
            
        }
        .head-norme{
            padding-top:6.5em;
        }
        .box-logo-footer{
            border-radius:unset;
        }
        .nav-container{
            justify-content: end;
        }
        .box-prodotti{
            width:unset;
        }
        #orari{
            padding-bottom:3em;
        }
      }