/*
 * Zoomer [Formstone Library]
 * @author Ben Plum
 * @version 0.3.3
 *
 * Copyright © 2013 Ben Plum <mr@benplum.com>
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 * Customized by sike http://codecanyon.net/user/sike?ref=sike
 */

 	html, body {
 		-ms-content-zooming: none;
 		-ms-touch-action: none;
 	}
 	.cq-zoompan{
 		width: 100%;
 		overflow: hidden;
 		height: 320px;
 		margin: 0;
 		padding: 0;
 	}

	.cq-zoompan img{
		border-radius: 0;
	}
 	.zoomer_wrapper {
 		margin: 0;
 		padding: 0;
 		overflow: hidden;
 	}
	.zoomer.cq-zoompan-next{

	}
  	.zoomer.dark_zoomer { background: #333 url(../img/grey_wash_wall.png) repeat center; }
  	.zoomer.light_zoomer { background: #333 url(../img/ticks.png) repeat center; }
  	.zoomer.dark_zoomer img { box-shadow: none; }
  	.zoomer.light_zoomer img { box-shadow: none; }
  	.zoomer.none_zoomer img { box-shadow: none; }
  	.zoomer.none_zoomer { background: none; }
 	.zoomer .zoomer-holder { -ms-touch-action: none; }

 	.zoomer, .zoomer * {
 		font-family: 'Istok Web',sans-serif;
 		font-weight: normal;
	 	-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
		        user-select: none;
 	}
	.zoomer { background: url(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 {  opacity: 0; position: relative;
		-webkit-transition: none;
		   -moz-transition: none;
		   	-ms-transition: none;
		   	 -o-transition: none;
		   	 	transition: none;
	}
	.zoomer .zoomer-image { cursor: move; cursor: -moz-grab; cursor: -webkit-grab; 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 .dragging{
		cursor: -moz-grabbing;
		cursor: -webkit-grabbing;
	}
	.zoomer .zoomer-tiles { height: 100%; position: relative; width: 100%; }
	.zoomer .zoomer-tile { height: auto; position: absolute; width: auto; }

	/* CONTROLS */
	.zoomer .zoomer-controls { background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 3px; position: absolute;
		-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-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 .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 { height: 30px; left: 50%; margin: 0 0 0 -35px; width: 60px; }
	.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; height: 30px; width: 121px; }

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

	/* 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: 61px; width: 30px; }

	.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: 121px; }

	.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; }
	}