https://gsurfnet.com/

Submitted URL:
https://gsurfnet.com
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 42 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 2 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!-- Global site tag (gtag.js) - Google Analytics --><html lang="pt" class="fontawesome-i2svg-active fontawesome-i2svg-complete"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/xds0rzGrktR88uEZ2JUvdgOY/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-LsgFz6D3IXKi1Rzqj4uhSQDNZOj1dcZCWxIrJG5IYGWvpJ304xZdrK8AxV/LlQPB"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-WZX4DK236H&amp;l=dataLayer&amp;cx=c"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-139317221-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-139317221-1');
</script>




    <meta charset="UTF-8">
    <title>Gsurf - Unindo Soluções com Segurança</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}</style><link rel="icon" href="images/favicon.ico">
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" href="stylesheets/style.css">
    <link rel="stylesheet" href="plugin/bootstrap-4.0.0/css/bootstrap.css">
    <link rel="stylesheet" href="plugin/fontawesome-free-5.11.2-web/css/all.min.css">
</head>

<body style="font-family:'Nobel Book',Arial;">
    
    <!-- Topbar -->
    <section class="topbar" style="background-color: #fff; border-bottom: 1px solid;">
        <div class="topbar-container" style="height: 70px;float: left;">
            <div class="logo" style="opacity: 10;margin: 0px !important;">
                <img style="height: 64px;width: 160px; margin-top:3px;" src="images/LogoGSURF.png">
                <!--<img style="height: 15px;width: 230px;margin-left: 45px;" src="images/EscritoGSURF.png">-->
            </div>
        </div>
    </section>
    <!-- Header -->
    <div id="carouselExampleIndicators" class="carousel slide w-100" data-ride="carousel" style="margin-top: 70px;">
        <ol class="carousel-indicators" style="margin-bottom: 200px;">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner" style="background-image: url('images/Banner_web.jpg'); background-size: cover; background-repeat: no-repeat;">
            <div class="carousel-item active" style="height:850px;">
                <div style="justify-content: center;align-items: center;display: flex;width: inherit;">
                    <p class="title-baner" style="margin-top: 50px;">
                        <b>Comunicação segura de transações eletrônicas de fundos para estabelecimentos comerciais.</b>
                    </p>
                    <!--<img class="d-block w-100" style="height: 850px;min-width: 1000px !important;" src="images/Banner_web.png" >-->
                     <a data-scroll-nav="1" class="btn teste" style=" z-index: 15; cursor: pointer;margin-top: 700px;">
                        <img style="height: 100px;" src="images/Seta1.png">
                    </a>
                </div>
            </div>
            <div class="carousel-item " style="height:850px;">
                <div style="justify-content: center;align-items: center;display: flex;width: inherit;">
                    <p class="title-baner" style="margin-top: 50px;">
                        <b>Solução para Gestão de Terminais e Captura de transações TEF para Subadquirência.</b>
                    </p>
                    <!--<img class="d-block w-100" style="height: 850px;min-width: 1000px !important;" src="images/Banner_web.png" >-->
                    <a data-scroll-nav="2" class="btn" style=" z-index: 15; cursor: pointer;margin-top: 700px;">
                        <img style="height: 100px;" src="images/Seta1.png">
                    </a>
                </div>
            </div>
            
            <div class="carousel-item " style="height:850px;">
                <div style="justify-content: center;align-items: center;display: flex;width: inherit;">
                    <p class="title-baner" style="margin-top: 50px;">
                        <b> Permite a captura de transações em clientes usuários de sistemas de TEF afiliados pela subadquirência</b>
                    </p>
                    <!--<img class="d-block w-100" style="height: 850px;min-width: 1000px !important;" src="images/Banner_web.png" >-->
                    <a data-scroll-nav="3" class="btn" style=" z-index: 15; cursor: pointer;margin-top: 700px;">
                        <img style="height: 100px;" src="images/Seta1.png">
                    </a>
                </div>
            </div>
            
            <div class="carousel-item " style="height:850px;">
                <div style="justify-content: center;align-items: center;display: flex;width: inherit;">
                    <p class="title-baner" style="margin-top: 50px;">
                        <b>Aplicação personalizada para Desktop no modelo White Label</b>
                    </p>
                    <!--<img class="d-block w-100" style="height: 850px;min-width: 1000px !important;" src="images/Banner_web.png" >-->
                    <a data-scroll-nav="4" class="btn" style=" z-index: 15; cursor: pointer;margin-top: 700px;">
                        <img style="height: 100px;" src="images/Seta1.png">
                    </a>
                </div>
            </div>
            
        </div>
        <a class="carousel-control-prev" style="font-size: 18pt;color: #fff;" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <svg class="svg-inline--fa fa-chevron-left fa-w-10 prev" style="border-radius: 25px; width: 25px; height: 25px; padding: 3px;" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="chevron-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg><!-- <span class="fa fa-chevron-left prev" style="border-radius: 25px; width: 25px; height: 25px; padding: 3px;"></span> -->
        </a>
        <a class="carousel-control-next " style="font-size: 18pt;color: #fff;" href="#carouselExampleIndicators" role="button" data-slide="next">
            <!--<span class="carousel-control-next-icon" aria-hidden="true"></span>-->
            <svg class="svg-inline--fa fa-chevron-right fa-w-10 next" style="border-radius: 25px; width: 28px; height: 28px; padding: 3px;" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg><!-- <span class="fa fa-chevron-right next" style="border-radius: 25px; width: 28px; height: 28px; padding: 3px;"></span> -->
          <!--<span class="sr-only">Next</span>-->
        </a>
    </div>
    
    <!-- About us -->
    <section class="about-us" data-scroll-index="1">
        <div class="title-bar">
            <div class="about-text" style="margin-bottom: 39px !important;max-width: 1000px;">
                <h2 class="title" style="color: #006CD5; margin-top: 25px; margin-top: 25px;">Comunicação Segura</h2>
                <p>A GSURF oferece as melhores opções de comunicação para estabelecimento comercial</p>
            </div>
        </div>
        <div class="centralize div-section div-section-start" style="padding-bottom: 150px;">
            <div class="steps col-md-12 col-sm-12 col-lg-10 col-offsetn" style="max-width: 1200px;">
                <div class="row centralize">
                    <div class="step-list col-md-6 col-sm-12 col-lg-6 list-communication">
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 0.2s" data-scroll-reveal-id="1" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa1.png">
                                <p>
                                    <label class="title-caixa"><b>GSClient Mobile/POS</b></label>
                                    <br>
                                    <span>
                                        Biblioteca de comunicação segura
                                        que permite conectar seu
                                        dispositivo móvel ao concentrador
                                        SiTef de forma segura.<br>
                                        Integração via Web Service para
                                        gestão dos terminais.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 0.5s" data-scroll-reveal-id="2" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa2.png">
                                <p>
                                    <label class="title-caixa"> <b>GSClient PDV</b></label>
                                    <br>
                                    <span>
                                        Software de VPN que permite
                                        conectar seu PDV (Linux e Windows)
                                        ao concentrador SiTef de forma
                                        segura.<br>
                                        Integração com Web Service para
                                        gestão dos terminais.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                    </div>
                    <div class="step-list col-md-6 col-sm-12 col-lg-6 list-communication">
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 1s" data-scroll-reveal-id="3" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa3.png">
                                <p>
                                    <label class="title-caixa"> <b>GSServer</b></label>
                                    <br>
                                    <span>
                                        Software de VPN que permite
                                        conectar seu concentrador SiTef as
                                        redes autorizadoras.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 1.5s" data-scroll-reveal-id="4" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa4.png">
                                <p>
                                    <label class="title-caixa"> <b>L2L</b></label>
                                    <br>
                                    <span>
                                        Túnel VPN IPSec que permite
                                        conectar seu estabelecimento
                                        comercial ao Concentrador SiTef e
                                        as redes autorizadoras.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row centralize">
                    <div class="step-list col-md-6 col-sm-12 col-lg-6 list-communication">
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 2s" data-scroll-reveal-id="5" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa5.png">
                                <p>
                                    <label class="title-caixa"> <b>GHW Standard</b></label>
                                    <br>
                                    <span>
                                        Equipamento de VPN que permite
                                        conectar seu estabelecimento
                                        comercial ao Concentrador SiTef e
                                        com as redes autorizadoras.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 2.5s" data-scroll-reveal-id="6" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa6.png">
                                <p>
                                    <label class="title-caixa"> <b>GHW Dual</b></label>
                                    <br>
                                    <span>
                                        Equipamento Dualizado de VPN que
                                        permite conectar seu
                                        estabelecimento comercial ao
                                        Concentrador SiTef e as redes
                                        autorizadoras.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                    </div>
                    <div class="step-list col-md-6 col-sm-12 col-lg-6 list-communication">
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 3s" data-scroll-reveal-id="7" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa7.png">
                                <p>
                                    <label class="title-caixa"> <b>GHW Standard + 3G</b></label>
                                    <br>
                                    <span>
                                        Equipamento de VPN que permite
                                        conectar seu estabelecimento
                                        comercial ao Concentrador SiTef e
                                        as redes autorizadoras.<br>
                                        Contingência via 3G.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                        <div class="step-item col-sm-12 col-lg-6 centralize item-communication col-md-6" data-scroll-reveal="enter left move 50px over 3.5s" data-scroll-reveal-id="8" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                            <div class="div-comunicacao-segura">
                                <img src="images/caixa8.png">
                                <p>
                                    <label class="title-caixa"> <b>GHW Dual + 3G</b></label>
                                    <br>
                                    <span>
                                        Equipamento Dualizado de VPN que
                                        permite conectar seu
                                        estabelecimento comercial ao
                                        Concentrador SiTef e as redes
                                        autorizadoras.<br>
                                        Contingência via 3G.
                                    </span>
                                </p>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="about-text-secure-com" class=" about-text about-text-secure-com " data-scroll-reveal="enter left move 0px over 3.5s" data-scroll-reveal-id="9" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
            <p><b>Data Center 100% PCI e de alta disponibilidade. <br>
                    Suporte 24h - todos os dias.</b></p>
        </div>
    </section>
    <!-- Screens -->
    <section class="about-us" data-scroll-index="2" style="padding-top: 20px;">
        <div class="title-bar">
            <div class="about-text" style="margin-bottom: 39px !important;max-width: 1000px;margin-top: 25px;">
                <h1 class="title" style="color: #006CD5; margin-top: 25px;">SC3-Plataforma de Captura</h1>
                <p>
                     Plataforma whitelabel para subadquirência integrada com os principais autorizadores do mercado
                </p>
            </div>
        </div>
        <div class="centralize div-section">
            <ul class="feature-list col-lg-12 col-md-12 col-sm-12">
                <li class="feature-item row  centralize" data-scroll-reveal="enter right 200px over 1s" data-scroll-reveal-id="10" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                    <div class=" feature-icon col-lg-6 col-md-8 col-sm-12 centralize ajust-div" style="margin-bottom: 25px; padding-right: 50px;">
                        <img style="max-width: 400px;" src="images/ilustracao01.png">
                    </div>
                    <div class="feature-text col-lg-6 col-md-8 col-sm-12 centralize ajust-div" style=" display: grid !important; left: auto; width: auto;">
                        <h4 style="font-size: 34pt;margin-bottom: 25px;"><b>SC3 Client</b></h4>
                        <ul class="list-sc3 font-size-instrucao">
                            <li><span></span><label><b>Menu Interativo</b></label></li>
                            <li><span></span><label><b>Layout Personalizado</b></label> </li>
                            <li><span></span><label><b>Parametrização Remota</b> </label></li>
                            <li><span></span><label><b>Portal de Gestão Centralizado</b></label> </li>
                            <li><span></span><label><b>Comunicação Segura TLSv1.2</b> </label></li>
                            <li><span></span><label><b>Captura de Débito, Crédito e Voucher</b></label> </li>
                            <li><span></span><label><b>Atualização Remota</b></label> </li>
                        </ul>
                    </div>
                </li>
                <li class="feature-item row  centralize" data-scroll-reveal="enter left 200px over 2s" data-scroll-reveal-id="11" style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-initialized="true">
                    <div class=" img-left feature-icon col-lg-6 col-md-8 col-sm-12 centralize" style=" margin-bottom: 25px; left: 2%;">
                        <img style="max-width:355px;" src="images/ilustracao02.png">
                    </div>
                    <div class="feature-text col-lg-6 col-md-8 col-sm-12 centralize" style="padding: 0;margin: 0; display: grid !important; width: auto; left: -7%;">
                        <h4 style="font-size: 34pt;margin-bottom: 25px; text-align: right;"><b>SC3 Server</b></h4>
                        <br>
                        <ul class="list-sc3-right font-size-instrucao">
                            <li><label><b>Integração via Web Service</b></label><span></span></li>
                            <li><label><b>Monitoração</b></label><span></span></li>
                            <li><label><b>Telecarga</b></label><span></span></li>
                            <li><label><b>Captura de transações PDV via CardSE</b></label><span></span></li>
                            <li><label><b>Alta Disponibilidade </b></label><span></span></li>
                            <li><label><b>Ambiente 100% PCI </b></label><span></span></li>
                            <li><label><b>Portal do Cliente</b></label><span></span></li>
                        </ul>
                    </div>
                    <div class="img-rigth feature-icon col-lg-6 col-md-8 col-sm-12 centralize" style="padding: 0;margin: 0; margin-bottom: 25px; width: auto; left: 2%;">
                        <img style="width:355px;" src="images/ilustracao02.png">
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- Features -->
    <section class="features" data-scroll-index="3" style="padding-top: 50px; padding-bottom: 50px;">
        <div class="title-bar">
            <div class="about-text" style="margin-bottom: 39px !important;max-width: 1100px;margin-top: 5px;">
                <h2 class="title" style="color: #006CD5;margin-top: 25px;">CardSE Subadquirência</h2>
                <p>Permite a captura de transações em clientes usuários de sistemas de TEF afiliados pela subadquirência</p>
            </div>
        </div>
        <div class="centralize div-section">
            <ul class="feature-list col-lg-12 col-md-12 col-sm-12 ">
                <li class="feature-item row centralize" data-scroll-reveal="enter right 200px over 1s" style="max-width: 1380px !important;;-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-id="12" data-scroll-reveal-initialized="true">
                    <div class="feature-icon col-lg-5 col-md-8 col-sm-12 ajust-div centralize" style="left: 0px;">
                        <img style="max-width: 400px;  max-height: 325px;" src="images/ilustracao03.png">
                    </div>
                    <div class="feature-text col-lg-7 col-md-8 col-sm-12 ajust-div" style="display: grid !important; width: auto; left: 0px;">
                        <h1 class="title-ilustracao"><b>Portal de Cliente SC3</b></h1>
                        <ul class="list-sc3 font-size-instrucao">
                            <li><span></span><label><b>Cadastramento integrado com o Portal de Cliente SC3</b></label></li>
                            <li><span></span><label><b>Integração de cadastramento via Web Service</b> </label> </li>
                            <li><span></span><label><b>Configuração de estabelecimentos e regra de roteamento</b></label></li>
                        </ul>
                    </div>
                </li>
                <li class="feature-item row centralize ajust-animation" data-scroll-reveal="enter left 200px over 2s" style="max-width: 1380px !important;;-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-id="13" data-scroll-reveal-initialized="true">
                    <div class="img-left2 col-lg-5 col-md-8 col-sm-12 ajust-div centralize" style=" left: 0px; ">
                        <img style="max-width: 300px;  max-height: 350px;" src="images/ilustracao04.png">
                    </div>
                    <div class=" col-lg-7 col-md-8 col-sm-12 ajust-div" style="display: grid !important; width: auto; left: 0px;">
                        <h1 class="title-ilustracao" style="text-align: right; margin-right: -25px;"><b>Plataforma de Captura SC3</b></h1>
                        <ul class="list-sc3-right font-size-instrucao">
                            <li><label><b> Roteamento para Redes Autorizadoras de acordo com a sua regra de negócio</b></label><span></span></li>
                            <li><label><b> Processamento centralizado reduzindo custo de Infraestrutura</b></label><span></span></li>
                            <li><label><b> Integrado com o processo de Conciliação para Subadquirência</b></label><span></span></li>
                        </ul>
                    </div>
                    <div class="img-rigth col-lg-5 col-md-8 col-sm-12 ajust-div centralize" style=" left: 0px;">
                        <img style="max-width: 300px;  max-height: 350px;" src="images/ilustracao04.png">
                    </div>
                </li>
                <li class="feature-item row centralize" data-scroll-reveal="enter right 200px over 2s" style="max-width: 1380px !important;;-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-id="14" data-scroll-reveal-initialized="true">
                    <div class="feature-icon col-lg-5 col-md-8 col-sm-12 ajust-div centralize" style=" left: 0px;">
                        <img style="max-width: 425px;  max-height: 350px;" src="images/ilustracao05.png">
                    </div>
                    <div class="feature-text col-lg-7 col-md-8 col-sm-12 ajust-div" style="display: grid !important; width: auto;left: 0px;">
                        <h1 class="title-ilustracao"><b>Módulo de Serviço</b></h1>
                        <ul class="list-sc3 font-size-instrucao">
                            <li><span></span><label><b> Flexibilidade no processamento de transações de Débito e Crédito em PDV</b></label></li>
                            <li><span></span><label><b> Facilidade de integração do sistema de vendas com a Subadquirência credenciada</b></label> </li>
                            <li><span></span><label><b> Interface simplificada para automações comerciais</b></label></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </section>

    <section class="features" data-scroll-index="4" style="padding-top: 50px; padding-bottom: 50px;">
        <div class="title-bar">
            <div class="about-text" style="margin-bottom: 39px !important;max-width: 1100px;margin-top: 5px;">
                <h2 class="title" style="color: #006CD5; margin-top: 25px;">DESC3 - SC3Desktop</h2>
                <p>Aplicação personalizada para Desktop no modelo White Label</p>
            </div>
        </div>
        <div class="centralize div-section">
            <ul class="feature-list col-lg-12 col-md-12 col-sm-12 ">
                <li class="feature-item row centralize" data-scroll-reveal="enter right 200px over 2s" style="max-width: 1380px !important;;-webkit-transform: translatex(0);transform: translatex(0);opacity: 0;" data-scroll-reveal-id="15" data-scroll-reveal-initialized="true">
                    <div class="feature-icon col-lg-5 col-md-8 col-sm-12 ajust-div centralize" style=" left: 0px;">
                        <img style="max-width: 425px;  max-height: 350px;" src="images/ilustracao11.png">
                    </div>
                    <div class="feature-text col-lg-7 col-md-8 col-sm-12 ajust-div" style="display: grid !important; width: auto;left: 0px;">
                        <h1 class="title-ilustracao"><b>SC3 Client Windows</b></h1>
                        <ul class="list-sc3 font-size-instrucao">
                            <li><span></span><label><b> Personalizada para Windows no modelo White Label</b></label></li>
                            <li><span></span><label><b> Gestão centralizada dos pontos de vendas</b></label> </li>
                            <li><span></span><label><b> Integrada com as principais adquirências e com mais de 130 bandeiras regionais</b></label></li>
                            <li><span></span><label><b> Alta velocidade na captura e processamento</b></label></li>
                            <li><span></span><label><b> Integração com o Portal SC3</b></label></li>
                            <li><span></span><label><b> Baixo custo operacional</b></label></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    
    <section class="row" style="padding-bottom: 100px;margin: 0;">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class=" centralize " id="last-section-image">
                <div class=" col-lg-3 col-md-4 col-sm-8 centralize">
                    <img src="images/telefone.png" style="width: 150px;">
                </div>
                <div class=" col-lg-3 col-md-4 col-sm-8 centralize">
                    <img src="images/pci.png" style="width: 250px;">
                </div>
                <div class=" col-lg-3 col-md-4 col-sm-8 centralize">
                    <img src="images/trofeu.png" style="width: 150px;">
                </div>
            </div>
            <br>
            <div class="row centralize last-section-text" style="background-image: url('images/bar.jpg');background-repeat: no-repeat;background-color: #292cc7;background-position: right;">
                <label class=" col-lg-3 col-md-4 col-sm-8 centralize " style=" text-align: center; margin-top:10px; height: 80px;">
                    <img class="img-label-last-section" src="images/ilustracao07.png" style="width: 70px;margin: 10px;height: 60px;"><b>Suporte 24h - todos os dias</b>
                </label>
                <label class=" col-lg-3 col-md-4 col-sm-8 centralize labe-pci">
                    <img class="img-label-last-section" src="images/ilustracao10.png" style="width: 70px;margin: 10px;height: 60px;"><b>Infraestrutura Certificada</b>
                </label>
                <label class=" col-lg-3 col-md-4 col-sm-8 centralize" style="text-align: center; margin-top:10px; height: 80px;">
                    <img class="img-label-last-section" src="images/ilistracao08.png" style="width: 70px;margin: 10px;height: 60px;"><b>Líder no segmento de atuação</b>
                </label>
            </div>
        </div>
    </section>
    <footer class="div-section" id="footer">
        <div class="row footer-container centralize col-lg-12 col-md-12 col-sm-12">
    <div class="col-sm-12 col-md-12 col-lg-6">
        <h1>Contato</h1>
        <form method="post" onsubmit="validaForm(); sendForm(); return false;" id="contact_form">

            <div class="form-row">
                <div class="form-group col-sm-12 col-lg-6 col-md-6">
                    <label for="nome">Nome</label>
                    <input type="text" name="nome" id="nome" class="form-control" value="" required="required">
                </div>
                <div class="form-group col-sm-12 col-lg-6 col-md-6">
                    <label for="email">E-mail</label>
                    <input type="text" name="email" id="email" class="form-control" value="" onblur="validateEmail()" required="required">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-sm-12 col-md-6 col-md-2">
                    <label for="estado">Estado</label>
                    <select name="estado" id="estado" class="form-control">
                        <option value="">Selecione</option>
                        <option value="AC">AC</option>
                        <option value="AL">AL</option>
                        <option value="AM">AM</option>
                        <option value="AP">AP</option>
                        <option value="BA">BA</option>
                        <option value="CE">CE</option>
                        <option value="DF">DF</option>
                        <option value="ES">ES</option>
                        <option value="GO">GO</option>
                        <option value="MA">MA</option>
                        <option value="MG">MG</option>
                        <option value="MS">MS</option>
                        <option value="MT">MT</option>
                        <option value="PA">PA</option>
                        <option value="PB">PB</option>
                        <option value="PE">PE</option>
                        <option value="PI">PI</option>
                        <option value="PR">PR</option>
                        <option value="RJ">RJ</option>
                        <option value="RN">RN</option>
                        <option value="RO">RO</option>
                        <option value="RR">RR</option>
                        <option value="RS">RS</option>
                        <option value="SC">SC</option>
                        <option value="SE">SE</option>
                        <option value="SP">SP</option>
                        <option value="TO">TO</option>
                    </select>
                </div>
                <div class="form-group col-sm-12 col-md-6 col-lg-4">
                    <label for="cidade">Cidade</label>
                    <input type="text" name="cidade" id="cidade" class="form-control" value="">
                </div>
                <div class="form-group col-sm-12 col-md-6 col-lg-2">
                    <label for="ddd">DDD</label>
                    <input type="text" name="ddd" id="ddd" class="form-control" value="" onkeyup="mascaraNumero('(##)', this, event)">
                </div>
                <div class="form-group col-sm-12 col-md-6 col-lg-4">
                    <label for="telefone">Telefone</label>
                    <input type="text" name="telefone" id="telefone" class="form-control" value="" onkeyup="mascaraTelefone(this, event)">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group col-sm-12 col-md-6 col-lg-4">
                    <label for="departamento">Departamento</label>
                    <select name="departamento" id="departamento" class="form-control" required="required" onchange="departamentos()">
                        <option value="">Selecione</option>
                        <option value="financeiro">Financeiro</option>
                        <option value="comercial">Comercial</option>
                        <option value="suporte">Suporte</option>
                        <option value="outros_assuntos">Outros Assuntos</option>
                    </select>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 form-groupp" id="campo_cnpj" style="display: none;">
                    <label for="cnpj">Informe o CNPJ</label>
                    <input type="text" name="cnpj" id="cnpj" class="form-control" value="" onkeyup="mascaraNumero('##.###.###/####-##', this, event)">
                </div>
            </div>

            <div class="form-row">
                <div class="form-group col-sm-12 col-md-12 col-lg-12">
                    <label for="mensagem">Mensagem <span class="text-muted"><small id="caracteres_restantes" style="font-weight: normal;"></small></span></label>
                    <textarea name="mensagem" id="mensagem" class="form-control" rows="5" onkeyup="caracteresMensagem(this)" required="required"></textarea>
                </div>
            </div>

            <input type="hidden" value="03AFcWeA6xYJTpqzpYtWGFDyCoXSmcRlBTtWwngWZHrIsT68T51rODMC5hefi--TtHzFnttnAk2_oVNj0CnaKUgFBq1wxGNQxWP4xoioaaJoOw-6crUe_fq1YpIYRcaHnyurCtJ4MzBMTm_-wQNiyZqxcAHZYSJpAqEUFzMMjF3v5lSr2lHpvcNkAU2OuYASQV3S_OIHqyCeQY_23K0B5qRmkWK14Ve3RGDRH8IFSIwzyHCZbzs9Kdg_9c8J1-pRlijGUn5-QzNUgy5DpgqE9f9b9La3JO9ebA3XxPJVsRncw44AP7TkdeuDceDKWx0dN9d19eW6DbjOZU_sY01xgUpH0eEhiGWg_V5wPUs4HuOXK9nLjGpSa7IMLAwPb2CLiZwOdfE5kkOnQr8YTtP22EAVsS5HndB2dYRkGi30DiYxy4pGVYd3XllKxqMX48H054pn0FrGglaobmwnNxbMdvjrH-o9AThv8bVKxo_F5IsJd39obpO7bsURUmFsFcQhFXYssbY2QVw3INxCnqS--jjAL38--Veq4VPLcCz5ixto1wARKrBq7E_xklz22MuHQ3ftKFhvA6qTPX7hhkOh-XEOTmwa6FbdlCBhlRftbwH6QQ0vn0cj3wJTNbG2H7qEMlzldh9lMbdZwG20-3IcKeHzc9JxpG1xlWdf6YP_Oy3ro-1r-27BVl3RplWws6-b7Dt68QY3KyIrhscFvgyvoVBlC3EJaO-wWcSTVKi08qLTZgqnWJJvi0lhZZr8a98tsz6oCjZ1IrwjDmCdjXRArC0paLez0Ir_sBjOCgpW3JNd7bsCLK-MCIUgOhV941F6zD3E4jV7jqQNea0bLhAAAFaFHsP1JmVleNwBmRFEbt7DyHQOntTW387KI" name="recaptcha_response" id="recaptchaResponse">

            <div class="form-row">
                <div class="col-sm-4 col-md-4 col-lg-4">
                    <button type="submit" id="enviar" name="enviar" data-loading-text="Enviando..." class="btn btn-primary form-control">Enviar</button>
                </div>
            </div>
        </form>
        <div class="col-sm-12 col-md-12 col-lg-12 centralize" style=" margin-top: 15px;">
                    </div>
    </div>
</div>
<div class="row footer-container centralize col-lg-12 col-md-12 col-sm-12" style="padding-top: 30px; margin-top: 30px; border-top: 1px solid #e0e0e0;">
    <div class=" div-logo col-sm-6" style="text-align: right; padding-bottom: 25px; display: block !important; min-height: 150px;">
        <div class="logo" style="width: 360px; float: right;">
            <img style="max-height: 100px;max-width: 235px;margin-right:75px;" src="images/LogoGSURF.png">
            <!--<img style="max-height: 20px;max-width: 260px;  " src="images/EscritoGSURF.png">-->
        </div>
    </div>
    <div class="div-contato col-sm-6" style="display: block !important; min-width: 315px;">
        <p style="font-size: 14pt;"><b>
                CNPJ: 05.643.319/0001-59<br>
                BR: (48) 3254-8700 / (48) 3181-0033<br>
                Atendimento 24h 0800-644-4833<br>
                Rua José Antônio&nbsp;Lobo, 890<br>
                Garopaba/SC - CEP 88495-000<br>
                <label style="color: #006CD5;">[email protected]</label></b>
        </p>
    </div>
</div>
    </footer>
    <script src="js/main.js"></script>
    <script src="js/functions.js"></script>
    <script src="js/ajax.js"></script>
    <script src="js/funcoes_diversas.js"></script>
    <script src="plugin/jquery/jquery-3.3.1.min.js"></script>
    <script src="plugin/bootstrap-4.0.0/js/bootstrap.min.js"></script>
    <script src="plugin/fontawesome-free-5.11.2-web/js/all.min.js"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6LdW9gokAAAAAHF7mhtZFKDVvxXYq8lgUTS9n4iz"></script>
    
    <script>

    grecaptcha.ready(function() {
            grecaptcha.execute('6LdW9gokAAAAAHF7mhtZFKDVvxXYq8lgUTS9n4iz', {
                    action: 'contact'
                })
                .then(function(token) {
                    let recaptchaResponse = document.getElementById('recaptchaResponse');
                    // console.log(recaptchaResponse)
                    recaptchaResponse.value = token;
                });
        });

        function validaForm() {
            var nome = document.getElementById("nome");
            var email = document.getElementById("email");
            var mensagem = document.getElementById("mensagem");
            var departamento = document.getElementById("departamento");
            var teste = true;

            if (nome.value == "") {
                nome.setCustomValidity("Por favor, preencha o nome");
                teste = false;
            } else {
                nome.setCustomValidity("");
            }

            if (email.value == "") {
                email.setCustomValidity("Por favor, preencha o email");
                teste = false;
            } else {
                document.getElementById("email").setCustomValidity("");
            }

            if (mensagem.value == "") {
                mensagem.setCustomValidity("Por favor, preencha a mensagem");
                teste = false;
            } else {
                mensagem.setCustomValidity("");
            }

            if (departamento.value == "") {
                departamento.setCustomValidity("Por favor, preencha o departamento");
                teste = false;
            } else {
                departamento.setCustomValidity("");
            }
            return teste;
        }
        departamentos();
        
    </script>



<div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-mp3a9xihqsz3" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LdW9gokAAAAAHF7mhtZFKDVvxXYq8lgUTS9n4iz&amp;co=aHR0cHM6Ly9nc3VyZm5ldC5jb206NDQz&amp;hl=en&amp;v=xds0rzGrktR88uEZ2JUvdgOY&amp;size=invisible&amp;cb=mkqedmmbl9i0"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html>