@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0,100px)}to{transform:translate(0,0)}}.modal-video{animation-duration:.3s;animation-name:modal-video;animation-timing-function:ease-out;background-color:rgba(0,0,0,.5);cursor:pointer;height:100%;left:0;opacity:1;position:fixed;top:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;width:100%;z-index:1000000}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);-ms-transform:translate(0,100px);-o-transform:translate(0,100px);transform:translate(0,100px)}.modal-video-body{display:flex;box-sizing:border-box;height:100%;justify-content:center;margin:0 auto;max-width:960px;padding:0 10px;width:100%}.modal-video-inner{display:flex;align-items:center;height:100%;justify-content:center;width:100%}@media (orientation:landscape){.modal-video-inner{box-sizing:border-box;padding:10px 60px}}.modal-video-movie-wrap{animation-duration:.3s;animation-name:modal-video-inner;animation-timing-function:ease-out;background-color:#333;height:0;padding-bottom:56.25%;position:relative;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;width:100%}.modal-video-movie-wrap iframe{height:100%;left:0;position:absolute;top:0;width:100%}.modal-video-close-btn{display:inline-block;background:0 0;border:none;height:35px;overflow:hidden;position:absolute;right:0;top:-45px;width:35px;z-index:2}@media (orientation:landscape){.modal-video-close-btn{right:-45px;top:0}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{background:#fff;border-radius:5px;content:"";height:2px;left:0;margin-top:-1px;margin-top:-6px;position:absolute;top:50%;width:100%}