.zoom-container-wrap,
    .zoom-container {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .zoom-container-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .zoom-container-wrap>* {
        width: 100%;
    }

    .zoom-container-wrap .logo-gallery {
        background-size: 140px, 40px;
        margin: 30px auto 30px 30px;
        width: 140px;
        height: 40px;
        z-index: 3;
        position: relative;
    }

    .zoom-container {
        cursor: move;
        height: 100% !important;
        width: 100% !important;
        background-color: #fff !important;
        overflow: hidden;
    }

    .smooth_zoom_preloader {
        background-image: url("/ClientPlugins/Frontend/as-fullscreen/zoom-assets/preloader.gif");
    }


    /* smoothZoom controls*/
    .zoom-container-wrap .controls {
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        display: flex;
        flex-wrap: nowrap;
    }

    .zoom-container-wrap .controls span {
        position: relative;
        display: block;
        cursor: pointer;
        margin: auto 10px;
        width: 20px;
        height: 20px;
        background-size: 20px;
        background-position: 0px 0px;
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .zoom-container-wrap .controls .z-in {
        margin-left: auto;
        background-image: url('../images/ico-zoom-in.png');
    }

    .zoom-container-wrap .controls .z-out {
        background-image: url('../images/ico-zoom-out.png');
    }

    .zoom-container-wrap .controls .z-download {
        background-image: url('../images/ico-download.png');
        display: none;
    }

    .zoom-container-wrap .controls .z-close {
        background-image: url('../images/ico-close.png');
    }
    .zoom-main{
        cursor: pointer;
    }
    .logo-gallery {
        display: none;
    }
	.zoom-miniatures img{
		cursor:pointer;
	}
    .zoom-container-wrap .z-navigation {
        cursor: pointer;
        position: relative;
        margin: -30px auto 0;
        z-index: 9;
        height: 30px;
        width: 30px;
        background-size: 30px;
        background-position: 0px 0px;
        background-color: transparent;
        background-repeat: no-repeat;
        transform: translate(0, -50vh);
    }

    .zoom-container-wrap .z-navigation.z-prev {
        margin-left: 10px;
        background-image: url("../images/slick-arrow-left.png");
    }

    .zoom-container-wrap .z-navigation.z-next {
        margin-right: 10px;
        background-image: url("../images/slick-arrow-right.png");
    }


    /* smoothZoom Thumbnail navigation*/
    .z-thumbnails {
        position: absolute;
        bottom: 1px;
        left: 0;
        z-index: 10;
        transition: width 1s ease;
    }

    .zoom_thumbnails {
        margin: 0px;
        padding: 0px;
        display: block;
        text-align: center;
        line-height: 0;
        cursor: pointer;
        transform: translate(0, 110%);
        -webkit-transition: all 1s 0.6s ease;
        transition: all 1s 0.6s ease;
    }

    .z-thumbnails:hover .zoom_thumbnails,
    .z-thumbnails.show-up .zoom_thumbnails {
        transform: translate(0, 0);
    }

    .zoom_thumbnails .zoom_item {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        opacity: 0.4;
        position: relative;
        padding: 1px;
        background-color: #333;
        transition: opacity 1s ease;
    }

    .zoom_thumbnails .zoom_item:hover,
    .zoom_thumbnails .zoom_item:focus {
        opacity: 0.8;
    }

    .zoom_thumbnails .zoom_item.active {
        opacity: 1;
    }

    .zoom_thumbnails .zoom_item img {
        filter: saturate(0);
        transition: all 1s ease;
    }

    .zoom_thumbnails .zoom_item.active img {
        filter: saturate(100%);
    }

    .zoom_thumbnails li a {
        display: block;
    }

    .zoom_thumbnails li img {
        margin: 0;
        border: 0;
    }


    /* special no-fs (when fullscreen not supported) */
    .no-fs {
        overflow: hidden !important;
    }

    .no-fs>.wrapper {
        display: none;
    }

    .no-fs .zoom-container-wrap {
        height: 100%;
        overflow: hidden;
    }

    .no-fs .controls {
        height: 10vh !important;
    }

    .no-fs .logo-gallery {
        margin: 1vh auto 1vh 1vw;
        height: 8vh;
    }

    .no-fs .zoom-container {
        height: 92vh !important;
    }


    /* tooltip*/
    [data-balloon] {
        font-family: sans-serif;
        font-size: 14px;
        line-height: 140%;
    }
#fs-frame{
    background-color: #080000;
}