/* ################### V3 Photo View ############################ */
.cartnotice { position: fixed; right: 24px; bottom: 24px; background: #343434; box-sizing: border-box; border-radius: 4px; box-shadow: 0px 0px 8px rgba(0,0,0,.4); padding: 16px; z-index: 2000; color: #B4B4B4; } 
.cartnoticecontent { margin: 16px auto; list-style: none; padding: 0; text-align: center;} 
.cartnoticecontent li { display: inline-block; margin-right: 16px; } 

.cartnoticecontent li a, .cartnoticecontent li a:visited { color: #FFFFFF; background: #393939; padding: 8px 12px; box-sizing: border-box; border-radius: 4px; } 
.cartnoticecontent li a:hover {  background: #2c4782; } 
.cartnoticeproductname {padding: 4px; } 


.photoviewnameclose { position: fixed; top: 0; left: 0; box-sizing: border-box; width: 100%; background: #FFFFFF; padding:2px 8px; z-index: 501;  } 
#photoviewview   { margin-top: 36px;  } 
.singleprodgroupname { padding: 0px 16px; box-sizing: border-box; } 
.viewmycollection { padding: 8px; box-sizing: border-box; } 
.photoviewoptions { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	text-align: center;
} 
.photoviewoptions li { 
	display: inline-block;
	text-align:center;
	margin: 0px 12px;
	font-size: 19px;
}
.photoviewoptions .icon-text { 
	font-size: 12px; 
} 
.thephotocontainer { 
	height: 79vh; display: flex; align-items: center; 	justify-content: center;    flex-flow: row nowrap; position: relative;
} 

.mobileviewmessage { 
	padding: 8px; text-align: center; display: none; position: relative; 
} 
.mobileviewmessage div { position: relative; margin: auto; } 

.viewphototitle { float: left; padding: 4px 0px 0px 0px; box-sizing: border-box; overflow: hidden; width: 85%; white-space:nowrap; } 

.closephotoviewicon { float: right; text-align: right; margin: 0px; font-size: 24px; font-weight: 200; z-index: 2000; position: relative; display: inline; width: 15%; box-sizing: border-box;} 
@media (max-width: 1300px) {
	.thephotocontainer { 
		height: 74vh;
	}
}
@media (max-width: 1150px) {
	.thephotocontainer { 
		height: 70vh;
	}
}

@media (max-width: 1024px) {
	.thephotocontainer { 
		height: 70vh;
	}
	.mobileviewmessage { display: block; } 
	.viewphototitle { margin-bottom: 8px;  } 
	.cartnotice { position: fixed; left: 0px; right: 0px; bottom: 36px; width: 100%; } 
	.cartnoticeproductname { text-align: center; } 
	.photoviewoptions .compareicon { display: none; } 

}


.photoviewactions { max-width: 800px; margin: auto; } 

#photoviewview .photoviewpad .photofilename { float: left; text-align: right; padding: 4px 12px 4px 4px; margin-top: 8px; width: 50%; overflow: hidden; box-sizing: border-box;} 
#photoviewview .photoviewpad .photoshare { float: left; text-align: left; padding: 4px 4px 4px 12px; margin-top: 8px; width: 50%; box-sizing: border-box;} 

.sy-photo-nav-prev { position: absolute; left: 0px; top: 45%; font-size: 48px; z-index: 55;  } 
.sy-photo-nav-next { position: absolute; right: 0px; top: 45%; font-size: 48px; z-index: 55; } 


.photocaption { padding: 24px; box-sizing:border-box; } 
.viewphotocartlink, .viewphotofavoriteslink { margin: 0px 8px; } 

.viewimageshoppingcart { position: fixed; bottom: 0; left: 0; box-sizing: border-box; width: 100%; background: #FFFFFF; padding: 8px; z-index: 502; box-shadow: 0px 0px 8px rgba(0,0,0,.7); } 

.photoviewphoto { cursor: zoom-in; } 
.photoviewenlarged { cursor: zoom-out; } 
.icon-cart-plus { font-size: 19px; } 

.thephotocontainer { overflow: hidden; box-sizing: border-box; } 

#enlargecontainbackground { 
  width:100%;
  height:1000%;
	background-color: rgba(0,0,0,.9);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}

#photoviewbg {
  width:100%;
  height:1000%;
	background-color: rgba(0,0,0,.7);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.photoviewcontainer { 
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 51;
	width: 100%; 
	box-sizing: border-box;
	display: none; 
} 
#photoview { 
	background: #FFFFFF;
	margin: 0px auto;
	
	width: 100%;
	box-sizing: border-box;
	min-height: 100VH; 
}
/*
@media (max-width: 1800px) {
	#photoview { max-width: 1686px; }
}
@media (max-width: 1700px) {
	#photoview { max-width: 1586px; }
}
@media (max-width: 1600px) {
	#photoview { max-width: 1486px; }
}
@media (max-width: 1500px) {
	#photoview { max-width: 1386px; }
}

@media (max-width: 1400px) {
	#photoview { max-width: 1286px; }
}
@media (max-width: 1300px) {
	#photoview { max-width: 1186px; }
}
@media (max-width: 1200px) {
	#photoview { max-width: 1024px; }
}
*/

#photoviewinner { padding: 8px; max-width: 1800px; box-sizing: border-box; margin: auto; } 

/* #stockphotopageview {  margin: auto; } */

#photoviewtitle {
	vertical-align:bottom;
	display: table;
	width: 100%;
}
 #photoviewtitle h1, .stockpagetitle h1, .products h1, #photoviewtitle h2, .stockpagetitle h2, .products h2 { 
	margin:0;
    padding:0;
	line-height: 110%;
} 
#photoviewtitle .title { width: 60%;  vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 
#photoviewtitle .stocksave { width: 20%;  vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 
#photoviewtitle .share { width: 20%;  text-align: right;vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 

#photoviewview .photocontainer { float: left; width: 65%; } 
#photoviewview .products { float: left; width: 35%; } 

#photoviewview .photocontainernopurchase { width: 100%; box-sizing: border-box;} 
#photoviewview .productsnopurchase { display: none;  } 

#photoviewview .photoviewproducts { max-width: 480px; margin: auto; } 
#photoviewview .photoviewpad { padding: 16px;  }

#photoviewview .photoviewvphoto {     
	display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
} 
#photoviewview .photoviewhphoto {     
	display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto; 
} 

#photoviewview .photocontainerfull { width: 100%; box-sizing: border-box;} 
#photoviewview .productsfull { display: none;  } 

@media (max-width: 1024px) {
	#photoviewview .photocontainerclass { float: none; width: 100% !important; } 
	#photoviewview .productsclass { float: none; width: 100% !important; display: block !important;} 
	#photoviewtitle .title { width: 100%;  vertical-align:bottom; display: block; } 
	#photoviewtitle .stocksave { width: 40%;  vertical-align:bottom; display:inline-block; } 
	#photoviewtitle .share { width: 60%;  text-align: right;vertical-align:bottom; display: inline-block; } 
	#photoviewinner { padding: 8px; } 
	#photoviewview .photoviewproducts { max-width: 100%; margin: auto; } 
	#photoviewview .photoviewpad { padding: 2px;  }
	.buyphotoicon { display: none !important; } 

}

#photoviewloading { position: absolute; left: 50%; margin: auto; height: 100%; margin-left: -30px; margin-top: 20%;  } 
#closephotoview { position: fixed; top: 4px; right: 2px; z-index: 60;}
#closephotoview .the-icons { color: #e4e4e4; font-size: 28px; text-shadow: none; } 


.stockenlargeicon { position: absolute; width: 100% height: 100%; text-align: center; top: 40%; left: 50%; margin-left: -30px; z-index: 2; display: none;} 
.photoviewviewphotocontainer { position: relative; } 
.photoviewviewphotocontainer:hover .stockenlargeicon { display: block; } 
.stockenlargeicon .the-icons { color: #ffffff; font-size: 50px; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } 


.stocksave { cursor: pointer; } 
.stocksave .icon-star-1 { 
	color: #ffe400; 
	text-shadow: 0 1px 2px rgba(0,0,2,.80); 
	transition: text-shadow 0.5s ease-out; 
} 


#photoviewcoverbackground {width:100%; height:100%; min-height: 100%; background-color: #000000; opacity:0.70; overflow: hidden; display: block; position: fixed; top: 0; left: 0; display: none; z-index: 300; } 


.simpleview { 
	background: rgba(0,0,0,1); 
	width: 100%; 
	height: 100%; 
	left: 0; 
	top: 0; 
	position: fixed; 
	display: flex;
	z-index: 500; 
	align-content: center; 
	justify-content: center; 
	text-align: center; 
	align-items: center;
	padding: 48px;
	box-sizing: border-box;
	flex-flow: row  wrap;
}

/* Magnify classed */
html.magnifying > body {
  overflow-x: hidden !important;
}
.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile { /* Reset */
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none;
}
.magnify {
  position: relative;
  box-shadow: none;
  display: inline-block;
  z-index: inherit;

  position: relative; max-width: 100%;   max-height: 100%;   width: auto;   height: auto;

}
.magnify > .magnify-lens { /* Magnifying lens */
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 0;
  /* Multiple box shadows to achieve the glass lens effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  cursor: none;
  display: none;
  z-index: 1005;

}
.magnify > .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.8;
}
.magnify > .magnify-lens.loading:after { /* Loading text */
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  content: 'Loading...';
  font: italic normal 16px/1 Calibri, sans-serif;
  letter-spacing: 1px;
  margin-top: -8px;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}