<!DOCTYPE html>
<html>
<head>
<meta content='width=device-width, user-scalable=no' name='viewport'>
<title>Video not found</title>
<script src='//fast.wistia.com/assets/external/E-v1.js'></script>
<style>
  html { height: 100%; }
  body {
    margin:0;
    padding:0;
    overflow:hidden;
    text-align: center;
    height: 100%;
  }
  div#wrapper {
    -moz-border-image:url('/assets/images/customdashy.png') 12 12 repeat; /* Firefox */
    -webkit-border-image:url('/assets/images/customdashy.png') 12 12 repeat; /* Safari */
    -o-border-image:url('/assets/images/customdashy.png') 12 12 repeat; /* Opera */
    border-image:url('/assets/images/customdashy.png') 12 12 round;
    border-width: 12px;
    height: 100%;
  }
  div.error {
    color: #aaa;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    width: 266px;
    margin: 0 auto;
    text-align: center;
  }
</style>
</head>
<body id='iframe_error'>
<div id='wrapper'>
<div class='error'>        <p>This video is not authorized to be embedded here. <a href="https://support.wistia.com/en/articles/8233340-embed-troubleshooting#h_13cc1ff6f2" target="_blank" rel="no-opener">Learn More</a></p>
        <small>Note: If you think this message might be a mistake please try disabling browser plugins that could interfere with page content.</small>
</div>
</div>
<script>
  var wrapper = document.getElementById('wrapper');
  wrapper.style.height = (window.innerHeight - 24) + 'px';
  wrapper.style.width = (window.innerWidth - 24) + 'px';
</script>
</body>
</html>
