.gallery-ctr {position: fixed;display: flex;justify-content: center;align-items: center;inset:0;/* z-index:1000; */}
.gallery-blur{filter:blur(5px);}
.gallery-bg{position: fixed;inset:0;background-color: #ffffffcc;background-size:8px 8px;}
.gallery-lightbox {display: block;position: absolute;inset: 0;}
/* Header section */
 .innr_img{    width: 100%;height: 300px !important;object-fit: cover; }
.gallery-header {}
.gallery-count {position:fixed;left:0;top:0;padding:10px;color:#fff;font: 20px arial, serif;text-shadow: 0 0 3px #000;}
.gallery-actions {position:fixed;right:0;top:0;}
.gallery-loading{width: 150px;height: 150px;position: absolute;}
.gallery-loading:before{border: 10px solid #c5c5c5;border-radius: 50%;border-top: 10px solid #3498db;width: inherit;height: inherit;animation: gallery-loader 1s linear infinite;box-shadow: 0 0 2px #000 inset,0 0 2px #000;display:block;content:' ';}
.gallery-preload{opacity:0.01;position:absolute;top: 0;left: 0;right: 260px}
.gallery-preload-prev, .gallery-preload-next, .gallery-preload-current{width:1px;height:1px;float:left;}
/* Content area */
.gallery-content {display: flex;justify-content: center;align-items: center;position: absolute;inset: 0;}
.gallery-main-img {width: 100%;height: 100%;object-fit: contain;display: block;border: 0;transition:all 0.5s;}
.gallery-zoomfit .gallery-main-img {animation: gallery-cfit 3s ease-in-out infinite alternate;}
/* Footer section */
.gallery-footer {position: fixed;left: 0;right: 0;bottom: 5px;display: flex;align-items: center;justify-content: space-between;padding: 0;}
.gallery-icons {}
.gallery-title{color: #fff;font: 18px arial, sans-serif;padding:10px;margin: 0;text-align: center;width:100%;text-shadow:0 0 2px #000, 0 0 5px #000;box-sizing:border-box;}
.gallery-title:empty{display:none;}
.gallery-info-ctr{font: 12px verdana;color: #000;}
.gallery-info{padding:10px;background-color:rgba(255, 255, 255, 0.7);display:none;box-sizing:border-box;}
.gallery-descr:focus .gallery-info{display:block !important;}
.gallery-descr {width: 500px;position:fixed;bottom:5px;right:20px;}
.gallery-footer .gallery-icons {display: flex;gap: 10px;}
/* Navigation buttons */
.gallery-controls{}
.gallery-prev, .gallery-next{display:block;background-image:url('../Image/cursor-prev.png');width:50px;position:fixed;left:0;height:50px;background-position:center center;background-repeat:no-repeat;cursor:pointer;border-radius:50px;padding:10px;opacity:0.7;top:45%;}
.gallery-next{right:0;background-image:url('../Image/cursor-next.png');left:unset;}
/* progress bar */
.gallery-progress-out{position:fixed;top:0;left:0;right:0;height:5px;background-color:rgba(0, 0, 0, 0.6);display:none;}
.gallery-progress{height:inherit;background-color:gold;width:0%;transition: width 1s;}
/* Fullscreen, Rotate, Slideshow, Crop buttons */
.gallery-actions{cursor: pointer;position: fixed;top: 0;right: 0;/* background-color:rgba(0,0,0,0.6); */margin:0;padding:0;z-index:2;/* opacity:0.5; */}
.gallery-actions:hover{opacity:1 !important;}
.gallery-actions:after{clear:both;}
.gallery-actions > li{float: left;cursor: pointer;list-style: none;/* border-left: 1px solid #999; *//* border-bottom: 1px solid #999; */padding:10px;filter: brightness(0);}
.gallery-actions > li:after{width: 20px;height: 20px;content:' ';display:block;background-size: 100% 100%; }
.gallery-close:after{background-image:url("../Image/close.png");}
.gallery-play:after{background-image:url("../Image/play.png");}
.gallery-rotate:after{background-image:url("../Image/rotate.png");}
.gallery-pause:after{background-image:url("../Image/pause.png") !important;}
.gallery-fullscreen:after{background-image:url("../Image/fullscreen.png");}
.gallery-screenfit:after{background-image:url("../Image/expand.png");}
.gallery-zoomfit .gallery-screenfit:after{background-image:url("../Image/shrink.png") !important;}
.gallery-zoomfit .gallery-main-img{object-fit: cover;}
.gallery-restore:after{background-image:url("../Image/restore.png") !important;}
.gallery-xtag-toggle:after{background-image:url("../Image/tag.png");}
.gallery-xtag-gear:after{background-image:url("../Image/settings.png");}
/* Utility classes */
.hidden {display: none;}
.flex-center {display: flex;justify-content: center;align-items: center;}
@keyframes gallery-loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes gallery-cfit {
  from {object-position: top left;}
  to {object-position: bottom right;}
}
/* Thumbnail styles */
.gallery-thumbnails {display: flex;justify-content: center;max-width: 100%;overflow-x: auto;margin-top: 10px;white-space: nowrap;position: absolute;right: 0;left: 0;margin: 0 auto;z-index: 9999999999;bottom: 0;background-color: rgb(107 102 102 / 50%);}
.gallery-thumbnail {width: 80px; height: 50px; object-fit: cover;margin: 3px; cursor: pointer; transition: border-color 0.3s; }
.gallery-thumbnail:hover {border-color: #3498db;}
.arrow.right{display:none;}
@media (max-width: 500px) {
  .gallery-descr {width: auto;}
  @media (max-width: 500px) {
    .gallery-descr {width: auto;box-sizing: border-box;left: 5px;right: 5px;bottom: 5px;}
  }
}
/* width */
.gallery-thumbnails::-webkit-scrollbar {width: 10px;height: 12px;}
/* Track */
.gallery-thumbnails::-webkit-scrollbar-track { border-radius: 10px; margin: 20px; }
.gallery-thumbnails::-webkit-scrollbar-thumb {background: rgb(95, 95, 95); border-radius: 10px; }
.gallery-thumbnails::-webkit-scrollbar-thumb:hover {background: rgb(95, 95, 95); }