@font-face {
        font-family: PoppinsBold;
        font-display: swap;
        src: url(../fonts/Poppins-Bold.ttf)
    }
    
    @font-face {
        font-family: PoppinsLight;
        font-display: swap;
        src: url(../fonts/Poppins-Light.ttf)
    }
    
    @font-face {
        font-family: RobotoBold;
        font-display: swap;
        src: url(../fonts/Roboto-Bold.ttf)
    }
    
    @font-face {
        font-family: RobotoRegular;
        font-display: swap;
        src: url(../fonts/Roboto-Regular.ttf)
    }
    
    #btn-ifood {
        background-color: #f42531 !important;
        color: #fff;
        border-color: #f42531 !important;
    }
    
    #btn-ifood:hover {
        background-color: #fff !important;
        color: #f42531;
        border-color: #fff !important;
    }
    
    #btnCloseAviso:hover {
        cursor: pointer;
    }
    
    .imagemfixed {
        height: 60px !important;
    }
    /* MENU SECUNDARIO */
    
    nav.navbar.navbar-expand-lg.navbar-dark {
        background: linear-gradient(180deg, #C7BD6C 21%, rgba(199, 189, 108, 0) 91.69%);
        width: 100%;
        margin-top: -1%;
        padding: 0% !important;
    }
    
    nav#menufixo {
        height: 94px;
        background: #FFF;
    }
    
    .navbar-collapse {
        text-align: right;
    }
    
    a#submenulinkbold,
    a#submenulink {
        color: #FFFFFF;
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.07em;
        font-family: RobotoBold;
        font-style: normal;
        position: relative;
        padding-bottom: 20px;
    }
    
    a#submenulinkbold:before,
    a#submenulink:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        left: 0;
        background-color: #FFFFFF;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    
    a#submenulinkbold:hover:before,
    a#submenulink:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    
    a#submenulinkactive {
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.07em;
        font-style: normal;
        position: relative;
        padding-bottom: 16px;
        border-bottom: 3px solid #FFF;
        color: white;
        font-family: RobotoRegular;
    }
    
    a#submenulinkboldactive {
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.07em;
        font-style: normal;
        position: relative;
        padding-bottom: 16px;
        border-bottom: 3px solid #FFF;
        color: white;
        font-family: RobotoBold;
    }
    
    img#logo {
        margin-right: 2%;
        ;
        margin-left: 6%;
        width: 82px;
        height: 117px;
        display: block !important;
    }
    
    img#logomobile {
        display: none;
    }
    
    a.navbar-brand {
        margin-right: 2%;
        margin-left: 6%;
    }
    
    li.nav-item {
        margin-right: 26px;
    }
    
    button.navbar-toggler,
    button.navbar-toggler.collapsed {
        margin-right: 9%;
    }
    
    button.btn.qrppta {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        padding-left: 26px;
        padding-right: 26px;
        background-color: #07AEFF;
        border-radius: 30px;
        width: 100%;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #ffffff;
        letter-spacing: 0.07em;
        height: 58.82px;
    }
    /************************************************/
    
    input#nome,
    input#setor,
    input#telefone,
    input#email,
    input#cidade,
    select#setor {
        margin-bottom: 0;
        font-size: 1.1rem;
        font-family: RobotoRegular;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-bottom-color: #C7BD6C;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    input#nomeRevendaAppta,
    input#setorRevendaAppta,
    input#telefoneRevendaAppta,
    input#emailRevendaAppta,
    input#cidadeRevendaAppta,
    select#setorRevendaAppta {
        background: #0485C4;
        margin-bottom: 0;
        font-size: 1.1rem;
        font-family: RobotoRegular;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        border-bottom-color: #FFF;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    select#setor {
        color: rgb(128, 127, 127);
        font-family: RobotoRegular;
        font-size: 1.1rem;
        letter-spacing: 0.07em;
    }
    
    a.btn-flat {
        text-transform: inherit;
        font-family: RobotoRegular;
        font-style: normal;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        text-decoration-line: underline;
        color: #C7BD6C;
        float: right;
        margin-top: 33px;
    }
    
    input[type=text]:focus {
        border-bottom: 1px solid #C7BD6C !important;
        box-shadow: 0 1px 0 0 #C7BD6C !important;
    }
    
    input[type=text]:focus+label {
        color: #C7BD6C !important;
    }
    
    form#menuheader {
        margin-top: 2%;
        margin-left: 3%;
    }
    
    .formbaixar,
    .formbaixarappta {
        margin-top: 689px;
        background-color: #FFFFFF;
        width: 669.07px;
        box-shadow: 0 4px 20px 6px rgba(0, 0, 0, 0.10);
    }
    
    .invalid-feedback {
        position: absolute;
        margin-top: -3%;
    }
    
    .formbaixarappta {
        height: 115%;
    }
    
    .navmaster {
        transition: none;
        background-color: #FFFFFF;
        width: 530px;
        height: 62.75px;
        float: right;
        border-bottom-left-radius: 22px;
        box-shadow: -3px 2px 12px 0px rgba(0, 0, 0, 0.10);
    }
    
    .w3-center.w3-container.w3-section.w3-large.w3-text-white.w3-display-bottommiddle.pagrevenda {
        position: absolute;
        margin-top: 64%;
        width: 100%;
    }
    
    a#telefonemobile {
        display: none;
    }
    
    a.phone {
        margin-right: 20px;
        color: #C7BD6C;
        font-weight: bold;
    }
    
    a.menu {
        font-family: RobotoRegular;
        font-style: normal;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.07em;
        color: #C7BD6C;
        padding: 9px;
    }
    
    a.menu:hover {
        color: #0485C4 !important;
    }
    
    a.textbtnmenu:hover {
        color: #0485C4 !important;
    }
    
    button.btn.menu:hover {
        color: #0485C4 !important;
        border-color: #0485C4;
    }
    
    a.textbtnmenu {
        font-family: RobotoBold;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.07em;
        color: #C7BD6C;
    }
    
    i.far.fa-question-circle {
        padding-right: 16%;
    }
    
    i.far.fa-heart {
        padding-left: 5px;
        color: #C7BD6C;
    }
    
    a.textbtnmenusuporte {
        font-family: RobotoBold;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.07em;
        color: #C7BD6C;
    }
    
    a.textbtnmenusuporte:hover {
        color: #0485C4 !important;
    }
    
    nav.navbar.topo {
        height: 62.75px;
    }
    /* frases */
    
    .fraserevenda {
        font-family: PoppinsBold;
        color: #ffffff;
        font-size: 36px;
        margin-left: 17%;
        margin-top: 70px;
        margin-bottom: 40px;
        font-weight: bold;
        letter-spacing: 0.07em;
        width: 30%;
        line-height: 43px;
    }
    
    .frase,
    .subfrase {
        width: 33.1rem;
        font-family: PoppinsLight;
        color: #ffffff;
        font-size: 2.40rem;
        margin-left: 15%;
        margin-top: 4.3rem;
        margin-bottom: 2.5rem;
        letter-spacing: 0.02em;
        line-height: 2.9rem;
    }
    
    .frasebold {
        font-family: PoppinsBold;
    }
    
    span#maisnaoprecisa {
        opacity: 0;
        -webkit-animation: fadeIn 5s ease-in-out;
        -moz-animation: fadeIn 5s ease-in-out;
        -o-animation: fadeIn 5s ease-in-out;
        animation: fadeIn 5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    
    .container.comofunciona {
        margin-top: 6%;
    }
    
    .container.textapptagenrencial {
        width: 381.68px;
        height: 520.19px;
    }
    
    .container.pontuacao {
        margin-top: 7%;
    }
    
    .container.imagemfidelizappta {
        padding-left: 6%;
        padding-right: 6%;
    }
    
    div#boxverde,
    div#boxverdegestao,
    div#boxverdegestao,
    div#boxverderelatorio,
    div#boxverdeimpressao,
    div#boxverdedelivery,
    div#boxverdepontuacao,
    div#boxverdepromocoes,
    div#boxverdeenvioemail {
        background-position-x: 90%;
        background-position-y: 90%;
        background-repeat: no-repeat;
        background-image: url(../img/frame.png);
        background-color: #C7BD6C;
        height: 664px;
    }
    
    div#boxverdeenvioemail {
        background-image: url(../img/envioemail.png);
    }
    
    div#boxverdepromocoes {
        background-image: url(../img/promocoes.png);
    }
    
    div#boxverdepontuacao {
        background-image: url(../img/pontuacao.png);
    }
    
    div#boxverdeimpressao {
        background-image: url(../img/impressao.png);
    }
    
    div#boxverdegestao {
        background-image: url(../img/gestao.png);
    }
    
    div#boxverderelatorio {
        background-image: url(../img/relatorio.png);
    }
    
    div#boxverdedelivery {
        background-image: url(../img/delivery.png);
    }
    
    div#boxazul,
    div#boxazulcomanda,
    div#boxazulcombo,
    div#boxazulcontroleestoque,
    div#boxazulrelatorio,
    div#boxazulsorteio,
    div#boxazulconsultaponto {
        background-position-x: 100%;
        background-position-y: 89%;
        background-repeat: no-repeat;
        background-image: url(../img/notafiscal.png);
        height: 664px;
        background-color: #07AEFF;
    }
    
    div#boxazulconsultaponto {
        background-image: url(../img/consultaponto.png);
    }
    
    div#boxazulsorteio {
        background-image: url(../img/sorteio.png);
    }
    
    div#boxazulcontroleestoque {
        background-image: url(../img/controleestoque.png);
    }
    
    div#boxazulrelatorio {
        background-image: url(../img/relatorio.png);
    }
    
    div#boxazulcombo {
        background-image: url(../img/combo.png);
    }
    
    div#boxazulcomanda {
        background-image: url(../img/comanda.png);
    }
    
    div#boxazulcontrole {
        background-position-x: 90%;
        background-position-y: 90%;
        background-repeat: no-repeat;
        background-image: url(../img/controle.png);
        height: 664px;
        background-color: #07AEFF;
    }
    
    div#colapptaconexoes {
        text-align: right;
    }
    
    div#colfidelizappta {
        text-align: left;
    }
    
    div#boxazulsegmentos {
        height: 664px;
        background-color: #0485C4;
    }
    
    .footerfixo {
        width: 100%;
        background-color: #0485C4;
    }
    
    .footerfixed {
        position: fixed;
        width: 100%;
        z-index: 100;
        top: 89%;
        animation: fadeup 1s ease-in both;
    }
    
    .menufixed {
        position: fixed;
        width: 100%;
        z-index: 100;
        top: 0;
        animation: fadeup 1s ease-in both;
        height: 68px;
        background: #C7BD6C;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
        border-radius: 0px 0px 30px 0px;
    }
    
    i#fonefooter {
        margin-left: 15px;
        margin-right: 14px;
    }
    
    .sticky {
        margin-top: 0px !important;
        position: fixed;
        bottom: 0;
        z-index: 50;
        width: 100%;
        background-color: #0485C4;
    }
    
    .nav-up {
        top: -50px;
    }
    
    .stickymenu {
        width: 100%;
        margin-top: 0px !important;
        position: fixed;
        top: 0;
        z-index: 50;
        width: 100%;
        background-color: #0485C4;
    }
    
    button.btn.soliciteligacao {
        margin-top: 2%;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 29px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        background: #07AEFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 30px;
    }
    
    p#textofooter {
        margin-bottom: 0;
        padding-bottom: 24px;
        padding-top: 4%;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
    }
    
    p.comofunciona {
        margin-bottom: 1%;
        margin-top: 5%;
        font-family: RobotoBold;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #C7BD6C;
    }
    
    p.titulocomofunciona {
        font-family: PoppinsBold;
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 0.07em;
        color: #07AEFF;
    }
    
    p.mensagemcomofunciona {
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #8D8D8D;
        width: 87%;
        margin-bottom: 24%;
    }
    
    span.mensagemcomofuncionabold {
        font-family: RobotoBold;
    }
    
    p#idfrentedecaixa,
    p#idnotafiscal,
    p#idpdv,
    p.idfamiliaappta,
    p#idquemsomosbody,
    p#idquemsomosbodymudanca,
    p#idprodutoscomplementares {
        margin-top: 31%;
        font-family: RobotoBold;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #C7BD6C;
        margin-left: 0%;
    }
    
    p#idquemsomosbodymudanca {
        margin-left: 0%;
    }
    
    p#idquemsomosbody {
        margin-left: 0%;
    }
    
    p#idprodutoscomplementares {
        margin-left: 0%;
        margin-top: 12%;
    }
    
    .containerProdutosComplementares {
        margin-top: 28%;
        margin-left: 3%;
    }
    
    .sejaparceiro {
        margin-top: -29px;
        background: linear-gradient(180deg, #C7BD6C 10%, rgba(199, 189, 108, 0) 51.69%);
    }
    
    nav#menurevenda {
        background: linear-gradient(180deg, #C7BD6C 100%, rgba(199, 189, 108, 0) 91.69%);
    }
    
    p.idfamiliaappta {
        margin-top: 21%;
        margin-left: 12%;
        color: #FFFFFF;
    }
    
    p#idpdv {
        margin-left: 18%;
    }
    
    p#idnotafiscal {
        margin-top: 92px;
    }
    
    p#h1frentedecaixa,
    p#h1frentedecaixamudanca,
    p#h1segmentos,
    p#h1pdv,
    p.h1familiaappta,
    p#h1parceiro,
    p#h1produtos,
    p#h1produtoscomplementares,
    p#h1treinamento {
        margin-top: 3%;
        font-family: PoppinsBold;
        font-size: 2.40rem;
        line-height: 2.9rem;
        letter-spacing: 0.02em;
        color: #07AEFF;
    }
    
    p#h1treinamento {
        margin-left: 0;
        width: 390px;
    }
    
    p#h1produtoscomplementares {
        margin-left: 0;
    }
    
    p#h1produtos {
        margin-top: 29%;
        margin-bottom: 10%;
    }
    
    .cardProdutos {
        margin-left: 3%;
        width: 143px;
        height: 143px;
        border: 3px solid #07AEFF;
    }
    
    .gridProdutos {
        width: 190px;
        height: 100%;
        display: inline-block;
    }
    
    .containerProdutos {
        margin-top: 19%;
        margin-left: 8%;
    }
    
    a#btnFood,
    a#btnAppta {
        background: #C7BD6C;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 30px;
        color: #FFF;
        font-family: RobotoBold;
        margin-top: 5%;
        padding: 12px;
        padding-left: 17%;
        padding-right: 17%;
        margin-bottom: 6%;
    }
    
    a#btnAppta {
        margin-bottom: 6%;
        margin-left: 8%;
    }
    
    img#produtoAppta,
    img#produtoFood,
    img#produtoFidelizappta {
        display: block;
        margin: auto;
        margin-top: 22%;
    }
    
    img#imgIncentivoParceiro {
        max-width: 100%;
    }
    
    img#imgseguranca {
        margin-top: 10%;
        max-width: 100%;
    }
    
    img#imgassesoriadevendas {
        margin-top: 1%;
        max-width: 100%;
    }
    
    img#imgsuporte {
        margin-top: 3%;
        max-width: 100%;
    }
    
    img#produtoFood {
        margin-top: 19%;
    }
    
    img#imgprodutoscomplementares {
        margin-top: 10%;
        max-width: 100%;
    }
    
    img#imgtreinamento {
        margin-top: 20%;
        max-width: 100%;
    }
    
    img#produtoFidelizappta {
        margin-top: 15%;
    }
    
    p#h1parceiro {
        margin: 34% 14% 0% 3%;
    }
    
    .pParceiro {
        margin: 2% 0% 0% 3%;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #8D8D8D;
    }
    
    p.titleInfo {
        margin-left: 13.1rem;
        width: 17.1rem;
        margin-top: 8.2rem;
        position: absolute;
        font-family: PoppinsBold;
        font-weight: bold;
        font-size: 2.7rem;
        line-height: 3.5rem;
        letter-spacing: 0.05em;
        color: #FFFFFF;
    }
    
    p#textInfo {
        margin-left: 4.1rem;
        margin-right: 3.1rem;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 1.6rem;
        letter-spacing: 0.07em;
        color: #FFFFFF;
        margin-top: 2.1rem;
    }
    
    .blocoAzul {
        margin-bottom: 6%;
        max-width: 37.1rem;
        height: 440px;
        background: #0485C4;
    }
    
    img#imgInfo {
        margin-top: 9.1rem;
        margin-left: 5.1rem;
    }
    
    p.h1fidelizappta {
        margin-top: 9%;
        margin-left: 18%;
        width: 75%;
        font-family: PoppinsBold;
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
    }
    
    p.h1familiaappta {
        width: 359px;
        margin-left: 12%;
        color: #FFF;
    }
    
    p#h1pdv {
        margin-left: 18%;
        width: 90%;
    }
    
    p#h1segmentos {
        margin-top: 219px;
    }
    
    span.fraselight {
        font-family: PoppinsLight;
    }
    
    p.mensagemappta,
    p.mensagemapptamudanca,
    p.mensagemapptapdv,
    p.mensagemapptaquemsomos,
    p.mensagemfidelizappta,
    p.mensagemprodutoscomplementares,
    p.mensagemtreinamento {
        margin-top: 22px;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #8D8D8D;
        width: 69%;
        margin-left: 0%;
    }
    
    p#h1frentedecaixamudanca,
    p.mensagemapptamudanca,
    p#idquemsomosbodymudanca {
        margin-left: 13%;
    }
    
    p.mensagemtreinamento {
        margin-left: 0;
        width: 100%
    }
    
    p.mensagemprodutoscomplementares {
        margin-left: 0;
        width: 95%;
    }
    
    p.mensagemfidelizappta {
        color: #FFF;
        margin-left: 19%;
        margin-bottom: 7%;
    }
    
    p.mensagemapptaquemsomos {
        width: 78%;
        margin-bottom: 14%;
        margin-left: 12%;
        color: #FFF;
    }
    
    p.mensagemapptapdv {
        margin-left: 18%;
    }
    
    h3#titlefrentedecaixa,
    h3#titlepdv {
        font-family: PoppinsBold;
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        text-align: center;
        margin-top: 276px;
    }
    
    p.titlepqserappta {
        margin-left: 6%;
        font-family: PoppinsBold;
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        width: 24.1rem;
    }
    
    p.subtitlepqserappta,
    p.subtitlepqserappta2,
    p.subtitlepqserappta3 {
        margin-left: 2.1rem;
        width: 24.1rem;
        margin-top: 2.1rem;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
    }
    
    p.subtitlepqserappta2 {
        margin-top: 50px;
    }
    
    p.subtitlepqserappta3 {
        margin-top: 50px;
    }
    
    img#imagempqserappta {
        height: 100%;
        width: 100%;
    }
    
    span#maisnaoprecisa-delay {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        ;
        -o-animation-delay: 8s;
        animation-delay: 22s;
    }
    
    .subfrase {
        width: 23.1rem;
        font-size: 1.1rem;
        font-family: RobotoRegular;
        letter-spacing: 0.07em;
        line-height: 1.6rem;
    }
    
    .frasesobre {
        padding-top: 9.5rem;
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 2.40rem;
        letter-spacing: 0.02em;
        display: inline-block;
        line-height: 2.9rem;
        padding-left: 4.1rem;
    }
    
    span.frasedepoimento,
    span.frasedepoimentopagrevenda {
        margin-top: 4.1rem;
        position: absolute;
        font-size: 2.40rem;
        line-height: 2.9rem;
        letter-spacing: 0.02em;
        font-family: PoppinsLight;
        color: #07AEFF;
    }
    
    span.frasedepoimentopagrevenda {
        width: 100%;
    }
    
    span.frasesobrelight {
        font-family: PoppinsLight;
    }
    
    span.title-apptapdv {
        color: #FFFFFF;
        position: absolute;
        margin-left: 8%;
        margin-top: 15%;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.07em;
        text-decoration-line: underline;
    }
    
    p.nomePerfil,
    p.nomePerfilRevenda {
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #C7BD6C;
        position: absolute;
        margin-left: 0%;
        margin-top: 14.1rem;
    }
    
    p.nomePerfilRevenda {
        margin-top: 17.1rem;
    }
    
    p.title-apptagerencial.text-left {
        padding-top: 172px;
        font-family: RobotoRegular;
        text-decoration-line: underline;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
    }
    
    p.title-apptafood {
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.07em;
        text-decoration-line: underline;
        color: #FFFFFF;
        margin-top: 21%;
    }
    
    p.text-corpofood {
        font-family: PoppinsBold;
        font-size: 36px;
        line-height: 43px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
        text-decoration-line: none;
        color: #FFFFFF;
    }
    
    span.text-corpofoodlight {
        font-family: PoppinsLight;
    }
    
    p.text-sobrefood {
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
        width: 74%;
        margin-top: 3%;
    }
    
    p.subfraseapptapdv {
        font-family: RobotoRegular;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
        width: 386px;
        margin-top: 4%;
        margin-left: 0%;
        font-size: 1.1rem;
    }
    
    p.subfraseformulario {
        margin-bottom: 5%;
        margin-top: 4%;
        font-family: RobotoRegular;
        font-style: normal;
        font-weight: normal;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #8D8D8D;
        margin-left: 8%;
    }
    
    p.subfraseformulariorevendaappta {
        color: #FFF;
        margin-left: 0px;
    }
    
    p.subfraserevendabaixargratis {
        width: 80%;
        margin-bottom: 5%;
        margin-top: 4%;
        font-family: RobotoRegular;
        font-style: normal;
        font-weight: normal;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #8D8D8D;
        margin-left: 8%;
    }
    
    label.lblForm,
    label.lblformAppta {
        font-family: RobotoRegular;
        color: #C7BD6C;
        margin-bottom: 5%;
        margin-top: 4px;
        font-size: 12px;
    }
    
    label.lblformAppta {
        color: #FFF;
    }
    
    option.lblForm {
        color: #8D8D8D;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        letter-spacing: 0.07em;
        border: none;
    }
    
    span.fraseformulario {
        font-family: PoppinsLight;
    }
    
    button.btn.apptaform,
    button.btn.apptaagende,
    button.btn.apptaformmain,
    button.btn.entremcontato {
        margin-bottom: 8%;
        margin-left: 35%;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-right: 22px;
        padding-left: 22px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        background-color: #07AEFF;
        border-radius: 30px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #ffffff;
        letter-spacing: 0.07em;
    }
    
    button.btn.entremcontato {
        background-color: #C7BD6C;
        margin-top: 5%;
        margin-left: 26%;
    }
    
    button.btn.apptaformmain {
        margin-left: 62%;
    }
    
    button.btn.apptaagende {
        margin-left: 41%;
    }
    
    button.btn.apptaform:hover,
    button.btn.apptaagende:hover {
        background-color: rgb(1, 141, 211);
    }
    
    button.form.btn.btn-link {
        float: right;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        text-decoration-line: underline;
        color: #C7BD6C;
    }
    
    span.fraseformulariobold,
    span.fraseformulariorevendaappta {
        margin-top: 7%;
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 2.40rem;
        letter-spacing: 0.02em;
        display: inline-block;
        line-height: 2.9rem;
        margin-left: 8%;
    }
    
    span.lightfraseformulariorevendaappta {
        font-family: PoppinsLight;
    }
    
    span.fraseformulariorevendaappta {
        margin-left: 0px;
        color: #FFF;
    }
    
    span.revendabaixargratis {
        width: 76%;
        margin-top: 4%;
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 36px;
        letter-spacing: 0.07em;
        display: inline-block;
        text-transform: uppercase;
        line-height: 43px;
        margin-left: 8%;
    }
    
    .form.col-sm-10 {
        margin-left: 8%;
    }
    
    .colformazul {
        background-color: #0485C4;
    }
    
    span.frasetenhoappta {
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 36px;
        letter-spacing: 0.07em;
        display: inline-block;
        text-transform: uppercase;
        width: 79%;
        margin-top: 57%;
        margin-left: 11%;
        line-height: 44px;
    }
    
    span.subfrasetenhoapptalight {
        font-family: PoppinsLight;
    }
    
    span.frasemodulos {
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 36px;
        letter-spacing: 0.07em;
        display: inline-block;
        line-height: 43px;
        width: 77%;
        margin-bottom: 17%;
        margin-left: 14%;
    }
    
    span.subfrasemoduloslight {
        font-family: PoppinsLight;
    }
    
    p.subfrasegerir {
        margin-left: 17%;
        width: 75%;
        font-family: RobotoRegular;
        font-style: normal;
        line-height: 133%;
        letter-spacing: 0.07em;
        color: #8D8D8D;
    }
    
    .fraseloja {
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 36px;
        letter-spacing: 0.07em;
        display: inline-block;
        text-transform: uppercase;
        padding-top: 3%;
        padding-left: 9%;
        line-height: 43px;
        width: 86%;
    }
    
    span.subfraselojalight {
        font-family: PoppinsLight;
    }
    
    .frasetodobrasil {
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 36px;
        letter-spacing: 0.07em;
        display: inline-block;
        text-transform: uppercase;
        padding-top: 28%;
        line-height: 43px;
    }
    
    .fraseapptapdv {
        width: 37.1rem;
        color: #FFFFFF;
        margin-left: 0%;
        font-family: PoppinsBold;
        font-size: 36px;
        letter-spacing: 0.07em;
        display: inline-block;
        margin-top: 13%;
        line-height: 43px;
    }
    
    .fraseapptapdvlight {
        font-family: PoppinsLight;
    }
    
    span.subfrasetodobrasillight {
        font-family: PoppinsLight;
    }
    
    .frasegerir {
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 36px;
        letter-spacing: 0.07em;
        display: inline-block;
        text-transform: uppercase;
        padding-top: 7%;
        padding-left: 17%;
        line-height: 43px;
        width: 92%;
    }
    
    span.subfrasegerirlight {
        font-family: PoppinsLight;
    }
    
    .frasemobile {
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 2.40rem;
        margin-left: 3.1rem;
        letter-spacing: 0.02em;
        display: inline-block;
        padding-top: 4.2rem;
        line-height: 2.9rem;
    }
    
    span.frasemobilelight {
        font-family: PoppinsLight;
    }
    
    .frasecliente {
        font-family: PoppinsBold;
        color: #07AEFF;
        font-size: 2.40rem;
        letter-spacing: 0.02em;
        display: inline-block;
        padding-top: 13.1rem;
        padding-left: 3.1rem;
        line-height: 2.9rem;
    }
    
    span.fraseclientelight {
        font-family: PoppinsLight;
    }
    
    .fraseconectado {
        font-family: PoppinsLight;
        color: #ffffff;
        font-size: 36px;
        margin-left: 13%;
        letter-spacing: 0.07em;
        display: inline-block;
        text-transform: uppercase;
        padding-top: 12%;
        line-height: 42px;
    }
    
    span.fraseconectadobold {
        font-family: PoppinsBold;
    }
    
    span.frasesegmento {
        color: #FFFFFF;
        font-family: PoppinsBold;
        font-size: 36px;
        line-height: 43px;
        letter-spacing: 0.07em;
        width: 300px;
        margin-left: 18%;
        margin-top: 13%;
        text-transform: uppercase;
    }
    
    p.frasephoto1 {
        margin-top: 62px;
        font-family: PoppinsLight;
        font-size: 36px;
        line-height: 42px;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: #07AEFF;
    }
    
    p.frasephoto2 {
        margin-top: 62px;
        font-family: PoppinsLight;
        font-size: 36px;
        line-height: 42px;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: #07AEFF;
    }
    
    p.subfrasephoto1 {
        font-family: RobotoRegular;
        font-style: normal;
        font-weight: normal;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #8D8D8D;
    }
    
    p.subfrasephoto2 {
        font-family: RobotoRegular;
        font-style: normal;
        font-weight: normal;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #8D8D8D;
    }
    
    p.subfraseloja {
        width: 59%;
        margin-left: 9%;
        margin-top: 7%;
        color: #8D8D8D;
        font-family: RobotoRegular;
        font-size: 15px;
    }
    
    p.subfrasetodobrasil {
        width: 72%;
        margin-left: 0% !important;
        margin-top: 10%;
        color: #8D8D8D;
        font-family: RobotoRegular;
    }
    
    p#titulossegmentos {
        margin-left: 15px;
        margin-top: 29px;
        font-family: PoppinsBold;
        font-size: 1.1rem;
        line-height: 100px;
        letter-spacing: 0.05em;
        color: #FFFFFF;
        width: 237px;
    }
    /* imagem */
    
    img#imgSejaParceiroAPPTA {
        margin-top: 19%;
        width: 100%;
    }
    
    img#imgfidelizappta {
        width: 100%;
    }
    
    img#segmentos {
        margin-top: 57px;
        margin-left: 21%;
    }
    
    img#logoapptalink {
        position: absolute;
        width: 82px;
        height: 117px;
        margin-top: 42px;
        margin-left: 51%;
    }
    
    img#aspas {
        margin-top: 6%;
    }
    
    img#perfil {
        margin-top: 9%;
        position: absolute;
        margin-left: 65%;
    }
    
    img#revendapdv {
        margin-top: 10%;
    }
    
    img#gerirRevenda {
        margin-top: 165px;
        width: 113%;
    }
    
    img#playbuttonpdv {
        margin-left: 291px;
        position: absolute;
        margin-top: 210px;
    }
    
    div#imgGerirRevenda {
        padding-left: 0px;
        text-align: center;
    }
    
    img#imagemfidelidade {
        padding-bottom: 19%;
        padding-left: 13%;
        width: 100%;
        background-image: url(../img/fundocliente.png);
        background-repeat: no-repeat;
        background-size: 93%;
        background-position-y: 131%;
    }
    
    img#imagemcolaboracao {
        margin-top: 17%;
        width: 100%;
        padding-bottom: 20%;
        padding-right: 14%;
        background-image: url(../img/fundoquadrado.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-x: 73px;
        background-position-y: 200%;
    }
    
    img#imagemmudanca {
        width: 100%;
        margin-top: 100px;
        padding-left: 16%;
        padding-bottom: 19%;
        background-image: url(../img/fundocliente.png);
        background-repeat: no-repeat;
        background-size: 95%;
        background-position-y: 102%;
    }
    
    img#imagemconexoes {
        padding-bottom: 20%;
        padding-left: 13%;
        width: 100%;
        background-image: url(../img/fundocliente.png);
        background-repeat: no-repeat;
        background-size: 95%;
        background-position-y: 75%;
        margin-top: 27%;
    }
    
    img#imagemtenhoappta {
        padding-left: 20%;
        padding-bottom: 24%;
        width: 100%;
        background-image: url(../img/fundoquadrado.png);
        background-repeat: no-repeat;
        background-size: 90%;
        background-position-y: 79%;
    }
    
    img#imagemgerir {
        width: 100%;
    }
    
    img#imagemcliente {
        padding-left: 16%;
        padding-bottom: 21%;
        width: 100%;
        background-image: url(../img/fundoquadrado.png);
        background-repeat: no-repeat;
        background-size: 93%;
        background-position-y: 131%;
    }
    
    img#imagemconexoes {
        margin-top: 100px;
        padding-left: 16%;
        padding-bottom: 12%;
        background-image: url(../img/fundocliente.png);
        background-repeat: no-repeat;
        background-size: 90%;
        background-position-y: 131%;
    }
    
    .submenu {
        background: linear-gradient(180deg, #C7BD6C 21%, rgba(199, 189, 108, 0) 91.69%);
    }
    
    img#photo1 {
        width: 100%;
        height: 225px;
    }
    
    img#photo2 {
        width: 100%;
        height: 225px;
    }
    
    #photo1 {
        background-image: url(../img/photo1.jpg);
        background-repeat: no-repeat;
    }
    
    #photo1:hover {
        background-image: url(../img/photo1.jpg);
        cursor: pointer;
    }
    
    #photo2 {
        background-image: url(../img/photo2.jpg);
        background-repeat: no-repeat;
    }
    
    #photo2:hover {
        background-image: url(../img/photo2.jpg);
        background-repeat: no-repeat;
        cursor: pointer;
    }
    
    img#photo2 {
        width: 100%;
    }
    
    img#imagemloja {
        width: 100%;
    }
    
    img#imagemtodobrasil {
        width: 100%;
        padding-bottom: 20%;
        padding-right: 14%;
        background-image: url(../img/fundoquadrado.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-x: 73px;
        background-position-y: 200%;
    }
    
    img#imagemmobile {
        float: right;
        width: 85%;
    }
    
    body.modal-open {
        padding-right: 0px !important;
    }
    
    div#retornoForm {
        margin-left: 30%;
        margin-top: 24%;
        position: fixed;
        width: 40%;
        border: none;
        z-index: 100;
    }
    
    div#mensagem {
        margin: 12px;
        font-size: 1.1rem;
        font-family: RobotoRegular;
    }
    /* containers */
    
    .boximg {
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }
    
    div#menusecundario {
        padding-top: 2%;
    }
    
    .container-fluid.experimenteappta,
    .container-fluid.experimenteapptafood,
    .container-fluid.experimentefidelizappta {
        display: flex;
        flex-direction: row;
        justify-content: center;
        /* align-items: center; */
        align-items: center;
        height: 694px;
        background-image: url("../img/experimenteappta.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 31%;
    }
    
    .container-fluid.experimentefidelizappta {
        background-image: url("../img/experimentefidelizappta.jpg");
    }
    
    .container-fluid.experimenteapptafood {
        background-image: url("../img/experimenteapptafood.jpg");
    }
    
    .imagemaspas {
        text-align: center;
    }
    
    .container.branco {
        height: 350px;
    }
    
    .container-fluid.depoimentos {
        height: 555px;
    }
    
    .container.frases {
        width: 93%;
        padding-left: 1%;
        padding-top: 29%;
    }
    
    .bgrevenda {
        height: 100%;
        background-image: url(../img/bg-header.jpg);
        background-size: 100% 95%;
        background-repeat: no-repeat;
        -webkit-animation: fadeIn 1s ease-in-out;
        -moz-animation: fadeIn 1s ease-in-out;
        -o-animation: fadeIn 1s ease-in-out;
        animation: fadeIn 1s ease-in-out;
        margin-bottom: 2%
    }
    
    div#background {
        display: table;
        height: 612px;
        background-image: url(../img/pdv.png);
        background-repeat: no-repeat;
        background-size: 100% 86%;
        background-position-y: 59px;
    }
    
    div#backgroundfood {
        background-size: contain;
        background-image: url(../img/food.png);
        background-repeat: no-repeat;
        background-position-y: 50%;
    }
    
    input#playpdv {
        margin-top: 199px;
        margin-left: 208px;
        width: 125px;
        height: 125px;
    }
    
    input#playfood {
        margin-top: 161px;
        margin-left: 208px;
        width: 125px;
        height: 125px;
    }
    
    input#playpdv:hover {
        cursor: pointer;
    }
    
    input#playgerencial {
        margin-top: 290px;
        margin-left: 250px;
    }
    
    img#playbuttonpdv:hover>[class*=box] {
        filter: blur(5px);
    }
    
    .colorMenu {
        background-color: #C7BD6C;
        height: 110px;
    }
    
    .bgmenu {
        height: 100%;
        background-position: bottom;
        background-image: url(../img/bg-header.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-animation: fadeIn 1s ease-in-out;
        -moz-animation: fadeIn 1s ease-in-out;
        -o-animation: fadeIn 1s ease-in-out;
        animation: fadeIn 1s ease-in-out;
        margin-bottom: 2%;
        background-position: bottom;
    }
    
    .bgapptainfo,
    .bgFidelizappta,
    .bgQuemSomos {
        -webkit-animation: fadeIn 1s ease-in-out;
        -moz-animation: fadeIn 1s ease-in-out;
        -o-animation: fadeIn 1s ease-in-out;
        animation: fadeIn 1s ease-in-out;
    }
    
    .bgappta {
        background-position: bottom;
        height: 100%;
        background-image: url("../img/bg-appta.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-animation: fadeIn 1s ease-in-out;
        -moz-animation: fadeIn 1s ease-in-out;
        -o-animation: fadeIn 1s ease-in-out;
        animation: fadeIn 1s ease-in-out;
        margin-bottom: 2%;
    }
    
    .container-fluid.quemsomos {
        height: 100%;
        padding: 0px;
        background-image: url("../img/bg-quemsomos.jpg");
        background-size: cover;
        background-position: bottom;
    }
    
    .container-fluid.fidelizappta {
        height: 100%;
        padding: 0px;
        background-image: url("../img/bg-fidelizappta.jpg");
        background-size: cover;
        background-position: bottom;
    }
    
    .container-fluid.apptafood {
        background-position: bottom;
        height: 100%;
        background-image: url("../img/bg-food.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 2%;
        padding: 0px;
    }
    
    .apptapdv {
        height: 643px;
        background-image: url("../img/bg-appta.jpg");
        background-size: cover;
        background-position: bottom;
    }
    
    div#apptapdv {
        margin-top: 33px;
    }
    
    .container.emptywhite {
        height: 76px;
    }
    
    .container.emptywhiteappta {
        height: 147px;
    }
    
    .container.apptagerencial {
        height: 100%;
        background-color: #0485C4;
        margin-bottom: 90px;
    }
    
    .container.apptagerencialfood {
        height: 100%;
        background-color: #C7BD6C;
        margin-bottom: 90px;
    }
    
    .container.quemsomos {
        height: 100%;
        background-color: #C7BD6C;
        margin-bottom: 90px;
        margin-top: 90px;
    }
    
    .container.clienterecompensado {
        margin-top: 5%;
        background-color: #07AEFF;
    }
    
    .row.bgapptafood {
        background-image: url(../img/mobile.png);
        background-repeat: no-repeat;
        background-position-y: 100%;
        background-position-x: 50%;
        height: 100%;
    }
    
    .container-fluid.bgconectado {
        margin-top: 4%;
        background-image: url(../img/varejo.jpg);
        background-repeat: no-repeat;
        height: 100%;
        background-size: cover;
    }
    
    .container-fluid.segmento {
        margin-top: 5%;
        height: 100%;
        background-image: url("../img/bg-segmento.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position-x: 100%;
    }
    
    .container.dentroloja {
        margin-top: 5%;
    }
    
    header.container.header {
        height: 100%;
    }
    
    .container.corpomobile {
        margin-bottom: 3%;
        margin-top: 4%;
    }
    
    .container.corpocliente {
        margin-bottom: 5%;
    }
    
    .container.photo {
        height: 100%;
    }
    
    .container.modulos {
        margin-top: 5%;
    }
    
    .col-sm-5.photo1,
    .col-sm-5.photo2 {
        padding-top: 4%;
        display: inline-block;
    }
    
    .col-sm-5.photo2 {
        align-items: center;
    }
    /* Buttons */
    
    a#submenulink {
        color: #FFFFFF;
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.07em;
        font-family: RobotoRegular;
        font-style: normal;
        position: relative;
        padding-bottom: 20px;
    }
    
    a#submenulink:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        left: 0;
        background-color: #FFFFFF;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    
    a#submenulink:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    
    a#submenulinkbold {
        color: #FFFFFF;
        font-size: 1.1rem;
        line-height: 21px;
        letter-spacing: 0.07em;
        font-family: RobotoBold;
        font-style: normal;
        position: relative;
        padding-bottom: 20px;
    }
    
    button.btn.btnblog {
        border: 1px solid #C7BD6C;
        box-sizing: border-box;
        border-radius: 30px;
        background-color: #C7BD6C;
        color: #ffffff;
        font-family: RobotoBold;
        font-style: normal;
        height: 60px;
        width: 206px;
        margin-top: 2%;
        margin-left: 13%;
        margin-bottom: 12%;
        letter-spacing: 0.07em;
    }
    
    button.btn.botaomodulos {
        border: 1px solid #C7BD6C;
        box-sizing: border-box;
        border-radius: 30px;
        background-color: #C7BD6C;
        color: #ffffff;
        font-family: RobotoBold;
        font-style: normal;
        height: 60px;
        width: 206px;
        margin-top: 18%;
        margin-left: 28%;
    }
    
    button.btn.btn-link.assistaovideo2,
    button.btn.btn-link.assistaovideo1 {
        font-family: RobotoRegular;
        display: inline-block;
        color: #C7BD6C;
        font-size: 1.1rem;
        padding-left: 0%;
        padding-top: 5px;
        padding-bottom: 45px;
        text-decoration-line: underline;
    }
    
    button.btn.btn-link.sessaoajuda {
        display: inline-block;
        color: #C7BD6C;
        font-size: 1.1rem;
        padding-left: 0%;
        padding-top: 10%;
        text-decoration-line: underline;
        margin-left: 11%;
    }
    
    button.playpdv,
    button.btn.testegrartis30d,
    button.btn.parceiroappta {
        padding: 20px 46px 20px 46px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        margin-left: 15px;
        letter-spacing: 0.07em;
        background-color: #C7BD6C;
        border-radius: 30px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #ffffff;
        line-height: 21px;
    }
    
    button.btn.parceiroappta {
        margin-top: 36px;
        padding: 19px 19px 19px 19px;
    }
    
    button.btn.testegrartis30d {
        margin-left: 0px;
    }
    
    button.playpdv:hover,
    button.btn.testegrartis30d:hover {
        color: #FFFFFF;
        background-color: #07AEFF;
    }
    
    button.playfood {
        display: table;
        letter-spacing: 0.07em;
        background-color: #07AEFF;
        border-radius: 30px;
        width: 305px;
        height: 59px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #FFFFFF;
        margin-top: 4%;
        line-height: 18px;
    }
    
    button.playfood:hover {
        color: #FFFFFF;
        background-color: #07AEFF;
    }
    
    button.playgerencial {
        letter-spacing: 0.07em;
        background-color: #C7BD6C;
        border-radius: 30px;
        width: 232.46px;
        height: 59px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #FFFFFF;
        margin-top: 4%;
        line-height: 18px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    }
    
    button.playgerencial:hover {
        color: #FFFFFF;
        background-color: #07AEFF;
        text-decoration: none;
    }
    
    button#food {
        color: white;
        margin-top: 1%;
        margin-left: 0px;
    }
    
    button#pdv {
        margin-left: 6% !important;
    }
    
    button.btn.segmento {
        letter-spacing: 0.07em;
        background-color: #C7BD6C;
        border-radius: 30px;
        width: 257px;
        height: 60px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #ffffff;
        margin-top: 5%;
        margin-left: 17%;
        line-height: 18px;
        margin-bottom: 12%;
    }
    
    button.btn.baixarTeste {
        margin-top: 70px;
        margin-left: 65%;
        background-color: #07AEFF;
        border-radius: 30px;
        width: 251px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #ffffff;
        letter-spacing: 0.07em;
        line-height: 21px;
        height: 60px;
    }
    
    button.btn.baixarTeste:hover {
        background-color: rgb(1, 157, 235);
    }
    
    form.form-inline.my-2.my-lg-0 {
        margin-right: 4%;
    }
    
    button.btn.qrpptafooter {
        margin-top: 100px;
        margin-left: 8%;
        background-color: #C7BD6C;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 30px;
        width: 206px;
        height: 60px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #ffffff;
    }
    
    button.btn.qrpptafooter:hover {
        background-color: #07AEFF;
        color: white;
    }
    
    button.btn.modulos {
        margin-top: 16%;
        margin-bottom: 15%;
        margin-left: 25%;
        margin-right: 21%;
        background-color: #C7BD6C;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 30px;
        width: 206px;
        height: 60px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        color: #ffffff;
    }
    
    button.btn.qrppta:hover {
        background-color: rgb(1, 157, 235);
    }
    
    button.btn.conheca,
    a.btn.agendademo {
        padding: 16px 26px 16px 26px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        margin-left: 15%;
        background-color: #C7BD6C;
        border-radius: 30px;
        font-family: RobotoBold;
        font-size: 1.2rem;
        color: #ffffff;
        margin-bottom: 11%;
        transition-duration: 0.3s;
        transition-property: color, background-color;
    }
    
    a.btn.agendademo {
        margin-left: 19%;
        color: #ffffff;
        margin-bottom: 18%;
        width: 333px;
        height: 59px;
    }
    
    button.btn.conheca:hover {
        background-color: #07AEFF;
        color: white;
    }
    
    button.btn.btn-link.conhecaall:hover {
        background-color: #07AEFF;
        color: white;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    button.btn.btn-link.conhecaall {
        padding: 13px 40px 13px 40px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        margin-top: 36px;
        border-radius: 30px;
        display: inline-block;
        background-color: #C7BD6C;
        color: #ffffff;
        font-size: 1.1rem;
        font-family: RobotoBold;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
    }
    
    button#fidelizappta {
        margin-left: 11%;
    }
    
    button.btn.menu {
        border: 1px solid #C7BD6C;
        box-sizing: border-box;
        border-radius: 30px;
        color: #C7BD6C;
        font-family: RobotoBold;
        font-style: normal;
        height: 36px;
        width: 109px;
        letter-spacing: 5%;
    }
    
    a.btn.ajudafooter {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        padding-top: 3%;
        margin-top: 100px;
        margin-left: 1%;
        width: 168px;
        height: 60px;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 30px;
        color: #FFFFFF;
        font-family: RobotoBold;
        font-size: 1.1rem;
    }
    
    a#btnWhats {
        margin-bottom: 33px;
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 1px 1px 2px #888;
        z-index: 1000;
    }
    
    a#btnWhats:hover {
        width: 63px;
        height: 63px;
        margin-right: 8px;
        margin-bottom: 38px;
    }
    /*footer */
    
    footer {
        height: 100%;
        background-color: #0485C4;
    }
    
    p#direitossite {
        font-family: RobotoRegular;
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
        padding-bottom: 8%;
        margin-bottom: 0px;
    }
    
    p.cafe {
        margin-left: 10%;
        margin-top: 82px;
        font-family: RobotoBold;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
    }
    
    p.endereco {
        margin-bottom: 16%;
        margin-left: 10%;
        margin-top: 3%;
        font-family: RobotoRegular;
        font-size: 1.1rem;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
    }
    
    div.produtos {
        margin-top: 45%;
        margin-bottom: 17%;
        font-family: RobotoBold;
        font-size: 1.1rem;
        font-weight: bold;
        line-height: 24px;
        letter-spacing: 0.07em;
        color: #FFFFFF;
        display: inline-block;
    }
    
    .container.menufooter.text-left {
        padding: 0px;
    }
    
    .footerdiv {
        height: 72px;
        background-color: #0485C4;
    }
    
    i.fab.fa-facebook-f {
        margin-right: 9%;
        font-size: 20px !important;
        color: #C7BD6C;
    }
    
    i.fab.fa-linkedin-in {
        font-size: 20px !important;
        color: #C7BD6C;
    }
    
    i.fab.fa-instagram {
        margin-right: 9%;
        font-size: 20px !important;
        color: #C7BD6C;
    }
    
    p.menufooter {
        font-family: RobotoRegular;
        display: block;
        line-height: 24px;
        color: #FFFFFF;
        font-size: 1.1rem;
        text-decoration: underline;
    }
    
    p.menufooter2 {
        margin-left: 17px;
        font-family: RobotoRegular;
        line-height: 23px;
        color: #FFFFFF;
        font-size: 1.1rem;
        text-decoration: underline;
    }
    
    .container.todobrasil {
        margin-top: 5%;
    }
    
    .container.tenhoappta {
        margin-top: 11%;
        margin-bottom: 11%;
    }
    
    .cardmodulos {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
    }
    
    .card-body.modulodir {
        background-image: url(../img/modulo1.jpg);
        background-repeat: no-repeat;
        width: 81%;
        height: 100%;
        margin-bottom: 13%;
    }
    
    .card-body.moduloesq {
        background-image: url(../img/modulo1.jpg);
        background-repeat: no-repeat;
        width: 81%;
        height: 100%;
        margin-left: 16%;
        margin-bottom: 13%;
    }
    
    .card-body.moduloesq:hover {
        background: linear-gradient(358.47deg, #07AEFF 0.6%, rgba(255, 255, 255, 0) 95.6%), radial-gradient(503.38px at 100% -10.76%, rgba(7, 174, 255, 0.58) 0%, rgba(3, 75, 110, 0.250729) 76.56%, rgba(0, 0, 0, 0) 100%), url("../img/modulo1.jpg");
    }
    
    .card-body.modulodir:hover {
        background: linear-gradient(358.47deg, #07AEFF 0.6%, rgba(255, 255, 255, 0) 95.6%), radial-gradient(503.38px at 100% -10.76%, rgba(7, 174, 255, 0.58) 0%, rgba(3, 75, 110, 0.250729) 76.56%, rgba(0, 0, 0, 0) 100%), url("../img/modulo1.jpg");
    }
    
    .card-body.direita {
        height: 100%;
    }
    
    ul.modulos {
        list-style-type: none;
    }
    
    .preload {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: #fff;
        background-position: center;
        background-image: url(../img/preloader.gif);
        background-color: #C7BD6C;
        ;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    div#backgroundgerencial {
        /* height: 646px; */
        background-image: url(../img/gerir.png);
        background-repeat: no-repeat;
        background-size: contain;
        /* background-position-x: -23px; */
        background-position-y: 184px;
    }
    
    div#pdvvideo {
        margin-left: -12px;
        height: 439px;
        margin-top: 69px;
        width: 100%;
        display: none;
        position: absolute;
        -webkit-animation: fadeIn 1s ease-in-out;
        -moz-animation: fadeIn 1s ease-in-out;
        -o-animation: fadeIn 1s ease-in-out;
        animation: fadeIn 1s ease-in-out;
    }
    
    button.close {
        height: 23px;
        color: #FFF;
        margin-top: -35px;
        width: 47px;
    }
    
    button.close:hover {
        color: #FFF;
    }
    
    div#bgpqserappta {
        padding: 0;
    }
    
    div#containerCor {
        background-image: linear-gradient( to right, #C7BD6C 47%, #FFF 0%);
    }
    
    div#containerCorLeft {
        background-image: linear-gradient( to left, #C7BD6C 47%, #FFF 0%);
    }
    
    div#containerCorAzul {
        background-image: linear-gradient( to left, #07AEFF 47%, #FFF 0%);
    }
    
    div#containerCorAzulForteRevenda {
        background-image: linear-gradient( to left, #0485C4 47%, #FFF 0%);
        margin-bottom: 7%;
    }
    
    div#containerCorAzulRight {
        background-image: linear-gradient( to right, #07AEFF 47%, #FFF 0%);
    }
    
    div#containerCorAzulForte {
        background-image: linear-gradient( to left, #0485C4 47%, #FFF 0%);
    }
    
    div#videogerencial {
        display: none;
        position: absolute;
        height: 391px;
        margin-top: 176px;
        margin-left: -18px;
        -webkit-animation: fadeIn 1s ease-in-out;
        -moz-animation: fadeIn 1s ease-in-out;
        -o-animation: fadeIn 1s ease-in-out;
        animation: fadeIn 1s ease-in-out;
    }
    
    video.video {
        width: 100%;
        height: 351px;
    }
    
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-moz-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @-o-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @keyframes fadedown {
        from {
            opacity: 0;
            transform: translate3d(0, -2%, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeup {
        from {
            opacity: 0;
            transform: translate3d(0, 10%, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }
    
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @media only screen and (max-width: 480px) {
        a.textbtnmenu {
            display: none;
        }
        p#h1parceiro {
            margin: 20% 14% 0% 3%;
        }
        .pParceiro {
            margin: 2% 0% 20% 3%;
        }
        .gridProdutos,
        img#imgIncentivoParceiro {
            margin-top: 19%;
        }
        p#idquemsomosbodymudanca {
            margin-left: 6%;
        }
        .apptagerencial {
            margin-top: 10%;
        }
        .container.emptywhiteappta {
            display: none;
        }
        p#h1produtos {
            margin: 22% 8% 0% 3%;
        }
        video.video {
            margin-top: 6%;
            margin-left: -21px;
            width: 103%;
            height: 100%;
        }
        button.btn.entremcontato {
            font-size: 15px;
            margin-left: 0%;
        }
        p.subtitlepqserappta,
        p.subtitlepqserappta2,
        p.subtitlepqserappta3,
        p.titlepqserappta {
            margin-bottom: 3.1rem;
            width: 19rem;
            margin-left: 5%;
        }
        button.playpdv {
            margin-top: 36px;
            margin-left: 15px;
            padding: 20px 9px 20px 9px;
        }
        ul#menu {
            width: 50%;
            float: right;
        }
        .container-fluid.depoimentos {
            padding: 0px 20px 0px 32px;
            height: 467px;
        }
        footer#footerfixado {
            display: none;
        }
        span.frasedepoimentopagrevenda {
            font-size: 22px;
            line-height: 30px;
            margin-top: 0;
        }
        .w3-center.w3-container.w3-section.w3-large.w3-text-white.w3-display-bottommiddle.pagrevenda {
            position: absolute;
            margin-top: 66%;
            width: 100%;
        }
        p#h1produtoscomplementares,
        p#h1treinamento {
            width: 100%;
            line-height: 34px;
            font-size: 30px;
            margin-left: 0;
        }
        img#imgInfo {
            margin-top: 2.1rem;
            margin-left: 9.1rem;
        }
        p.titleInfo {
            margin-left: 3.1rem;
            margin-top: 8.4rem;
        }
        p#textInfo {
            margin-left: 2.1rem;
            margin-right: 1.9rem;
            margin-top: 8.1rem;
        }
        div#mobile-text {
            text-align: left !important;
        }
        .container.menufooter {
            padding: 0px;
        }
        p.menufooter2 {
            margin-left: 0px;
        }
        p.h1fidelizappta,
        p.mensagemfidelizappta,
        a.btn.agendademo,
        p.h1familiaappta,
        p.mensagemapptaquemsomos,
        p.idfamiliaappta {
            margin-left: 6%;
        }
        p.mensagemapptaquemsomos {
            margin-bottom: 50%;
        }
        p.h1familiaappta {
            width: 95%;
        }
        button.btn.apptaagende,
        p.endereco,
        p.cafe {
            margin-left: 0%;
        }
        button.btn.apptaform {
            margin-bottom: 8%;
            margin-left: 2%;
            padding-right: 8px;
            padding-left: 8px;
            font-size: 17px;
        }
        input#playfood {
            margin-left: 101px;
        }
        button.btn.soliciteligacao {
            margin-left: 19%;
        }
        img#logomobile {
            margin-top: 8%;
            display: block;
            margin-right: 2%;
            ;
            margin-left: 6%;
            width: 82px;
            height: 117px;
            display: block !important;
        }
        p#textofooter {
            text-align: center !important;
        }
        button.btn.soliciteligacao {
            margin-top: 0;
        }
        .footerfixed {
            top: 501px;
        }
        p#h1frentedecaixa,
        p#h1frentedecaixamudanca,
        p#h1segmentos {
            margin-left: 5%;
            width: 95%;
            margin-right: 0%;
        }
        p#h1frentedecaixamudanca,
        p.mensagemapptamudanca {
            margin-left: 5%;
        }
        .footerfixo {
            display: none;
        }
        span.fraseformulariobold,
        span.fraseformulariorevendaapptabold {
            margin-top: 4%;
            font-family: PoppinsBold;
            color: #07AEFF;
            font-size: 36px;
            letter-spacing: 0.07em;
            display: inline-block;
            line-height: 44px;
            margin-left: 0%;
        }
        p.subfraseformulario {
            margin-bottom: 5%;
            margin-top: 4%;
            font-family: RobotoRegular;
            font-style: normal;
            font-weight: normal;
            font-size: 1.1rem;
            line-height: 24px;
            letter-spacing: 0.07em;
            color: #8D8D8D;
            margin-left: 0%;
        }
        div#containerCor,
        div#containerCorLeft,
        div#containerCorAzul,
        div#containerCorAzulRight,
        div#containerCorAzulForte {
            background-image: none;
        }
        div#boxbranco {
            order: 2;
        }
        .colorMenu {
            height: 0px;
        }
        [data-aos=fade-up-left],
        [data-aos=fade-left] {
            transform: none !important;
        }
        p#titulossegmentos {
            width: 196px;
            font-size: 14px;
            margin-left: 0px;
            line-height: 101px;
        }
        button.btn.testegrartis30d {
            margin-top: 36px;
            font-size: 14px;
            margin-left: 0px;
            margin-bottom: 36px;
        }
        p#h1segmentos {
            margin-top: 0px;
        }
        p.mensagemappta,
        p.mensagemapptapdv {
            margin-bottom: 25%;
            width: 92%;
            margin-right: 13%;
            margin-left: 6%;
        }
        p#idfrentedecaixa,
        p#idnotafiscal,
        p#idpdv,
        p#h1pdv {
            margin-left: 5%;
        }
        p#h1pdv,
        p#h1frentedecaixa,
        p#h1segmentos {
            font-size: 27px;
            line-height: 33px;
        }
        p#idpdv {
            margin-top: 25%;
        }
        img#segmentos {
            margin-left: 35%;
        }
        div#boxazul,
        div#boxverdeimpressao {
            order: 1;
        }
        .lazy-img.col-7.revendapdv {
            display: none;
        }
        button#fidelizappta {
            margin-top: 36px;
            margin-bottom: 53px;
            margin-left: 5%;
        }
        a#submenulinkbold,
        a#submenulink {
            color: #FFF;
        }
        img#imagemmobile {
            margin-top: 30px;
            float: none;
            width: 100%;
        }
        div#backgroundgerencial {
            height: 304px;
            margin-bottom: 40px;
            background-position-x: 10px;
        }
        div#videogerencial {
            margin-top: 20px;
            margin-left: 0px;
        }
        p.title-apptagerencial.text-left {
            padding-top: 58px;
        }
        .container-fluid.apptagerencial {
            height: 100%;
        }
        .container-fluid.experimenteappta,
        .container-fluid.experimenteapptafood,
        .container-fluid.experimentefidelizappta {
            margin-bottom: 20.2rem;
            background-position: center;
        }
        .apptapdv {
            height: 100%;
        }
        div#background {
            order: 2;
            height: 399px;
            background-image: url(../img/pdv.png);
            background-repeat: no-repeat;
            background-position-y: 51px;
        }
        .fraseapptapdv {
            letter-spacing: 0.02em;
            margin-left: 5%;
            margin-top: 1%;
            line-height: 33px;
            font-size: 28px;
            width: 91%;
        }
        button#pdv {
            width: 293px;
            margin-left: 6% !important;
        }
        p.subfraseapptapdv {
            margin-top: 3rem;
            margin-bottom: 0px;
            width: 291px;
            margin-left: 18px;
        }
        button.btn.baixarTeste {
            margin-top: 176px;
            margin-left: 17%;
            background-color: #07AEFF;
            border-radius: 30px;
            width: 251px;
            font-family: RobotoBold;
            font-size: 1.1rem;
            color: #ffffff;
            letter-spacing: 0.07em;
            line-height: 21px;
            height: 60px;
        }
        div#pdvvideo {
            margin-left: 0%;
        }
        input#playpdv {
            margin-left: 94px;
            margin-top: 118px;
        }
        .formbaixar {
            margin-top: 361px;
        }
        .form.col-sm-10 {
            margin-left: 0% !important;
        }
        div#download {
            width: 90%;
            text-align: left;
        }
        .navmaster {
            margin-bottom: 0px;
            transition: none;
            background-color: #FFFFFF;
            width: 100%;
            height: 62.75px;
            float: right;
            border-bottom-left-radius: 0px;
            box-shadow: -3px 2px 12px 0px rgba(0, 0, 0, 0.10);
        }
        .bgmenu {
            background-image: url(../img/bg-header-mobile.jpg);
            background-repeat: no-repeat;
        }
        .bgappta {
            background-image: url(../img/bg-header-mobile.jpg);
            background-repeat: no-repeat;
        }
        p.subfrasegerir,
        p.subfrasetodobrasil,
        p.subfraseloja,
        a#quemsomos,
        a#carreiras,
        p.subfrasephoto1,
        p.subfrasephoto2,
        button.btn.qrppta,
        a.navbar-brand,
        button.btn.qrpptafooter,
        a.btn.ajudafooter,
        a#telefone,
        a.menu {
            display: none;
        }
        p.frasephoto1 {
            padding-left: 7%;
        }
        p.frasephoto2 {
            padding-left: 7%;
        }
        .container-fluid.bgconectado {
            background-size: 100% 100%;
            height: 500px;
            background-image: url(../img/varejomobile.jpg);
        }
        .frasesobre,
        .frasemobile {
            padding-left: 5% !important;
            margin-bottom: 11%;
            padding-top: 0;
            line-height: 33px;
            font-size: 27px;
            width: 80%;
            font-family: PoppinsBold;
            color: #07AEFF;
            letter-spacing: 0.02em;
            display: inline-block;
        }
        .frasemobile {
            margin-top: 13%;
            margin-left: -5%;
            width: 100%;
        }
        div.produtos {
            margin-top: 0%;
            margin-bottom: 10%;
        }
        p.endereco,
        .fraseloja {
            margin-bottom: 15%;
        }
        .col-sm-3.footer {
            margin-left: 10%;
        }
        .container.menufooter {
            margin-bottom: 18%;
        }
        .col-sm-5.photo2,
        .col-sm-5.photo1 {
            margin-left: 4%;
        }
        .col-sm-6.segundo {
            order: 2;
        }
        .col-sm-6.corpocliente {
            order: 2;
            margin-bottom: 16%;
            /* padding: 0px; */
        }
        .frasecliente {
            letter-spacing: 0.02em;
            line-height: 33px;
            font-size: 27px;
            margin-top: -41%;
            margin-left: -9%;
        }
        .fraseconectado {
            margin-top: 32%;
            margin-bottom: 8%;
        }
        button.btn.conheca {
            margin-bottom: 37%;
            margin-left: 2.1rem;
        }
        button.btn.btn-link.conhecafood {
            margin-bottom: 15%;
            margin-left: -4%;
        }
        button.btn.btn-link.conhecafideliza {
            margin-bottom: 15%;
            margin-left: 5%;
        }
        .w3-center.w3-container.w3-section.w3-large.w3-text-white.w3-display-bottommiddle {
            margin-top: 312px;
            width: 100%;
        }
        p.nomePerfil,
        p.nomePerfilRevenda {
            font-family: RobotoRegular;
            font-size: 1.1rem;
            line-height: 24px;
            letter-spacing: 0.07em;
            position: absolute;
            margin-top: 225px;
        }
        p.nomePerfilRevenda {
            margin-top: 47%;
        }
        span.frasedepoimento {
            margin-top: 14%;
            font-size: 22px;
            line-height: 25px;
            letter-spacing: 0.07em;
            font-family: PoppinsLight;
        }
        img#perfil {
            margin-top: 90%;
            position: absolute;
            margin-left: 18%;
            width: 214px;
        }
        input#playgerencial {
            margin-left: 88px;
            margin-top: 86px;
        }
        a#telefonemobile {
            display: inline;
            font-family: RobotoRegular;
            font-style: normal;
            font-size: 14px;
            line-height: 16px;
            letter-spacing: 0.07em;
            color: #C7BD6C;
            padding: 15px;
        }
        a#telefone {
            margin-top: 2%;
            display: inline;
        }
        button.btn.btn-link.assistaovideo1 {
            margin-top: 5%;
            margin-left: 6%;
            padding-bottom: 0px !important;
        }
        button.btn.btn-link.assistaovideo2 {
            margin-top: 5%;
            margin-left: 6%;
            margin-bottom: 30%;
        }
        a.textbtnmenumobile {
            color: #FFFFFF;
            padding-left: 10px;
        }
        .frase,
        .subfrase,
        p.h1fidelizappta {
            font-family: PoppinsBold;
            color: #ffffff;
            letter-spacing: 0.02em;
            margin-left: 2.1rem;
            margin-top: 10%;
            line-height: 33px;
            font-size: 27px;
            width: 80%;
        }
        p.mensagemfidelizappta {
            margin-left: 11%;
        }
        a.btn.agendademo {
            margin-left: 4%;
        }
        .subfrase {
            font-size: 1.1rem;
            font-family: RobotoRegular;
            letter-spacing: 0.07em;
            font-weight: normal;
            line-height: 24px;
        }
        div#backgroundfood {
            order: 2;
        }
        div#containerCorLeft,
        div#containerCorAzulRight,
        div#containerCorAzul,
        div#containerCor,
        div#containerCorAzulForte {
            padding: 0;
        }
        .col-sm-12.varejo1,
        .col-sm-7.bgtenhoappta,
        .col-sm-7.bgtodobrasil {
            order: 2;
        }
        img#imagemloja {
            width: 77%;
            margin-left: 11%;
        }
        .card-body.moduloesq {
            /* padding: 0; */
            background-size: 100%;
            width: 84%;
            height: 100%;
            margin-left: 10%;
            margin-bottom: 7%;
        }
        .card-body.modulodir {
            /* padding: 0; */
            background-size: 100%;
            width: 84%;
            height: 100%;
            margin-left: 10%;
            margin-bottom: 7%;
        }
        button.btn.modulos {
            margin-top: 15%;
            margin-bottom: 15%;
            margin-left: 17%;
            /* margin-right: 0%; */
            background-color: #C7BD6C;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
            border-radius: 30px;
            width: 206px;
            height: 60px;
            font-family: RobotoBold;
            font-size: 1.1rem;
            color: #ffffff;
        }
        .card-body.moduloesq:hover {
            background: linear-gradient(358.47deg, #07AEFF 0.6%, rgba(255, 255, 255, 0) 95.6%), radial-gradient(503.38px at 100% -10.76%, rgba(7, 174, 255, 0.58) 0%, rgba(3, 75, 110, 0.250729) 76.56%, rgba(0, 0, 0, 0) 100%), url(../img/modulo1.jpg);
            background-size: 100%;
        }
        .card-body.modulodir:hover {
            background: linear-gradient(358.47deg, #07AEFF 0.6%, rgba(255, 255, 255, 0) 95.6%), radial-gradient(503.38px at 100% -10.76%, rgba(7, 174, 255, 0.58) 0%, rgba(3, 75, 110, 0.250729) 76.56%, rgba(0, 0, 0, 0) 100%), url(../img/modulo1.jpg);
            background-size: 100%;
        }
        span.frasetodobrasil {
            padding-left: 10%;
            padding-top: 5%;
            padding-bottom: 11%;
        }
        span.frasegerir {
            margin-bottom: 14%;
            padding-left: 10%;
        }
        span.frasemodulos {
            margin-left: 6%;
        }
        span.frasetenhoappta {
            margin-top: 0;
        }
        .container-fluid.segmento {
            background-size: cover;
        }
        img#imagemgerir {
            width: 100%;
            margin-left: 2%;
        }
        .col-sm-7.bgtodobrasil {
            margin-bottom: 17%;
        }
        a#btnWhats {
            margin-right: -11px;
            margin-bottom: 20%;
        }
        a#btnWhats:hover {
            width: 60px;
            height: 60px;
        }
    }