.popout-background{position:fixed;top:0;left:0;z-index:-99;width:100vw;height:100vh;visibility:hidden}
.popout-background.show{z-index:9999;visibility:visible}
.popout-background.show .popout-overlay{opacity:.7}
.popout-background.show .popout-container .video-container{transform:translateY(0)}
.popout-background.show .popout-container .video-container iframe{opacity:1;top:50%}
.popout-background .popout-container{position:relative;width:1220px;height:100%;display:flex;align-items:center;justify-content:center;margin:auto}
@media(max-width:1220px){.popout-background .popout-container{width:728px}
}
@media(max-width:767px){.popout-background .popout-container{width:calc(100vw - 40px)}
}
.popout-background .popout-container .video-container{position:relative;width:100%;height:0;padding-top:56.25%;transform:translateY(500px);transition:.2s;z-index:5}
.popout-background .popout-container .video-container iframe{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;transition:1s;max-height:calc(100vh - 5%);overflow:hidden}
.popout-background .popout-overlay{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background-color:#000;opacity:0;transition:.2s}
.popout-background .close{display:block;width:40px;height:40px;background-image:url("../../../../../etc/designs/g6/clientlib-site/img/g6/svg-icon/btn-close-white.svg");position:absolute;top:20px;right:20px;z-index:5;cursor:pointer}