﻿.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .swiper-slide .video-container {
        /*        width: 100%;
        height: 0;
        position: relative;
        padding-bottom: 56.25%;*/
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

        .swiper-slide .video-container iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.popup_overlay.fullscreen.listingPublication .swiper{
    height:initial;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.swiperGalleryBig, .swiperChildsBig {
    height: 500px;
    width: 100%;
}

.swiperGalleryNavigation, .swiperChildsNavigation {
    height: 100px;
    box-sizing: border-box;
    padding: 10px 0;
}

    .swiperGalleryNavigation .swiper-slide, .swiperChildsNavigation .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }

    .swiperGalleryNavigation .swiper-slide-thumb-active, .swiperChildsNavigation .swiper-slide-thumb-active {
        opacity: 1;
    }

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: white;
    font-family: "Cormorant Upright", serif;
    /*margin: .5em 0 0 0;*/
}


.swiper span.description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background:white;
}


.swiper a.detail {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    background: white;
}

/*.swiperGalleryBig span.description {
    display: none;
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: initial;
    background: lightblue;
    border-radius: 5px;
    padding: 1px 4px;
}*/

/* cAV */
.swiperGalleryBig span.imageInfo {
    border: 16px solid transparent;
    bottom: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    font-size: .75rem;
    height: 3.5rem;
    line-height: 1.5rem;
    max-width: 56px;
    position: absolute;
    right: 0;
    transition: max-width .3s ease-in;
    transition-delay: 0s;
    width: auto;

    cursor: pointer;
    display: inline-block;
}

    /* cAV */
    .swiperGalleryBig span.imageInfo:active, .swiperGalleryBig span.imageInfo:hover {
    max-width:100%;
}

    /* cAT */
    .swiperGalleryBig span.imageInfo > span {
        background: #000;
        border-radius: 12px;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        height: 100%;
        overflow: hidden;
        padding: 0 .5rem;
        position: relative;
        width: 100%;
    }

        /* cAT */
        .swiperGalleryBig span.imageInfo > span:before {
            content: "i";
            font-size: 14.5px;
            height: 100%;
            line-height: 24px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            transition: opacity 75ms ease-out;
            transition-delay: .3s;
            width: 24px;
        }

        /* cAU */
        .swiperGalleryBig span.imageInfo > span > span {
            opacity: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: opacity .3s ease-in;
            white-space: nowrap;
            width: 100%;
            display: inline-block;
        }

    .swiperGalleryBig span.imageInfo:active > span > span,
    .swiperGalleryBig span.imageInfo:hover > span > span {
        opacity: 1;
        transition-delay: .3s/4;
    }

    .swiperGalleryBig span.imageInfo:active > span:before,
    .swiperGalleryBig span.imageInfo:hover > span:before {
        opacity: 0;
        transition-delay: 0s;
    }


        /*.swiperGalleryBig span.author {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: none;
    background: pink;
    border-radius: 5px;
    padding: 1px 4px;
    z-index: 100;
}*/