/* 
 * Zoomer v3.1.0 - 2015-12-30 
 * A jQuery plugin for smooth image exploration. Part of the formstone library. 
 * http://classic.formstone.it/components/zoomer/ 
 * 
 * Copyright 2015 Ben Plum; MIT Licensed 
 */ 

 	html, body {
 		-ms-content-zooming: none;
 		-ms-touch-action: none;
 	}


	.zoomer .zoomer-holder {
	 	-ms-touch-action: none;
	}


	.zoomer, .zoomer * {
	 	-webkit-user-select: none;
	 	-moz-user-select: none;
	 	-ms-user-select: none;
	 	-o-user-select: none;
	 	user-select: none;
	}


	.zoomer {
	 	background: #eee url(jquery.fs.zoomer-loading.gif) no-repeat center;
	 	height: 100%;
	 	overflow: hidden;
	 	position: relative;
	 	width: 100%;
	 	-webkit-transition: none;
	 	-moz-transition: none;
	 	-ms-transition: none;
	 	-o-transition: none;
	 	transition: none;
	}


	.zoomer .zoomer-positioner {
	 	margin: 0;
	 	height: 1px;
	 	position: absolute;
	 	width: 1px;
	}


	.zoomer .zoomer-holder {
	 	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	 	opacity: 0;
	 	position: relative;
	 	-webkit-transition: none;
	 	-moz-transition: none;
	 	-ms-transition: none;
	 	-o-transition: none;
	 	transition: none;
	}


	.zoomer .zoomer-image {
	 	cursor: move;
	 	float: left;
	 	height: 100%;
	 	width: 100%;
	 	-webkit-transition: opacity 0.25 linear;
	 	-moz-transition: opacity 0.25 linear;
	 	-ms-transition: opacity 0.25 linear;
	 	-o-transition: opacity 0.25 linear;
	 	transition: opacity 0.25 linear;
	}


	.zoomer .zoomer-tiles {
	 	height: 100%;
	 	position: relative;
	 	width: 100%;
	}


	.zoomer .zoomer-tile {
	 	height: auto;
	 	position: absolute;
	 	width: auto;
	}


	.zoomer .zoomer-controls {
	 	border-radius: 3px;
	 	-webkit-transition: opacity 0.25 linear;
	 	-moz-transition: opacity 0.25 linear;
	 	-ms-transition: opacity 0.25 linear;
	 	-o-transition: opacity 0.25 linear;
	 	transition: opacity 0.25 linear;
	 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	 	background: rgba(0, 0, 0, 0.8);
	 	padding: 5px;
	 	width: 240px;
	 	position: absolute;
	 	top: 0;
    	left: 50%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
	}


	.zoomer .zoomer-controls span {
	 	border-radius: 6px;
	 	color: #fff;
	 	cursor: pointer;
	 	display: block;
	 	font-size: 30px;
	 	font-weight: bold;
	 	height: 30px;
	 	line-height: 30px;
	 	margin: 0;
	 	text-align: center;
	 	width: 50px;
	}


	.zoomer .zoomer-controls .zoomer-next,
	.zoomer .zoomer-controls .zoomer-previous {
	 	display: none;
	}


	.zoomer.zoomer-gallery .zoomer-controls .zoomer-next,
	.zoomer.zoomer-gallery .zoomer-controls .zoomer-previous {
	 	display: block;
	}


	.zoomer .zoomer-controls-top {
	 	bottom: auto;
	 	top: 10px;
	}


	.zoomer .zoomer-controls-bottom {
	 	top: auto;
	 	bottom: 10px;
	}


	.zoomer .zoomer-controls-top span,
	.zoomer .zoomer-controls-bottom span {
	 	float: left;
	}


	.zoomer .zoomer-controls-top span,
	.zoomer .zoomer-controls-bottom span {
	 	margin: 0 10px 0 0;
	}


	.zoomer .zoomer-controls-left,
	.zoomer .zoomer-controls-top-left,
	.zoomer .zoomer-controls-bottom-left
	.zoomer .zoomer-controls-right,
	.zoomer .zoomer-controls-top-right,
	.zoomer .zoomer-controls-bottom-right {
	 	height: 71px;
	 	width: 40px;
	}


	.zoomer.zoomer-gallery .zoomer-controls-left,
	.zoomer.zoomer-gallery .zoomer-controls-top-left,
	.zoomer.zoomer-gallery .zoomer-controls-bottom-left
	.zoomer.zoomer-gallery .zoomer-controls-right,
	.zoomer.zoomer-gallery .zoomer-controls-top-right,
	.zoomer.zoomer-gallery .zoomer-controls-bottom-right {
	 	height: 131px;
	}


	.zoomer .zoomer-controls-left,
	.zoomer .zoomer-controls-right {
	 	margin: -35px 0 0 0;
	 	top: 50%;
	}


	.zoomer.zoomer-gallery .zoomer-controls-left,
	.zoomer.zoomer-gallery .zoomer-controls-right {
	 	margin: -65px 0 0 0;
	}


	.zoomer .zoomer-controls-left {
	 	left: 10px;
	}


	.zoomer .zoomer-controls-top-left {
	 	left: 10px;
	 	top: 10px;
	}


	.zoomer .zoomer-controls-bottom-left {
	 	bottom: 10px;
	 	left: 10px;
	}


	.zoomer .zoomer-controls-right {
	 	right: 10px;
	}


	.zoomer .zoomer-controls-top-right {
	 	right: 10px;
	 	top: 10px;
	}


	.zoomer .zoomer-controls-bottom-right {
	 	bottom: 10px;
	 	right: 10px;
	}


	@media screen and (min-width: 980px) {
	}
 	.zoomer .zoomer-holder { 
 		-ms-touch-action: none;
 	}

 	.zoomer, .zoomer * {
	 	-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
	 	user-select: none;
 	}
	.zoomer { 
		background: #eee url(jquery.fs.zoomer-loading.gif) no-repeat center; 
		height: 100%; 
		overflow: hidden; 
		position: relative; 
		width: 100%;
		-webkit-transition: none;
		   -moz-transition: none;
		   	-ms-transition: none;
		   	 -o-transition: none;
		   	 	transition: none;
	}
	.zoomer .zoomer-positioner { 
		margin: 0; 
		height: 1px; 
		position: absolute; 
		width: 1px; }
	.zoomer .zoomer-holder { 
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); 
		opacity: 0; 
		position: relative;
		-webkit-transition: none;
		   -moz-transition: none;
		   	-ms-transition: none;
		   	 -o-transition: none;
		   	 	transition: none;
	}
	.zoomer .zoomer-image { 
		cursor: move; 
		float: left; 
		height: 100%; 
		width: 100%;
		-webkit-transition: opacity 0.25 linear;
		   -moz-transition: opacity 0.25 linear;
		   	-ms-transition: opacity 0.25 linear;
		   	 -o-transition: opacity 0.25 linear;
		   	 	transition: opacity 0.25 linear;
	}
	.zoomer .zoomer-tiles { 
		height: 100%; 
		position: relative; 
		width: 100%;
	}
	.zoomer .zoomer-tile { 
		height: auto; 
		position: absolute; 
		width: auto; 
	}

	/* CONTROLS */
	.zoomer .zoomer-controls { 
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		-webkit-transition: opacity 0.25 linear;
		   -moz-transition: opacity 0.25 linear;
		   	-ms-transition: opacity 0.25 linear;
		   	 -o-transition: opacity 0.25 linear;
		   	 	transition: opacity 0.25 linear; 
		background: rgba(0, 0, 0, 0.6); 
		padding: 5px; 
		border-radius: 3px; 
		position: absolute;

	}
	/*.zoomer .zoomer-controls span { 
		border-radius: 3px; 
		color: #fff; 
		cursor: pointer; 
		display: block; 
		font-size: 20px; 
		font-weight: bold; 
		height: 30px; 
		line-height: 30px; 
		margin: 0; 
		text-align: center; 
		width: 30px; 
	}*/
	.zoomer .zoomer-controls span { 
		border-radius: 3px; 
		color: #fff; 
		cursor: pointer; 
		display: block; 
		font-size: 35px; 
		font-weight: bold; 
		height: 40px; 
		line-height: 40px; 
		margin: 0; 
		text-align: center; 
		width: 20%; 
		text-align: center;
	}
	.zoomer .zoomer-controls .zoomer-next,
	.zoomer .zoomer-controls .zoomer-previous { 
		display: none; 
	}

	.zoomer.zoomer-gallery .zoomer-controls .zoomer-next,
	.zoomer.zoomer-gallery .zoomer-controls .zoomer-previous { 
		display: block;
	}

	/* CONTROLS - TOP, BOTTOM */
	/*.zoomer .zoomer-controls-top,
	.zoomer .zoomer-controls-bottom { left: 50%; margin: 0 0 0 -35px; }*/
	.zoomer .zoomer-controls-top { 
		bottom: auto; 
		top: 10px;
	}
	.zoomer .zoomer-controls-bottom { 
		bottom: 10px; 
		top: auto;
	}

	/*.zoomer.zoomer-gallery .zoomer-controls-top,
	.zoomer.zoomer-gallery .zoomer-controls-bottom { margin: 0 0 0 -65px; }*/

	.zoomer .zoomer-controls-top span,
	.zoomer .zoomer-controls-bottom span { 
		float: left;
	}
	.zoomer .zoomer-controls-top span,
	.zoomer .zoomer-controls-bottom span { 
		margin: 0 5px;
	}

	/* CONTROLS - LEFT, RIGHT, TOP LEFT, TOP RIGHT, BOTTOM LEFT, BOTTOM RIGHT */
	.zoomer .zoomer-controls-left,
	.zoomer .zoomer-controls-top-left,
	.zoomer .zoomer-controls-bottom-left
	.zoomer .zoomer-controls-right,
	.zoomer .zoomer-controls-top-right,
	.zoomer .zoomer-controls-bottom-right { 
		height: 71px; 
		width: 40px;
	}

	.zoomer.zoomer-gallery .zoomer-controls-left,
	.zoomer.zoomer-gallery .zoomer-controls-top-left,
	.zoomer.zoomer-gallery .zoomer-controls-bottom-left
	.zoomer.zoomer-gallery .zoomer-controls-right,
	.zoomer.zoomer-gallery .zoomer-controls-top-right,
	.zoomer.zoomer-gallery .zoomer-controls-bottom-right { 
		height: 131px;
	}

	.zoomer .zoomer-controls-left,
	.zoomer .zoomer-controls-right { 
		margin: -35px 0 0 0; 
		top: 50%; 
	}

	.zoomer.zoomer-gallery .zoomer-controls-left,
	.zoomer.zoomer-gallery .zoomer-controls-right { 
		margin: -65px 0 0 0; 
	}

	.zoomer .zoomer-controls-left { 
		left: 10px; 
	}
	.zoomer .zoomer-controls-top-left { 
		left: 10px; top: 10px; 
	}
	.zoomer .zoomer-controls-bottom-left { 
		bottom: 10px; 
		left: 10px; 
	}

	.zoomer .zoomer-controls-right { 
		right: 10px; 
	}
	.zoomer .zoomer-controls-top-right { 
		right: 10px; top: 10px; 
	}
	.zoomer .zoomer-controls-bottom-right { 
		bottom: 10px; right: 10px; 
	}

	@media screen and (min-width: 980px) {
		.zoomer .zoomer-controls span:hover { background: #000; }
	}


	html, body {
	 	-ms-content-zooming: none;
	 	-ms-touch-action: none;
	}