lacemi/sapi/web/resources/css/magnific-popup.css

.mfp-bg {
	background: rgb(11, 11, 11); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 999991; opacity: 0.8;
}
.mfp-wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 999992; -webkit-backface-visibility: hidden;
}
.mfp-container {
	padding: 0px 8px; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.mfp-container::before {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.mfp-align-top .mfp-container::before {
	display: none;
}
.mfp-content {
	margin: 0px auto; text-align: left; vertical-align: middle; display: inline-block; position: relative; z-index: 1045;
}
.mfp-inline-holder .mfp-content {
	width: 100%; cursor: auto;
}
.mfp-ajax-holder .mfp-content {
	width: 100%; cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-zoom-out-cur {
	
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	
}
.mfp-zoom {
	cursor: pointer;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close {
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.mfp-arrow {
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.mfp-preloader {
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.mfp-counter {
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	left: 8px; top: 50%; width: auto; text-align: center; right: 8px; color: rgb(204, 204, 204); margin-top: -0.8em; position: absolute; z-index: 1044;
}
.mfp-preloader a {
	color: rgb(204, 204, 204);
}
.mfp-preloader a:hover {
	color: white;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}
button.mfp-close {
	background: none; padding: 0px; border: 0px currentColor; border-image: none; overflow: visible; display: block; z-index: 1046; cursor: pointer; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none;
}
button.mfp-arrow {
	background: none; padding: 0px; border: 0px currentColor; border-image: none; overflow: visible; display: block; z-index: 1046; cursor: pointer; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none;
}
.mfp-close {
	padding: 0px 0px 18px 10px; top: 0px; width: 44px; height: 44px; text-align: center; right: 0px; color: white; line-height: 44px; font-family: Arial, Baskerville, monospace; font-size: 28px; font-style: normal; text-decoration: none; position: absolute; opacity: 0.65;
}
.mfp-close:hover {
	opacity: 1;
}
.mfp-close:focus {
	opacity: 1;
}
.mfp-close:active {
	top: 1px;
}
.mfp-close-btn-in .mfp-close {
	color: rgb(51, 51, 51);
}
.mfp-image-holder .mfp-close {
	width: 100%; text-align: right; right: -6px; color: white; padding-right: 6px;
}
.mfp-iframe-holder .mfp-close {
	width: 100%; text-align: right; right: -6px; color: white; padding-right: 6px;
}
.mfp-counter {
	top: 0px; right: 0px; color: rgb(204, 204, 204); line-height: 18px; font-size: 12px; position: absolute;
}
.mfp-arrow {
	margin: -55px 0px 0px; padding: 0px; top: 50%; width: 90px; height: 110px; position: absolute; opacity: 0.65; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover {
	opacity: 1;
}
.mfp-arrow:focus {
	opacity: 1;
}
.mfp-arrow::before {
	border: inset transparent; border-image: none; left: 0px; top: 0px; width: 0px; height: 0px; margin-top: 35px; margin-left: 35px; display: block; position: absolute; content: "";
}
.mfp-arrow::after {
	border: inset transparent; border-image: none; left: 0px; top: 0px; width: 0px; height: 0px; margin-top: 35px; margin-left: 35px; display: block; position: absolute; content: "";
}
.mfp-arrow .mfp-b {
	border: inset transparent; border-image: none; left: 0px; top: 0px; width: 0px; height: 0px; margin-top: 35px; margin-left: 35px; display: block; position: absolute; content: "";
}
.mfp-arrow .mfp-a {
	border: inset transparent; border-image: none; left: 0px; top: 0px; width: 0px; height: 0px; margin-top: 35px; margin-left: 35px; display: block; position: absolute; content: "";
}
.mfp-arrow::after {
	top: 8px; border-top-width: 13px; border-bottom-width: 13px;
}
.mfp-arrow .mfp-a {
	top: 8px; border-top-width: 13px; border-bottom-width: 13px;
}
.mfp-arrow::before {
	border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;
}
.mfp-arrow .mfp-b {
	border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;
}
.mfp-arrow-left {
	left: 0px;
}
.mfp-arrow-left::after {
	margin-left: 31px; border-right-color: white; border-right-width: 17px; border-right-style: solid;
}
.mfp-arrow-left .mfp-a {
	margin-left: 31px; border-right-color: white; border-right-width: 17px; border-right-style: solid;
}
.mfp-arrow-left::before {
	margin-left: 25px; border-right-color: rgb(63, 63, 63); border-right-width: 27px; border-right-style: solid;
}
.mfp-arrow-left .mfp-b {
	margin-left: 25px; border-right-color: rgb(63, 63, 63); border-right-width: 27px; border-right-style: solid;
}
.mfp-arrow-right {
	right: 0px;
}
.mfp-arrow-right::after {
	margin-left: 39px; border-left-color: white; border-left-width: 17px; border-left-style: solid;
}
.mfp-arrow-right .mfp-a {
	margin-left: 39px; border-left-color: white; border-left-width: 17px; border-left-style: solid;
}
.mfp-arrow-right::before {
	border-left-color: rgb(63, 63, 63); border-left-width: 27px; border-left-style: solid;
}
.mfp-arrow-right .mfp-b {
	border-left-color: rgb(63, 63, 63); border-left-width: 27px; border-left-style: solid;
}
.mfp-iframe-holder {
	padding-top: 40px; padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	width: 100%; line-height: 0; max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	width: 100%; height: 0px; overflow: hidden; padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	background: black; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
img.mfp-img {
	margin: 0px auto; padding: 40px 0px; width: auto; height: auto; line-height: 0; display: block; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.mfp-figure {
	line-height: 0;
}
.mfp-figure::after {
	background: rgb(68, 68, 68); left: 0px; top: 40px; width: auto; height: auto; right: 0px; bottom: 40px; display: block; position: absolute; z-index: -1; content: ""; box-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}
.mfp-figure small {
	color: rgb(189, 189, 189); line-height: 14px; font-size: 12px; display: block;
}
.mfp-figure figure {
	margin: 0px;
}
.mfp-bottom-bar {
	left: 0px; top: 100%; width: 100%; margin-top: -36px; position: absolute; cursor: auto;
}
.mfp-title {
	text-align: left; color: rgb(243, 243, 243); line-height: 18px; padding-right: 36px; -ms-word-wrap: break-word;
}
.mfp-image-holder .mfp-content {
	max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}
@media screen and (orientation:landscape) and (max-width:800px), screen and (max-height:300px)
{
.mfp-img-mobile .mfp-image-holder {
	padding-right: 0px; padding-left: 0px;
}
.mfp-img-mobile img.mfp-img {
	padding: 0px;
}
.mfp-img-mobile .mfp-figure::after {
	top: 0px; bottom: 0px;
}
.mfp-img-mobile .mfp-figure small {
	margin-left: 5px; display: inline;
}
.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6); margin: 0px; padding: 3px 5px; top: auto; bottom: 0px; position: fixed; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.mfp-img-mobile :empty.mfp-bottom-bar {
	padding: 0px;
}
.mfp-img-mobile .mfp-counter {
	top: 3px; right: 5px;
}
.mfp-img-mobile .mfp-close {
	background: rgba(0, 0, 0, 0.6); padding: 0px; top: 0px; width: 35px; height: 35px; text-align: center; right: 0px; line-height: 35px; position: fixed;
}
}
@media all and (max-width:900px)
{
.mfp-arrow {
	transform: scale(0.75); -webkit-transform: scale(0.75);
}
.mfp-arrow-left {
	transform-origin: 0% 50%; -webkit-transform-origin: 0;
}
.mfp-arrow-right {
	transform-origin: 100% 50%; -webkit-transform-origin: 100%;
}
.mfp-container {
	padding-right: 6px; padding-left: 6px;
}
}
.mfp-ie7 .mfp-img {
	padding: 0px;
}
.mfp-ie7 .mfp-bottom-bar {
	left: 50%; width: 600px; padding-bottom: 5px; margin-top: 5px; margin-left: -300px;
}
.mfp-ie7 .mfp-container {
	padding: 0px;
}
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
.mfp-ie7 .mfp-close {
	top: 0px; right: 0px; padding-top: 0px;
}