body {
	overflow-x:hidden;
	}
#menubar {
	top: auto;
	display: block;
	bottom: -1px;
	-moz-transform: translateZ(44em);
	-webkit-transform: translateZ(44em);
	transform: translateZ(44em);
	}
#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;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* Safari */
	}

#photos23 span {
	display: inline-block;
	}
	

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


/* thumbnails */
#photos23 img {
	vertical-align: middle;
	height: auto;
	min-height: 150px;
	max-width: 280px;
	
	margin-right: -25px;
	margin-bottom: -22px;

	box-shadow: #222 2px 2px 12px;

	-moz-transform: translateZ(1em);
	-webkit-transform: translateZ(1em);
	transform: translateZ(1em);

	transition: transform 3s ease-in-out;
	-webkit-transition-delay: 0.30s;
	}
#photos23 span:nth-child(7n) {
	-moz-transform: rotate(1.3deg) translateZ(1em);
	-webkit-transform: rotate(1.3deg) translateZ(1em);
	transform: rotate(1.3deg) translateZ(1em);
	}
#photos23 span:nth-child(13n) {
	-moz-transform: rotate(-1.3deg) translateZ(1em); 
	-webkit-transform: rotate(-1.3deg) translateZ(1em); 
	transform: rotate(-1.3deg) translateZ(1em);
	}
#photos23 span:nth-child(8n) { margin-right: 1em; }


#photos23 span:hover img {
	-moz-transform: scale(1.8) rotate(-1deg) translateZ(11em);
	-webkit-transform: scale(1.8) rotate(-1deg) translateZ(11em);
	transform: scale(1.8) rotate(-1deg) translateZ(11em);
	transition: all 0.33s ease-in-out;
	}
#photos23 span:nth-child(3n):hover img {
	-moz-transform: scale(1.8) rotate(1deg) translateZ(11em);
	-webkit-transform: scale(1.8) rotate(1deg) translateZ(11em);
	transform: scale(1.8) rotate(1deg) translateZ(11em);
	}
#photos23 span:nth-child(5n):hover img {
	-moz-transform: scale(1.8) rotate(2deg) translateZ(11em);
	-webkit-transform: scale(1.8) rotate(2deg) translateZ(11em);
	transform: scale(1.8) rotate(2deg) translateZ(11em);
	}

#photos23 span:hover + span {										/* disable hover for next span */
	pointer-events: none;
	}


/* 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, [data-title]:after {
	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, [data-title]:after * {
	color: #909090;
	font-size: 0.9em;
	line-height: 111%;
	margin: 0;
	}


	[data-title] {
	    position: relative;
		}
	[data-title]:hover:after {
	    opacity: 1;
	    transition: all 0.3s ease 0.7s;
	    visibility: visible;
		}
	[data-title]:after {
		position: absolute;
									left: -25%;
									right: auto;
									top: 150%;
									bottom: auto;

									border-top-left-radius:11px;
									border-bottom-left-radius:11px;

		opacity: 0;
		transition: all 0.3s ease 0.3s;
									xz-index: 99999;
		-moz-transform: translateZ(55em);
		-webkit-transform: translateZ(55em);
		transform: translateZ(55em);

		visibility: hidden;
		content: attr(data-title);
		width: -moz-max-content;
		width: -moz-max-content;
		width: 150%;
		max-width: 150%;
		padding: 5px 5px 7px 7px;
		display: block;
		}
	[data-title]:after {
		white-space: pre-wrap;
		}


.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{
		-moz-border-bottom-right-radius: 2.5em;
		-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;}
}