/* Nasconde le frecce */
.wbmimgcicla .swiper-button-prev.wbmimgcicla-button-hidden,
.wbmimgcicla .swiper-button-next.wbmimgcicla-button-hidden
{
    display: none;
}

.wbmimgcicla .swiper-button-prev.wbmimgcicla-button-hover,
.wbmimgcicla .swiper-button-next.wbmimgcicla-button-hover
{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s ease, opacity 0.2s linear;
    -o-transition: visibility 0.5s ease, opacity 0.2s linear;
    -ms-transition: visibility 0.5s ease, opacity 0.2s linear;
    -moz-transition: visibility 0.5s ease, opacity 0.2s linear;
    -webkit-transition: visibility 0.5s ease, opacity 0.2s linear;
}

/* Mostra le frecce */
.wbmimgcicla:hover .swiper-button-prev.wbmimgcicla-button-hover,
.wbmimgcicla:hover .swiper-button-next.wbmimgcicla-button-hover
{
    visibility: visible;
    opacity: 1;
}



/* Nasconde l'icona broken image dell'immagine non ancora caricata */
.wbmimgcicla .swiper-lazy:not(.swiper-lazy-loaded)
{
    display: none;
}

/* Nasconde il testo della slide quando l'immagine non è caricata */
.wbmimgcicla .swiper-lazy-preloader + .wbmimgcicla-text
{
    display: none;
}

.wbmimgcicla .swiper-slide {
    overflow: hidden;
}

.wbmimgcicla
{
    max-width: 100%;
}



/* Image Fit */
.wbmimgcicla img.wbmimgcicla-img{
    width: 100%;
    height: 100%;
}

.wbmimgcicla:not(.wbmimgcicla-ie) .wbmimgcicla-img-cover{
    object-fit: cover;
}

.wbmimgcicla:not(.wbmimgcicla-ie) .wbmimgcicla-img-contain{
    object-fit: contain;
}

/*Explorer*/

.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-cover img,
.wbmimgcicla.wbmimgcicla-ie-horizontal .wbmimgcicla-img-contain img{
    height: 100%;
    width: auto;
}

.wbmimgcicla.wbmimgcicla-ie-horizontal .wbmimgcicla-img-cover img,
.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-contain img{
    height: auto;
    width: 100%;
}

/* Image Align */
.wbmimgcicla:not(.wbmimgcicla-ie) .wbmimgcicla-img-center{
    object-position: center;
}
.wbmimgcicla:not(.wbmimgcicla-ie) .wbmimgcicla-img-top{
    object-position: top;
}
.wbmimgcicla:not(.wbmimgcicla-ie) .wbmimgcicla-img-bottom{
    object-position: bottom;
}
.wbmimgcicla:not(.wbmimgcicla-ie) .wbmimgcicla-img-left{
    object-position: left;
}
.wbmimgcicla:not(.wbmimgcicla-ie) .wbmimgcicla-img-right{
    object-position: right;
}

/*Explorer*/
.wbmimgcicla.wbmimgcicla-ie:not(.wbmimgcicla-height-fit) .wbmimgcicla-img-contain .swiper-slide
{
    opacity: 0 !important;
}

.wbmimgcicla.wbmimgcicla-ie:not(.wbmimgcicla-height-fit)  .wbmimgcicla-img-contain .swiper-slide.swiper-slide-active
{
    opacity: 1 !important;
}

/* COVER */

.wbmimgcicla.wbmimgcicla-ie .wbmimgcicla-img-cover img
{
    position: relative;
}

.wbmimgcicla.wbmimgcicla-ie .wbmimgcicla-img-cover.wbmimgcicla-img-center img
{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wbmimgcicla.wbmimgcicla-ie-horizontal .wbmimgcicla-img-cover.wbmimgcicla-img-top img
{
    top: 0%;
}

.wbmimgcicla.wbmimgcicla-ie-horizontal .wbmimgcicla-img-cover.wbmimgcicla-img-bottom img
{
    top: 100%;
    transform: translate(0%, -100%);
}

.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-cover.wbmimgcicla-img-left img
{
    left: 0%;
}

.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-cover.wbmimgcicla-img-right img
{
    left: 100%;
    transform: translate(-100%, 0%);
}

/* CONTAIN */

.wbmimgcicla.wbmimgcicla-ie-vertical .swiper-wrapper.wbmimgcicla-img-contain
{
    display: table;
}

.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-contain .swiper-slide
{
    display: table-cell;
}

.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-contain.wbmimgcicla-img-center .swiper-slide
{
    vertical-align: middle;
}

.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-contain.wbmimgcicla-img-top .swiper-slide
{
    vertical-align: top;
}

.wbmimgcicla.wbmimgcicla-ie-vertical .wbmimgcicla-img-contain.wbmimgcicla-img-bottom .swiper-slide
{
    vertical-align: bottom;
}

.wbmimgcicla.wbmimgcicla-ie-horizontal .wbmimgcicla-img-contain.wbmimgcicla-img-center .swiper-slide
{
    text-align: center;
}

.wbmimgcicla.wbmimgcicla-ie-horizontal .wbmimgcicla-img-contain.wbmimgcicla-img-left .swiper-slide
{
    text-align: left;
}

.wbmimgcicla.wbmimgcicla-ie-horizontal .wbmimgcicla-img-contain.wbmimgcicla-img-right .swiper-slide
{
    text-align: right;
}

/* Impostazioni testo */
.wbmimgcicla .wbmimgcicla-content
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wbmimgcicla .wbmimgcicla-content-has-caption
{
    padding: 4em;
    display: flex;
}

.wbmimgcicla .wbmimgcicla-content .wbmimgcicla-text
{
    text-align: center;
}

.wbmimgcicla .wbmimgcicla-content.wbmimgcicla-content-cover
{
    background: rgba(0,0,0, 0.5);
}

.wbmimgcicla .wbmimgcicla-content.wbmimgcicla-content-cover .wbmimgcicla-text
{
    color: #fff;
    align-self: center;
}

.wbmimgcicla .wbmimgcicla-content.wbmimgcicla-content-caption .wbmimgcicla-text
{
    font-weight: bold;
    align-self: flex-end;
    color: #000;
}

/* Paginazione */

.wbmimgcicla:not(.swiper-container-vertical) .swiper-pagination-bullets.wbmimgcicla-pagination-opposite,
.wbmimgcicla .swiper-pagination-fraction.wbmimgcicla-pagination-opposite
{
    top: 10px;
}

.wbmimgcicla:not(.swiper-container-vertical) .swiper-pagination-progressbar
{
    bottom: 0;
    top: auto;
}

.wbmimgcicla:not(.swiper-container-vertical) .swiper-pagination-progressbar.wbmimgcicla-pagination-opposite
{
    top: 0;
}

/* Verticale */

.wbmimgcicla.swiper-container-vertical .swiper-pagination-progressbar.wbmimgcicla-pagination-opposite
{
    right: auto;
}

.wbmimgcicla.swiper-container-vertical .swiper-pagination-bullets.wbmimgcicla-pagination-opposite
{
    left: auto;
}

.wbmimgcicla.swiper-container-vertical .swiper-pagination-bullets
{
    right: auto;
}

.wbmimgcicla.swiper-container-vertical .swiper-pagination-progressbar
{
    left: auto;
}



.wbmimgcicla-ie-slideperview.swiper-container-horizontal .wbmimgcicla-img-vertical
{
    height: auto !important;
    width: 100% !important;
}

.wbmimgcicla-ie-slideperview.swiper-container-horizontal .wbmimgcicla-img-horizontal
{
    width: auto !important;
    height: 100% !important;
}

.wbmimgcicla-ie-slideperview.swiper-container-horizontal .wbmimgcicla-img-vertical
{
    height: 100% !important;
    width: 100% !important;
}

.wbmimgcicla-ie-slideperview.swiper-container-horizontal img
{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media( max-width: 991px)
{
    .wbmimgcicla.wbmimgcicla-height-fit
    {
        height: auto !important;
    }

}