.popup:not([data-popup-target])+*{
    display:none;
}
.popup_wrapper>.popup_container{
    visibility:hidden!important;
    font-family: 'Open Sans', sans-serif;
    line-height:1!important;
    position:fixed;
    overflow: hidden;
    overflow-y:overlay;
    z-index: 9999;
    background:#FFF;
}

/********STYLE********/
.popup_wrapper.sidebar>.popup_container{
    width: 70%;
    max-width: 25em;
}
.popup_wrapper.fullheight>.popup_container{
    height: 100%!important;
    max-height: 100%!important;
    overflow: auto!important;
}
.popup_wrapper.left>.popup_container{
    left: -100%;
    top:0;
     transition: left .25s ease-out,visibility.5s ease-out;
    -webkit-transition: left .25s ease-out,visibility.5s ease-out;
    -ms-transition: left .25s ease-out,visibility.5s ease-out;
    -moz-transition: left .25s ease-out,visibility.5s ease-out;
    -o-transition: left .25s ease-out,visibility.5s ease-out;
}
.popup_wrapper.left.open>.popup_container{
    left:0;
    visibility:visible!important;
}
.popup_wrapper.top>.popup_container{
    top: -100%;
    transition: top .25s ease-out,visibility.5s ease-out;
    -webkit-transition: top .25s ease-out,visibility.5s ease-out;
    -ms-transition: top .25s ease-out,visibility.5s ease-out;
    -moz-transition: top .25s ease-out,visibility.5s ease-out;
    -o-transition: top .25s ease-out,visibility.5s ease-out;
}
.popup_wrapper.top.open>.popup_container{
    top:0;
    visibility:visible!important;
}
.popup_wrapper.center.open>.popup_container{
    text-align: initial;
    visibility:visible!important;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
}
.popup_wrapper.center>.popup_container>*{margin:auto;}
@media (max-width: 767px) {
    .popup_wrapper.center.open>.popup_container{
        width:100%;
    }
}
/************STYLE**********/

.popup_wrapper.open>.popup_bg{
    opacity:1!important;
    visibility:visible!important;
    
}
.popup_wrapper>.popup_bg{
     transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 9998;
    top: 0;
    left:0;
    opacity:0;
    visibility:hidden;
}
.popup_wrapper.open>.popup_close:after{
    font: normal normal normal 14px/1 "Black Tie";
    content: "\f00c";
    z-index: 9999;
    position: fixed;
    right: 1em;
    top: 1em;
    font-weight: 600;
    color: #fff!important;
    cursor:pointer;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.5em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 767px) {
}