.modal{display:none;justify-content:center;align-items:center;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.video-image{cursor:pointer}.video-image:hover .modal{display:flex}.modal-content{background-color:#fefefe;border:1px solid #fff;border-radius:.35em;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:20px;width:520px;height:auto;max-height:290px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-modal-content.modal-content{background-color:#fefefe;border:1px solid #fff;border-radius:.35em;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:0;width:600px;height:540px;max-height:580px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-modal-content.paused.modal-content{background-color:#fefefe;border:1px solid #fff;border-radius:.35em;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:0;width:600px;height:580px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-content .the-title{font-weight:700;color:#000;font-size:36px;line-height:1.2em;padding:0 0 5px;text-align:center}.modal-content .the-sub-title{font-size:20px;text-align:center;padding:0 0 15px}.modal-content .trailer-video{height:324px;margin-bottom:15px;text-align:center}.modal-content .trailer-video iframe{width:100%;height:100%}.modal-content .login-btn{font-size:14px;line-height:1.2em;text-align:center}.modal-content .join-today-btn-cell{margin:0 auto;width:90%;max-width:380px;font-weight:700}.modal-content .class-login-bar{padding-top:15px;text-align:center}.close{color:#aaa;position:absolute;right:0;top:0;font-size:28px;font-weight:700;line-height:1;padding:5px 10px;margin:0;overflow:hidden}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.resume-notice{font-size:16px;padding:0 15px;line-height:1.2}.resume-notice-video{font-size:14px;line-height:1.4;padding:0 20px}@media(max-width:768px){.modal-content{display:flex;flex-direction:column;justify-content:center;padding:0;width:80%;max-width:460px;height:220px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.video-modal-content.modal-content{width:90%;max-width:410px;height:auto;max-height:450px;margin:20px auto;padding:10px}.modal-content .trailer-video,.video-modal-content .trailer-video{height:220px;width:100%;margin:0}.the-title,.modal-content .the-title{font-size:18px;padding:2px 0 5px;text-align:center}.video-modal-content.paused.modal-content .the-title.paused-headline,.video-modal-content.paused.modal-content .modal-content .the-title.paused-headline{font-size:18px;padding:10px 0 0;text-align:center}.the-sub-title,.modal-content .the-sub-title{font-size:18px;text-align:center;padding:0 0 10px}.video-modal-content.paused.modal-content .the-sub-title,.modal-content .the-sub-title{font-size:14px;text-align:center;padding:0 0 10px}.the-text,.modal-content .the-text{font-size:14px;text-align:center;margin:0;padding:5px 0 0}.modal-content .join-today-btn-cell{margin:20px auto;max-width:380px}.modal-content .class-login-bar,.video-modal-content .class-login-bar{padding-top:0;text-align:center}.resume-notice{font-size:14px;padding:10px 15px 0;line-height:1.2}.resume-notice-video{font-size:11px;line-height:1.3;padding:10px 20px 0}}@media screen and (max-width:480px){.modal-content{display:flex;flex-direction:column;justify-content:center;padding:20px;width:90%;max-width:320px;height:180px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.paused.modal-content{height:290px}.video-modal-content.modal-content{width:100%;height:auto;max-width:320px;max-height:340px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.video-modal-content.paused.modal-content{width:100%;height:auto;max-width:320px;max-height:440px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-bottom:15px}.the-sub-title,.modal-content .the-sub-title{font-size:14px;text-align:center;padding:0 0 10px}.modal-content .trailer-video,.video-modal-content .trailer-video{height:170px;width:100%;margin:0}.promo-video{height:170px;margin-bottom:0;text-align:center}.modal-content .join-today-btn-cell{margin:10px auto;width:100%;max-width:none}.resume-notice{font-size:12px;padding:10px 15px 0;line-height:1.2}}@media screen and (max-width:300px){.modal-content{display:flex;flex-direction:column;justify-content:center;padding:0;width:260px;height:auto;position:absolute;left:50%;top:50%;margin-left:-40%;margin-top:-30%}.video-modal-content.modal-content{width:90%;max-width:240px;height:90%;max-height:340px;margin:20px auto;padding:10px}.modal-content .trailer-video,.video-modal-content .trailer-video{height:130px;width:100%;margin:0}.promo-video{height:130px;margin-bottom:0;text-align:center}.class-login-bar{padding-top:0;text-align:center}}