@keyframes show_container {
    from { opacity:0;}
    to {opacity: 1;}
}

BODY.ScrollOff{ position:fixed; overflow-y:scroll; width:100%; }

/*********** container **************/
.acms_popup_container{ display:block; opacity:0; position:fixed; top:0; left:0; width:100%;  height:100%; overflow:auto; box-sizing: border-box;
    z-index:11000; background-color:rgba(0, 0, 0, 0.8); 	display: flex; justify-content: center;padding: 15px;min-width: 360px; background-image: url(../images/preloader.svg); background-repeat: no-repeat; background-position: center; background-size: 100px; transition: opacity 0.5s ease, background-size .3s ease 1s;
}
.acms_popup_container.is-show{	opacity:1 !important; background-size: 0px }

/*********** window **************/
.acms_popup_window{ position:relative; box-sizing:border-box; -webkit-border-radius:4px; border-radius:4px;overflow:hidden; height: 100%;   z-index:100;display: flex;	align-items:center;	justify-content: center; transition: all 0.5s ease; opacity: 0;}
.acms_popup_window.is-show{ opacity: 1}


/*********** wrapper **************/
.acms_popup_wrapper{background-color: #fff; box-sizing:border-box; width:100%;  min-width:200px; min-height: 100px; overflow: hidden;
    -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/*********** content **************/
.acms_popup_content{-webkit-transition: all 0.2s ease;transition: all 0.2s ease; position: relative; min-height: 100%}

/**********************************/

.acms_popup_container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; z-index: -1}

.acms_popup_case{ box-sizing:border-box;  transition: all 0.2s ease;}

.acms_popup_wrapper_close{ position:absolute; width:30px; height:30px; top:7px; right:7px; z-index:300; cursor:pointer;}

.acms_popup_wrapper_close:after{content: '\2716'; display: block;position: absolute;top: 0;left: 1px;width: 20px;height: 20px;line-height: 20px;font-size: 18px;color: #FF383B !important;cursor: pointer;z-index: 1;text-align: center;margin: auto;bottom: 1px;right: 0;}

@media only screen and (min-width: 768px) {
    .acms_popup_case{ box-sizing:border-box;  }
}

