.special-popup {
    max-width: 600px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    -webkit-animation: open 1s;
    animation: open 1s;
    border: #30506e solid 10px;
}
@media (min-width:992px) {
.special-popup {

}
    }
.special-popup .mfp-close{
        position: absolute;
        background-color: #fff;
        border-radius: 50%;
        top: -15px;
        right: -15px;
        opacity: 1;
         background-color: grey;
         color: #fff!important;
    }
.special-popup .mfp-close:hover{
           
        }
.special-popup__top-box {
    background-color: #30506e;
    text-align: center;
    padding: 25px;
}
.special-popup__content {
    padding: 25px;
}
.special-popup__title {
font-size: 1.4em;
color: #fff;
margin-top: 0;
font-weight: 400;
text-transform: uppercase;
opacity: 0.5;
}
.special-popup__heading{
        margin: 0;
        font-size: 1.75em;
        padding-bottom: 20px;
        text-align: center;
        color: #30506e;
        font-weight: 700;
    }
@media (min-width:992px) {
.special-popup__heading{
            font-size: 2em
    }
    }
.special-popup__restrictions{
        margin: 0;
        font-size: 1em;
        padding-bottom: 20px;
        text-align: center;
        color: #00477d;
        font-weight: 400;
        font-style: italic;
    }
@media (min-width:992px) {
.special-popup__restrictions{
            font-size: 1em
    }
    }
.mfp-removing{
    -webkit-animation: close 1s;
            animation: close 1s;
  }
@-webkit-keyframes open {
      0%   {opacity: 0;}
      100% {opacity: 1;}
  }
@keyframes open {
      0%   {opacity: 0;}
      100% {opacity: 1;}
  }
@-webkit-keyframes close {
      0%   {opacity: 1;}
      100% {opacity: 0;}
  }
@keyframes close {
      0%   {opacity: 1;}
      100% {opacity: 0;}
  }