div.gallery, div.imgin {
	margin:1.5em 0;
	overflow:hidden;}

div.gallery div.big-43 {
	position:relative;
	width:100%;
	padding-top:75%;
	margin:0 0 1px;}
div.gallery div.big-11 {
	position:relative;
	width:100%;
	padding-top:100%;
	margin:0 0 1px;}
div.gallery div.big-ph {
	position:relative;
	width:460px;
	height:480px;
	margin:0 20px 1em;}
div.imgin div.big-solo {
	position:relative;}

div.gallery div.big-o, div.gallery div.big-o div.big, div.imgin div.big-o, div.imgin div.big-o div.big {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;}

div.gallery div.zoom, div.imgin div.zoom {
	position:fixed;
	background:rgba(0, 0, 0, 0.6);
	z-index:9999;}
div.gallery div.zoom div.big, div.imgin div.zoom div.big {
	top:50%;
	left:50%;
	bottom:auto;
	right:auto;
	width:800px; max-width:100%;
	height:800px; max-height:100%;
	margin:-400px 0 0 -400px;
	background-color:black;
	box-shadow:10px 10px 20px rgba(0, 0, 0, 0.5);}

div.gallery div.big div.abc, div.imgin div.big div.abc {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	transition:left 0.2s;}
div.gallery div.big div.abc img, div.imgin div.big div.abc img {
	width:100%;
	height:100%;
	object-fit:contain;
	font-family:'object-fit: contain;'; /* used by objectFitImages() in ofi_min.php for IE compat. */}
div.gallery div.big div.a {
	left:-100%;}
div.gallery div.big div.b {
	left:0;}
div.gallery div.big div.c {
	left:100%;}
div.imgin div.big div.cap {
	display:none;}
div.gallery div.big div.cap, div.imgin div.zoom div.big div.cap {
	display:block;
	font-weight:bold;
	position:absolute;
	left:20px;
	bottom:1.5em;
	color:white;
	filter:drop-shadow(1px 1px 1px black);
	font-size:120%;}
div.gallery div.big div.cre, div.imgin div.big div.cre {
	position:absolute;
	left:20px;
	bottom:5px;
	color:white;
	filter:drop-shadow(1px 1px 1px black);
	font-size:8px;}

div.gallery div.big .l, div.gallery div.big .r {
	position:absolute;
	display:inline-block;
	height:100%;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
div.gallery div.big .l {
	left:0;
	padding-right:30px;
	display:none;}
div.gallery div.big .r {
	right:0;
	padding-left:30px;}
div.gallery div.big .l svg, div.gallery div.big .r svg {
	position:relative;
	top:50%;
	transform:translateY(-50%);}
.gal-svg-arr {
	opacity:0.33;
	fill:none;
	stroke:#000000;
	stroke-width:2;
	stroke-linecap:round;
	stroke-miterlimit:10;}
.gal-svg-tab {
	opacity:0;
	fill:#FFFFFF;}
.l:hover svg .gal-svg-arr, .r:hover svg .gal-svg-arr {
	opacity:1;}
.l:hover svg .gal-svg-tab, .r:hover svg .gal-svg-tab {
	opacity:0.7;}

div.gallery div.thumbs {
	position:relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
div.gallery div.thumbs .t {
	display:inline-block;
	width:75px;
	height:75px;
	margin:0 1px 1px 0;
	vertical-align:top;}
div.gallery div.thumbs .t img {
	width:75px;
	height:75px;}
div.gallery div.thumbs div.h {
	position:absolute;
	top:0;
	left:0;
	border:5px solid rgba(0, 0, 0, 0.25);
	width:65px;
	height:65px;
	transition:left 0.2s,top 0.2s;
	
	/* IE 7 hacks*/
	border:2px solid gray !ie;
	width:71px !ie;
	height:71px !ie;}
div.phone div.thumbs .t {
	padding:5px;}
div.phone div.thumbs div.h {
	border:1px solid rgba(0, 0, 0, 0.25);
	width:83px;
	height:83px;}


@media only screen and (max-device-width: 767px) {
	
	div.gallery div.zoom div.big, div.imgin div.zoom div.big {
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
		background:none;
		box-shadow:none;
		width:100%; max-width:100%;
		height:100%; max-height:100%;
		margin:0;}
	
	div.gallery div.big-ph {
		position:relative;
		width:100%;
		height:0;
		padding-top:100%;
		margin:0 0 1em;}
}

/* iPad */
@media only screen and (device-width: 768px) {
	div.gallery div.zoom div.big, div.imgin div.zoom div.big {
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
		background:none;
		box-shadow:none;
		width:100%; max-width:100%;
		height:100%; max-height:100%;
		margin:0;}
}