/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #fff;
    opacity: 0.8;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 0px;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none }
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.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 {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    left: 50%;
    z-index: 1044;
    background: url(../images/preloader.gif) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -9999em;
    white-space: nowrap;
    overflow: hidden;
}
.mfp-preloader a { color: #CCC }
.mfp-preloader a:hover { color: #FFF }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer !important;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    position: fixed;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    background: url(../images/close.png) no-repeat !important;
    background-size: 26px 26px !important;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    right: 46px;
    margin-top: -13px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    text-indent: -9999em;
    white-space: nowrap;
    overflow: hidden;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: .7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 60px 0 0px;
    margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure { line-height: 0 }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */
    /* background: #444; */ ;
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content { max-width: 100% }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer }
.mfp-header {
    position: fixed;
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.mfp-logo {
    position: absolute;
    background: url(../../common/img/parts/header_logo_black.png) no-repeat;
    background-size:92px 32px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 92px;
    height: 32px;
    top: 50%;
    left: 20px;
    margin-top: -16px;
}
.mfp-fade .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-fade.mfp-ready .mfp-with-anim { opacity: 1 }
.mfp-fade.mfp-ready.mfp-bg { opacity: 0.8 }
.mfp-fade.mfp-removing .mfp-with-anim { opacity: 0 }
.mfp-fade.mfp-removing.mfp-bg { opacity: 0 }