/* Minification failed. Returning unminified contents.
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.swiper-container {
    overflow: hidden;
}

.photo-gallery *:focus {
    -webkit-box-shadow: 0 0 4pt 3pt #f0c300;
    box-shadow: 0 0 4pt 3pt #f0c300;
}

.photo-gallery.using-mouse *:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* =====================================================
   GLOBAL ARROWS
===================================================== */
.photo-gallery .swiper-button {
    background-color: #fff !important;
    background-image: none;
    height: 32px;
    width: 32px;
    color: #007078;
    border-radius: 50%;
    z-index: 100000;
    font-size: 40px;
    --swiper-navigation-size: 32px;
}

    .photo-gallery .swiper-button:after {
        display: none;
    }

    .photo-gallery .swiper-button.swiper-button-next {
        right: 3px;
    }

    .photo-gallery .swiper-button.swiper-button-prev {
        left: 1px;
    }

    .photo-gallery .swiper-button.swiper-button-disabled {
        color: #C6D2D7;
        opacity: 1;
        pointer-events: none;
    }

/* =====================================================
   WRAPPERS
===================================================== */
.photo-gallery .swiper-container,
.photo-gallery .gallery-top,
.photo-gallery .gallery-thumbs {
    max-width: 1170px;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 10;
    position: relative;
}

.photo-gallery .gallery-top,
.photo-gallery .gallery-thumbs {
    overflow: hidden;
}

@media (max-width: 1170px) {
    .photo-gallery .swiper-container,
    .photo-gallery .gallery-top,
    .photo-gallery .gallery-thumb {
        max-width: 90vw;
    }
}

/* =====================================================
   MAIN IMAGE
===================================================== */
.photo-gallery .gallery-top .swiper-wrapper .swiper-slide .slide-content img,
.photo-gallery .swiper-container .swiper-wrapper .swiper-slide .slide-content img {
    height: 550px;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    object-fit: cover;
}

@media (max-width: 992px) {
    .photo-gallery .swiper-container .swiper-wrapper .swiper-slide .slide-content img {
        height: 35vh;
    }
}

.photo-gallery .swiper-container .swiper-wrapper .swiper-slide .slide-content {
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* =====================================================
   VIDEO
===================================================== */
.photo-gallery .slide-content .embed-responsive iframe,
.photo-gallery .slide-content .embed-responsive video,
.photo-gallery .swiper-container .embed-responsive a.play-video {
    position: relative;
    width: 100%;
    height: 620px;
}

.photo-gallery .swiper-container .embed-responsive a.play-video {
    position: absolute;
    background-size: cover;
}

/* =====================================================
   EXPAND BUTTON ON SLIDE
===================================================== */
.photo-gallery .swiper-container .swiper-wrapper .swiper-slide .slide-content .expand-gallery {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    cursor: pointer;
}

    .photo-gallery .swiper-container .swiper-wrapper .swiper-slide .slide-content .expand-gallery svg {
        height: 45px;
        width: 45px;
        background-color: #656f75;
        padding: 5px;
        border-radius: 0 7px 0 5px;
    }

        .photo-gallery .swiper-container .swiper-wrapper .swiper-slide .slide-content .expand-gallery svg path {
            fill: #fff;
        }

@media (max-width: 992px) {
    .photo-gallery .swiper-container .swiper-wrapper .swiper-slide .slide-content .expand-gallery svg {
        height: 35px;
        width: 35px;
    }
}

/* =====================================================
   THUMBS
===================================================== */
.photo-gallery .swiper-container.gallery-thumbs {
    max-width: 100%;
    padding: 0 0 0 17px;
}

    .photo-gallery .swiper-container.gallery-thumbs:after {
        content: '';
        background: linear-gradient(to right, transparent 0, white 70%);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 75px;
        height: 100%;
        z-index: 1;
    }

.photo-gallery .gallery-thumbs .swiper-wrapper {
    display: flex;
    margin: 0;
    position: relative;
    padding-top: 0;
}

.photo-gallery .gallery-thumbs .swiper-slide {
    width: 146px;
    max-width: 146px;
    height: 97px;
    overflow: hidden;
    margin: 0 25px;
}

    .photo-gallery .gallery-thumbs .swiper-slide:first-child {
        margin-left: 0;
    }

    .photo-gallery .gallery-thumbs .swiper-slide img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        opacity: .3;
    }

    .photo-gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img,
    .photo-gallery .gallery-thumbs .swiper-slide-thumb-active img {
        opacity: 1;
        outline: solid 4px #007078;
        outline-offset: -4px;
    }

/* ==========================================
   FINAL EXPAND POPUP BELOW HEADER
========================================== */

.photo-gallery .gallery-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 120px; /* below menu */
    bottom: 0;
    width: 100vw;
    display: none;
    background: rgba(0,0,0,.78);
    z-index: 999999;
}

    .photo-gallery .gallery-popup .overlay {
        display: none;
    }

    .photo-gallery .gallery-popup .gallery-popup-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: min(92vw,1320px);
        max-height: calc(100vh - 150px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .photo-gallery .gallery-popup .gallery-popup-image img {
        max-width: 92vw;
        max-height: calc(100vh - 170px);
        object-fit: contain;
        display: block;
    }

    /* close button */
    .photo-gallery .gallery-popup .close-gallery {
        position: absolute;
        top: -18px;
        right: -18px;
        width: 52px;
        height: 52px;
        z-index: 2;
    }
/* =====================================================
   TABLET
===================================================== */
@media (max-width: 992px) {

    .photo-gallery .gallery-popup {
        top: 200px !important;
        bottom: 0;
        padding: 0 12px;
        overflow-y: auto;
    }

        .photo-gallery .gallery-popup .gallery-popup-content {
            position: relative;
            top: 0;
            left: 0;
            transform: none;
            width: 100%;
            max-width: 100%;
            margin: 0 auto 30px auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .photo-gallery .gallery-popup .gallery-popup-image img {
            max-width: 100%;
            max-height: calc(100vh - 240px);
            object-fit: contain;
            display: block;
            margin: auto;
        }

        .photo-gallery .gallery-popup .close-gallery {
            top: 0;
            right: -6px;
            width: 42px;
            height: 42px;
        }

    .photo-gallery .gallery-thumbs .swiper-button-prev,
    .photo-gallery .gallery-thumbs .swiper-button-next {
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin-top: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 576px) {

    .photo-gallery .gallery-popup {
        top: 170px !important;
        padding: 0 8px;
    }

        .photo-gallery .gallery-popup .gallery-popup-image img {
            max-height: calc(100vh - 190px);
        }

        .photo-gallery .gallery-popup .close-gallery {
            top: 0;
            right: 0;
            width: 40px;
            height: 40px;
        }
}

/* =====================================================
   PREVENT UI ABOVE MODAL
===================================================== */
body.gallery-modal-open header,
body.gallery-modal-open .header,
body.gallery-modal-open .sticky-wrapper,
body.gallery-modal-open .secondary-nav,
body.gallery-modal-open .dropdown-menu,
body.gallery-modal-open .select2-container,
body.gallery-modal-open [role="dialog"] {
    z-index: 1 !important;
}

body.gallery-modal-open {
    overflow: hidden;
}

body.gallery-modal-open .SortBy,
body.gallery-modal-open .dropdown-menu {
    z-index: 1 !important;
}

body.gallery-modal-open .form-group {
    z-index: 0 !important;
}

/* =====================================================
   CARD
===================================================== */
.photo-gallery {
    background: #fff;
    box-shadow: 0 1px 20px #0000001c;
    border-radius: 5px;
    opacity: 1;
    padding: 15px;
}

.gallery-divider {
    border-top: 1px solid #E2EBEE;
    margin: 0 -15px 30px;
}

.photo-gallery .img-resize img {
    object-fit: contain !important;
}

/* =====================================================
   THUMB-STRIP NAV BUTTONS (now outside the swiper container)
===================================================== */
.photo-gallery .gallery-thumbs-wrapper {
    position: relative;
}

    .photo-gallery .gallery-thumbs-wrapper > .swiper-button-prev,
    .photo-gallery .gallery-thumbs-wrapper > .swiper-button-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
        z-index: 100001;
    }

    .photo-gallery .gallery-thumbs-wrapper > .swiper-button-prev {
        left: 1px;
    }

    .photo-gallery .gallery-thumbs-wrapper > .swiper-button-next {
        right: 3px;
    }