.videopopupjs{background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;text-align:start!important;}
.videopopupjs--hide{-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:videoPopupJsHide;animation-name:videoPopupJsHide;}
.videopopupjs__close{width:30px;height:30px;cursor:pointer;display:block;margin-bottom:10px;color:rgba(255, 255, 255, 0.59);float:right;position:relative;top:25px;left:20px;}
.videopopupjs__close:after{width:30px;height:30px;display:block;text-align:center;content:'X';font-family:'Verdana';border-radius:50%;background:#333;line-height:2.2;font-size:13px;}
.videopopupjs__close:hover{opacity:0.5;}
.videopopupjs--animation{opacity:0;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:videoPopupJs;animation-name:videoPopupJs;}
.videopopupjs__content{margin:0 auto;height:100%;height:500px;width:100%;margin-top:27px;}
.videopopupjs__content iframe{width:100%;height:100%;}
.videopopupjs__block--notfound{position:absolute;top:0;bottom:0;margin:auto 0;width:100%;height:500px;background-color:#fff;text-align:center;vertical-align:middle;line-height:500px;font-family:'Arial';font-size:20px;}
@media(max-width:768px){
.videopopupjs__content{max-width:90%!important;}
}
@-webkit-keyframes videoPopupJs{0%{opacity:0;}
 100%{opacity:1;}
}
@keyframes videoPopupJs{0%{opacity:0;}
 100%{opacity:1;}
}
@-webkit-keyframes videoPopupJsHide{0%{opacity:1;}
 100%{opacity:0;}
}
@keyframes videoPopupJsHide{0%{opacity:1;}
 100%{opacity:0;}
}