.popup-fade:before {
    content: '';
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 9999;
}

.popup {
    position: fixed;
    top: 5%;
    left: 50%;
    padding: 20px;
    width: 420px;
    margin-left: -200px;
    background: #fff;
    border: 1px solid orange;
    border-radius: 4px;
    z-index: 99999;
    opacity: 1;
}
.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.popup-open{
    /*background: #59595d;*/
    /*color:#fff;*/
    /*border-radius: 8px;*/
    /*padding:6px 10px;*/
    /*margin: 6px 0;*/
    /*display: inline-block;*/
    /*cursor:pointer;*/
}
.popup-fade{
    display: none;
}