body {
	overflow-x:hidden;
	}
#menubar {
	top: auto;
	display: block;
	bottom: -1px;
	}
#menubar .toolsmenu {
	float: right;
	display: block; }

.flag {
	font-size: 2.2em;
	vertical-align: text-bottom;
	margin-left: 5pt;
	border-left: 2px ridge #7c7c7c;
	display: inline; }
.flag noedit {
	font-size: 1em;
	vertical-align: 0.1em; }


#photos23 {
	text-align: center;
	margin-bottom: 5em;
	}	

#photos23 span { display: inline-block; }	

#photos23 a:first-child
{
	cursor: -webkit-zoom-in;
	cursor:         zoom-in;
	}

#photos23 img {
	vertical-align: middle;
	height: auto;
	min-height: 150px;
	max-width: 300px;
	
	margin-right: -25px;
	margin-bottom: -22px;
	}


#Xphotos23 span {							/* no, poor css performance */
  	opacity: 0;
	          -webkit-animation: fadeIn 2s;
		         -moz-animation: fadeIn 2s;
			 	      animationx: fadeIn 2s;
	    -webkit-animation-delay: 1.4s;
   	       -moz-animation-delay: 1.4s;
   	            animation-delayx: 1.4s;
	-webkit-animation-fill-mode: forwards;
	   -moz-animation-fill-mode: forwards;
	   	    animation-fill-mode: forwards;  	
	}
#Xphotos23 span:nth-child(3n)
	{
      -webkit-animation-delay: 0.5s;
   	     -moz-animation-delay: 0.5s;
   	          animation-delay: 0.5s;
 	}
 
#Xphotos23 span:nth-child(5n+1)
	{
      -webkit-animation-delay: 0.8s;
   	     -moz-animation-delay: 0.8s;
   	          animation-delay: 0.8s;
 	}


#photos23 img {
	box-shadow: #222 2px 2px 12px;
	transition: transform 3s ease-in-out;
	-webkit-transition-delay: 0.30s;
	}
#photos23 span:nth-child(8n) { margin-right: 1em; }

#photos23 span:hover img {
	-webkit-transform: scale(1.8) rotate(-1deg); /* translateZ(11em); */
	transform: scale(1.8) rotate(-1deg); /*translateZ(11em);*/
	transition: all 0.33s ease-in-out;
	}

/* info dot */
#photos23 a+a
{
	line-height: 16px;
	background-color: rgba(66,66,66,0.5);
	width: 1em;
	height: 1em;
	overflow: hidden;
	display: inline-block;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	opacity:0.6;
}

#photos23 span:hover a+a {
	background-color: #44baff;
	opacity:0.6;
	-moz-transform: scale(1.8) translate3D(50px, 0, 22em);
	-webkit-transform: scale(1.8) translate3D(50px, 0, 22em);
	transform: scale(1.8) translate3D(50px, 0, 22em);
	transition: all 0.33s ease-in-out;
	}

#photos23 span:hover a+a:hover {
	opacity:0.9;
	}



img.zoom {
	max-width: 97vw;
	max-height: 92vh;
	margin: 1em; }
#lightboxCaption {
	display: block;
	position: absolute;
	max-width: 33%;
	text-align: left;
	color: #999;
	background-color: rgba(17, 17, 17, 0.8);
	left: 1em;
	bottom: 5em;
	padding: 5px 5px 8px;
	border-top-right-radius:11px;
	border-bottom-right-radius:11px;
	}
#lightboxCaption, #lightboxCaption *, #lightboxDetails a {
	color: #909090;
	font-size: 0.9em;
	line-height: 111%;
	margin: 0;
	}

.navbtn, .closebtn {
	font-size: 3em;
	position: fixed;
	top: 55%;
	z-index: 222;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom-style: none !important;
	border-bottom-width: 0 !important;
	}
.closebtn {
	font-weight: 100;
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	padding: 0 0.5em 0.5em 11px; }


/* desktop only */
@media only screen and (min-device-width : 1224px) {
	.navbtn:hover, .closebtn:hover {
		background-color: rgba(55, 55, 55, 0.7);
	}
}
/* iPad */
@media only screen and (max-device-width:1024px) {
	#lightboxCaption {
		max-width: 66%; }
	.closebtn:hover{
		-webkit-border-bottom-right-radius: 2.5em;
		border-radius-bottom-right: 2.5em;
	}
}
/* iPhone */
@media only screen and (max-device-width: 640px)
{
	#lightboxCaption {
		bottom: 1.5em;
		max-width: 88%; }
}


/*––––– printer –––––*/
@media print {
	#photos23 span a+a {display:none;}
}