.lunar-gallery-ui{
	display: none;
	margin-bottom: 0;
}
/* lunar photography */
.ln_font1{
	font-family: 'Open Sans', sans-serif !important;
}
.ln_font2{
	font-family: 'Open Sans Condensed', sans-serif !important;
}

.lunar_galleri_ui{
	position: relative;
}
.lnPreloader{
	background: url('img/preloader.gif');
	width: 30px;
	height: 30px;
	position: relative;
	margin: auto;
}
/* ALBUM */
.lunarAlbumView{		
}
.ln_cursor{
	cursor: pointer;
}
.albumContentUI{
	position: relative;
	overflow: hidden;
}
.albumImgUI img{
	width: 100%;
}
/* video preview */
.ln_video{
	width: 100%; height: 100%; position: absolute; left: 0; top: 0;	
	display: none;
}
.ln_video_tag{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);   
}
.displayVideo{
	display: block;
}


.albumTransparentHover{ 
	background-color: #000000; /* override */
	background: rgba(0, 0, 0, .7);
	width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	z-index: 25;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	filter: alpha(opacity=0);	
	-moz-opacity:0;	
	-khtml-opacity: 0;
	opacity: 0;	
}
.borderUI{
	width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	padding: 12px;
	z-index: 30;
}
.borderUI > div{	
	border-color: #fff; /* override */	
	border: 0px solid rgba(245, 241, 221, .3); /* override */	
	width: 100%; height: 100%;
}

.movingBorderUI{
	width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	z-index: 33;
}
.movingBorder{	
	background-color: #fff; /* override */
	background: rgba(245, 241, 221, .6);
	position: absolute;		
}
.movingBorderLeftTop{
	height: 0px; left: 0px; top: 0px; width: 0px;
}
.movingBorderRightTop{
	height: 0px; right: 0px; top: 0px; width: 0px;
}
.movingBorderRightBottom{
	height: 0px; right: 0px; bottom: 0px; width: 0px;
}
.movingBorderLeftBottom{
	height: 0px; left: 0px; bottom: 0px; width: 0px;
}

/* album info */
.lnInfoUI{
	width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	z-index: 35;
	padding: 12px;
}
.lnInfoContainer{
	width: 100%; height: 100%;
	position: relative;
	overflow: hidden;	
}
.lnInfo{
	position: absolute; width: 100%;
	bottom: 0px;
	padding-bottom: 30px;
	display: none;
}
.lnTitle{
	font-size: 28px;
	color: #fff; /* override */
	padding: 12px 20px 0 40px;
	font-weight: 600;
	line-height: 28px !important;
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.lnAlbumInfo{
	font-size: 18px;
	color: #fff; /* override */
	line-height: 18px;
	margin: 12px 20px;
	margin-bottom: 40px;	
}
.lnOpenAlbumBTN{
	padding: 7px 10px;
	text-transform: uppercase;
	text-decoration: none !important;
	border-style: solid;
	border-width: 1px;		
	font-size: 12px !important;	
}
a.lnOpenAlbum:link{
	color: #fff !important; /* override */
	border-color: #fff; /* override */	
	margin: 12px 20px 12px 40px !important;	
}
a.lnOpenAlbum:visited{
	color: #fff !important; /* override */
	border-color: #fff; /* override */
}
a.lnOpenAlbum:hover{
	background: rgba(0,0,0,.6);
}
.lnOpenAlbumSpecial{
	position: absolute;
	z-index: 37;
	left: 0px;
	top: 0px;	
	margin: 0px !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	filter: alpha(opacity=0);	
	-moz-opacity:0;	
	-khtml-opacity: 0;
	opacity: 0;		
}

/* special album */
.specialAlbumSection{
	width: 50%;
	margin: 0px !important;
	float: left;
	position: relative;
	overflow: hidden;
}
@media (max-width: 700px) {
	.specialAlbumSection{
		float: none;
		width: 100%;
	}
}
/* album info */
.specialAlbumUI{
	position: relative;	
	padding: 20px;	
}
@media (min-width: 700px) {
	.specialAlbumUI{
		padding-top: 20px;
	}
}
@media (min-width: 1200px) {
	.specialAlbumUI{
		padding-top: 60px;
	}
}
.lnSpecialAlbumTitle{
	color: #000000; /* override */
	font-size: 24px;	
	padding: 12px 0px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 28px !important;	
}
.lnInfoSpecialUI{		
	
}
.lnAlbumInfoSpecial{
	font-size: 18px;
	color: #000000; /* override */
	line-height: 18px;
	margin: 12px 0px;
	margin-bottom: 40px;	
}
a.lnOpenSpecialAlbum:link{
	color: #000000 !important; /* override */
	border-color: #000000; /* override */	
}
a.lnOpenSpecialAlbum:visited{
	color: #000000 !important; /* override */
	border-color: #000000; /* override */
}
a.lnOpenSpecialAlbum:hover{
	background: rgba(181,181,181,.1);
}

.woo_product_url_hide{
	display: none;
}


/* lightbox gallery */
#lunarGalleryUI{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000;
	left: 0px; top: 0px;
	z-index: 550000;
	overflow: hidden;
}
.lunarGalleryUIViewport{
	position: absolute;
	width: 100%;
	left: 0px; 
	top: 0px;
	height: 100%;
	overflow: hidden;
}
.lunarGalleryContent{

}
.lunarGalleryItem{	
	position: relative;
	width: 25%;	
	cursor: pointer;
	background-color: #000000;
	padding: 4px;
}
.lunarGalleryItemPerspectiveUI{
	position: relative;
}
.lunarGalleryItemImage img{
	width: 100%;
}
.lunarGalleryItemHover{
	position: absolute;
	width: 100%; height: 100%; top: 0; left: 0;
	background: rgba(0,0,0,0.0);
}
.lunarGalleryItemHoverMobile{
	background: rgba(0,0,0,0.1);
}
.lunarGalleryClose{
	width: 50px;
	height: 50px;
	background-color: #000000;
	background: rgba(0,0,0, .7);
	position: absolute;	
	top: 0px; right: 4px;
	overflow: hidden;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	filter: alpha(opacity=0);	
	-moz-opacity:0;	
	-khtml-opacity: 0;
	opacity: 0;		
}
.lunarGalleryCloseIco{
	background: url('img/close_gallery.png');
	width: 50px; height: 50px;	
}
.galleryScrollNavUI{ /* for mobile only */
	width: 50px;
	height: 100px;
	position: absolute;	
	background-color: #000000;
	background: rgba(0,0,0, .7);
	bottom: 0px; right: 4px;
	overflow: hidden;
	display: none;
}
.galleryScrollNav{
	width: 50px;
	height: 50px;
	position: absolute;	
	top: 0px; left: 0px;
	overflow: hidden;
	cursor: pointer;	
}
.galleryScrollNavUp{
	top: 0px; left: 0px;
	position: absolute;
	background-color: #000000;
	background: url('img/up_arrow.png');
}
.galleryScrollNavDown{
	position: absolute;
	top: 50px; left: 0px;
	background: url('img/down_arrow.png');
}







/* utils */
.ln-clear{
	clear: both;
}




/* GRAVITY LIGHTBOX */
.gravityLightboxUI{    
    background-color: #000000;
    background: rgba(0,0,0,.93);    
}
.gravityLightboxSettings{
    position: fixed;  
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 999999999;
}
.gravityLightboxImage{
    position: relative;
    max-width: 80%;
    max-height: 100%;
}
.gridVideo{
    position: relative;
    width: 80%;
    height: 80%;  
    max-width: 80%;
    max-height: 80%;  
}

.gridVideo iframe{
  width: 100% !important;  
  height: 100% !important;  
}
.gridSound{
    position: relative;
    width: 80%;
    height: 166px;  
    max-width: 80%;  
}
.gridSound iframe{
  width: 100% !important;  
  height: 100% !important;  
}

.gravityArrow{
  position: absolute;
  width: 39px;
  height: 65px;  
  cursor: pointer;
  background-repeat: no-repeat;  
}
.gravityArrowLeft{
    background: url('img/lightbox/arrow_left.png');
    z-index: 1101;
}
.gravityArrowRight{
    background: url('img/lightbox/arrow_right.png');
    z-index: 1102;
}
.gravityLightCloseUI{
  position: absolute;
  width: 42px;
  height: 38px;
  background-color: #000000;
  background: rgba(0,0,0, .5);
  cursor: pointer;
  z-index: 999;  
}
.gravityLightClose{  
  width: 42px;
  height: 38px;
  background: url('img/lightbox/close_lightbox.png');
}
.lbgLoader{
  position: absolute;
  z-index: 400;
  width: 30px;
  height: 30px;
}
/* END GRAVITY LIGHTBOX */