/* 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: #f5f1dd; /* override */	
	border: 1px 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: #f5f1dd; /* override */
	background: rgba(245, 241, 221, .6);
	position: absolute;		
}
.movingBorderLeftTop{
	height: 12px; left: 12px; top: 0px; width: 0px;
}
.movingBorderRightTop{
	height: 0px; right: 0px; top: 12px; width: 12px;
}
.movingBorderRightBottom{
	height: 12px; right: 12px; bottom: 0px; width: 0px;
}
.movingBorderLeftBottom{
	height: 0px; left: 0px; bottom: 12px; width: 12px;
}

/* 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: 24px;
	color: #f5f1dd; /* override */
	padding: 12px 20px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 28px !important;
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.lnAlbumInfo{
	font-size: 18px;
	color: #f5f1dd; /* 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: #f5f1dd !important; /* override */
	border-color: #f5f1dd; /* override */	
	margin: 12px 20px;	
}
a.lnOpenAlbum:visited{
	color: #f5f1dd !important; /* override */
	border-color: #f5f1dd; /* 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,.7);
}
.lunarGalleryItemHoverMobile{
	background: rgba(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 */




/* BEGIN LUNAR WOO-COMMERCE */
.lunar_woo_post{
	margin-bottom: 50px;
}
.lunar_woo_thumb{
	position: relative;	
}
.lunar_woo_thumb_ui{
	position: relative;
}
.lunar_woo_thumb_image{
	width: 100%;
}
.lunar_woo_thumb_ui_hover{
	width: 100%; height: 100%;
	background: rgba(0,0,0,.4);
	position: absolute; left: 0; top: 0;
	opacity: 0;
	cursor: pointer;
}
.lunar_woo_thumb_bottom{
	padding: 10px 0px;
	background: #FFFFFF;
}
.lunar_woo_thumb_title, .lunar_woo_thumb_price{
	font-size: 13px;
	margin: 0px !important;
	margin-bottom: 3px !important;
	color: #758686 !important;
}
.lunar_woo_thumb_price{
	font-size: 16px;
	margin-bottom: 0px !important;
}
.lunar_woo_thumb_left{
	float: left;
}
.lunar_woo_thumb_right{
	float: right;
}
a.lunar_woo_thumb_button:link{
	text-decoration: none !important;	
	display: inline-block !important;
	padding: 5px;
	border-radius: 20px;
	border: 1px solid rgba(117, 134, 134, 1);	
	margin-left: 4px;	
}
a.lunar_woo_thumb_button:visited{
	border: 1px solid rgba(117, 134, 134, 0);
}
a.lunar_woo_thumb_button:hover{
	background-color: #484848;
}



.lunar_woo_thumb_info{
	width: 100%;	
	border-bottom-style: solid; border-width: 1px; border-color: #d7d5d1;
	display: none;
	overflow: hidden;
}
.cart-info-wrapper{
	padding: 15px;
}
.lunar_woo_thumb_info_qt{
	font-size: 13px;
	margin: 0px !important;
	margin-bottom: 10px !important;
	color: #758686 !important;	
}
.lunar_woo_thumb_quantity_ui{
	margin: 20px 0px;
	margin-bottom: 30px;
}

/* quantity button */
a.quantityWoo:link {
    color: #989fa5;
    border-color: #CCCCCC; border-style: solid; border-width: 1px;    
    text-decoration: none !important;
   	text-align: center; 
    padding: 9px 9px;
    border-radius: 19px;
}
a.quantityWoo:visited {
    color: #00FF00;
    border-color: #CCCCCC !important; border-style: solid; border-width: 1px; 
}
a.quantityWoo:hover {
    color: #FF00FF;
    text-decoration: none !important;
    background-color: #4a4a4a !important;
    border: 1px solid rgba(255, 255, 255, 0);
}
a.quantityWoo:active {
    color: #0000FF;
    border-color: #CCCCCC; border-style: solid; border-width: 1px; 
}
.quantityWoo > img{
	vertical-align: text-top;
}
.quantityWooInfo{
	background-color: #f8f6f6;
	display: inline-block;
	border-color: #CCCCCC !important; border-style: solid; border-width: 1px; 
    padding: 10px 20px;
    border-radius: 19px;
    margin: 0px 10px;    
}

.addToCartBase{
	border-radius: 19px;
	font-size: 14px !important;
	line-height: 30px !important;
	margin-top: 10px !important;
   	text-align: center;
    vertical-align: middle;
	text-decoration: none !important;
	padding: 10px 14px;  
	overflow: hidden;  
	display: inline;
}
/* checkout button */
a.checkoutWoo:link {
	background-color: #FFFFFF !important;
	color: #758686 !important;	
	border-color: #758686; border-style: solid; border-width: 1px;    
	margin-left: 15px;
	display: none;
}
a.checkoutWoo:visited {
	color: #758686 !important;
	border-color: #758686;
}
a.checkoutWoo:hover {
	color: #758686 !important;
	border-color: #758686;
	background-color: #ececec !important;
}
a.checkoutWoo:active {
	color: #758686 !important;
	border-color: #758686;
}
.checkoutWoo > span{
	background: url('../img/checkout.png');
	width: 26px; height: 26px;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}

/* add to cart button */
a.addToCartBtn:link{	
	background-color: #e80133 !important;
	color: #FFFFFF !important;
}
a.addToCartBtn:visited {
    color: #FFFFFF !important;
}
/* mouse over link */
a.addToCartBtn:hover {
    color: #FFFFFF !important;
    background-color: #4a4a4a !important;
}
/* selected link */
a.addToCartBtn:active {
    color: #FFFFFF !important;
}
.addToCartBtn > span{
	background: url('../img/plus-img.png');
	width: 26px; height: 26px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}

/* add to cart preloader */
.lunar_cart_preloader{
	width: 30px; height: 30px;
	display: inline-block;
	overflow: hidden;	
	display: none;
}


.lunar_woo_thumb_info_content{
	margin: 20px 0px;	
	margin-top: 25px;
	color: #758686 !important;
}
.lunar_woo_thumb_info_content, .lunar_woo_thumb_info_content p, .lunar_woo_thumb_info_content b{
	font-size: 12px !important;
}
.lunar_woo_thumb_info_content b{
	font-weight: 600 !important;
}

/* END BEGIN LUNAR WOO-COMMERCE */



/* WOO PAGINATION
================================================== */
.paginationUILunar{	
	text-align: center;
	margin: 50px 0px;
}
.paginationln {
	clear:both;
	padding:0px 0px !important;
	margin:0px 0px !important;
	position:relative;
	font-size:18px !important;
	line-height:20px !important;
	position: relative;
	margin: auto !important;
	display: inline-block;
}

.paginationln span, .paginationln a {
	display:block;
	margin: 2px 2px 2px 0 !important;
	padding:6px 9px 5px 9px !important;
	text-decoration:none;
	width:auto;
	color: #5e5e5e;
	float: left;
}
.paginationln span{
	float: left;
}
.paginationln a{
	text-decoration: none !important;
}
.paginationln a:hover{
	text-decoration: none !important;
	color: #5e5e5e !important;	
}
.paginationln{
	font-family: 'Roboto', sans-serif;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
}
.paginationln .current{
padding:6px 9px 5px 9px;
background-color: #FFFFFF;
border-style: solid; border-width: 1px; border-color: #5e5e5e;
}
.paginationln a{
background-color: #FFFFFF;
border-style: solid; border-width: 1px; border-color: #CCCCCC;	
}
.paginationln .inactive{
background-color: #FFFFFF;	
color: #000000;
}
/* END WOO PAGINATION
================================================== */




