/* Magnific Popup CSS */
.mfp-bg {
    opacity: 0.65;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

.mfp-zoom {
    cursor: pointer;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    padding: 0;
    right: 0;
    top: 0px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;

    color: @color-f;
    background-color: @color-base;
    border-bottom-left-radius: @radius;
    opacity: 1;
}

.mfp-iframe-holder .mfp-content {
    height: 90vh;
}

img.mfp-img {
    padding: 10px;

    background: @color-f;
}

.mfp-figure:after {
    top: 0;
    bottom: 0;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.mfp-iframe-scaler iframe {
    box-shadow: none;
    border-radius: @radius;
}

.mfp-container {
    background: rgba(36,51,58, 0.5);
}

.mfp-bg {
    z-index: 10000;
}

.mfp-wrap {
    z-index: 10001;
}

.mfp-preloader {
    z-index: 10002;
}

.mfp-content {
    z-index: 10003;
}

button.mfp-close, button.mfp-arrow {
    z-index: 10004;
}

.mfp-iframe-scaler iframe {
    background: @color-f url('@{path-design}/preloader.gif') 50% 50% no-repeat;
}