/* LIGHTBOX FROM TSY */
.lb-close { width: 30px; height: 30px; position: relative; overflow: hidden; }
.lb-close span { position: absolute; top: 14px; left: 7px; right: 7px; height: 1px; background: transparent; webkit-transition:-webkit-transform .3s; transition:transform .3s; }
.lb-close span::before,
.lb-close span::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; display: block; background-color: transparent; }
.lb-close span::before { top: -6px; -webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform .3s,width .3s,top .3s;transition:transform .3s,width .3s,top .3s; }.lb-close span::before { top: -6px; -webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform .3s,width .3s,top .3s;transition:transform .3s,width .3s,top .3s; }
.lb-close span::after { bottom: -6px; -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; -webkit-transition:-webkit-transform .3s,width .3s,bottom .3s; transition:transform .3s,width .3s,bottom .3s; }
.lb-close span { left: 5px; right: 5px; transform: rotate(-45deg); }
.lb-close span::before,
.lb-close span::after { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; background-color: transparent; }
.lb-close span::before { width: 7px; top: 0; transform: rotate(90deg) translate(-7px, -7px); }
.lb-close span::after { width: 7px; bottom: 0; transform: rotate(-90deg) translate(-7px, 7px); }
   
.lb { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 9999999; background-color: #fff; }
 .lb-slide-wrap { padding: 75px 0 116px 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
  .lb-slide { width: 100%; height: 100%; position: relative; }
  .lb.categorygallery .lb-slide { padding-top: 20px; padding-bottom: 20px; }
   .lb-btn-wrap { width: 35px; height: 100%; position: absolute; top: 0; /*display: none;*/ z-index: 99; }
   .lb-left { left: 20px; }
   .lb-right { right: 20px; }
    .lb-btn { /* border: 1px solid #000;*/ width: 100%; height: 35px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; background: url('../images/shared/chev-right-black.svg') center no-repeat; background-size: 16px 24px !important; 
			-webkit-transition: opacity .5s;
			-moz-transition: opacity .5s;
			-ms-transition: opacity .5s;
			transition: opacity .5s; }
    .lb-btn:hover { cursor: pointer; opacity: 1; }
	.lb-left .lb-btn { -ms-transform: rotate(180deg)  translateY(50%); /* IE 9 */
					   -webkit-transform: rotate(180deg)  translateY(50%); /* Chrome, Safari, Opera */
					   -moz-transform: rotate(180deg)  translateY(50%); 
					   -o-transform: rotate(180deg)  translateY(50%); 
					   transform: rotate(180deg)  translateY(50%); }
   .lb-imgs { height: 100%; text-align: center; }
   .lb.video .lb-imgs { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.lb.video iframe { max-width: 100%; width: 100%; max-height: 100%; height: 100%; }
	.lb-imgs > img { margin: auto; width: auto; max-width: 100%; height: auto; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
	/*.lb-imgs .port { width: auto; height: 100%; left: 50%; transform: translateX(-50%); }
	.lb-imgs .land { width: 100%; height: auto; top: 50%; transform: translateY(-50%); }*/
	.lb-imgs > div.lb-img { height: 100%; display:inline-block; }
	 .lb-imgs > div.lb-img > img { padding: 0; /*10px;*/ /*width:80vw;*/ max-height: 100%; position: relative; /*float: left;*/ top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
	 .lb-imgs > div.port > img { height: 100% !important; width: auto !important; }
     
 .lb-header { padding: 0 20px; width: 100%; height: 60px; position: relative; z-index: 2; }
  .lb-tools { width: 100%; position: relative; }
   .lb-count { margin: 28px 0 0 6px; position: absolute; top: 0; left: 0; font-size: 14px; }
   .lb-close { /* border: 1px solid #000;*/ margin-top: 20px; margin-left: 10px; /*width: 35px; height: 35px;*/ float: right; display: inline-block; opacity: 1; background: url('../images/shared/close-black.svg') center no-repeat; background-size: 20px;
   			   -webkit-transition: all .5s;
			   -moz-transition: all .5s;
			   -ms-transition: all .5s;
			   transition: all .5s; }
   #article-lb-close.lb-close { margin-top: 0;}
   .lb-close:hover { cursor: pointer; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
    /*.lb-close span { width: 100%; height: 2px; position: absolute; top: 5px; left: 0; display: block; opacity: 1; background: #c2bd18; }
    .lb-close span:nth-child(1) { -webkit-transform: rotate(45deg);
								  -moz-transform: rotate(45deg);
								  -o-transform: rotate(45deg);
								  transform: rotate(45deg); }
	.lb-close span:nth-child(2) { -webkit-transform: rotate(-45deg);
								  -moz-transform: rotate(-45deg);
								  -o-transform: rotate(-45deg);
								  transform: rotate(-45deg); } */
 .lb-texts { padding: 20px; width: 100%; height: 136px; position: absolute; bottom: 0; }
  .lb-text { height: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-width: 80vw; margin: 0 auto; overflow:hidden; }
  .lb-text,
   .lb-text * { text-align: center; /* font-size: 12px; line-height: 14px; color: #000;*/ }
   .lb-text > *:last-child { margin-bottom: 0; }

.lb-texts { display:none; }
.lb-img[data-caption] { position:relative; }
.lb-img[data-caption]::after { content:attr(data-caption); width: 100%; padding: 0.5vw 2vw; background-color: #F0ECE2; text-align: left; display: block; position: absolute; bottom: 0; left: 0; z-index: 10; box-sizing: border-box; }

@media(max-width:768px){
	.lb-left { left: 10px; }
   .lb-right { right: 10px; }
}

.hidden { display:none !important; visibility: hidden !important; }