/*LAYOUT.CSS - MOBILIFICIO A3*/
/*FONTATIC*/


/* SLIDER */
.slider-home {width:100%; height:900px; position:relative;}
#owl-carousel-slidehome {position:relative;}
#owl-carousel-slidehome .owl-slide {background-size:cover; background-position:center center; z-index:0;}
.righe-slide {width:100%; position:absolute; z-index:1; background: url("../images/linee-slide-home.png") repeat-y center center / 100%;}
.info-slide {position:absolute; z-index:2; bottom:40%; left:10%; color:#fff; font-family: 'Open Sans', sans-serif; text-shadow: 0 0 12px #000; text-align:left;}
.info-slide h3 {font-size:70px; line-height:80px; text-transform:uppercase; font-weight:700; padding:0px; margin:0px 0px 10px 0px; letter-spacing:2px; color:#fff!important;}
.info-slide h4 {font-size:35px; line-height:35px; font-weight:400px; color:#fff;}
#owl-carousel-slidehome .owl-nav {display:block; position: absolute; z-index:4; right:10%; bottom:0px; text-align:center;}
#owl-carousel-slidehome .owl-prev {width:100px; height:100px; background:#fff url("../images/arr-left-slider.png") no-repeat center center / 70px auto; float:left; color:transparent;}
#owl-carousel-slidehome .owl-next {width:100px; height:100px; background:#fff url("../images/arr-right-slider.png") no-repeat center center / 70px auto; float:left; color:transparent;}


/* LA NOSTRA STORIA */
#img-showroom {background: url("../images/img-showroom.jpg") no-repeat center center / cover;}

/* CATALOGO */
.catalogo-home {width:100%; padding:0px 10% 130px 0px;
  /*background: url("../images/bkg-catalogo-home.jpg") no-repeat center center / cover;   */
  margin-top:10%;}
.catalogo-home .testo {width:50%; background-color:#fff; padding:45px 10% 45px 11%;}
.griglia-settori {padding:0px 0px 0px 10%; margin-top:-50px;}


@media (max-width: 909px) {
    /* SLIDER */
    .slider-home {height:500px;}
    .info-slide {left:5%;}
    .info-slide h3 {font-size:50px; line-height:50px;}
    .info-slide h4 {font-size:25px; line-height:25px;}
    #owl-carousel-slidehome .owl-nav {right:5%;}
    #owl-carousel-slidehome .owl-prev {width:70px; height:70px; background:#fff url("../images/arr-left-slider.png") no-repeat center center / 40px auto;}
    #owl-carousel-slidehome .owl-next {width:70px; height:70px; background:#fff url("../images/arr-right-slider.png") no-repeat center center / 40px auto;}

    /* CATALOGO */
    .catalogo-home {padding:0px 5% 60px 0px; margin-top:5%;}
    .catalogo-home .testo {width:100%; background-color:#fff; padding:45px 5% 45px 5%; text-align:center;}
    .griglia-settori {padding:0px 0px 0px 5%;}
    .grid figure {width:48%;}
}



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


@media (max-width: 480px) {
    /* SLIDER */
    .slider-home {height:300px;}
    #owl-carousel-slidehome .owl-nav {display:none;}
    #owl-carousel-slidehome .owl-slide {background-size:auto 100%;}
    .info-slide {width:100%; text-align:center; left:0%; padding:5% 5% 10% 5%; bottom:0%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
    .info-slide h3 {font-size:36px; line-height:40px;}
    .info-slide h4 {font-size:16px; line-height:20px;}


}