<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="theme-color" content="#000000">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    

    
      <meta property="og:title" content="Seja um distribuidor B.ON!" />
      <meta name="twitter:title" content="Seja um distribuidor B.ON!" />
    

    
      <meta property="og:image" content="https://d335luupugsy2.cloudfront.net/images/landing_pages/8770631/1759344743117seja-distribuidor-b.on2.webp" />
      <meta name="twitter:image" content="https://d335luupugsy2.cloudfront.net/images/landing_pages/8770631/1759344743117seja-distribuidor-b.on2.webp" />
    

    
      <meta name="twitter:card" content="summary" />
    

    
      <meta property="og:description" content="Quer expandir seus negócios? Seja distribuidor B.ON e conte com produtos de alta qualidade, condições especiais e o respaldo de uma marca reconhecida. Faça parte de uma rede que só cresce!" />
      <meta name="twitter:description" content="Quer expandir seus negócios? Seja distribuidor B.ON e conte com produtos de alta qualidade, condições especiais e o respaldo de uma marca reconhecida. Faça parte de uma rede que só cresce!" />
    

    
      <link rel="canonical" href="https://materiais.comprebon.com/seja-um-distribuidor" />
    

    <title>LP | Seja distribuidor</title>

    
    <!-- Reset Browser Styles -->
    <style type="text/css" rel="stylesheet">
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed,
      figure, figcaption, footer, header, hgroup,
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
      }

      article, aside, details, figcaption, figure,
      footer, header, hgroup, menu, nav, section {
        display: block;
      }

      body {
        line-height: 1;
      }

      img {
        vertical-align: middle;
      }

      ol, ul {
        list-style: none;
      }

      blockquote, q {
        quotes: none;
      }

      blockquote:before, blockquote:after,
      q:before, q:after {
        content: '';
        content: none;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      b, strong {
        font-weight: bold;
      }

      i, em {
        font-style: italic;
      }
    </style>

    <!-- Bricks Main Styles -->
    <style type="text/css" rel="stylesheet">
      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      body {
        background-color: #FFFFFF;
        color: #333333;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.42857;
      }

      h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.2;
        color: inherit;
      }

      h1 { font-size: 41px; }
      h2 { font-size: 34px; }
      h3 { font-size: 28px; }
      h4 { font-size: 20px; }
      h5 { font-size: 16px; }
      h6 { font-size: 14px; }

      .bricks--page {
        width: 100%;
      }

      .bricks--section {
        width: 100%;
      }

      .bricks--section > div {
        margin-left: auto;
        margin-right: auto;
      }

      .bricks--row {
        display: flex;
        flex-flow: column nowrap;
      }

      .bricks--column > div {
        height: 100%;
        display: flex;
        flex-direction: column;
      }

      .bricks--component-box {
        display: flex;
        flex-flow: column nowrap;
        width: 100%;
      }

      @media screen and (min-width: 768px) {
        .bricks--row {
          flex-flow: row nowrap;
        }
      }
    </style>

    <!-- Bricks Component Form Styles -->
    <style type="text/css" rel="stylesheet">
      .bricks-form {
        height: auto;
        width: 100%;
      }

      .bricks-form__fieldset {
        display: flex;
        flex-flow: row wrap;
        margin-left: -5px;
        margin-right: -5px;
      }

      .bricks-form__field {
        display: flex;
        width: 100%;
        flex-grow: 1;
        flex-direction: column;
      }

      .bricks-form__field--hidden {
        display: none;
      }

      .bricks-form__label {
        position: relative !important;
        display: inline-block;
        max-width: 100%;
        margin-bottom: 0.4em;
        line-height: 1.25;
        vertical-align: middle;
      }

      .bricks-form__input {
        display: block;
        width: 100%;
        padding: 0 0.5em;
        line-height: 1.42857;
      }

      .bricks-form__input.error {
        border: 1px solid red !important;
      }

      .bricks-form__field__option .bricks-form__label {
        padding-left: 1.33em;
        margin-bottom: 0.2em;
      }

      .bricks-form__field__option .bricks-form__label input[type="checkbox"],
      .bricks-form__field__option .bricks-form__label input[type="radio"] {
        margin: 0px 0px 0px -1.33em;
      }

      .bricks-form__submit {
        position: relative;
      }
    </style>

    <link rel="preload" href="https://fonts.googleapis.com/css?family=Bitter|Cabin|Crimson+Text|Droid+Sans|Droid+Serif|Lato|Lobster|Montserrat|Old+Standard+TT|Open+Sans|Oswald|Pacifico|Playfair+Display|PT+Sans|Raleway|Rubik|Source+Sans+Pro|Ubuntu|Roboto" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter|Cabin|Crimson+Text|Droid+Sans|Droid+Serif|Lato|Lobster|Montserrat|Old+Standard+TT|Open+Sans|Oswald|Pacifico|Playfair+Display|PT+Sans|Raleway|Rubik|Source+Sans+Pro|Ubuntu|Roboto">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css">
    </noscript>

    <!-- Bricks Static Shared Styles -->
<style type="text/css" rel="stylesheet">
   .bricks--component-video div {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    line-height: 0;
    box-sizing: border-box;
  }

   .bricks--component-video div iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
</style>

    

<!-- Bricks Static Text Styles -->
<style type="text/css" rel="stylesheet">

   .bricks--component-text {
    color: #333;
    line-height: 1.42;
    overflow: hidden;
    word-wrap: break-word;
  }

   .bricks--component-text a {
    color: #31a2ff;
    text-decoration: none;
  }

   .bricks--component-text sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

   .bricks--component-text sub {
    bottom: -0.25em;
  }

   .bricks--component-text sup {
    top: -0.5em;
  }

   .bricks--component-text ol, 
   .bricks--component-text ul {
    padding-left: 1.5em;
  }

   .bricks--component-text ol > li,
   .bricks--component-text ul > li {
    list-style-type: none;
  }

   .bricks--component-text ul > li::before {
    content: '\2022';
  }

   .bricks--component-text li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }

   .bricks--component-text li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }

   .bricks--component-text li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }

   .bricks--component-text ol li:not(.ql-direction-rtl),
   .bricks--component-text ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }

   .bricks--component-text ol li.ql-direction-rtl,
   .bricks--component-text ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }

   .bricks--component-text ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }

   .bricks--component-text ol li:before {
    content: counter(list-0, decimal) '. ';
  }

   .bricks--component-text ol li.ql-indent-1 {
    counter-increment: list-1;
  }

   .bricks--component-text ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
  }

   .bricks--component-text ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-2 {
    counter-increment: list-2;
  }

   .bricks--component-text ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
  }

   .bricks--component-text ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-3 {
    counter-increment: list-3;
  }

   .bricks--component-text ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
  }

   .bricks--component-text ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-4 {
    counter-increment: list-4;
  }

   .bricks--component-text ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
  }

   .bricks--component-text ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-5 {
    counter-increment: list-5;
  }

   .bricks--component-text ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
  }

   .bricks--component-text ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-6 {
    counter-increment: list-6;
  }

   .bricks--component-text ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
  }

   .bricks--component-text ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-7 {
    counter-increment: list-7;
  }

   .bricks--component-text ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
  }

   .bricks--component-text ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-8 {
    counter-increment: list-8;
  }

   .bricks--component-text ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
  }

   .bricks--component-text ol li.ql-indent-8 {
    counter-reset: list-9;
  }

   .bricks--component-text ol li.ql-indent-9 {
    counter-increment: list-9;
  }

   .bricks--component-text ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
  }

   .bricks--component-text .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }

   .bricks--component-text li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }

   .bricks--component-text .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }

   .bricks--component-text li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }

   .bricks--component-text .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }

   .bricks--component-text li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }

   .bricks--component-text .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }

   .bricks--component-text li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }

   .bricks--component-text .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }

   .bricks--component-text li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }

   .bricks--component-text .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }

   .bricks--component-text li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }

   .bricks--component-text .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }

   .bricks--component-text li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }

   .bricks--component-text .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }

   .bricks--component-text li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }

   .bricks--component-text .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }

   .bricks--component-text li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }

   .bricks--component-text .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }

   .bricks--component-text li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }

   .bricks--component-text .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }

   .bricks--component-text li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }

   .bricks--component-text .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }

   .bricks--component-text li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }

   .bricks--component-text .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }

   .bricks--component-text li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }

   .bricks--component-text .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }

   .bricks--component-text li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }

   .bricks--component-text .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }

   .bricks--component-text li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }

   .bricks--component-text .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }

   .bricks--component-text li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }

   .bricks--component-text .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }

   .bricks--component-text li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }

   .bricks--component-text .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }

   .bricks--component-text li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }

   .bricks--component-text .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  
</style>


    <!-- Defines page width style to row components -->
    <style>
      .bricks--section > div {
        max-width: 960px;
      }
    </style>
    
    
    
    
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/jquery.validate/1.9/jquery.validate.min.js"></script>
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.js"></script>
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/lead-tracking/stable/plugins/jquery.cookie.v1.4.1.min.js"></script>
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/lead-tracking/stable/plugins/math.uuid.v1.4.min.js"></script>
    

    <script type="text/javascript"> </script>

<link rel="shortcut icon" type="image/png" href="https://s10.aconvert.com/convert/p3r68-cdx67/ak5bm-sobyq.jpg">

    

  </head>
  <body>
    
      <input type="hidden" id="ga4-measurement-id" value="G-5787ZECCED">
      <input type="hidden" id="has-gtm" value="false">
    

    <div class="bricks--container">
      <div class="bricks--page">
        

<style type="text/css" rel="stylesheet">
  
    #rd-section-jwi6t9iq {
      
            background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url(https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759431843/$nxabyose87j);
            background-position-x: 50%;
            background-position-y: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
          
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-jwi6t9iq > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
    
      @media (max-width: 480px) {
        #rd-section-jwi6t9iq {
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }

      #rd-section-jwi6t9iq > div:not(.bricks--row) {
        min-height: 0px;
      }
    
  
</style>

<section id="rd-section-jwi6t9iq" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9r9f3x {
      min-height: 141px;
    }

    #rd-row-mg9r9f3x .bricks--column > div {
      min-height: 141px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9r9f3x.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9r9f3x.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9r9f3x" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9r9mbc {
      flex: 12 0 0;
    }

    #rd-column-mg9r9mbc > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9r9mbc > div {
        min-height: auto !important;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-column-mg9r9mbc > div {
          padding-top: 0px;
          padding-right: 10px;
          padding-bottom: 0px;
          padding-left: 10px;
        }
      }
    
  
</style>

<div id="rd-column-mg9r9mbc" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg9ru2ho {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: flex-start;
      max-width: 120px;
    }

    #rd-image-mg9ru2ho a,
    #rd-image-mg9ru2ho img {
      width: 120px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg9ru2ho {
        align-self: center;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-image-mg9ru2ho {
          margin-top: 40px;
          margin-bottom: 40px;
          align-self: flex-start;
          max-width: 98px;
        }

        #rd-image-mg9ru2ho a,
        #rd-image-mg9ru2ho img {
          width: 98px;
          max-width: 100%;
          height: auto;
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }
    
  
</style>



<div id="rd-image-mg9ru2ho" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759430088/$9xp3q6ml7tm" alt="">

  
</div>

  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg82clmp {
      min-height: 157px;
    }

    #rd-row-mg82clmp .bricks--column > div {
      min-height: 157px;
    }

    @media (max-width: 480px) {
      #rd-row-mg82clmp.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg82clmp.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg82clmp" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg82clmq {
      flex: 12 0 0;
    }

    #rd-column-mg82clmq > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg82clmq > div {
        min-height: auto !important;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-column-mg82clmq > div {
          padding-top: 0px;
          padding-right: 10px;
          padding-bottom: 0px;
          padding-left: 10px;
        }
      }
    
  
</style>

<div id="rd-column-mg82clmq" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-jwi6t9ir {
      min-height: 568px;
    }

    #rd-row-jwi6t9ir .bricks--column > div {
      min-height: 568px;
    }

    @media (max-width: 480px) {
      #rd-row-jwi6t9ir.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-jwi6t9ir.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-jwi6t9ir" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-jwi6t9is {
      flex: 12 0 0;
    }

    #rd-column-jwi6t9is > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-jwi6t9is > div {
        min-height: auto !important;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-column-jwi6t9is > div {
          padding-top: 0px;
          padding-right: 5px;
          padding-bottom: 0px;
          padding-left: 10px;
        }
      }
    
  
</style>

<div id="rd-column-jwi6t9is" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg9ramv9 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto54px;
      max-width: 499px;
      margin-top: 40px;
      margin-bottom: 10px;
      align-self: flex-start;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg9ramv9" class="bricks--component bricks--component-text rd-text">
  <h1><strong style="color: rgb(253, 253, 253); font-size: 42px; font-family: Lato, sans-serif;">Alavanque seus ganhos </strong></h1><h1><strong style="color: rgb(253, 253, 253); font-size: 42px; font-family: Lato, sans-serif;">no mercado de moda tecnológica</strong></h1>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-jwi6z3op {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-25px;
      max-width: 488px;
      margin-top: -1px;
      margin-bottom: 10px;
      align-self: flex-start;
      width: 100%;
      word-break: break-word;
    }
  

  
    
      #rd-text-jwi6z3op.mobile {
        display: none;
      }

      @media (max-width: 480px) {
         #rd-text-jwi6z3op {
          display: none;
        }

        #rd-text-jwi6z3op.mobile {
          display: block;
          max-width: 636px;
          margin-top: -1px;
          margin-bottom: 10px;
        }
      }
    
  
</style>

<div id="rd-text-jwi6z3op" class="bricks--component bricks--component-text rd-text">
  <p><span style="font-family: Lato, sans-serif; font-size: 17px; color: rgb(253, 253, 253);">﻿Junte-se a mais de 2.000 distribuidores de sucesso e conquiste</span></p><p><span style="font-family: Lato, sans-serif; font-size: 17px; color: rgb(253, 253, 253);">uma margem de lucro inicial GARANTIDA com roupas&nbsp;</span></p><p><span style="font-family: Lato, sans-serif; font-size: 17px; color: rgb(253, 253, 253);">de vestuário voltadas ao bem-estar e saúde.&nbsp;&nbsp;</span></p>
</div>


  <div id="rd-text-jwi6z3op" class="bricks--component bricks--component-text mobile rd-text">
    <p><span style="color: rgb(253, 253, 253);">Junte-se a mais de 2.000 distribuidores de sucesso e conquiste</span></p><p><span style="color: rgb(253, 253, 253);">&nbsp;uma margem de lucro inicial GARANTIDA com roupas&nbsp;</span></p><p><span style="color: rgb(253, 253, 253);">de vestuário voltadas ao bem-estar e saúde.&nbsp;&nbsp;</span></p>
  </div>



<style type="text/css" rel="stylesheet">
  
    a#rd-button-jwi6tlsk {
      display: flex;
      flex-direction: column;
    }

    #rd-button-jwi6tlsk.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: flex-start;
      background-color: #1b8936;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 42px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 23px;
      font-style: normal;
      font-weight: bold;
      height: 55px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 1px;
      margin-top: 10px;
      max-width: 358px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-jwi6tlsk {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="#rd-form-joq3m2vy"
    id="rd-button-jwi6tlsk"
    target="_self"
    title=""
  >
    Quero ser um distribuidor
  </a>



<style type="text/css" rel="stylesheet">
  
    a#rd-button-mh4sj1wa {
      display: flex;
      flex-direction: column;
    }

    #rd-button-mh4sj1wa.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: flex-start;
      background-color: #1b6889;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 42px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 23px;
      font-style: normal;
      font-weight: bold;
      height: 55px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 1px;
      margin-top: 10px;
      max-width: 358px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-mh4sj1wa {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="https://comprebon.com/publico"
    id="rd-button-mh4sj1wa"
    target="_self"
    title=""
  >
    Área do distribuidor B.ON
  </a>



<style type="text/css" rel="stylesheet">
  
    a#rd-button-mg9rdtcv {
      display: flex;
      flex-direction: column;
    }

    #rd-button-mg9rdtcv.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: flex-start;
      background-color: #031a0c;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 42px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 23px;
      font-style: normal;
      font-weight: bold;
      height: 55px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 10px;
      margin-top: 10px;
      max-width: 324px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-mg9rdtcv {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="https://comprebon.com/loja/"
    id="rd-button-mg9rdtcv"
    target="_blank"
    title=""
  >
    Conheça nossos produtos
  </a>


  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg82cjux {
      min-height: 50px;
    }

    #rd-row-mg82cjux .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg82cjux.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg82cjux.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg82cjux" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg82cjuy {
      flex: 12 0 0;
    }

    #rd-column-mg82cjuy > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg82cjuy > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg82cjuy" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg82d2hm {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: 0px;
      max-width: 200px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg82d2hm" class="bricks--component bricks--component-text rd-text">
  <p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg9r9a7j {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg9r9a7j > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg9r9a7j" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9r9a7k {
      min-height: 50px;
    }

    #rd-row-mg9r9a7k .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9r9a7k.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9r9a7k.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9r9a7k" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9r9a7l {
      flex: 12 0 0;
    }

    #rd-column-mg9r9a7l > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9r9a7l > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9r9a7l" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-jwi75i33 {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-jwi75i33 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-jwi75i33" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-jwi75i34 {
      min-height: 134px;
    }

    #rd-row-jwi75i34 .bricks--column > div {
      min-height: 134px;
    }

    @media (max-width: 480px) {
      #rd-row-jwi75i34.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-jwi75i34.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-jwi75i34" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-jwi75i35 {
      flex: 12 0 0;
    }

    #rd-column-jwi75i35 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-jwi75i35 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-jwi75i35" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-jwi75vje {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-140px;
      max-width: 836px;
      margin-top: 23px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-jwi75vje" class="bricks--component bricks--component-text rd-text">
  <h2 style="text-align: center;"><strong style="font-size: 36px; font-family: Lato, sans-serif;">&nbsp;Por que se tornar um Distribuidor B.ON ?&nbsp;&nbsp;</strong></h2>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg9t2bxn {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-22px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 40px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg9t2bxn" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: center;"><span style="font-family: Lato, sans-serif;">Descubra todas as vantagens exclusivas que temos para oferecer! Aproveite agora e alcance o sucesso que você merece.</span></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-jwi7640j {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-jwi7640j > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-jwi7640j" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-jwi7640k {
      min-height: 203px;
    }

    #rd-row-jwi7640k .bricks--column > div {
      min-height: 203px;
    }

    @media (max-width: 480px) {
      #rd-row-jwi7640k.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-jwi7640k.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-jwi7640k" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-jwi7688t {
      flex: 4 0 0;
    }

    #rd-column-jwi7688t > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-jwi7688t > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-jwi7688t" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6u3sph {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 111px;
    }

    #rd-image-mg6u3sph a,
    #rd-image-mg6u3sph img {
      width: 111px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6u3sph {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6u3sph" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1760107466/$bx6plqzbmyj" alt="Lucratividade Excepcional">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mgkxz3tt {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-24px;
      max-width: 290px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mgkxz3tt" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Lucrativade Exepcional</strong></h5><h5 style="text-align: center;"><br></h5><p style="text-align: center;"><span style="color: rgb(0, 0, 0); font-family: Lato, sans-serif; font-size: 16px; background-color: rgb(255, 255, 255);">Desfrute de uma margem de lucro de até 100%, aumente seus ganhos.</span></p>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6u3ik5 {
      flex: 4 0 0;
    }

    #rd-column-mg6u3ik5 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6u3ik5 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6u3ik5" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6u6vcs {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 118px;
    }

    #rd-image-mg6u6vcs a,
    #rd-image-mg6u6vcs img {
      width: 118px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6u6vcs {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6u6vcs" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1760107466/$2nncfdhl2gf" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6u7bdp {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-24px;
      max-width: 290px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6u7bdp" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-size: inherit; font-family: Lato, sans-serif;">Investimento Inicial Inteligente</strong></h5><h5 style="text-align: center;"><br></h5><p style="text-align: center;"><span style="background-color: rgb(255, 255, 255); font-size: 16px; font-family: Lato, sans-serif; color: rgb(0, 0, 0);">Comece seu negócio com um baixo investimento inicial e sem riscos.<span class="ql-cursor">﻿</span></span></p>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6u3d47 {
      flex: 4 0 0;
    }

    #rd-column-mg6u3d47 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6u3d47 > div {
        min-height: auto !important;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-column-mg6u3d47 > div {
          padding-top: 0px;
          padding-right: 10px;
          padding-bottom: 0px;
          padding-left: 10px;
        }
      }
    
  
</style>

<div id="rd-column-mg6u3d47" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6u6xn9 {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 118px;
    }

    #rd-image-mg6u6xn9 a,
    #rd-image-mg6u6xn9 img {
      width: 118px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6u6xn9 {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6u6xn9" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1760107466/$v8m4f0l3frk" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6u7enp {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-23px;
      max-width: 300px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6u7enp" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Presença Online Forte</strong></h5><p><br></p><p style="text-align: center;"><span style="font-family: Lato, sans-serif;">Utilize nossas redes sociais e identidade visual para impulsionar suas vendas.</span></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6u6br7 {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6u6br7 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6u6br7" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6u6br8 {
      min-height: 203px;
    }

    #rd-row-mg6u6br8 .bricks--column > div {
      min-height: 203px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6u6br8.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6u6br8.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6u6br8" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6u6brc {
      flex: 3 0 0;
    }

    #rd-column-mg6u6brc > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6u6brc > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6u6brc" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6u6zrg {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 116px;
    }

    #rd-image-mg6u6zrg a,
    #rd-image-mg6u6zrg img {
      width: 116px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6u6zrg {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6u6zrg" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1760107740/$x9th39vffmi" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6u7gsc {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 220px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6u7gsc" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Flexibilidade Total de Horários</strong></h5><p><br></p><p style="text-align: center;"><span style="font-family: Lato, sans-serif;">Faça seu próprio horário e trabalhe de onde quiser, conciliando sua vida pessoal e profissional.</span></p>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6u6brd {
      flex: 3 0 0;
    }

    #rd-column-mg6u6brd > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6u6brd > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6u6brd" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6u72ho {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 120px;
    }

    #rd-image-mg6u72ho a,
    #rd-image-mg6u72ho img {
      width: 120px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6u72ho {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6u72ho" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1760107466/$6ab4l74rsra" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6u7ie4 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 220px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6u7ie4" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Capacitação Contínua&nbsp;</strong></h5><p><br></p><p style="text-align: center;"><span style="font-family: Lato, sans-serif;">Participe dos nossos treinamentos exclusivos e aprimore as suas habilidades de venda.&nbsp;</span></p>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6u6bre {
      flex: 3 0 0;
    }

    #rd-column-mg6u6bre > div {
      
          background-color: transparent;
        
      justify-content: flex-start;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6u6bre > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6u6bre" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6u74ct {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 124px;
    }

    #rd-image-mg6u74ct a,
    #rd-image-mg6u74ct img {
      width: 124px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6u74ct {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6u74ct" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1760107466/$jjed4komu2r" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6u7k85 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-18px;
      max-width: 220px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6u7k85" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Rede de Suporte Completo</strong></h5><p><br></p><p style="text-align: center;"><span style="font-family: Lato, sans-serif;">&nbsp;&nbsp;Conte com ferramentas, materiais de apoio e um cadastro instantâneo para começar rapidamente.&nbsp;&nbsp;</span></p>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6u6km5 {
      flex: 3 0 0;
    }

    #rd-column-mg6u6km5 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6u6km5 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6u6km5" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6u762c {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 131px;
    }

    #rd-image-mg6u762c a,
    #rd-image-mg6u762c img {
      width: 131px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6u762c {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6u762c" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1760107466/$xqwmqvoygo" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6u7lvo {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-22px;
      max-width: 220px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6u7lvo" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Loja Virtual com Dropshipping</strong></h5><p><br></p><p style="text-align: center;"><span style="font-family: Lato, sans-serif;">&nbsp;&nbsp;Tenha sua própria loja virtual sem a necessidade de estoque, focando apenas nas vendas, com criação gratuita&nbsp;&nbsp;</span></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6uf743 {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6uf743 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6uf743" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6uf744 {
      min-height: 126px;
    }

    #rd-row-mg6uf744 .bricks--column > div {
      min-height: 126px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6uf744.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6uf744.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6uf744" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6uf745 {
      flex: 12 0 0;
    }

    #rd-column-mg6uf745 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6uf745 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6uf745" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    a#rd-button-mg6ufht8 {
      display: flex;
      flex-direction: column;
    }

    #rd-button-mg6ufht8.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: center;
      background-color: #1b8936;
      border-bottom-style: solid;
      border-color: #ffffff;
      border-left-style: solid;
      border-radius: 100px;
      border-right-style: solid;
      border-top-style: solid;
      border-width: 1px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: bold;
      height: 44px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 10px;
      margin-top: 10px;
      max-width: 369px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-mg6ufht8 {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="#rd-form-joq3m2vy"
    id="rd-button-mg6ufht8"
    target="_self"
    title=""
  >
    Descubra agora!
  </a>


  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-jwi7l05c {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-jwi7l05c > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-jwi7l05c" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-jwi7l05d {
      min-height: 247px;
    }

    #rd-row-jwi7l05d .bricks--column > div {
      min-height: 247px;
    }

    @media (max-width: 480px) {
      #rd-row-jwi7l05d.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-jwi7l05d.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-jwi7l05d" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-jwi7l05e {
      flex: 12 0 0;
    }

    #rd-column-jwi7l05e > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-jwi7l05e > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-jwi7l05e" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-video-mg6uhnkk {
      margin-top: 50px;
      margin-bottom: 50px;
      align-self: center;
      width: 960px;
      max-width: 100%;
    }

    #rd-video-mg6uhnkk iframe {
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
  

  
    
      @media (max-width: 480px) {
        #rd-video-mg6uhnkk {
        margin-top: 10px;
        margin-bottom: 10px;
        align-self: center;
        width: 960px;
      }

      #rd-video-mg6uhnkk iframe {
        border-bottom-style: none;
        border-color: #000000;
        border-left-style: none;
        border-radius: 0px;
        border-right-style: none;
        border-top-style: none;
        border-width: 1px;
      }
      }
    
  
</style>

<div id="rd-video-mg6uhnkk" class="bricks--component bricks--component-video rd-video">
  <div>
    <iframe src="https://www.youtube.com/embed/agouzy8rxwU?&rel=0&autoplay=1&mute=1" frameborder="0"
            allow="autoplay; accelerometer; encrypted-media; gyroscope; fullscreen; picture-in-picture"
            allowfullscreen>
    </iframe>
  </div>
</div>

  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6ussb5 {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6ussb5 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6ussb5" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6ussb6 {
      min-height: 65px;
    }

    #rd-row-mg6ussb6 .bricks--column > div {
      min-height: 65px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6ussb6.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6ussb6.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6ussb6" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6ussb7 {
      flex: 12 0 0;
    }

    #rd-column-mg6ussb7 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6ussb7 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6ussb7" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6uteop {
      
          background-color: #ffffff;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6uteop > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6uteop" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg704bul {
      min-height: 132px;
    }

    #rd-row-mg704bul .bricks--column > div {
      min-height: 132px;
    }

    @media (max-width: 480px) {
      #rd-row-mg704bul.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg704bul.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg704bul" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg704bum {
      flex: 12 0 0;
    }

    #rd-column-mg704bum > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg704bum > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg704bum" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6usxrn {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-187px;
      max-width: 859px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6usxrn" class="bricks--component bricks--component-text rd-text">
  <h2 style="text-align: center;"><strong style="font-size: 36px; font-family: Lato, sans-serif;">O que nossos distribuidores dizem sobre a B.ON?</strong></h2>
</div>



  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6uteoq {
      min-height: 324px;
    }

    #rd-row-mg6uteoq .bricks--column > div {
      min-height: 324px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6uteoq.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6uteoq.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6uteoq" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6utqoj {
      flex: 4 0 0;
    }

    #rd-column-mg6utqoj > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6utqoj > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6utqoj" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6uud7m {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 90px;
    }

    #rd-image-mg6uud7m a,
    #rd-image-mg6uud7m img {
      width: 90px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6uud7m {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6uud7m" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759253122/$panvpm8zhx" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6uul2q {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 300px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6uul2q" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: center;"><span style="font-family: Lato, sans-serif;">Distribuidora B.ON há mais de 4 anos, sou apaixonada pela marca e pela tecnologia dos tecidos inteligentes que transformam vidas. Vejo os resultados em mim e nos meus clientes diariamente. A B.ON me oferece excelente negócio, suporte e a gratificante experiência de levar bem-estar às pessoas. Indico com total confiança!&nbsp;</span></p><p style="text-align: center;"><br></p><h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif;">&nbsp;&nbsp;Mary</strong></h5>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6uteor {
      flex: 4 0 0;
    }

    #rd-column-mg6uteor > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6uteor > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6uteor" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6uuf9e {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 90px;
    }

    #rd-image-mg6uuf9e a,
    #rd-image-mg6uuf9e img {
      width: 90px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6uuf9e {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6uuf9e" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759253122/$o60hefylswc" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6uumy3 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-23px;
      max-width: 283px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6uumy3" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: center;"><span style="font-family: Lato, sans-serif;">Ser uma distribuidora B.ON é gratificante!!! Levar saúde e bem-estar às pessoas não tem preço...&nbsp;&nbsp;</span></p><p style="text-align: center;"><br></p><h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif;">Janete</strong></h5>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6utgvu {
      flex: 4 0 0;
    }

    #rd-column-mg6utgvu > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6utgvu > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6utgvu" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6uuh5v {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 90px;
    }

    #rd-image-mg6uuh5v a,
    #rd-image-mg6uuh5v img {
      width: 90px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6uuh5v {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6uuh5v" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759253122/$ud9yh6fiuk" alt="">

  
</div>

<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6uuomk {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-91px;
      max-width: 291px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6uuomk" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: center;"><span style="font-family: Lato, sans-serif;">&nbsp;Em julho de 2020, iniciei minha parceria com a B.ON, atraído pela alta tecnologia das peças e pela seriedade da empresa. Hoje, não vivo sem os produtos e indico sem hesitar. O suporte comercial é sempre impecável. Sou grato à B.ON!&nbsp;</span></p><p style="text-align: center;"><br></p><h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif;">Pablo</strong></h5>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6uz8pe {
      
          background-color: #f3f3f3;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6uz8pe > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6uz8pe" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6uz8pf {
      min-height: 144px;
    }

    #rd-row-mg6uz8pf .bricks--column > div {
      min-height: 144px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6uz8pf.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6uz8pf.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6uz8pf" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6uzpr6 {
      flex: 12 0 0;
    }

    #rd-column-mg6uzpr6 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6uzpr6 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6uzpr6" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6uzvua {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 829px;
      margin-top: 40px;
      margin-bottom: 40px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6uzvua" class="bricks--component bricks--component-text rd-text">
  <h2 style="text-align: center;"><strong style="font-size: 36px;">&nbsp;B.ON: Uma História de&nbsp;Sucesso e Qualidade&nbsp;</strong></h2>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6v0oy0 {
      
          background-color: #f3f3f3;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6v0oy0 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6v0oy0" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6v0oy1 {
      min-height: 403px;
    }

    #rd-row-mg6v0oy1 .bricks--column > div {
      min-height: 403px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6v0oy1.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6v0oy1.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6v0oy1" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6v0oy2 {
      flex: 8 0 0;
    }

    #rd-column-mg6v0oy2 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6v0oy2 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6v0oy2" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6v0oy3 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-23px;
      max-width: 677px;
      margin-top: 14px;
      margin-bottom: 40px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6v0oy3" class="bricks--component bricks--component-text rd-text">
  <p><br></p><p>A<strong>&nbsp;B.ON&nbsp;</strong>nasceu com a expertise de mais de 20 anos no mercado têxtil do Grupo Rosa Maria Liotto &amp; Cia Ltda, especialista em private label no segmento fitness e moda esportiva.</p><p><br></p><p>Localizada em Brusque – SC, nossa estrutura conta com um parque fabril de&nbsp;<strong>6.000 m²</strong>, gerando mais de 150 empregos diretos e 500 indiretos, com uma capacidade produtiva de&nbsp;<strong>300 mil peças por mês</strong>.</p><p><br></p><p>Atualmente, somos representados por&nbsp;<strong>mais de 1200 distribuidores em mais de 20&nbsp;</strong>países, oferecendo uma cartela de mais de 220 produtos de alta qualidade que transformam a vida de nossos clientes.&nbsp;&nbsp;</p>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9shhm3 {
      flex: 4 0 0;
    }

    #rd-column-mg9shhm3 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9shhm3 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9shhm3" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg9sho09 {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 370px;
    }

    #rd-image-mg9sho09 a,
    #rd-image-mg9sho09 img {
      width: 370px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg9sho09 {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg9sho09" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759431843/$ho3r6lc7amj" alt="">

  
</div>

  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9sj8kq {
      min-height: 50px;
    }

    #rd-row-mg9sj8kq .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9sj8kq.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9sj8kq.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9sj8kq" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9sj8kr {
      flex: 12 0 0;
    }

    #rd-column-mg9sj8kr > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9sj8kr > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9sj8kr" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6vaz48 {
      
            background-image: url(https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759344601/$d7l2c50td9), linear-gradient(to bottom, rgba(74,144,226,0) 0%, rgba(74,144,226,0) 100%);
            background-position-x: 50%;
            background-position-y: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
          
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6vaz48 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6vaz48" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6y8oid {
      min-height: 249px;
    }

    #rd-row-mg6y8oid .bricks--column > div {
      min-height: 249px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6y8oid.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6y8oid.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6y8oid" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6y8oie {
      flex: 12 0 0;
    }

    #rd-column-mg6y8oie > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6y8oie > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6y8oie" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6v1xwe {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-40px;
      max-width: 724px;
      margin-top: 40px;
      margin-bottom: 40px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6v1xwe" class="bricks--component bricks--component-text rd-text">
  <h2 style="text-align: center;"><strong style="font-family: Lato, sans-serif; color: rgb(253, 253, 253); font-size: inherit;">&nbsp;Conheça as Tecnologias Inovadoras da B.ON</strong></h2>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6vb9ai {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-27px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6vb9ai" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: center; line-height: 1.5;"><span style="font-family: Lato, sans-serif; font-size: 18px; color: rgb(255, 255, 255);">Nossos produtos são desenvolvidos com tecnologias de ponta para oferecer o máximo de bem- estar e performance. </span></p>
</div>



  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6vaz49 {
      min-height: 404px;
    }

    #rd-row-mg6vaz49 .bricks--column > div {
      min-height: 404px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6vaz49.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6vaz49.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6vaz49" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6vw2gv {
      flex: 3 0 0;
    }

    #rd-column-mg6vw2gv > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6vw2gv > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6vw2gv" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vwmxm {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vwmxm a,
    #rd-image-mg6vwmxm img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vwmxm {
        align-self: center;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-image-mg6vwmxm {
          margin-top: 10px;
          margin-bottom: 10px;
          align-self: center;
          max-width: 200px;
        }

        #rd-image-mg6vwmxm a,
        #rd-image-mg6vwmxm img {
          width: 200px;
          max-width: 100%;
          height: auto;
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }
    
  
</style>



<div id="rd-image-mg6vwmxm" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$dcj32fkbczk" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vx1kt {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vx1kt a,
    #rd-image-mg6vx1kt img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vx1kt {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6vx1kt" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$rmulgzxl9la" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6vw9yz {
      flex: 3 0 0;
    }

    #rd-column-mg6vw9yz > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6vw9yz > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6vw9yz" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vwwcg {
      margin-top: 11px;
      margin-bottom: 25px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vwwcg a,
    #rd-image-mg6vwwcg img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vwwcg {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6vwwcg" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$pb75z23snbf" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vx3iv {
      margin-top: 10px;
      margin-bottom: 23px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vx3iv a,
    #rd-image-mg6vx3iv img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vx3iv {
        align-self: center;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-image-mg6vx3iv {
          margin-top: 10px;
          margin-bottom: 23px;
          align-self: center;
          max-width: 200px;
        }

        #rd-image-mg6vx3iv a,
        #rd-image-mg6vx3iv img {
          width: 200px;
          max-width: 100%;
          height: auto;
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }
    
  
</style>



<div id="rd-image-mg6vx3iv" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$c0mhm4djh5t" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6vaz4a {
      flex: 3 0 0;
    }

    #rd-column-mg6vaz4a > div {
      
            background-image: url(), linear-gradient(to bottom, rgba(74,144,226,0) 0%, rgba(74,144,226,0) 100%);
            background-position-x: 0%;
            background-position-y: 0%;
            background-repeat: no-repeat;
            background-size: initial;
            background-attachment: scroll;
          
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6vaz4a > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6vaz4a" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vwy6f {
      margin-top: 10px;
      margin-bottom: 19px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vwy6f a,
    #rd-image-mg6vwy6f img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vwy6f {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6vwy6f" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$gfk7e9mbzlj" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vx58g {
      margin-top: 10px;
      margin-bottom: 4px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vx58g a,
    #rd-image-mg6vx58g img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vx58g {
        align-self: center;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-image-mg6vx58g {
          margin-top: 10px;
          margin-bottom: 4px;
          align-self: center;
          max-width: 200px;
        }

        #rd-image-mg6vx58g a,
        #rd-image-mg6vx58g img {
          width: 200px;
          max-width: 100%;
          height: auto;
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }
    
  
</style>



<div id="rd-image-mg6vx58g" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$dwbarzk3dmv" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6vw7wy {
      flex: 3 0 0;
    }

    #rd-column-mg6vw7wy > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6vw7wy > div {
        min-height: auto !important;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-column-mg6vw7wy > div {
          padding-top: 0px;
          padding-right: 10px;
          padding-bottom: 0px;
          padding-left: 10px;
        }
      }
    
  
</style>

<div id="rd-column-mg6vw7wy" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vwzy0 {
      margin-top: 10px;
      margin-bottom: 21px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vwzy0 a,
    #rd-image-mg6vwzy0 img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vwzy0 {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6vwzy0" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$84buwbdi43c" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-mg6vx6qm {
      margin-top: 10px;
      margin-bottom: 21px;
      align-self: center;
      max-width: 200px;
    }

    #rd-image-mg6vx6qm a,
    #rd-image-mg6vx6qm img {
      width: 200px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg6vx6qm {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-mg6vx6qm" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759256338/$c9lolp3sys9" alt="">

  
</div>

  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9s8ren {
      min-height: 50px;
    }

    #rd-row-mg9s8ren .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9s8ren.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9s8ren.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9s8ren" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9s8reo {
      flex: 12 0 0;
    }

    #rd-column-mg9s8reo > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9s8reo > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9s8reo" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    a#rd-button-mg9sjzt2 {
      display: flex;
      flex-direction: column;
    }

    #rd-button-mg9sjzt2.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: center;
      background-color: #1b8936;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 42px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 23px;
      font-style: normal;
      font-weight: bold;
      height: 55px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 40px;
      margin-top: 40px;
      max-width: 358px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-mg9sjzt2 {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="#rd-form-joq3m2vy"
    id="rd-button-mg9sjzt2"
    target="_self"
    title=""
  >
    Conheça todas as tecnologias
  </a>


  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-joq3m2w2 {
      
            background-image: linear-gradient(to bottom, rgba(1,1,1,0.5) 0%, rgba(1,1,1,0.5) 100%), url(https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759431843/$uccky1bmmy);
            background-position-x: 100%;
            background-position-y: 50%;
            background-repeat: no-repeat;
            background-size: initial;
            background-attachment: scroll;
          
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-joq3m2w2 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
    
      @media (max-width: 480px) {
        #rd-section-joq3m2w2 {
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }

      #rd-section-joq3m2w2 > div:not(.bricks--row) {
        min-height: 0px;
      }
    
  
</style>

<section id="rd-section-joq3m2w2" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-joq3m2w3 {
      min-height: 820px;
    }

    #rd-row-joq3m2w3 .bricks--column > div {
      min-height: 820px;
    }

    @media (max-width: 480px) {
      #rd-row-joq3m2w3.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-joq3m2w3.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-joq3m2w3" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-joq3m2w8 {
      flex: 7 0 0;
    }

    #rd-column-joq3m2w8 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 30px;
      padding-bottom: 0px;
      padding-left: 30px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-joq3m2w8 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-joq3m2w8" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-box-joq3m2vv {
      
          background-color: rgba(255,255,255,0.67);
        
      border-bottom-style: solid;
      border-color: transparent;
      border-left-style: solid;
      border-radius: 24px;
      border-right-style: solid;
      border-top-style: solid;
      border-width: 1px;
      padding-top: 30px;
      padding-right: 40px;
      padding-bottom: 10px;
      padding-left: 40px;
      min-height: auto34px;
      margin-top: 40px;
      margin-bottom: 40px;
      max-width: 573px;
      align-self: center;
      display: flex;
      flex-direction: column;
    }
  

  
  
      @media (max-width: 480px) {
        #rd-box-joq3m2vv {
          border-bottom-style: solid;
          border-color: transparent;
          border-left-style: solid;
          border-radius: 24px;
          border-right-style: solid;
          border-top-style: solid;
          border-width: 1px;
          padding-top: 30px;
          padding-right: 40px;
          padding-bottom: 10px;
          padding-left: 40px;
          min-height: 0px;
          margin-top: 40px;
          margin-bottom: 40px;
          max-width: 628px;
          align-self: center;
          display: flex;
          flex-direction: column;
        }
      }
  
  
</style>

<div id="rd-box-joq3m2vv" class="bricks--component bricks--component-box rd-box">
  
<style type="text/css" rel="stylesheet">
  
    #rd-text-joq3m2vw {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 546px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-joq3m2vw" class="bricks--component bricks--component-text rd-text">
  <h1 style="line-height: 1; text-align: left;"><strong style="font-size: 42px; font-family: Lato, sans-serif;">Comece agora mesmo</strong></h1>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg9st4fu {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 546px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg9st4fu" class="bricks--component bricks--component-text rd-text">
  <h2><span style="font-family: Lato, sans-serif; font-size: 36px;"> Aumente suas ganhose alcance o sucesso!</span></h2>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6w8p4k {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 548px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6w8p4k" class="bricks--component bricks--component-text rd-text">
  <p style="line-height: 1.25; text-align: left;"><span style="font-family: Lato, sans-serif;">Torne-se um distribuidor </span><strong style="font-family: Lato, sans-serif;">B.ON</strong><span style="font-family: Lato, sans-serif;"> e comece a trilhar o caminho para sua </span><strong style="font-family: Lato, sans-serif;">independência financeira</strong><span style="font-family: Lato, sans-serif;">.</span></p><p style="line-height: 1.25; text-align: left;"><br></p><p style="line-height: 1.25; text-align: left;"><span style="font-family: Lato, sans-serif;">Com a </span><strong style="font-family: Lato, sans-serif;">venda direta</strong><span style="font-family: Lato, sans-serif;"> e nosso </span><strong style="font-family: Lato, sans-serif;">suporte especializado</strong><span style="font-family: Lato, sans-serif;">, você maximiza seus lucros e ainda desfruta de </span><strong style="font-family: Lato, sans-serif;">recompensas incríveis</strong><span style="font-family: Lato, sans-serif;">!</span></p>
</div>






<style type="text/css" rel="stylesheet">
  

  
    #rd-form-joq3m2vy {
      display: flex;
      flex-direction: column;
      align-self: center;
      max-width: 522px;
      margin-top: 30px;
      margin-bottom: 30px;
    }

    #rd-form-joq3m2vy .bricks-form__fieldset {
      flex-flow: column nowrap;
      align-items: flex-start;
    }

    #rd-form-joq3m2vy .bricks-form__field {
      margin-bottom: 15px;
      padding: 0;
      width: 100.0%;
    }

    #rd-form-joq3m2vy .bricks-form__field.bricks-form__privacy,
    #rd-form-joq3m2vy .bricks-form__field.bricks-form__terms {
        width: 100%;
    }

    @media screen and (max-width: 768px) {
      #rd-form-joq3m2vy .bricks-form__field {
        width: 100%;
        padding: 0;
      }
    }

    #rd-form-joq3m2vy .bricks-form__static {
      color: #4f4f4f;
      font-family: Lato, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
    }

    #rd-form-joq3m2vy .bricks-form__static a {
      color: #4f4f4f;
      text-decoration: underline;
    }

    #rd-form-joq3m2vy .bricks-form__label {
      color: #4f4f4f;
      display: inline-block;
      font-family: Lato, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      text-decoration: none;
    }

    #rd-form-joq3m2vy label.error {
      color: #DC3543;
      font-size: 12px;
      line-height: 1.1;
      padding: 2px 0 0 4px;
    }

    #rd-form-joq3m2vy .bricks-form__label.always-visible,
    #rd-form-joq3m2vy .bricks-form__field__option .bricks-form__label {
      display: inline-block;
    }

    #rd-form-joq3m2vy .bricks-form__field[data-step].step-hidden {
      display: none;
    }

    #rd-form-joq3m2vy .bricks-form__input {
      color: #555555;
      background-color: #ffffff;
      border-bottom-style: none;
      border-left-style: none;
      border-right-style: none;
      border-top-style: none;
      border-color: #a73131;
      border-radius: 4px;
      border-width: 0px;
      font-family: Lato, sans-serif;
      font-size: 15px;
      
          box-shadow: inset 0px 2px 3px #ddd;
          -webkit-box-shadow: inset 0px 2px 3px #ddd;
          -moz-box-shadow: inset 0px 2px 3px #ddd;
        ;
    }

    #rd-form-joq3m2vy .bricks-form__input::placeholder {
      color: transparent;
    }

    #rd-form-joq3m2vy .bricks-form__input.select2-container {
      padding: 0 !important;
    }

    #rd-form-joq3m2vy .select2-container .select2-choice {
      height: 32px !important;
      line-height: 32px !important;

      color: #555555 !important;
      font-family: Lato, sans-serif !important;
      font-size: 15px !important;
      background: #ffffff;
    }

    #rd-form-joq3m2vy .select2-container .select2-choice .select2-arrow b {
      background-position: 0 5px !important;
    }

    #rd-form-joq3m2vy .select2-container .select2-choice .select2-arrow {
      background: none;
      border: none;
    }

    #rd-form-joq3m2vy .bricks-form__input:not(textarea) {
      height: 32px;
    }

    #rd-form-joq3m2vy .bricks-form__submit {
      display: flex;
      flex-direction: column;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .select2-container > .select2-choice {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-style: none;
    }
    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .select2-container > .select2-choice > .select2-chosen {
      margin-right: 0px;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .select2-container > .select2-choice > .select2-chosen > .flag {
      vertical-align: middle;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .phone {
      width: calc(100% - 55px);
      display: inline-block;
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-country {
      display: inline-block;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group {
      display: flex;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .phone-country {
      width: 55px;
      display: inline-block;
    }
  

  

  
    

    
      @media (max-width: 480px) {
        #rd-form-joq3m2vy {
          align-self: center;
          max-width: 522px;
          margin-top: 30px;
          margin-bottom: 30px;
        }

        #rd-form-joq3m2vy .bricks-form__field {
          margin-bottom: 15px;
        }

        #rd-form-joq3m2vy .bricks-form__static {
          color: #4f4f4f;
          font-family: Open Sans, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: normal;
        }

        #rd-form-joq3m2vy .bricks-form__static a {
          color: #4f4f4f;
        }

        #rd-form-joq3m2vy .bricks-form__label {
          color: #4f4f4f;
          display: inline-block;
          font-family: Open Sans, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: normal;
          text-align: left;
          text-decoration: none;
        }

        #rd-form-joq3m2vy .bricks-form__input {
          color: #555555;
          background-color: #ffffff;
          border-bottom-style: none;
          border-left-style: none;
          border-right-style: none;
          border-top-style: none;
          border-color: #a73131;
          border-radius: 4px;
          border-width: 0px;
          font-family: Open Sans, sans-serif;
          font-size: 15px;
          
          box-shadow: inset 0px 2px 3px #ddd;
          -webkit-box-shadow: inset 0px 2px 3px #ddd;
          -moz-box-shadow: inset 0px 2px 3px #ddd;
        
        }

        #rd-form-joq3m2vy .bricks-form__input::placeholder {
          color: transparent;
        }

        #rd-form-joq3m2vy .select2-container .select2-choice {
          height: 32px !important;
          line-height: 32px !important;

          color: #555555 !important;
          font-family: Open Sans, sans-serif !important;
          font-size: 15px !important;
          background: #ffffff;
        }

        #rd-form-joq3m2vy .bricks-form__input:not(textarea) {
          height: 32px;
        }
      }
    
  
</style>


<style type="text/css" rel="stylesheet">
  
    #rd-form-joq3m2vy input[type="date"] {
      -webkit-appearance: none;
    }
  
</style>

<div
  id="rd-form-joq3m2vy"
  class="bricks--component bricks-form rd-form"
>
  

  <form
    id="conversion-form"
    
    novalidate="novalidate"
    action="https://cta-redirect.rdstation.com/v2/conversions"
    data-typed-fields="1"
    data-lang="pt-BR"
    data-asset-action = "aHR0cHM6Ly9tYXRlcmlhaXMuY29tcHJlYm9uLmNvbS9iLW9uLXNlamEtdW0t
ZGlzdHJpYnVpZG9yLWFncmFkZWNpbWVudG8=
"
    data-ga-ua-id=""
    data-recaptcha-public-token=""
  >
    <input type="hidden" name="token_rdstation" value="3658643dc246534fa1fa248cb577d9bf">
    <input type="hidden" name="conversion_identifier" value="seja-um-distribuidor">
    <input type="hidden" name="internal_source" value="2">
    <input type="hidden" name="_rd_experiment_content_id" value="">
    <input type="hidden" name="c_utmz" value=""/>
    <input type="hidden" name="traffic_source" value=""/>
    <input type="hidden" name="privacy_data[browser]" id="privacy_data_browser" />

    

    

    <div
  class="bricks-form__fieldset"
  data-progressive-profiling="3"
  data-multi-step="false"
>
  

<div
  class="bricks-form__field   "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-text_field-mh23hxe2" class="bricks-form__label">
    Nome*
  </label>
  <input
    id="rd-text_field-mh23hxe2"
    class="bricks-form__input required js-text js-field-name"
    name="name"
    type="text"
    data-use-type="STRING"
    placeholder="Nome *"
    required="required"
  >
</div>


<div
  class="bricks-form__field  "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-email_field-mh23hxe3" class="bricks-form__label">
    Email*
  </label>
  <input
    id="rd-email_field-mh23hxe3"
    class="bricks-form__input required js-email js-field-email"
    name="email"
    type="email"
    data-use-type="STRING"
    data-always-visible="true"
    data-input-mask=""
    placeholder="Email *"
    required="required"
  >
</div>


<div
  class="bricks-form__field  with-select-flags "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-phone_field-mh23hxe4" class="bricks-form__label">
    Telefone*
  </label>
  <div class="phone-input-group">
    
      <div class="form-control phone-country" data-type="countries"></div>
      <div class="country-field" value="BR"></div>
    

    <input
      id="rd-phone_field-mh23hxe4"
      class="bricks-form__input required phone js-phone js-field-personal_phone"
      name="personal_phone"
      data-input-mask="INTERNATIONAL_MASK"
      data-use-type="STRING"
      type="tel"
      
      placeholder="Telefone *"
      required="required"
    >
  </div>
</div>


<div
  class="bricks-form__field  "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-number_field-mh23hxe5" class="bricks-form__label">
    CNPJ
  </label>
  <input
    id="rd-number_field-mh23hxe5"
    class="bricks-form__input  js-number js-field-cf_cnpj"
    name="cf_cnpj"
    type="number"
    data-use-type="STRING"
    placeholder="CNPJ"
    
  >
</div>




  <div class="bricks-form__field  "  data-step="1">
    <label for="captcha" class="bricks-form__label">
      <span id="math_expression">1 + 1 = ?</span>
    </label>
    <input
      id="captcha"
      class="bricks-form__input math rd-bricks-captcha"
      name="captcha"
      type="text"
      placeholder="1 + 1 = ?"
    >
  </div>




  <div class="bricks-form__field bricks-form__privacy">
    <div class="bricks-form__field__option">
      <label class="bricks-form__label">
        <input
          id="rd-checkbox_field-mh23hxe7"
          name="privacy_data[consent]"
          type="checkbox"
          value="1"
          data-use-type="STRING"
          data-always-visible="true"
          data-legal-base-type="0"
          class="bricks-form__field__option__input  js-field-privacy_data[consent]"
          
        >
        Eu concordo em receber comunicações.
      </label>
    </div>
  </div>



<div class="bricks-form__field bricks-form__terms" >
  <p class="bricks-form__static"
    id="rd-static_text-mh23hxe8"
  >
    <span>A B.ON está comprometida a proteger e respeitar sua privacidade, seus dados são usados apenas para fins de marketing. </span>
  </p>

  
    
      <input
        type="hidden"
        name="privacy_data[consent_privacy_policy]"
        value="1"
        data-use-type="STRING"
        data-always-visible="true"
        data-legal-base-type="0"
      />
    
  
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    a#rd-button-joq3m2w0 {
      display: flex;
      flex-direction: column;
    }

    #rd-button-joq3m2w0.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: center;
      background-color: #0c893b;
      border-bottom-style: none;
      border-color: transparent;
      border-left-style: none;
      border-radius: 100px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: bold;
      height: 56px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 0px;
      margin-top: 20px;
      max-width: 389px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-joq3m2w0 {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>



  

  <div class="bricks-form__submit">
    <button
      class="bricks--component bricks--component-button rd-button"
      id="rd-button-joq3m2w0"
    >
      Quero ser um distribuidor!
    </button>
  </div>



    

    <div style="position: fixed; left: -5000px">
      <input type="text" name="emP7yF13ld" readonly autocomplete="false" tabindex="-1" value="">
      <input type="text" name="sh0uldN07ch4ng3" readonly autocomplete="false" tabindex="-1" value="should_not_change">
    </div>
  </form>
</div>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rd/stable/rdlps.min.js?t=1770902366"></script>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rd/stable/rdlps-progressive-profiling.min.js?t=1770902366"></script>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rd/stable/rdlps-autofill.min.js?t=1770902366"></script>

<script type="text/javascript">
    var origConversionSuccess = window.conversionSuccess;
    const lpConversionForm = document.getElementById('conversion-form')

    conversionSuccess = function(resp) {
      if (window.origConversionSuccess) window.origConversionSuccess(resp);

      
        alert("Seu contato foi enviado para nosso time!");
      

      

      let redirectTo = (lpConversionForm.dataset.assetAction)
        ? atob(lpConversionForm.dataset.assetAction)
        : $("input[name='redirect_to']").val();

      if (redirectTo && redirectTo.length > 0) {
        top.location.href = redirectTo;
      }
    }
</script>

<script>
  document.querySelectorAll('input[name=emP7yF13ld],input[name=sh0uldN07ch4ng3]').forEach(function(element) {
    element.addEventListener('focus', function(e) {
      e.target.removeAttribute('readonly');
    });
  });
</script>


</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg7wf8ee {
      flex: 5 0 0;
    }

    #rd-column-mg7wf8ee > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg7wf8ee > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg7wf8ee" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6x2zt3 {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6x2zt3 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6x2zt3" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6x2zt4 {
      min-height: 50px;
    }

    #rd-row-mg6x2zt4 .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6x2zt4.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6x2zt4.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6x2zt4" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6x2zt5 {
      flex: 12 0 0;
    }

    #rd-column-mg6x2zt5 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6x2zt5 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6x2zt5" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x39as {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-38px;
      max-width: 447px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x39as" class="bricks--component bricks--component-text rd-text">
  <h2 style="text-align: center;"><span style="font-family: Lato, sans-serif;">&nbsp;Perguntas Frequentes</span></h2>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6x3hya {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6x3hya > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6x3hya" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6x3hyb {
      min-height: 50px;
    }

    #rd-row-mg6x3hyb .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6x3hyb.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6x3hyb.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6x3hyb" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6x3mzw {
      flex: 4 0 0;
    }

    #rd-column-mg6x3mzw > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6x3mzw > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6x3mzw" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x434r {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 460px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x434r" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Como faço para ser um distribuidor?&nbsp;</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif; font-size: 16px;">É simples: clique no botão QUERO ME CADASTRAR no topo do nosso site e preencha o formulário com os dados solicitados.&nbsp;&nbsp;</span></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x4dy4 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 442px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x4dy4" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">&nbsp;O que eu preciso para ser um distribuidor?</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="background-color: rgb(255, 255, 255); font-size: 16px; font-family: Lato, sans-serif; color: rgb(0, 0, 0);">É fácil, apenas possuir&nbsp;um CNPJ ativo!</span></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x5myz {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-23px;
      max-width: 454px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x5myz" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">&nbsp;Já fiz meu cadastro e falei com um distribuidor, como faço a primeira compra?&nbsp;&nbsp;</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif; font-size: 16px;">Seu primeiro pedido&nbsp;pode ser adquirido diretamente na plataforma de compra B.ON:&nbsp;comprebon.com&nbsp;&nbsp;</span></p><p style="text-align: left;"><br></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x8mhe {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-86px;
      max-width: 448px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
    
      #rd-text-mg6x8mhe.mobile {
        display: none;
      }

      @media (max-width: 480px) {
         #rd-text-mg6x8mhe {
          display: none;
        }

        #rd-text-mg6x8mhe.mobile {
          display: block;
          max-width: 448px;
          margin-top: 10px;
          margin-bottom: 20px;
        }
      }
    
  
</style>

<div id="rd-text-mg6x8mhe" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Os benefícios na peça são permanentes?</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif; font-size: 16px;">A tecnologia B.ON é permanente, o quer dizer que não sai nas lavagens, permanecendo por toda vida útil o produto.</span></p><p style="text-align: left;"><br></p><p style="text-align: left;"><br></p><p style="text-align: left;"><br></p><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif; font-size: 16px;">﻿</span></p>
</div>


  <div id="rd-text-mg6x8mhe" class="bricks--component bricks--component-text mobile rd-text">
    <h5 style="text-align: left;"><strong style="font-size: inherit;">Os benefícios na peça são permanentes?</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-size: 16px;">A tecnologia B.ON é permanente, o quer dizer que não sai nas lavagens, permanecendo por toda vida útil o produto.</span></p><p style="text-align: left;"><span style="font-size: 16px;">﻿</span></p>
  </div>


  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6x3hyc {
      flex: 4 0 0;
    }

    #rd-column-mg6x3hyc > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6x3hyc > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6x3hyc" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x3rof {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-38px;
      max-width: 447px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x3rof" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-size: inherit; font-family: Lato, sans-serif;">Quanto custa para se tornar um distribuidor B.ON?&nbsp;&nbsp;</strong></h5><h2 style="text-align: left;"><br></h2><p style="text-align: left;"><span style="color: rgb(0, 0, 0); font-family: Lato, sans-serif; font-size: 16px; background-color: rgb(255, 255, 255);">Para aproveitar todos os benefícios da B.ON, o investimento inicial é de R$1.500,00 em produtos B.ON à sua escolha, com a possibilidade de parcelamento em até 6 vezes no cartão de crédito.&nbsp;&nbsp;</span></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x7h4s {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-81px;
      max-width: 460px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x7h4s" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Posso comprar para uso próprio ou apenas revender?</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif;">Todo distribuidor B.ON pode adquirir os produtos tanto para uso pessoal quanto para revenda.&nbsp;</span></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x62j7 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-86px;
      max-width: 456px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
    
      #rd-text-mg6x62j7.mobile {
        display: none;
      }

      @media (max-width: 480px) {
         #rd-text-mg6x62j7 {
          display: none;
        }

        #rd-text-mg6x62j7.mobile {
          display: block;
          max-width: 456px;
          margin-top: 10px;
          margin-bottom: 20px;
        }
      }
    
  
</style>

<div id="rd-text-mg6x62j7" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">O que é a tecnologia do Infravermelho longo?</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif;">A tecnologia de infravermelho longo transforma a energia do corpo em benefícios para a pele e performance.</span></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif;">Os minerais nos fios absorvem o calor corporal e estimulam a microcirculação sanguínea. Além do toque macio, a tecnologia melhora a firmeza e suavidade da pele, reduz celulite e auxilia no desempenho esportivo.</span></p><p style="text-align: left;"><br></p><p style="text-align: left;"><br></p><p style="text-align: left;"><br></p><p style="text-align: left;"><br></p>
</div>


  <div id="rd-text-mg6x62j7" class="bricks--component bricks--component-text mobile rd-text">
    <h5 style="text-align: left;"><strong style="font-size: inherit;">O que é a tecnologia do Infravermelho longo?</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;">A tecnologia de infravermelho longo transforma a energia do corpo em benefícios para a pele e performance.</p><p style="text-align: left;">Os minerais nos fios absorvem o calor corporal e estimulam a microcirculação sanguínea. Além do toque macio, a tecnologia melhora a firmeza e suavidade da pele, reduz celulite e auxilia no desempenho esportivo.</p><p style="text-align: left;"><br></p>
  </div>


  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6xcps3 {
      flex: 4 0 0;
    }

    #rd-column-mg6xcps3 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6xcps3 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6xcps3" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x3hyd {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-38px;
      max-width: 447px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
    
      #rd-text-mg6x3hyd.mobile {
        display: none;
      }

      @media (max-width: 480px) {
         #rd-text-mg6x3hyd {
          display: none;
        }

        #rd-text-mg6x3hyd.mobile {
          display: block;
          max-width: 447px;
          margin-top: 10px;
          margin-bottom: 20px;
        }
      }
    
  
</style>

<div id="rd-text-mg6x3hyd" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: left;"><strong style="font-size: inherit; font-family: Lato, sans-serif;">O que posso lucrar com a B.ON?</strong></h5><p style="text-align: left;"><br></p><p style="text-align: left;"><span style="font-family: Lato, sans-serif;">Empreendedores B.ON podem ganhar até 100% de lucro na revenda e ao cadastrar novos distribuidores, pode render até 16% de bonificação.</span></p><h2 style="text-align: center;"><br></h2>
</div>


  <div id="rd-text-mg6x3hyd" class="bricks--component bricks--component-text mobile rd-text">
    <h5 style="text-align: center;"><strong style="font-size: inherit;">O que posso lucrar com a B.ON?</strong></h5><p><br></p><p>Empreendedores B.ON podem ganhar até 100% de lucro na revenda e ao cadastrar novos distribuidores, pode render até 16% de bonificação.</p><h2 style="text-align: center;"><br></h2>
  </div>


<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x7t6b {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-450px;
      max-width: 445px;
      margin-top: 10px;
      margin-bottom: 20px;
      align-self: flex-start;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x7t6b" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">Quais outros benefícios da Tecnologia B.ON?</strong></h5><p style="text-align: center;"><br></p><p><span style="font-family: Lato, sans-serif;">A Tecnologia B.ON une conforto e performance em cada detalhe: regula a temperatura corporal, conta com ação antiodor que mantém a roupa fresca por mais tempo, oferece proteção solar FPS 50+ contra raios UVA e UVB e ainda garante praticidade com secagem ultrarrápida e tecidos que não amassam. Tudo isso com foco no seu bem-estar diário.</span></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6x8oqt {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-308px;
      max-width: 460px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6x8oqt" class="bricks--component bricks--component-text rd-text">
  <h5 style="text-align: center;"><strong style="font-family: Lato, sans-serif; font-size: inherit;">A tecnologia usada pelo B.ON tem alguma contraindicação?</strong></h5><p><br></p><p><span style="font-family: Lato, sans-serif;">A Tecnologia B.ON entrega conforto e performance em todas as situações.</span></p><p><span style="font-family: Lato, sans-serif;">Mantém a temperatura corporal estável, conta com ação antiodor e proteção solar FPS 50+. Os tecidos têm secagem ultrarrápida, não amassam e garantem praticidade no dia a dia. Cada detalhe foi pensado para proporcionar bem-estar, funcionalidade e alta performance.</span></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg9t46ke {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg9t46ke > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg9t46ke" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9t46kf {
      min-height: 50px;
    }

    #rd-row-mg9t46kf .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9t46kf.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9t46kf.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9t46kf" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t4hob {
      flex: 3 0 0;
    }

    #rd-column-mg9t4hob > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t4hob > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t4hob" class="bricks--column rd-column">
  <div>
    
  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t4f6r {
      flex: 3 0 0;
    }

    #rd-column-mg9t4f6r > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t4f6r > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t4f6r" class="bricks--column rd-column">
  <div>
    
  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t4ait {
      flex: 3 0 0;
    }

    #rd-column-mg9t4ait > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t4ait > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t4ait" class="bricks--column rd-column">
  <div>
    
  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t46kg {
      flex: 3 0 0;
    }

    #rd-column-mg9t46kg > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t46kg > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t46kg" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6xoilu {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6xoilu > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6xoilu" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6xoilv {
      min-height: 50px;
    }

    #rd-row-mg6xoilv .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6xoilv.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6xoilv.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6xoilv" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6xoilw {
      flex: 12 0 0;
    }

    #rd-column-mg6xoilw > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6xoilw > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6xoilw" class="bricks--column rd-column">
  <div>
    













<style type="text/css" rel="stylesheet">
  .mobile {
    display: none;
  }

  #rd-social_media-mgky12c1.desktop {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 200px;
    }

  

  .bricks-social-media-list {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    list-style: none;
    padding: 0;
    gap: 16px;
    flex-wrap: wrap;
  }

  .bricks-social-media-item,
  .bricks-social-media-image {
    width: 24px;
    height: 24px;
  }
</style>

<div class="bricks--component bricks--component-social-media mobile rd-social_media" id="rd-social_media-mgky12c1">
  <ul class="bricks-social-media-list">
    
      <li class="bricks-social-media-item">
        <a href="https://www.instagram.com/b.onegocios/" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/instagram_original.svg
          "
          alt="instagram icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
  </ul>
</div>

<div class="bricks--component bricks--component-social-media desktop rd-social_media" id="rd-social_media-mgky12c1">
  <ul class="bricks-social-media-list">
    
      <li class="bricks-social-media-item">
        <a href="https://www.instagram.com/b.onegocios/" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/instagram_original.svg
          "
          alt="instagram icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
      <li class="bricks-social-media-item">
        <a href="https://www.tiktok.com/@b.onoficial" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/tiktok_original.svg
          "
          alt="tiktok icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
      <li class="bricks-social-media-item">
        <a href="https://www.facebook.com/b.onoficiall" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/facebook_original.svg
          "
          alt="facebook icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
      <li class="bricks-social-media-item">
        <a href="https://www.youtube.com/@b.onoficial" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/youtube_original.svg
          "
          alt="youtube icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
  </ul>
</div>

  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mgky3436 {
      
          background-color: #031a0c;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mgky3436 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mgky3436" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mgky3437 {
      min-height: 82px;
    }

    #rd-row-mgky3437 .bricks--column > div {
      min-height: 82px;
    }

    @media (max-width: 480px) {
      #rd-row-mgky3437.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mgky3437.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mgky3437" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mgky3438 {
      flex: 12 0 0;
    }

    #rd-column-mgky3438 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mgky3438 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mgky3438" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mgky3ed3 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-45px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mgky3ed3" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 13px; font-family: Lato, sans-serif;">B.ON | O Futuro é agora - 2025 - Todos os direitos reservados </span></p>
</div>



  </div>
</div>

</div>

</section>

      </div>
    </div>

    
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/loader-scripts/94971e8a-ace3-4518-83ae-d279da54ded8-loader.js"></script>
    

    <script id="landing-page-attributes" data-id="8770631" data-experiment-content-id=""></script>

    <div data-editable="true" data-field-name="landing_page"></div>
    <script type="text/javascript"> </script>
    <style>
      
    </style>
    

  </body>
</html>
