/* CLASSI DI SUPPORTO AGGIUNTIVE */
/* PER CUSTOMIZZARE IL CAROUSEL */
/* PLUGINS/OWLCAROUSEL2-2.3.4\DIST\ASSETS\OWL.CAROUSEL.MIN.CSS */


/* definisco lo stile base della card del carousel */
.owl-carousel .item div.owl-carousel-card {
    z-index: 4;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(194,215,230,0.6);
    -moz-box-shadow: 0px 0px 15px 0px rgba(194,215,230,0.6);
    box-shadow: 0px 0px 15px 0px rgba(194,215,230,0.6);
    background: #ffffff;
    padding-bottom: 40px;
    margin: 20px;
}


/* imposto la larghezza delle card del carousel */
/* in base alla risoluzione per evitare che si */
/* allarghino o si stringano troppo */

@media (max-width: 1366px) {
    .owl-carousel .item div.owl-carousel-card {
        width: 80%;
    }
}

@media (min-width: 1367px) {
    .owl-carousel .item div.owl-carousel-card {
        width: 75%;
    }
}

@media (min-width: 678px) and (max-width: 991px) {
    .owl-carousel .item div.owl-carousel-card {
        width: 80%;
    }
}

@media (min-width: 577px) and (max-width:677px) {
    .owl-carousel .item div.owl-carousel-card {
        width: 40%;
    }
}

@media (max-width: 576px) {
    .owl-carousel .item div.owl-carousel-card {
        width: 80%;
    }
}


/* personalizzazione del colore dei pallini di slide */
.owl-dots .owl-dot span {
    background-color: #F9F9F9 !important;
    width: 15px !important;
    height: 15px !important;
    margin-top: 25px !important;
}

.owl-dots .owl-dot.active span {
    background-color: #C1DEF8 !important;
    width: 15px !important;
    height: 15px !important;
    margin-top: 25px !important;
}