.page-rb {
  /********

    CSS RESETss

*********/
  /* change border colour to suit your needs */
  /* SECOES */ }

.page-rb, .page-rb body, .page-rb div, .page-rb span, .page-rb object, .page-rb iframe,
.page-rb h1, .page-rb h2, .page-rb h3, .page-rb h4, .page-rb h5, .page-rb h6, .page-rb p, .page-rb blockquote, .page-rb pre,
.page-rb abbr, .page-rb address, .page-rb cite, .page-rb code,
.page-rb del, .page-rb dfn, .page-rb em, .page-rb img, .page-rb ins, .page-rb kbd, .page-rb q, .page-rb samp,
.page-rb small, .page-rb strong, .page-rb sub, .page-rb sup, .page-rb var,
.page-rb b, .page-rb i,
.page-rb dl, .page-rb dt, .page-rb dd, .page-rb ol, .page-rb ul, .page-rb li,
.page-rb fieldset, .page-rb form, .page-rb label, .page-rb legend,
.page-rb table, .page-rb caption, .page-rb tbody, .page-rb tfoot, .page-rb thead, .page-rb tr, .page-rb th, .page-rb td,
.page-rb article, .page-rb aside, .page-rb canvas, .page-rb details, .page-rb figcaption, .page-rb figure,
.page-rb footer, .page-rb header, .page-rb hgroup, .page-rb menu, .page-rb nav, .page-rb section, .page-rb summary,
.page-rb time, .page-rb mark, .page-rb audio, .page-rb video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

.page-rb body {
  line-height: 1; }

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

.page-rb nav ul {
  list-style: none; }

.page-rb blockquote, .page-rb q {
  quotes: none; }

.page-rb blockquote:before, .page-rb blockquote:after,
.page-rb q:before, .page-rb q:after {
  content: '';
  content: none; }

.page-rb a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: none; }

.page-rb del {
  text-decoration: line-through; }

.page-rb abbr[title], .page-rb dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

.page-rb table {
  border-collapse: collapse;
  border-spacing: 0; }

.page-rb hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

.page-rb input, .page-rb select {
  vertical-align: middle; }

.page-rb ul {
  list-style: none; }

.page-rb .img-mobile {
  display: none; }

.page-rb .img-mobile img {
  width: 100%;
  display: block; }

.page-rb * {
  font-family: 'Cairo', sans-serif;
  font-weight: 300;
  font-style: normal; }

.page-rb .clear {
  clear: both; }

.page-rb .container {
  width: 1200px;
  margin: 0 auto; }

.page-rb .icone {
  margin-bottom: 15px; }

.page-rb #banner img {
  display: block; }

.page-rb .yes-mobile {
  display: none; }

.page-rb .controle {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 40px; }




.page-rb #secao1 {
  background: url(../images/secao1.png) no-repeat top center;
  height: 1551px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin-bottom: -95px;
}

#videoanima {
  position: absolute;
  top: 120px;
  right: 0px;
  border: 0;
  outline: none;
  width: 532px;
  overflow: hidden;
}

#videoanima video{ 
  position: relative;
  left: -1px;
}
#video>div{
  display: block;
  width: 1096px;
  height: 625px;
  background: #000;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  line-height: 625px;
}

.page-rb #secao1 .logo-page {
  padding: 70px 0 0 0;
  margin-bottom: 85px;
}

.page-rb #secao1 .box-lancamento h3{
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 31px;
  letter-spacing: 0.03em;
  color: #292929;
  margin: 57px 0 10px;
}

.page-rb .escova-motorizada {
  margin-top: 78px;
  float: right;
  clear: both;
  margin-right: 50px;
}

.page-rb #secao1 .escova-motorizada h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  letter-spacing: 0.05em;
  color: #7A0026;
}

.page-rb #secao1 .escova-motorizada p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.05em;
  color: #292929;
}

.page-rb #secao1 .box-lancamento h4{
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #292929;
}

.page-rb #secao1 .bottom-info h3{
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  color: #7A0026;
}

.page-rb #secao1 .bottom-info h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #CE9358;
  margin-bottom: 30px;

}

.page-rb #secao1 .controle {
  position: relative;
}

.page-rb #secao1 .bottom-info p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.05em;
  color: #292929;

}

.page-rb #secao1 .bottom-info {
  overflow: hidden;
  margin-top: 245px;
  clear: both;
  float: left;
}

.page-rb #secao1 .bottom-info .info {
  float: right;
  margin-right: 50px;
}

.page-rb #secao2 {
  background: url("../images/secao2.jpg") no-repeat top center;
  height: 2375px;
  box-sizing: border-box; 
  padding: 60px 0;
}

.page-rb #secao2 .topo h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
  color: #7A0026;
}

.page-rb #secao2 .topo h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  /* or 100% */

  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 120px;

  color: #D6A36E;

}

.page-rb #secao2 .info h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 20px;
  color: #292929;
}

.page-rb #secao2 .info p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px; 
  color: #292929;
}

.page-rb #secao2 .linha {
  overflow: hidden;
}

.page-rb #secao2 .linha.top .info-left {
  margin: 0 380px 0 100px;
}

.page-rb #secao2 .linha.top {
  margin-bottom: 520px;
}

.page-rb #secao2 .linha.bottom .info-left {
  margin: 0 0 0 100px;
}

.page-rb #secao2 .linha.bottom  {
  margin-bottom: 220px;
}

.page-rb #secao2 .linha.bottom .info-midle {
  margin: 0 115px 0 245px;
}
.page-rb #secao2 .info {
  float: left;
}

.page-rb #secao2 .info-tec  {
  margin: 90px 0 0 370px;
}

.page-rb #secao2 .info-tec h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  color: #7A0026;
}

.page-rb #secao2 .info-tec h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  /* or 100% */

  letter-spacing: 0.05em;
  margin-bottom: 20px;
  color: #CE9358;

}

.page-rb #secao2 .info-tec p {
  font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 22px;
/* or 110% */

letter-spacing: 0.05em;

color: #292929;

}


.page-rb #secao2 iframe {
  width: 100%;
}

.page-rb #secao3 {
  background: url("../images/secao3.jpg") no-repeat top center;
  height: 618px;
  box-sizing: border-box; 
  overflow: hidden;
  padding: 80px 0;
  position: relative;
}
.page-rb #secao3 .animacao {
  position: relative;
  top: -80px;
  left: 40px;
}
.page-rb #secao3 .controle {
  position: relative;
}

.page-rb #secao3 h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  color: #7A0026;
  margin-bottom: 20px;

}
.page-rb #secao3 .item {
  margin-bottom: 70px;
}
.page-rb #secao3 p {
  font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 22px;
/* or 110% */

letter-spacing: 0.05em;

color: #292929;

}


.page-rb #secao3 .info {
  float: right;
  margin-right: 80px;
}


.page-rb #secao5 {
  background: url("../images/secao5.jpg") no-repeat top center;
  height: 436px;
  box-sizing: border-box; }

.page-rb #secao5 .item {
  display: inline-block;
  vertical-align: top; }

.page-rb .row-medidas {
  padding: 60px 0px; }

.page-rb .row-medidas h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  color: #7A0026;
  margin-bottom: 30px; }

.page-rb .row-medidas p, .page-rb .row-medidas li {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: #292929; }

  .page-rb .row-medidas p strong {
    font-weight: 600;
  }

.page-rb .row-medidas ul {
  margin-left: 20px; }

.page-rb .row-medidas li {
  list-style: square;
  color: #7A0026; }

.page-rb .row-medidas li span {
  color: #292929; }

.page-rb .row-medidas .meio {
  margin: 0 70px 0 55px; }


  .page-rb #secao6 {
    padding: 60px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    /* or 167% */
    color: #666666;
  }

  .page-rb #secao6 p{
    font-weight: 400;
  }
  .page-rb #secao6 .controle {
    padding: 0 150px;
  }

  .page-rb #secao6 .logo-bottom {
    text-align: center;
    margin-top: 50px;
  }


  @media (max-width: 1200px) {

    br {
      display: none;
    }
    .page-rb .controle {
      max-width: 305px;
      padding: 0 10px; 
    }
    .page-rb .controle img {
      max-width: 100%;
  }
  .page-rb #secao1  {
    position: relative;
    margin-bottom: 0;
  }

  .page-rb #secao1 .selo {
    text-align: right;
  }
  .page-rb #secao1::before {
    content: "";
    width: 100%;
    height: 1360px;
    background: url("../images/before-button.jpg") no-repeat bottom;
    background-size: cover;
    position: absolute;
    bottom: -85px;
    left: 0;
  }

  .page-rb #secao1 .bottom-info .info{
    margin-right: 0;
  }
  .page-rb #secao1 .mulher{
    opacity: 0;
  }
  .page-rb #secao1 .box-lancamento {
    margin-top: 30px;
  }

  .page-rb #secao1 .logo-page {
    margin: 0;
    text-align: center;
    padding: 50px 0;
  }
    .page-rb .yes-mobile {
      display: block; }

    .page-rb #secao1 {
      background: #fff url(../images/bg-mob1.jpg) no-repeat top right;
    height: auto;
    background-size: auto;
    background-position: top center;
    }

    #videoanima {
      margin-top: 492px;
      position: relative;
      width: 100%;
      height: 270px;
      left: 0;
      top: 0;
    }

    #videoanima video{
      width: calc(100% + 2px); 
      height: 270px;
    }

    .page-rb .escova-motorizada {
      margin-top: 0;
      float: right;
      clear: both;
      margin-right: 0;
  }

  .page-rb #secao1 .escova-motorizada h3{
    font-size: 32px;
  }

    .page-rb #secao1 .bottom-info {
      margin-top: 80px;
      margin-bottom: 90px;
    }


    .page-rb #secao2 {
      background: #fff url("../images/mob2.jpg") no-repeat top right;
      height: auto;
      background-size: 100%;
      position: relative;
      padding-bottom: 0;
      margin-top: 85px;
    }

    .page-rb #secao2::before {
      content: "";
      width: 100%;
      height: 800px;
      background: url("../images/before2.jpg") no-repeat bottom;
      background-size: cover;
      position: absolute;
      bottom: 0;
      left: 0;
      /* z-index: -1; */
    }

    .page-rb #secao2::after {
      content: "";
      width: 100%;
      height: 684px;
      background: url("../images/after.jpg") no-repeat bottom;
      background-size: cover;
      position: absolute;
      top: 1400px;
      left: 0;
      /* z-index: -1; */
    }

    .page-rb #secao2 .linha .info {
      margin: 0 0 50px!important;

      text-align: center;
    }

    .page-rb #secao2 .linha .info img{
      margin-bottom: 15px;
    }



    .page-rb #secao2 .linha.top, .page-rb #secao2 .linha.bottom {
      margin: 0;
    }

    .page-rb #secao2 iframe {
      height: 250px;
    }

    .page-rb #secao2 .controle {
      position: relative;
      z-index: 10;
    }

    .page-rb #secao2  .antes,.page-rb #secao2  .mulher {
      margin: 60px 0;
      position: relative;
      z-index: 10;
    }

    .page-rb #secao2 .mulher {
      margin: 130px 0 0 0;
    }

    .page-rb #secao2 .topo h3 {
      margin-bottom: 50px;
    }

    .page-rb #secao2 .info-tec {
      margin: 30px 0 0 0;
      position: relative;
      z-index: 10;
    }


    .page-rb #secao3 {
      height: auto;
      padding-bottom: 0;
      background: url(../images/mob3.jpg) no-repeat top center;
    }

    .page-rb #secao3 .animacao {
      left: 0;
    }

    .page-rb #secao3 .info {
      float: inherit;
      margin: 0;
    }

    .page-rb #secao5 {
      height: auto;
      background: #EEEAE6 url("../images/mob5.jpg") no-repeat bottom center;
      background-size: 100%;
      padding-bottom: 60px;
    }

    .page-rb .row-medidas .meio {
      margin: 60px 0;
    }

    .page-rb #secao6 .controle {
      padding: 0;
    }
  }