body.overflow { overflow:hidden; }
body > div.video-modal {
  position: fixed;
  z-index:9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: none; }
  body > div.video-modal > div {
    position: relative;
    width: 100%;
    display: block;
    max-height: 100vh;
    max-height: calc(100vh - 150px); }
    body > div.video-modal > div:before {
      content: "";
      display: block;
      padding-top: 56.25%; }
    body > div.video-modal > div > object {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  body > div.video-modal > button {
    position: absolute;
    background:none; border:none; padding:0; margin:0; cursor:pointer;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    z-index: 999; }
    body > div.video-modal > button:before, body > div.video-modal > button:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 10%;
      background-color: white; }
    body > div.video-modal > button:before {
      -moz-transform: rotate(130deg);
      -ms-transform: rotate(130deg);
      -webkit-transform: rotate(130deg);
      transform: rotate(130deg);
      transition:  transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.1s; }
    body > div.video-modal > button:after {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      transition:  transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275) ; }
    body > div.video-modal > button:hover:before {
      -moz-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg); }
    body > div.video-modal > button:hover:after {
      -moz-transform: rotate(230deg);
      -ms-transform: rotate(230deg);
      -webkit-transform: rotate(230deg);
      transform: rotate(230deg); }