.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;
    overflow: hidden;
}

.smooth_zoom_preloader {
    background-image: url("/assets/plugins/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('/assets/plugins/as-fullscreen/zoom-assets/ico-zoom-in.png');
}

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

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

.zoom-container-wrap .controls .z-close {
    background-image: url('/assets/plugins/as-fullscreen/zoom-assets/ico-close.png');
}
.zoom-main{
    cursor: pointer;
}
.logo-gallery {
    display: none;
}
.zoom-miniatures img{
    cursor:pointer;
}
.zoom-container-wrap .z-navigation {
    cursor: pointer;
    position: absolute;
    margin: 0 auto;
    z-index: 9;
    height: 27px;
    width: 23px;
		top: 50%;
    background-size: 25px;
    background-position: 0px 0px;
    background-color: transparent;
    background-repeat: no-repeat;
		transform: translateY(-50%);
}

.zoom-container-wrap .z-navigation.z-prev {
    margin-left: 10px;
    background-image: url("/assets/plugins/as-fullscreen/zoom-assets/zoom-arrow-left.png");
		left: 0;
}

.zoom-container-wrap .z-navigation.z-next {
    margin-right: 10px;
    background-image: url("/assets/plugins/as-fullscreen/zoom-assets/zoom-arrow-right.png");
		right: 0;
}


/* 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;
}