.popup:not([data-popup-target])+*{
    display:none;
}

.popup_wrapper>.popup_container{
    width:100%;
    font-family: 'Open Sans', sans-serif;
    line-height:1!important;
    position:fixed;
    z-index: 9999;
    /*background:#FFF;*/
    max-height: 100%!important;
    overflow-y: auto;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
}
.popup_wrapper.open.carousel>.popup_container>*{
        transform: translateX(0)!important;
}
.popup_wrapper>.popup_container>*{
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 200ms;
   -o-transition: all 200ms;
    transition: all 200ms;
    margin:auto;
    max-width: 100%;
}
/*.popup_wrapper>*::-webkit-scrollbar
{
    width: 0px;
}*/
/********STYLE********/
.popup_wrapper:not(.center)>.popup_container,.popup_wrapper>.popup_bg{
    will-change: transform;
    transition: all 330ms ease-out;
    -webkit-transition: all 330ms ease-out;
    -ms-transition: all 330ms ease-out;
    -moz-transition: all 330ms ease-out;
    -o-transition: all 330ms ease-out;
}
.popup_wrapper.sidebar>.popup_container{
    width: 80%;
    max-width: 25em;
}
.popup_wrapper.fullheight>.popup_container{
    height: 100%!important;
}
.popup_wrapper.center>.popup_container>*
{
      transform: scale(0);
}
.popup_wrapper.left>.popup_container{
    top:0;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}
.popup_wrapper.left.open>.popup_container{
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
}
.popup_wrapper.right{text-align:initial!important;}
.popup_wrapper.right>.popup_container{
    right:0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    top:0;
}
.popup_wrapper.right.open>.popup_container{
     transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
}
.popup_wrapper.top>.popup_container{
    top: -100%;
}
.popup_wrapper.top.open>.popup_container{
    top:0;
}
.popup_wrapper.no-overflow>.popup_container{overflow: visible!important;}

.popup_wrapper.center.open>.popup_container>*
{
        transform: scale(1);
}
.popup_wrapper.center.open>.popup_container{
    text-align: initial;
    top: 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%)*/;
}
@media (max-width: 767px) {
    .popup_wrapper, .popup_wrapper *:not(input):not(textarea){
    -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}
    .popup_wrapper.noclosemobile>.popup_close:after{
        display:none!important;
    }
    .popup_wrapper.center.open>.popup_container{
        width:100%;
    }
    .popup_wrapper.mfullheight>.popup_container{
    height: 100%!important;
}
}
/************STYLE**********/
.popup_wrapper.open>.popup_bg{
    opacity:1!important;
    visibility:visible!important;
    
}
.popup_wrapper>.popup_bg{
    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;
    display: block;
    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%;
}
.popup_wrapper.open.leftclose>.popup_close:after{left:1em!important; right: initial!important}