.mfp-popup {
  position: relative;
  background: #FFF;
  padding: 15px;
  width: auto;
  margin: 60px auto;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .mfp-popup {
    padding: 30px;
  }
}
.mfp-popup--xs {
  max-width: 500px;
}
.mfp-popup--sm {
  max-width: 700px;
}
.mfp-popup--md {
  max-width: 900px;
}
.mfp-popup--lg {
  max-width: 1300px;
}

.mfp-iframe-holder .mfp-close {
  width: 40px;
  height: 40px;
  padding-right: 0;
  font-size: 28px;
  text-align: center;
}
@media (min-width: 992px) {
  .mfp-iframe-holder .mfp-close {
    width: 50px;
    height: 50px;
    font-size: 38px;
  }
}

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

.mfp-hide {
  display: none !important;
}

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

.mfp-close {
  top: -25px !important;
  right: initial !important;
  left: 50% !important;
  transform: translateX(-50%);
  background: #1a1a1a !important;
  color: #fff !important;
  font-size: 35px;
  border-radius: 50%;
  opacity: 1 !important;
  transition: all 0.3s;
}
@media (min-width: 576px) {
  .mfp-close {
    top: -45px !important;
    right: -10px !important;
    left: initial !important;
    transform: translateX(0);
    background: transparent !important;
    font-size: 50px;
  }
}
@media (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) {
  .mfp-close {
    left: auto !important;
  }
}
.mfp-close:hover {
  color: #fff !important;
}
.mfp-close:focus {
  outline: none !important;
}

/*# sourceMappingURL=magnific-popup_.css.map */