/*Preloading images for slider*/
.body-gallery::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
   content:
   url(../img/slider/head-gallery/1.jpg) 
   url(../img/slider/head-gallery/2.jpg) 
   url(../img/slider/head-gallery/3.jpg) 
   url(../img/slider/head-gallery/4.jpg)
   url(../img/slider/head-gallery/5.jpg)
   url(../img/slider/head-gallery/6.jpg);
   
   

}


.body-esterne::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
    content:
    url(../img/slider/head-esterne/1.jpg)
    url(../img/slider/head-esterne/2.jpg)
    url(../img/slider/head-esterne/3.jpg)

    url(../img/slider/body-esterne/1.jpg)
    url(../img/slider/body-esterne/2.jpg)
    url(../img/slider/body-esterne/3.jpg)
    url(../img/slider/body-esterne/4.jpg)
    url(../img/slider/body-esterne/5.jpg)
    url(../img/slider/body-esterne/6.jpg);
    
    

}


/*-----------------------------------------------------------*/
.dropdown-menu{
    background: gray;
    color: white!important;
    border-radius: 0;
    width: 100%;
}
.back-chiavi{
    background-image: url("../img/chiavi-in-mano/chiavi.svg");
    min-height:300px;
    background-size: cover;
}
.dropdown-menu li a{
    color:rgb(255, 255, 255);
    
}
.icon-chivi{
    padding: 0em;
}
.title{
 padding:1em;
 font-size:30px;
 font-family: 'Montserrat', sans-serif;
 font-weight:700;

}
.sottotitolo{
    padding:1em;
    font-size:20px;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
    padding-bottom:2em;
}
.text{
    font-family: 'Source Sans Pro', sans-serif;
}
.h2{
    text-transform:uppercase;
}


.txt-contatti-top-page{
    color:white;
    font-size:15px;
    background-color: #78767b;
}
.sfondo-home{
    color:white;
    background-color: #5f021f ;
    
}
.back-head{
    background-image: url("../img/back-head.jpg");
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    min-height:500px;
}
.navbar-custom{
    color:white;
    background-color: #78767b;
}
.nav-link{
    color: white!important;
}
.sez-servizi{
    background-color:#78767b;
    padding:2em;
    color:white;
}
.back-red{
    color:white;
    background-color: #5f021f ;
}
.footer{
    border-top:2px solid #5f021f;
    border-bottom:2px solid #5f021f;
    padding:2em;
    background-color: #78767b;
    color:white;
}
.video-header{
    display: block;
    width: 100%;
    object-fit: cover;
    height:90vh
}
.txt-compila{
    font-size:20px;
}
.txt-footer{
    
    margin-bottom:0;
    font-size:20px;
}
.txt{
    padding:2em
}
.link-contatti-head{
    color:white;
    text-decoration: none;

}
.link-contatti-head:hover{
    text-align:right;
    color:gray;
    text-decoration: none;
    
}
.black{
    background-color:#111111;
}
.link-contatti{
    color:white;
    text-decoration: none;
}
.link-contatti:hover{
    text-align:right;
    color:#fff;
    text-decoration: none;
    
}
.nopadding{
    padding:0;
}
.gray{
    background-color: #78767b;   
    color:white;
}
.white{
    background-color: white;   
    color:black;
}
.back-sacco{
    min-height:300px;
    background-image: url("../img/back-sacco.jpg");
    background-size:cover;
    background-position: fixed 40% 50%;
    background-attachment: fixed;
    background-repeat: repeat;
}
.back-manutenzioni{
    min-height:300px;
    background-image: url("../img/back-manutenzioni.jpg");
    background-size:cover;
    background-position: fixed 40% 50%;
    background-attachment: fixed;
    background-repeat: repeat;
}
.back-tetto{
    min-height:300px;
    background-image: url("../img/back-tetto.jpg");
    background-size:cover;
    background-position: fixed 40% 50%;
    background-attachment: fixed;
    background-repeat: repeat;
}
.back-esterni{
    min-height:300px;
    background-image: url("../img/back-esterni.jpg");
    background-size:cover;
    background-position: fixed 40% 50%;
    background-attachment: fixed;
    background-repeat: repeat;
}
/* Slider */
#slider-head-gallery{
    
   
    animation: headgallery 20s linear infinite 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    background-image: url("../img/slider/head-gallery/1.jpg") ;
    background-position: center center;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-size: cover;
    
}
@keyframes headgallery{
    0%{
        background-image: url("../img/slider/head-gallery/1.jpg") ;
        background-size: cover;
       
    }
    16%{
        background-image: url("../img/slider/head-gallery/2.jpg");
        background-size: cover;
        
    }
    32%{
        background-image: url("../img/slider/head-gallery/3.jpg");
        background-position: center center;
        background-size: cover;
        
    }
    48%{
        background-image: url("../img/slider/head-gallery/4.jpg");
        background-position: center center;
        background-size: cover;
       
    }
    64%{
        background-image: url("../img/slider/head-gallery/5.jpg");
        background-position: center center;
        background-size: cover;
        
    }
    80%{
        background-image: url("../img/slider/head-gallery/6.jpg");
        background-position: center center;
        background-size: cover;
        
    }
}

#slider-head-home{
    
    animation: headhome 40s linear infinite 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    background: url("../img/slider/head-home/1.jpg") ;
    background-position: center;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-size: cover;
}
@keyframes headhome{
    12%{
        background: url("../img/slider/head-home/2.jpg") ;
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-position: center;
        background-size: cover;
    }
    24%{
        background: url("../img/slider/head-home/3.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-position: center;
        background-size: cover;
    }
    36%{
        background: url("../img/slider/head-home/4.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-position: center;
        background-size: cover;
    }
    48%{
        background: url("../img/slider/head-home/5.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-position: center;
        background-size: cover;
    } 
    60%{
        background: url("../img/slider/head-home/6.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-position: center;
        background-size: cover;
    } 
    72%{
        background: url("../img/slider/head-home/9.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-position: center;
        background-size: cover;
    } 
    84%{
        background: url("../img/slider/head-home/11.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-position: center;
        background-size: cover;
    }
    
    
    


    
}

#slider-head-esterne{
    
    animation: headesterne 20s linear infinite 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    background: url("../img/slider/head-esterne/1.jpg") ;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-size: cover;
}
@keyframes headesterne{
    0%{
        background: url("../img/slider/head-esterne/1.jpg") ;
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
    }
    34%{
        background: url("../img/slider/head-esterne/2.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
    }
    68%{
        background: url("../img/slider/head-esterne/3.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
    }
    
    
}

#slider-body-esterne{
    
    
    
    animation: bodyesterne 40s linear infinite 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    background: url("../img/slider/body-esterne/1.jpg") ;
    background-size: cover;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    
}
@keyframes bodyesterne{
    0%{
        background: url("../img/slider/body-esterne/1.jpg") ;
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
    }
    25%{
        background: url("../img/slider/body-esterne/2.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
    }
    50%{
        background: url("../img/slider/body-esterne/3.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
    }
    75%{
        background: url("../img/slider/body-esterne/4.jpg");
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
    }
    
}

#body-lavori-civili{
    
    animation: bodycivili 60s linear infinite 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    background: url("../img/slider/body-lavori-civili/1.jpg") ;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
    
}
@keyframes bodycivili{
    34%{
        background: url("../img/slider/body-lavori-civili/1.jpg") ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        
    }
    68%{
        background: url("../img/slider/body-lavori-civili/2.jpg") ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        
    }
    100%{
        background: url("../img/slider/body-lavori-civili/3.jpg") ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    
}
#head-lavori-industriali{
    
    backface-visibility: hidden;
    animation: headindustriali 10s linear infinite 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    background: url("../img/slider/head-lavori-industriali/1.jpg") ;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
@keyframes headindustriali{
    45%{
        background: url("../img/slider/head-lavori-industriali/2.jpg") ;
        background-position: center center;
        background-size: cover;
    }
    75%{
        background: url("../img/slider/head-lavori-industriali/3.jpg") ;
        background-position: center center;
        background-size: cover;
    }
    
    
    
        
    
    
    
}
#head-lavori-civili{
    background: url("../img/slider/head-lavori-civili/1.jpg") ;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-size: cover;
    animation: bodyindustriali 10s linear infinite 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; 
    background-position: center center;
}
@keyframes bodyindustriali{
    0%{
        background: url("../img/slider/head-lavori-civili/1.jpg") ;
        background-position: center center;
        background-size: cover;
    }
    34%{
        background: url("../img/slider/head-lavori-civili/2.jpg") ;
        background-position: center center;
        background-size: cover;
    }
    68%{
        background: url("../img/slider/head-lavori-civili/3.jpg") ;
        background-position: center center;
        background-size: cover;
    }
    
        
    
    
    
}
@media only screen and (max-width:2560px){
    #slider-head-home{
        min-height:700px;
    } 
    #head-lavori-civili{
        min-height:700px;
    }
    #head-lavori-industriali{
        min-height:700px;
    }
    #slider-head-gallery{
        min-height:700px;
    }
    #slider-head-esterne{
        min-height:700px;
    }
    #slider-body-esterne{
        min-height:700px;
    }
    #body-lavori-civili{
        min-height:700px;
    }
}
@media only screen and (max-width:1920px){
    #slider-head-home{
        min-height:550px;
    } 
    #head-lavori-civili{
        min-height:550px;
    }
    #head-lavori-industriali{
        min-height:550px;
    }
    #slider-head-gallery{
        min-height:550px;
    }
    #slider-head-esterne{
        min-height:550px;
    }
    #slider-body-esterne{
        min-height:550px;
    }
    #body-lavori-civili{
        min-height:550px;
    }
}
@media only screen and (max-width:1440px){
    .video-header{
        
        height:80vh
    }
    #slider-head-home{
        min-height:550px;
    } 
    #head-lavori-civili{
        min-height:550px;
    }
    #head-lavori-industriali{
        min-height:550px;
    }
    #slider-head-gallery{
        min-height:550px;
    }
    #slider-head-esterne{
        min-height:550px;
    }
    #slider-body-esterne{
        min-height:550px;
    }
    #body-lavori-civili{
        min-height:550px;
    }
}
@media only screen and (max-width:900px){
    
}
@media only screen and (max-width:780px){
    
}

@media only screen and (max-width:450px){
    .icon-chivi{
        padding: 1em;
    }
    .video-header{
        
       
        aspect-ratio:9/11;
        height:auto;
        object-position: center;
    }
    #slider-head-home{
        background: url("../img/slider/head-home/1.jpg") ;
        background-repeat: no-repeat;
        backface-visibility: hidden;
        background-size: cover;
        background-position: center;
        animation: headhome 40s linear infinite 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        min-height: 350px;
    }
    @keyframes headhome{
        12%{
            background: url("../img/slider/head-home/1.jpg") ;
            background-size: cover;
            background-position: center;
            
        }
        24%{
            background: url("../img/slider/head-home/2.jpg");
            background-size: cover;
            background-position: center;
            
        }
        36%{
            background: url("../img/slider/head-home/3.jpg");
            background-size: cover;
            background-position: center;
            
        }
        48%{
            background: url("../img/slider/head-home/4.jpg");
            background-size: cover;
            background-position: center;
           
        }
        60%{
            background: url("../img/slider/head-home/5.jpg");
            background-size: cover;
            background-position: center;
        }
        72%{
            background: url("../img/slider/head-home/6.jpg");
            background-size: cover;
            background-position: center;
        }
        84%{
            background: url("../img/slider/head-home/9.jpg");
            background-size: cover;
            background-position: center;
        }
        96%{
            background: url("../img/slider/head-home/11.jpg");
            background-size: cover;
            background-position: center;
        }
        
        
    
    
        
    } 
    #head-lavori-civili{
        min-height:350px;
    }
    #head-lavori-industriali{
        min-height:350px;
    }
    #slider-head-gallery{
        min-height:350px;
    }
    #slider-head-esterne{
        min-height:350px;
    }
    #slider-body-esterne{
        min-height:350px;
    }
    #body-lavori-civili{
        min-height:350px;
    }
    .back-manutenzioni{
        min-height:250px;
        background-image: url("../img/back-manutenzioni.jpg");
        background-size:cover;
        background-attachment: unset;
        background-repeat: repeat;
    }

}