.hn-main-container .test-video{width:600px;height:380px;margin:270px auto 0;background:url("https://s3-eu-west-1.amazonaws.com/hnie-assets/pages/Education+Campaign/images/microsoft-video.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center}
.hn-main-container .video-container{position:relative}
.hn-main-container .play-button{width:80px;height:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;position:absolute}
.hn-main-container .close-modal:focus-visible,.play-button:focus-visible{outline:2px solid #000;outline-offset:2px}
.hn-main-container .play-button-sm{width:50px;height:50px;left:50%;top:50%;margin-left:-25px;margin-top:-25px;position:absolute}
.hn-main-container .modal-button{cursor:pointer}
.hn-video-modal{display:block!important;position:fixed;top:50%;margin-top:-300px;left:50%;margin-left:-450px;z-index:99999;width:900px;height:507px}
.hn-modal{display:block!important;position:fixed;top:50%;margin-top:-315px;left:50%;margin-left:-250px;z-index:99999;width:500px;visibility:hidden;height:0;background:#fff;padding:40px 40px 20px;box-shadow:0 0 10px rgba(0,0,0,.5)}
.hn-modal.hn-modal-open{visibility:visible;height:630px}
.hn-modal-content{overflow:auto;height:550px}
.video-source-container{width:100%;height:100%}
.hn-video-modal iframe{width:100%;height:100%}
.hn-video-modal video{width:100%}
.hn-modal-cover{position:fixed;top:0;height:100%;left:0;width:100%;background:rgba(255,255,255,.8);z-index:9999}
.close-modal{position:absolute;top:-50px;right:-50px}
.close-modal img{width:100%}
.close-modal:hover,.play-button-sm:hover,.play-button:hover{cursor:pointer}
.hn-form-modal{visibility:hidden;position:fixed;left:50%;margin-left:-300px;z-index:99999;width:90vw;max-width:600px;height:60vh;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);}
.hn-form-modal-inner{overflow: auto;height:100%}
.hn-main-container .hn-main-container .hn-form-container{height:100%;overflow-y:scroll;padding:40px}
.hn-form-modal iframe{width:100%}
@media screen and (max-width:1150px){
.hn-video-modal{margin-top:-169px;margin-left:-300px;width:600px;height:338px}
.close-modal{right:0;width:30px;top:-35px}
#html5-close{margin-right:0!important}
}
@media screen and (max-width:750px){
.hn-video-modal{margin-top:-90px;margin-left:-150px;width:300px;height:169px}
.hn-modal{margin-top:-240px;padding:20px 20px 20px;margin-left:-150px;width:300px}
.hn-modal.hn-modal-open{height:500px}
.hn-modal-content{height:460px}
.hn-main-container .play-button{width:50px;height:50px;margin-left:-25px;margin-top:-25px}
}