"<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <title>Realfish Pro</title>\n    <meta\n      name=\"viewport\"\n      content=\"viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"\n    />\n    <meta name=\"format-detection\" content=\"telephone=no\" />\n    <meta name=\"msapplication-tap-highlight\" content=\"no\" />\n\n    <link rel=\"icon\" type=\"image/x-icon\" href=\"assets/icon/favicon.ico\" />\n    <link rel=\"manifest\" href=\"manifest.json\" />\n    <meta name=\"theme-color\" content=\"#4e8ef7\" />\n\n    <!-- add to homescreen for ios -->\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\" />\n\n    <style>\n      body {\n        margin: 0;\n      }\n\n      iframe {\n        position: fixed;\n        top: 0px;\n        left: 0px;\n        bottom: 0px;\n        right: 0px;\n        width: 100%;\n        height: 100%;\n        border: none;\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n      }\n\n      div.cover {\n        position: fixed;\n        top: 0px;\n        left: 0px;\n        bottom: 0px;\n        right: 0px;\n        width: 100%;\n        height: 100%;\n        border: none;\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n        z-index: 1000000;\n        background-image: url(splash.png);\n        background-color: #073e4c;\n        background-size: contain;\n        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='splash.png', sizingMethod='scale');\n        -ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='splash.jpg', sizingMethod='scale')\";\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      .fadeout {\n        opacity: 0;\n        -webkit-animation: fadeout 0.7s; /* Safari, Chrome and Opera > 12.1 */\n        -moz-animation: fadeout 0.7s; /* Firefox < 16 */\n        -ms-animation: fadeout 0.7s; /* Internet Explorer */\n        -o-animation: fadeout 0.7s; /* Opera < 12.1 */\n        animation: fadeout 0.7s;\n      }\n\n      .display_none {\n        display: none;\n      }\n\n      @keyframes fadeout {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      /* Firefox < 16 */\n      @-moz-keyframes fadeout {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      /* Safari, Chrome and Opera > 12.1 */\n      @-webkit-keyframes fadeout {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      /* Internet Explorer */\n      @-ms-keyframes fadeout {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      /* Opera < 12.1 */\n      @-o-keyframes fadeout {\n        from {\n          opacity: 1;\n        }\n        to {\n          opacity: 0;\n        }\n      }\n\n      .spinner {\n        position: absolute;\n        z-index: 15;\n        top: 50%;\n        left: 50%;\n        margin: -20px 0 0 -20px;\n        width: 20px;\n        height: 20px;\n        position: relative;\n      }\n\n      .cube1,\n      .cube2 {\n        background-color: #aaa;\n        background-image: none;\n        width: 7px;\n        height: 7px;\n        position: absolute;\n        top: 0;\n        left: 0;\n\n        -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;\n        animation: sk-cubemove 1.8s infinite ease-in-out;\n      }\n\n      .cube2 {\n        -webkit-animation-delay: -0.9s;\n        animation-delay: -0.9s;\n      }\n\n      @-webkit-keyframes sk-cubemove {\n        25% {\n          -webkit-transform: translateX(22px) rotate(-90deg) scale(0.5);\n        }\n        50% {\n          -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);\n        }\n        75% {\n          -webkit-transform: translateX(0px) translateY(22px) rotate(-270deg)\n            scale(0.5);\n        }\n        100% {\n          -webkit-transform: rotate(-360deg);\n        }\n      }\n\n      @keyframes sk-cubemove {\n        25% {\n          transform: translateX(22px) rotate(-90deg) scale(0.5);\n          -webkit-transform: translateX(22px) rotate(-90deg) scale(0.5);\n        }\n        50% {\n          transform: translateX(22px) translateY(22px) rotate(-179deg);\n          -webkit-transform: translateX(22px) translateY(22px) rotate(-179deg);\n        }\n        50.1% {\n          transform: translateX(22px) translateY(22px) rotate(-180deg);\n          -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);\n        }\n        75% {\n          transform: translateX(0px) translateY(22px) rotate(-270deg) scale(0.5);\n          -webkit-transform: translateX(0px) translateY(22px) rotate(-270deg)\n            scale(0.5);\n        }\n        100% {\n          transform: rotate(-360deg);\n          -webkit-transform: rotate(-360deg);\n        }\n      }\n\n      .browserIssue {\n        width: 50%;\n        margin: 0px 25% 0px -25%;\n        font-family: Arial, Helvetica;\n        font-size: 16px;\n        color: white;\n        display: none;\n      }\n\n      .browserIssue a {\n        text-decoration: underline;\n        color: #188ec9;\n      }\n    </style>\n  </head>\n  <body>\n    <div class=\"cover\">\n      <div id=\"spinner\" class=\"spinner\">\n        <div class=\"cube1\"></div>\n        <div class=\"cube2\"></div>\n      </div>\n      <div id=\"browserIssue\" class=\"browserIssue spinner\">\n        We have detected that you are using a browser that is not supported by\n        this website. To fix this, we recommend upgrading to\n        <a href=\"https://www.google.com/chrome/\"\n          >Google Chrome, a popular and secure browser.</a\n        >\n      </div>\n    </div>\n    <iframe id=\"theIframe\"></iframe>\n  </body>\n\n  <script>\n    var alreadyHidden = false;\n\n    // assign a function to a variable for the app to hide the loading screen when loaded\n    window.hideWebLoading = function () {\n      if (!alreadyHidden) {\n        alreadyHidden = true;\n        // delay half a second before fading out\n        setTimeout(function () {\n          document.getElementsByClassName('cover')[0].className =\n            'cover fadeout';\n          setTimeout(function () {\n            document.getElementsByClassName('cover')[0].className =\n              'cover display_none';\n          }, 750);\n        }, 500);\n      }\n    };\n\n    // assign a function to a variable for the app to show the loading screen\n    window.showWebLoading = function () {\n      document.getElementsByClassName('cover')[0].className = 'cover';\n    };\n\n    // based upon https://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser/9851769\n\n    var isIE = false;\n    var isEdge = false;\n\n    try {\n      isIE = /*@cc_on!@*/ false || !!document.documentMode;\n    } catch (e) {}\n\n    try {\n      // Edge 20+\n      isEdge = !isIE && !!window.StyleMedia;\n    } catch (e) {}\n\n    if (isIE || isEdge) {\n      document.getElementById('spinner').style.display = 'none';\n      document.getElementById('browserIssue').style.display = 'block';\n    } else {\n      document.getElementById('theIframe').onerror = function () {\n        location.reload(true);\n      };\n      document.getElementById('theIframe').src = 'bfa4e0d67cb5d7eb37af17fe0d0a5b79.html';\n    }\n  </script>\n</html>\n"
