/* POPUP */
.home .mfp-wrap {
    overflow: hidden !important;
}

.home .mfp-content {
    width: auto;
}

.home .mfp-container {
    overflow: hidden;
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 0px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}

.white-popup a img {
    width: auto;
    max-width: 100%;
    max-height: 90vh;
}

.item-popup a {
    display: grid;
}

.mfp-inline-holder .mfp-content {
    max-width: 600px;
}

.item-popup .mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;

    width: 44px;
    height: 44px;
    opacity: 0.8;
    transition:
        transform 0.3s ease-in-out,
        opacity 0.2s;
}

.mfp-close {
    font-size: 40px !important;
}

.item-popup .mfp-close::before {
    font-family: "remixicon";
    content: "\f4c8";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -44px;
    right: -44px;

    color: #fff !important;
    background-color: #466556 !important;

}

.item-popup .mfp-close:hover {
    background-color: transparent !important;
    opacity: 1;
    transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
    .home .mfp-container {
        max-width: 600px;
        left: calc(50% - 300px);
    }
}

@media screen and (max-width: 768px) {
    .white-popup {
        max-width: 90%;
    }
}