body.lb-disable-scrolling,html.lb-disable-scrolling{overflow:hidden!important;  }
/*lightbox*/
.lightbox{position:fixed;top:0 !important;left:0;width:100%;height:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:0;border: none} 
.lightbox a img{border:none}
/*outercontainer*/
.lb-outerContainer{position:absolute;top:50% !important;transform:translateY(-50%) translateX(-50%) !important;left:50%;width:250px;height:250px;margin:0 auto;border-radius:0;border:0px solid rgba(0,0,0,.05);background-color:#fff;}
.lb-outerContainer:after{content:"";display:table;clear:both}
/*custom icons*/
.lb-nav a.lb-next,.lb-nav a.lb-prev {position: relative; background:none; width:50px;margin:0px;opacity: 1 } 
.lb-nav a.lb-next:before ,.lb-nav a.lb-prev:before { opacity: .7; position: absolute; top: 50%; transform: translateY(-50%); border: 0px solid #000; width:40px; height: 40px; padding:5px 15px; content: '\f107'; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; font-size:26px; font-weight: 300; color:#333;background-color:#fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.lb-nav a.lb-next:hover:before ,.lb-nav a.lb-prev:hover:before { opacity: 1;}
.lb-nav a.lb-next:before { content: '\f105'; right: 0;}  
.lb-nav a.lb-prev:before { content: '\f104'; left: 0;}
/*custom load*/ 
@keyframes spinner { to {transform: rotate(360deg);}}
.lb-loader {top: 50%; transform: translateY(-50%);}
.lb-loader .lb-cancel{ background: none;}
.lb-loader .lb-cancel:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:1px solid #ccc;border-top-color:#000;animation:spinner .6s linear infinite;}

/*dataContainer*/
.lb-dataContainer{position:relative;opacity:1;z-index:99;border-radius:0;width:100% !important;margin:0 auto;padding:10px 10px;}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption{display:inline-block;padding:5px 5px;color:#333 !important;font-size:12px;font-weight:400; line-height: inherit; background-color:rgba(255,255,255,0.9);}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:table;clear:left;padding:0px 5px 5px 5px;font-size:12px;color:#333!important;background-color:rgba(255,255,255,0.9);}
/*close*/
.lb-data .lb-close{ background: none;}
.lb-data .lb-close:before {border: 0px solid #000; width:40px; height: 40px; line-height: 40px;content: '\f00d'; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; font-size:20px; font-weight: 300; color:#333;background-color:#fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto;}
.lb-data .lb-close{display:block;float:right;width:40px;height:40px;line-height:40px;color:#333 !important;text-align:center;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;opacity:1}
/* download button */
.lb-download:before {border: 0px solid #000; width:40px; height: 40px; line-height: 40px;content: '\f019'; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; font-size:16px; font-weight: 300; color:#333;background-color:#fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto;}
.lb-download{ float: right; display: block; height: 40px; width: 40px; opacity: 0.7;}
.lb-download:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}


@media screen and (max-width:767px){
 .lightbox{height:100% }
 .lightboxOverlay{opacity:.9 }
 .lightbox{position:fixed !important;top:50% !important;transform:translateY(-50%) }
 .lb-dataContainer{position:fixed !important;bottom:0 !important }
 .lb-outerContainer{width:100% !important;height:100% !important }
 .lb-container{margin-top:0 !important; position: relative;width: 100%!important; height: 100%!important; top: 0; transform: none;}
 .lightbox .lb-image{top:50%;transform:translateY(-50%) !important;position:absolute;width:100% !important;height:auto !important;border:none !important;border-radius:0 }
 .lightbox .lb-image {object-fit: contain; object-position: center; width: 100%!important; height: 85%!important; position: relative!important;top:0 !important; left: 50%; transform: none;  transform: translateX(-50%) !important;}		
 .lb-data .lb-close{background-color:rgba(255, 255, 255, .85) }
	
  .lb-caption br:after {content: "|"; padding: 0 6px 0;}
  .lb-caption br { content: "" }
  .lb-caption br:first-of-type { display: block; content: inherit!important;}		
.lb-data .lb-details{ display: flex;a lign-items: flex-end;	}
	
}
@media screen and (min-width:490px) and (max-width:766px) {	 
	.lb-data .lb-details{ display: flex; 	align-items: flex-end;}
	.lb-data .lb-number{position: absolute;  top: -10px;}
	/*.lb-data .lb-number:before {content: "|"; padding:0 6px 0 0;}*/
}

@media screen and (min-width:375px) and (max-width:480px) {
 .lightbox{ }  
 .lb-data .lb-details { margin-left: -5px;    display: block;}
 .lb-data .lb-close{ margin-right: -10px;}
 .lightbox .lb-image { width: 100%!important; } 
 .lb-nav a.lb-next:before ,.lb-nav a.lb-prev:before { top: 80%; transform: translateY(-80%);}
 .lb-number{display:inline-block !important;}
 .lb-data .lb-caption{display:block;margin-bottom:-1px;}
	
}