h1,h2,h3,h4,h5 {font-family: 'Cormorant Garamond', serif;font-weight: 700;letter-spacing: 5px;text-transform: uppercase;}
body,p{font-family: 'Lato', sans-serif;font-size:16px;line-height: 30px !important;}

.logo {max-width: 180px;line-height: 50px;display: inline-block;}
.navbar-header {vertical-align: middle;line-height: 50px;}
.navbar {background: none;border:0;}
.navbar a{color:#fff !important;text-transform: uppercase;font-size: 16px;letter-spacing: 1px;padding:15px 30px !important;border:1px solid transparent;}
.navbar a:hover{border:1px solid #fff;}
.navbar-header a{border:0 !important;}
.navbar-default .navbar-toggle {
    border:0 !important;
    background: none !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    width:35px;
    height:4px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}
.sfondo-head{
    background: url('../img/slide_home-compressor.jpg') center center no-repeat;
    background-size: cover;
    padding:50px;
    height:780px;
}
.contatti .sfondo-head{
    background-image: url('../img/slide_contatti-compressor.jpg');
}
.prodotto.bianchi .sfondo-head{
    background-image: url('../img/prodotto-specifico_bianchi-compressor.jpg');
}
.prodotto.bio .sfondo-head{
    background-image: url('../img/prodotto-specifico_bio-compressor.jpg');
}
.prodotto.rossi .sfondo-head{
    background-image: url('../img/prodotto-specifico_rossi-compressor.jpg');
}
.vini .sfondo-head{
    background-image: url('../img/slide_prodotti-compressor.jpg');
}

.sfondo-head .titolo {color:#fff;padding-top:180px;}
.sfondo-head .titolo big {font-size: 80px;letter-spacing: 10px;}
.sfondo-head .titolo h1 {font-size:40px;line-height: 230%;}

.footer{background: #F0F0F0;padding:30px 0;text-transform: uppercase;font-size:12px;color:#707070;letter-spacing: 2px;}
.footer a{color:#707070;}

.banner-footer{padding:100px 0;background: url('../img/img_fissa_l.jpg') center center no-repeat;background-size: cover;color:#fff;font-size:36px;letter-spacing:2px;line-height:50px;text-transform: uppercase;}


/* HOME */

.box-foto {padding:150px 0 0 0;}
.box-uva {padding-top:300px;}
.box-uva {background: url('../img/uva.png') 100px -100px no-repeat;background-size: 700px;}
.box-uva p {padding:0 10%;}
.farfalla {background: url('../img/farfalla.png') -200px -130px no-repeat;background-size: 500px;}
.box-vini {padding:60px 0 100px 0;text-align: center;background:#F0F0F0;}
.box-vini .item img{width:120px !important;margin:0 auto;margin-top:20px;}
.box-vini .item h3{margin-bottom:50px;}
.box-vini .item {position: relative;background: url('../img/cornice.png') center 120px no-repeat;background-size: 300px;}
.box-vini .item .hover{position:absolute;top:0;left:0;bottom:0;right:0;transition: all .2s linear;}
.box-vini .item.rossi .hover {opacity:0;background: url('../img/hover_rossi.png') center 120px no-repeat;background-size: 300px;}
.box-vini .item.bianchi .hover {opacity:0;background: url('../img/hover_bianchi.png') center 120px no-repeat;background-size: 300px;}
.box-vini .item.bio .hover {opacity:0;background: url('../img/hover_bio.png') center 120px no-repeat;background-size: 300px;}
.box-vini .item .hover:hover {opacity: 1;}
.owl-carousel .glyphicon{font-size:30px;color:#aaa;}
.owl-carousel .glyphicon{float:left;margin-top:-190px;}
.owl-carousel .glyphicon.next{float:right;}
.box-vini .btn-default {padding:8px 50px;border-radius:0;border-width: 2px;text-transform: uppercase;border-color:#919191;}


#slideshow { 
    position: relative; 
    height: 600px; 
}

#slideshow > div { 
    position: absolute;
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px;  
    overflow: hidden;   
}
#slideshow > div img{   
    width:100%;
}


/* CONTATTI */



.box-contatti {padding:70px 100px;}
.box-contatti-map {background:#F9F9F9;}
.box-contatti-map address,.box-contatti-map a{line-height: 17px;color:#7F7F7F;}
.box-contatti-map h3{margin-top:0;}
.form-control {border-radius:0;background:#F9F9F9;border-width: 0;}
.box-contatti .btn-default {padding:8px 50px;border-radius:0;border-width: 2px;text-transform: uppercase;float:right;border-color:#919191;}
.box-contatti .enoteca{max-width: 100%;}



/* PRODOTTO */

.prodotto .titolo {padding-top:20px;}
.prodotto .titolo-prodotto {margin-top:180px;}
.prodotto .titolo-prodotto big{font-size:60px;}
.prodotto .foto-prodotto img {height:560px;}
.ombra {filter: drop-shadow(-2px 2px 2px #aaa);}
.ombra-prodotto {
    background: url('../img/ombra.png') -20px center no-repeat;
    width:245px;
    height:72px;
    margin:0 auto;
    margin-top:-45px;
    z-index: 2000px;
}
.prodotto .testo{padding-bottom: 50px;}
.prodotto .testo h3{color:#4F999A;margin-top:80px;}
.prodotto.rossi .testo h3{color:#a97065;}
.prodotto.bio .testo h3{color:#a9b566;}
.prodotto .scheda {background: #F9F9F9;padding-top:80px;line-height: 40px;min-height:800px;}
.prodotto .scheda button {width:200px; padding: 20px 0;border-radius:0;border-width: 2px;text-transform: uppercase;border-color:#919191;color:#919191;background: transparent;}
.prodotto .scheda button:hover {background:#919191;color:#fff;}
.prodotto .scheda button.negative {background:#919191;color:#fff;}
.prodotto .scheda button.negative:hover {background:#fff;color:#919191;}
.prodotto .navig {margin-top:-20px;padding-right:5%;}
.prodotto .navig a{text-transform: uppercase;color:#fff;font-size:11px;letter-spacing: 1px;}



/* VINI */
.row-categoria {padding-top:100px;padding-bottom:30px;}
.row-categoria.grey{background:#F4F4F4;}
.row-categoria .box-categoria {text-align: right;}
.row-categoria .box-categoria .img-responsive{display:inline-block;}
.elenco-vini {margin-top:100px;}
.elenco-vini img{width: 110px !important;margin:0 auto;margin-bottom:10px;transition: all .2s ease-in-out;}
.elenco-vini .item{text-align: center;}
.elenco-vini .item h5{letter-spacing: 0px;margin:0 20px;}
.elenco-vini .item a {color:#333;text-decoration: none;}
.elenco-vini .item a:hover {color:#E9605A;}
.elenco-vini.bianchi .item a:hover {color:#4F999A;}
.elenco-vini.bio .item a:hover {color:#a9b566;}
.elenco-vini .item a:hover img {width: 115px !important;}
.elenco-vini .owl-carousel .glyphicon{margin-top:-100px;}



















@media screen and (max-width: 1600px) {

    .box-contatti {padding:70px 50px;}
}











@media screen and (max-width: 1200px) {

    .sfondo-head{
        padding:20px;
    }    
    .navbar a{padding:15px 20px !important;}
    .sfondo-head .titolo  h1{font-size: 30px;} 
    .sfondo-head .titolo  big{font-size: 60px;letter-spacing: 5px;} 

    .box-foto {padding-top:50px;}
    .box-uva {padding-top:50px;padding-bottom:100px;}
    .box-uva {background: url('../img/uva.png') 120% 230px no-repeat;background-size: 400px;}

    #slideshow { 
        height: 400px; 
    }

}









@media screen and (max-width: 1000px) {

    .prodotto .titolo-prodotto {margin-top:-450px;text-align: center;}

    .box-contatti {text-align: center;padding:20px 50px;}
    .box-contatti-map .enoteca {margin-bottom:20px;}
    .btn-default {padding:20px 80px;float:none !important;}

    .box-vini {margin:-80px 0 0px 0;background: none;}

}



@media screen and (max-width: 748px) {


    .row-categoria .box-categoria {text-align: center;}
    .elenco-vini {margin-top:-195px;padding-bottom:50px;}
    .elenco-vini.bianchi {margin-top:-264px;}

    

}









@media screen and (max-width: 640px) {

    .farfalla {background: none;}
    .box-uva {background: none;}
    .banner-footer {font-size:30px;}

    .prodotto .testo,.prodotto .scheda{text-align: center;}


    
}










@media screen and (max-width: 480px) {
    .logo {
        max-width: 130px;
    }
    .sfondo-head{
        padding:20px;
    }   
    .sfondo-head.prodotto{
        height:600px;
    }        
    .navbar-collapse {margin-top:20px;}
    .sfondo-head .titolo {padding-top:100px;}
    .prodotto .sfondo-head .titolo {padding-top:50px;}
    .sfondo-head .titolo  h1{font-size: 24px;} 
    .sfondo-head .titolo  big{font-size: 30px;letter-spacing: 1px;} 

    .prodotto .foto-prodotto img {height:400px;}
    .ombra-prodotto {
        background-size: 180px;
        background-position: 13px 13px;
    }

    #slideshow { 
        height: 200px; 
    }

}









@media screen and (max-width: 320px) {

    .sfondo-head{
        height:600px;
    }    

}