@charset "UTF-8";

.zpmg-image,
.zpmg-images
{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	background-size: cover;
	background-repeat: no-repeat !important;
	background-position: center center;
}

.zpmg-images
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: center;
}

.zpmg-images *
{
	outline: none;
}

.zpmg-images .zpmg-image
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.zpmg-image .zpmg-image-inner
{
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	opacity: 0;
	visibility: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

html:not(.zp-vs-touch) .zpmg-image.zpmg-greyscale,
html:not(.zp-vs-touch) .zpmg-images.zpmg-greyscale
{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transition: filter 0.3s ease-out;
	-webkit-transition: -webkit-filter 0.3s ease-out;
	-moz-transition: filter 0.3s ease-out;
	-o-transition: -o-filter 0.3s ease-out;
	-ms-transition: -ms-filter 0.3s ease-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-webkit-backface-visibility: hidden;
	-ms-webkit-backface-visibility: hidden;
}

html:not(.zp-vs-touch) .zpmg-image.zpmg-greyscale:hover,
html:not(.zp-vs-touch) .zpmg-images.zpmg-greyscale:hover
{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

.zp-js .zpmg-images .slick-dots
{
	position: relative;
	padding: 0px;
	margin: auto;
	display: table !important;
	width: 100%;
	text-align: center;
	max-width: 200px;
}

.zp-js .zpmg-images .slick-dots li
{
	position: relative;
	display: table-cell;
	list-style: none;
	margin-left: 1px;
	margin-right: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	height: 25px;
	cursor: pointer;
}

.zp-js .zpmg-images .slick-dots li:after
{
	content: '';
	display: block;
	position: absolute;
	left: 5px;
	right: 5px;
	top: 15px;
	height: 4px;
	background: #d2d2d2;
	
	transition: height 0.2s, background 0.2s, top 0.2s;
	-webkit-transition: height 0.2s, background 0.2s, top 0.2s;
	-moz-transition: height 0.2s, background 0.2s, top 0.2s;
	-o-transition: height 0.2s, background 0.2s, top 0.2s;
	-ms-transition: height 0.2s, background 0.2s, top 0.2s;
}

html.zp-js:not(.zp-vs-touch) .zpmg-images .slick-dots li:not(.slick-active):hover:after
{
	height: 8px;
	top: 13px;
}

.zp-js .zpmg-images .slick-dots li.slick-active:after
{
	background: #000000;
}

.zp-js .zpmg-images .slick-dots li button
{
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	opacity: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	z-index: 1;
}

html.zp-vs-touch .zpmg-image.zpmg-greyscale
{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

@media screen and (max-width: 768px)
{
	.zpmg-image .zpmg-image-inner
	{
		height: auto !important;
		max-height: auto !important;
	}
}

@media print
{
	.zpmg-image
	{
		background: none;	
	}
	
   	.zpmg-image .zpmg-image-inner
   	{
		visibility: visible;
		opacity: 1;
	}
}