.popup {
    position:fixed; top:0; left:0;
    width:100%; height:100%;
    z-index:99999;
    opacity:0;
    visibility:hidden;
    transition:visibility 0 .3s, opacity .3s ease-out;
}

.popup, .ui-widget-overlay {
    background:rgba(30,30,30,.6)!important;
}

.ui-widget-overlay {
    opacity:1!important;
    z-index:90000;
}

.ui-dialog.ui-widget {
    z-index:90001;
}

.ui-dialog-titlebar .ui-button {
    border:none!important;
    background:none!important;
    box-shadow:none!important;
    top:21px!important; right:11px!important;
}

.ui-helper-clearfix { border:none!important; }
.ui-button-text-only  {
    background:#8FBE32!important;
    box-shadow:none!important;
}
.ui-button-text-only .ui-button-text { padding:15px 40px!important; }

.popup.visible {
    opacity:1;
    visibility:visible;
    transition-delay:0,0;
}

/*.popup[style*="display:block"] ~ #wrap, .popup[style*="display: block"] ~ #wrap {
    -webkit-filter:blur(3px);
}*/

.popup-wrapper {
    width:340px;
    position:absolute; top:50%; left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.popup-wrapper, .ui-dialog {
    margin:0!important; padding:0!important;
    border:none!important;
    -webkit-box-shadow:0 10px 24px rgba(0,0,0,0.2);
    -moz-box-shadow:0 10px 24px rgba(0,0,0,0.2);
    box-shadow:0 10px 24px rgba(0,0,0,0.2);
}

.popup-header, .popup form {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.popup-header, .ui-dialog-titlebar {
    margin:0; padding:5px 15px;
    border:none!important;
    font-size:14px!important;
    text-transform:uppercase;
    line-height:30px!important;
    position:relative;
    background:#8FBE32!important;
    border-radius:3px 3px 0 0!important;
    color:#fff;
    letter-spacing:-0.01em;
}

.ui-dialog-title {
    font-weight:300;
}

.popup-header.sensitive {
    background:#DD6850!important;
}

.popup-close {
    cursor:pointer;
    position:absolute; top:11px; right:11px;
}

.popup-close, .ui-icon-closethick {
    width:18px!important; height:18px!important;
    background:url(../images/popup-close.png)!important;
}

.popup-content {
    background:#fff;
    margin:0; padding:20px 20px 64px;
    border-radius:0 0 3px 3px;
}

.popup-content b {
    font-weight:bold;
}

.popup-input-label {
    display:block;
    font-weight: bold;
    font-size: 13px;
}

.popup-confirm, .popup-cancel, .popup-content>input[type="submit"] {
    display:inline-block;
    cursor:pointer;
    margin:0;
    float:right;
}

.popup-cancel {
    margin-left:15px;
}

a.popup-cancel {
    line-height:44px;
    padding:0 10px;
}

.popup input[type=text], .popup textarea {
    width:100%;
}

.popup textarea {
    height:150px;
    resize:none;
    font-size: inherit;
    font-family: inherit;
    font-weight: 400;
}

.mail-loader {
    position:absolute; top:0; left:0;
    width:100%; height:100%;
    background:rgba(255,255,255,.7);
    border-radius:3px;
    display:none;
}

.mail-loader-text {
    display:block;
    text-align:center;
    width:100%;
    position:absolute; top:41%; left:0;
}

.mail-loader-bar {
    position:absolute; top:50%; left:15%;
    width:70%; height:8px;
    background:#ccc;
    border-radius:4px;
}

.mail-loader-indicator {
    width:0%;
    height:100%;background:#111;
    border-radius:4px;
}

@media only screen and (max-width:479px){
    .popup-wrapper {
        -moz-transform:none;
        -ms-transform:none;
        -webkit-transform:none;
        -o-transform:none;
        transform:none;
        border-radius:0;
        left:0; top:0;
        width:100%; max-width:100%; max-width:100vw;
    }
    .popup-wrapper>* {
        border-radius:0;
    }
}