/*magnific popup*/
.mfp-bg {
	/*
	background: #000;
	opacity: 1;
	filter: alpha(opacity=100);
	*/
}
.mfp-title, 
.mfp-counter, 
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
	color:#3e3e3e;
}
.mfp-bottom-bar{
	margin-top:-30px;
}
/*left-right button*/
button.mfp-arrow{
    width: 54px;
    height: 54px;
    background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.293%205.293a1%201%200%200%201%201.414%200l7%207a1%201%200%200%201%200%201.414l-7%207a1%201%200%200%201-1.414-1.414L15.586%2013%209.293%206.707a1%201%200%200%201%200-1.414z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    border: none;
    -webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75);
	border-radius:100%;
	opacity: 1;
	-webkit-transform: none;
    transform: none;
	-webkit-transform-origin: inherit;
    transform-origin: inherit;
}
button.mfp-arrow:hover{
    background: #000 url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.293%205.293a1%201%200%200%201%201.414%200l7%207a1%201%200%200%201%200%201.414l-7%207a1%201%200%200%201-1.414-1.414L15.586%2013%209.293%206.707a1%201%200%200%201%200-1.414z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
    /*border: solid 1px var(--stroke-1);*/
}
button.mfp-arrow, button.mfp-arrow:active{
	margin-top:-25px;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a,
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b,
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a,
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	display:none;
}
/*left button*/
button.mfp-arrow.mfp-arrow-left {
    transform: rotate(180deg) !important;
	margin-left: 80px;
}
/*right button*/
button.mfp-arrow.mfp-arrow-right {
	margin-right: 80px;
}
/*close button*/
button.mfp-close,
button.mfp-close-btn{ /*mobile close bug fix*/
	position:fixed; /*fix*/
	left:inherit !important;
	top:34px !important;
	right:34px !important;
	width:20px !important;
	height:20px !important;
	opacity:1 !important;
    padding-right: 0 !important;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.707%2017.293a1%201%200%200%201-1.414%201.414L10%2011.414l-7.293%207.293a1%201%200%200%201-1.414-1.414L8.586%2010%201.293%202.707a1%201%200%200%201%201.414-1.414L10%208.586l7.293-7.293a1%201%200%201%201%201.414%201.414L11.414%2010l7.293%207.293z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
	text-indent: 9000px;
}
figcaption{
	display:none !important;	
}
img.mfp-img{
	padding:20px 0;
}
.mfp-figure:after { /*mfp-img bg -> padding fix*/
	display:none;
	/*
    top: 20px;
    bottom: 20px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	*/
}
.mfp-container {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-bottom-bar .mfp-title, 
	.mfp-img-mobile .mfp-bottom-bar .mfp-counter, 
	.mfp-img-mobile .mfp-close{
		color:#fff;
	}
	img.mfp-img{
		padding:0;
	}
	.mfp-figure:after { /*mfp-img bg -> padding fix*/
		top: 0;
		bottom: 0;
	}
}
/* Small devices(sm) devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	button.mfp-arrow.mfp-arrow-left {
		margin-left: 10px;
	}
	button.mfp-arrow.mfp-arrow-right {
		margin-right: 10px;
	}
	img.mfp-img{
		padding:0;
	}
}