*, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
}
.box-tessera:hover{text-decoration: none!important;}
.box-tessera{transition:all .3s ease 0s;text-decoration: none!important;color: #343a40!important;}
.box-cassa input[type="radio"]:checked + label{
    
}
.box-cassa input[type="radio"] + label:hover{
    
}
#carouselOfferteHome .carousel-indicators{
    bottom: 0;
}
#carouselOfferteHome .carousel-indicators>li{
    background-color: #bbbbbb;
}
#carouselOfferteHome .carousel-indicators>li.active{
    background-color: #484848;
}
.btn-liberet{
    color: #000;
    background-color: #99ca41;
    border-color: #000;
}
.btn-liberet:hover, .btn-liberet:active, .btn-liberet:focus{
    color: #000;
    background-color: #89b737;
    border-color: #000;
}

.text-black{
    color: #000!important;
}

.card-header{
    background-color: lightgray;
}
/* PERSONALIZZAZIONI TOMMASO INIZIO */
/*********************** Effetto Hover *******************/
.box-prodotto:hover img{filter:grayscale(100%);transform:scale(1.1) rotate(-5deg)}
.box-prodotto img,.box-prodotto:after,.box-prodotto:before{width:100%;transition:all .3s ease 0s}
.box-prodotto a{overflow: hidden;}
.box-prodotto>a{position: relative;}
.box-prodotto>a>.promo, .box-prodotto>a>.nuovo{box-shadow: 0 0 .5rem rgba(0,0,0,.30)!important;position: absolute;top: 8px;left: 0;border-top-right-radius: 4px!important;border-bottom-right-radius: 4px!important;}
.box-prodotto>a>.promo+.nuovo{top: 48px;}
.box-prodotto{
    background: lightgray;
}
.box-prodotto>.card-body{
    background: white;
}

.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f1f1f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{width:100%;padding:7px 5px;list-style:none;background:transparent;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{margin:10px 0;color: #fff;}
/*.box1 .icon li a{width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff} 
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}*/
/*********************** Effetto Hover *******************/
#sidebar-container {
    /* min-height: 100vh;
    background-color: #333; */
    padding: 0;
}

/* Menu item*/
#sidebar-container .list-group a {
    color: black;
}

.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title, .sidebar-separator, .logo-separator {
    background-color: #333;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item .submenu-icon::after {
  content: url(../svg/chevron-bottom.svg);
  display: inline;
  text-align: right;
  padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: url(../svg/chevron-top.svg);
  display: inline;
  text-align: right;
  padding-left: 10px;
}
.list-group-item.active{
    background-color: lightgray;
    border-color: rgba(0,0,0,.125);
}
/* PERSONALIZZAZIONI TOMMASO FINE */

#home_prodotti{
    background: url(../img/home_prodotti.jpg) center center transparent;
    background-attachment:fixed;
    background-size:cover;
}

#home_prodotti>.row{
    background: rgba(52, 58, 64, 0.39);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(52,58,64,0) 100%);
    padding-bottom: 6rem!important;
}

footer{
    text-align: center;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    background: #e8eaec;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    /*border-bottom: 2px solid #e42211;*/
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
}

.navbar-dark .nav-link{
    border: 0;
}

#site_navbar.navbar-light .navbar-nav .nav-link {
    font-weight: 600;
}

a>.card:hover{
    opacity: 0.8;
    box-shadow: 0 0 10px #ccc;
    transition: all 300ms;
}

.box-variabili>.form-group:last-child{
    margin-bottom: 0px!important;
}

.list-group-item{
    margin-left: unset;
    transition: all 300ms;
}

.list-group-item:hover{
    box-shadow: 0 0 .5rem rgba(0,0,0,.30)!important;
    margin-left: 5px;
}

.list-group-categorie{
    margin-bottom: -1px;
    padding: 2px;
    padding-left: 5px;
    border: 0;
    background: #e2e2e2;
}

.list-group-gruppi{
    
}

.page-header{
/*    background-size: cover;background: url('../img/top_bg.jpg') no-repeat center center transparent;*/
    background: rgb(98,98,98);
    background: radial-gradient(circle, rgba(201,145,145,1) 0%, rgba(98,98,98,1) 100%);
}

.badge-icon{
    font-size: 1.3em;
    padding: 0;
    vertical-align: middle;
}

.bg-dark-50{
    background: rgba(0,0,0,.42);
}

.box-sezione:hover, .box-opzione:hover{
    box-shadow: 0 0 .2rem rgba(0,0,0,.20)!important;
}
.btn-sezione{
    right: 6px;
}
.btn-sezione+.btn-sezione{
    right: 41px;
}

.box-opzione>.card-footer{
    background: forestgreen!important;
    color: #fff!important;
}

.box-opzione.selected>.card-header{
    background: #4e4e4e!important;
    color: #fff!important;
}

.box-opzione.selected{
    box-shadow: 0 0 .2rem rgba(0,0,0,.20)!important;
    border-color: #212529!important;
    background: #4e4e4e!important;
    color: #fff!important;
}
.box-opzione.selected>.card-footer{
    background: #4e4e4e!important;
}

.box-opzione.is-invalid{
    border-color: #e3342f!important;
    background: #cc625f!important;
}

.custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

@media (min-width: 768px){
    .navbar-nav .nav-link{
        padding: 1.6rem 1rem;
    }

    .navbar-nav .nav-link.icon{
        padding: 1.35rem 1rem;
        border-left: 1px solid #dee2e6!important;
    }

    .box-prodotto{
        margin-left: 0px;
        transition: all 300ms;
    }

    .box-prodotto:hover{
        box-shadow: 0 0 .5rem rgba(0,0,0,.30)!important;
        /*margin-top: 5px;*/
    }

    footer{
        text-align: left;
        margin-bottom: 0!important;
    }
}
.carousel-play{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url("../img/play-video.png") no-repeat center center rgba(0,0,0,.30);
    background-size: 150px 150px;
    cursor: pointer;
}
.carousel-play:hover{
    background-color: rgba(0,0,0,.1);
}
.grecaptcha-badge {
    z-index: 1;
    bottom: 1px!important;
}