*{
  margin:0;
  padding:0;
  box-sizing:border-box
}
body{
  margin:0px !important
}
img{
  width:100%;
  max-width:100%
}
button{
  cursor:pointer
}
.body{
  font-family:"proxima-nova",sans-serif;
  font-weight:normal;
  font-size:16px
}
p{
  font-size:1.4rem
}
h1,h2,h3,h4,h5,h6,strong,b{
  font-weight:bold
}
h2{
  font-size:2.63rem
}
h3{
  font-size:2.38rem
}
button{
  border:none
}
.op-0{
  display:none
}
.group-list{
  display:flex;
  width:100%
}
.group-list .titulo{
  color:#000;
  font-size:1.8rem;
  font-weight: 700;
  letter-spacing:-0.4px;
  margin-bottom:15px;
  margin-top:100px
}
.group-list ul.tabela{
  width:auto;
  padding:0
}
.group-list ul.tabela .topo{
  background-color:#9a5394;
  color:#fff;
  font-weight:bold;
  font-size:1.4rem
}
.group-list ul.tabela .topo img{
  width:auto;
  height:26px;
  margin-right:15px
}
.group-list ul.tabela li{
  font-size:1.4rem;
  padding:5px 8px;
  border-radius:10px;
  color:#000;
  list-style:none;
  background-color:#e6e7e8;
  margin-bottom:5px;
  display:flex;
  align-items:center;
  width:95%
}
.group-list ul.tabela li.linha{
  justify-content:space-between
}
@media(max-width: 700px){
  .group-list{
      flex-direction:column;
      align-items:center
  }
  .group-list ul.tabela{
      width:100%
  }
  .group-list ul.tabela li{
      width:100%
  }
}
.more{
  position:absolute;
  z-index:9999 !important;
  cursor:pointer;
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center
}
.more .botao{
  position:relative;
  width:50px;
  height:50px
}
.more .botao .border{
  border:1px solid #ccc;
  background:rgba(0,0,0,0);
  position:absolute;
  border-radius:50%;
  width:34px;
  height:34px;
  top:50%;
  left:50%;
  margin-left:-25px;
  margin-top:-25px;
  animation-name:example;
  animation-duration:2s;
  animation-iteration-count:infinite
}
.more .botao .m{
  background:#32cdc8;
  border-radius:50%;
  width:33px;
  height:33px
}
.more .botao .m a{
  border:none
}
.more .botao .m img{
  width:25px !important;
  height:32px !important;
  transition:all .2s;
  position:relative !important;
  margin-top:1px !important;
  filter:brightness(0) invert(1)
}
.more .texto{
  background-color:#7b8a9c;
  color:#fff;
  font-size:1.8rem;
  font-weight:bold;
  min-width:200px;
  padding:5px;
  text-align:center;
  margin-top:15px;
  margin-left:-20px;
  padding-left:25px
}
.more:hover img{
  transform:rotate(90deg)
}
.fifi{
  letter-spacing:.02rem
}
@keyframes example{
  from{
      transform:scale(1);
      opacity:1
  }
  to{
      transform:scale(1.4);
      opacity:0
  }
}
.box{
  color:#fff;
  background-color:#041e50;
  padding:0;
  max-width:550px
}
.box .box-body,.box .box-footer{
  padding:30px
}
.box .box-footer{
  background-color:#7b8a9c
}
.navegacao{
  position:absolute;
  bottom:50px;
  padding:30px 60px;
  width:100%;
  display:flex;
  justify-content:space-between;
  z-index:999
}
.navegacao li{
  list-style-type:none
}
.navegacao li button{
  margin:30px;
  width:50px;
  height:50px;
  padding:10px;
  background-color:rgba(255,255,255,.8);
  border-radius:50%
}
.navegacao li button img{
  width:30px;
  height:30px;
  margin-right:-2px
}
.navegacao li.prev img{
  transform:rotate(180deg);
  margin-right:2px
}
.modal-video{
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  height:103%;
  z-index:99999999 !important;
  visibility:hidden;
  transition:all .2s
}
.modal-video.show{
  visibility:visible
}
.modal-video .close{
  position:absolute;
  top:30px;
  right:30px;
  width:30px;
  height:30px;
  cursor:pointer;
  transform:rotate(45deg);
  transition:all .2s
}
.modal-video .close img{
  filter:brightness(100)
}
.modal-video .close:hover{
  transform:rotate(135deg)
}
.modal-video .bg{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.6)
}
.modal-video .bg div{
  max-width:800px
}
@media(max-width: 1366px){
  html{
      font-size:14px
  }
  p{
      font-size:1rem
  }
  .box{
      max-width:365px
  }
  .box .box-body,.box .box-footer{
      padding:20px
  }
  h1{
      font-size:2.8rem
  }
  h3{
      font-size:1.7rem
  }
}
.container-fluid{
  padding:0
}
@media(max-width: 460px){
  html,body{
      font-size:12px
  }
  .container-fluid{
      padding:0
  }
  .container-fluid .row{
      padding:0;
      margin:0
  }
  .box{
      max-width:100%
  }
}
@media(max-width: 1000px){
  .navegacao{
      z-index:999999999 !important
  }
}
sup{
  font-size:.5rem !important
}
@media(max-width: 670px){
  h1{
      font-size:2.1rem
  }
  p{
      font-size:1.3rem
  }
}
@media(min-width: 671px)and (max-width: 800px){
  h1{
      font-size:2.1rem
  }
  p{
      font-size:1.2rem
  }
}
@media(min-width: 801px)and (max-width: 990px){
  h1{
      font-size:2.2rem
  }
  p{
      font-size:1.4rem
  }
}
@media(min-width: 991px)and (max-width: 1089px){
  h1{
      font-size:2.7rem;
      line-height:3rem
  }
  p{
      font-size:2.1rem
  }
}
#header{
  background:url("../img/header_1.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  height:690px
}
#header .container-fluid{
  height:100%
}
#header .container-fluid .logo{
  width:277px;
  height:auto;
  left:4%;
  top:3%;
  position:absolute
}
#header .container-fluid .logo-mob{
  width:277px;
  height:auto;
  left:4%;
  top:15%;
  position:relative;
  display:none
}
#header .container-fluid .row{
  height:100%
}
#header .box-1{
  height:100%;
  z-index:0;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  width:47%
}
#header .box-1 .content{
  position:relative;
  height:auto;
  margin-right:20px;
  padding-bottom:45px
}
#header .box-1 .content .logo{
  margin-top:135px
}
#header .box-1 .content .logo img{
  width:265px
}
#header .box-1 .content p{
  font-weight: 700;
  color:#ff8200;
  font-size:1.2rem;
  line-height:18px;
  margin-top:20px;
  letter-spacing:.2px;
  margin-left:34px;
  padding-bottom:28px;
  margin-bottom:0px;
  margin-right:23px
}
#header .box-1 .content .balon{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:relative;
  width:-moz-max-content;
  width:max-content
}
#header .box-1 .content .balon::after{
  content:"";
  background-image:url("../img/balao_wt.png");
  background-size:50px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:0%;
  margin-top:-3px
}
#header .box-1 .content .balon h1{
  z-index:1;
  padding:28px 34px 0px 34px;
  font-weight: 700;
  font-size:2.6rem;
  color:#ff8200;
  margin:0;
  line-height:2.8rem
}
@media(max-width: 600px){
  #header{
      background-position:52% !important
  }
  #header .logo-mob{
      padding-top:110px;
      top:unset !important;
      left:unset !important
  }
  #header .row{
      display:flex;
      justify-content:center !important
  }
  #header .box-1{
      width:70%
  }
  #header .box-1 .content{
      margin-right:0px !important;
      padding-bottom:14px !important;
      align-items:center
  }
  #header .box-1 .content .balon{
      width:100% !important
  }
  #header .box-1 .content .balon h1 br{
      display:none
  }
  #header .box-1 .content .balon p br{
      display:none
  }
}
@media(max-width: 990px){
  #header{
      background-position:86%
  }
  #header .box-1{
      align-items:flex-end
  }
  #header .box-1 .content{
      margin-right:25px
  }
  #header .box-1 .content p br{
      display:none
  }
  #header .box-1 .content .balon{
      border-top-left-radius:0px;
      border-bottom-left-radius:30px;
      border-bottom-right-radius:30px;
      border-top-right-radius:30px;
      width:95%
  }
  #header .box-1 .content .balon::after{
      content:"";
      background:none
  }
  #header .box-1 .content .balon::before{
      content:"";
      background-image:url("../img/balao_wt_invert.png");
      background-size:50px;
      width:50px;
      height:50px;
      position:absolute;
      background-repeat:no-repeat;
      left:0px;
      margin-top:-1px;
      top:-20%;
      transform:scaleX(-1)
  }
  #header .box-1 .content .balon h1{
      padding:25px 28px 0px 29px;
      font-size:2.1rem;
      line-height:2.4rem
  }
}
@media(max-width: 1100px){
  #header{
      background-position:86%
  }
  #header .box-1 .content{
      justify-content:space-between;
      height:100%;
      display:flex;
      flex-direction:column
  }
  #header .box-1 .content .balon{
      border-top-left-radius:0px;
      border-bottom-left-radius:30px;
      border-bottom-right-radius:30px;
      border-top-right-radius:30px
  }
  #header .box-1 .content .balon::after{
      content:"";
      background:none
  }
  #header .box-1 .content .balon::before{
      content:"";
      background-image:url("../img/balao_wt_invert.png");
      background-size:50px;
      width:50px;
      height:50px;
      position:absolute;
      background-repeat:no-repeat;
      left:0px;
      margin-top:-1px;
      top:-20%;
      transform:scaleX(-1)
  }
  #header .box-1 .content .balon h1{
      font-size:2.1rem
  }
  #header .container-fluid .logo{
      display:none
  }
  #header .container-fluid .logo-mob{
      width:277px;
      height:auto;
      left:4%;
      top:15%;
      position:relative;
      display:flex;
      margin-bottom:70px
  }
}
#hero{
  height:auto
}
#hero .container-fluid{
  height:100%
}
#hero .row{
  height:100%
}
#hero .box-1{
  background:#fff;
  height:auto;
  z-index:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:47%
}
#hero .box-1 .content{
  position:relative;
  height:auto;
  margin-left:42px;
  padding-bottom:45px
}
#hero .box-1 .content .logo{
  margin-top:135px
}
#hero .box-1 .content .logo img{
  width:270px
}
#hero .box-1 .content p{
  font-weight: 700;
  color:#ff8200;
  font-size:2.3rem;
  line-height:35px;
  margin-top:90px;
  letter-spacing:-0.9px;
  margin-left:38px
}
#hero .box-1 .content .balon{
  background:#ff8200;
  border-top-right-radius:25px;
  border-top-left-radius:25px;
  border-bottom-right-radius:25px;
  position:relative;
  width:-moz-max-content;
  width:max-content
}
#hero .box-1 .content .balon::after{
  content:"";
  background-image:url("../img/balao_orn.png");
  background-size:49px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:0%;
  margin-top:-3px
}
#hero .box-1 .content .balon h1{
  z-index:1;
  padding:28px 30px 28px 30px;
  font-weight: 700;
  font-size:2.9rem;
  color:#fff;
  margin:0;
  line-height:2.8rem
}
#hero .box-2{
  background:#9a5394;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  width:53%
}
#hero .box-2 .content{
  width:100%;
  position:relative
}
#hero .box-2 .content #balon-1{
  background:#32cdc8;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:12%;
  left:6%;
  z-index:1
}
#hero .box-2 .content #balon-1::after{
  content:"";
  background-image:url("../img/balao_az.png");
  background-size:44px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:-6px;
  margin-top:-1px
}
#hero .box-2 .content #balon-1 p{
  z-index:1;
  padding:30px 30px 30px 30px;
  font-size:1.6rem !important;
  color:#fff;
  margin:0;
  line-height:1.9rem;
  letter-spacing:0
}
#hero .box-2 .content #balon-2{
  background:#32cdc8;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:37%;
  left:11%;
  z-index:1
}
#hero .box-2 .content #balon-2::after{
  content:"";
  background-image:url("../img/balao_az.png");
  background-size:44px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:-6px;
  margin-top:-1px
}
#hero .box-2 .content #balon-2 p{
  z-index:1;
  padding:30px 50px 30px 50px;
  font-size:1.6rem !important;
  color:#fff;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-0.5px
}
#hero .box-2 .content #button1{
  position:absolute;
  bottom:61%;
  right:32%;
  z-index:0
}
#hero .box-2 .content #button2{
  position:absolute;
  bottom:29%;
  right:44%;
  z-index:0
}
#hero .box-2 .content img{
  width:100%
}
@media(max-width: 500px){
  #hero{
      min-height:auto;
      background-repeat:no-repeat;
      max-height:300vh !important;
      background-size:238% !important;
      background-position:center -70px;
      background-color:#041e50;
      height:700px
  }
  #hero .container-fluid .row .box-1 .content p{
      width:63% !important;
      font-size:2.2rem !important;
      margin-left:40px !important
  }
  #hero .container-fluid .row .box-2 .content #balon-1{
      top:3%;
      left:4%
  }
  #hero .container-fluid .row .box-2 .content #balon-2{
      top:24%;
      left:1%
  }
  #hero .container-fluid .row .box-2 .content #balon-2 p{
      padding:30px
  }
  #hero .box{
      margin-top:560px !important;
      max-width:100% !important
  }
  #hero .box img{
      display:table;
      margin-left:auto;
      margin-right:auto;
      position:absolute;
      top:10px;
      left:10px;
      width:160px !important
  }
  #hero .box .box-body p{
      margin-top:0 !important
  }
}
@media(max-width: 990px){
  #hero{
      background-position:-157px 0px;
      height:auto
  }
  #hero .container-fluid .row{
      display:flex;
      align-items:flex-end
  }
  #hero .container-fluid .row .box-1{
      height:100%;
      width:100%;
      order:1
  }
  #hero .container-fluid .row .box-1 .content{
      height:100%;
      width:100% !important;
      margin-right:45px;
      display:flex;
      flex-direction:column;
      align-items:center;
      padding:60px 0
  }
  #hero .container-fluid .row .box-1 .content p{
      font-size:2rem;
      margin-top:70px !important;
      margin-left:-73px
  }
  #hero .container-fluid .row .box-1 .content .balon{
      width:83%
  }
  #hero .container-fluid .row .box-1 .content .balon h1{
      font-size:3rem !important;
      padding:28px 60px 28px 60px;
      display:flex;
      justify-content:center
  }
  #hero .container-fluid .row .box-1 .content .logo{
      position:relative;
      margin-top:80px;
      margin-bottom:0px !important
  }
  #hero .container-fluid .row .box-1 .content p{
      margin-top:0px;
      font-size:2rem;
      width:40%
  }
  #hero .container-fluid .row .box-1 .content p br{
      display:none
  }
  #hero .container-fluid .row .box-1 .content h1{
      font-size:2.4rem
  }
  #hero .container-fluid .row .box-1 .back-1{
      display:none
  }
  #hero .container-fluid .row .box-2{
      order:2;
      background:rgba(0,0,0,0);
      width:100%
  }
  #hero .container-fluid .row .box-2 .content{
      display:flex;
      justify-content:center
  }
  #hero .container-fluid .row .box-2 .content img{
      width:100%
  }
}
@media(min-width: 991px)and (max-width: 1090px){
  #hero .container-fluid .box-2 .content #balon-1 p{
      padding:17px 25px 17px 30px
  }
  #hero .container-fluid .box-2 .content #balon-2{
      top:36%;
      left:9%
  }
  #hero .container-fluid .box-2 .content #balon-2 p{
      padding:20px 35px 20px 35px
  }
}

#carousel1{
  height:auto;
  background:url("../img/back_1.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  padding-top:50px;
  padding-bottom:20px;
  padding-left:10px
}
#carousel1 .container-fluid{
  height:100%
}
#carousel1 .row{
  height:100%
}
#carousel1 .box-1{
  height:auto;
  display:flex;
  justify-content:flex-start;
  align-items:flex-end;
  flex-direction:row;
  width:63%
}
#carousel1 .box-1 img{
  width:100%
}
#carousel1 .box-2{
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  width:37%;
  padding-top:60px
}
#carousel1 .box-2 p{
  color:#fff;
  font-size:1.8rem;
  line-height:28px;
  letter-spacing:-0.5px;
  margin-left:60px;
  margin-top:75px
}
#carousel1 .box-2 .balon{
  background:rgba(0,0,0,0);
  border-top-right-radius:25px;
  border-top-left-radius:25px;
  border-bottom-right-radius:25px;
  position:relative;
  width:93%;
  border:4px solid #fff
}
#carousel1 .box-2 .balon::after{
  content:"";
  background-image:url("../img/balao_trans.png");
  background-size:57px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:-1%;
  margin-top:0px
}
#carousel1 .box-2 .balon h1{
  z-index:1;
  padding:25px 30px 25px 30px;
  font-weight: 700;
  font-size:2.9rem;
  color:#fff;
  margin:0;
  line-height:3.1rem;
  display:flex;
  justify-content:center
}
@media(max-width: 500px){
  #carousel1{
      padding-left:0
  }
  #carousel1 .container-fluid .box-1{
      width:95% !important
  }
  #carousel1 .container-fluid .box-2 p{
      width:66% !important;
      margin-top:63px
  }
  #carousel1 .container-fluid .box-2 .balon{
      width:95% !important
  }
  #carousel1 .container-fluid .box-2 .balon br{
      display:none
  }
  #carousel1 .container-fluid .box-2 .balon h1{
      font-size:3rem !important;
      display:flex;
      justify-content:center
  }
}
@media(max-width: 700px){
  #carousel1{
      height:auto
  }
  #carousel1 .carousel-indicators{
      width:80%;
      margin-right:9%;
      bottom:3%
  }
  #carousel1 .container-fluid #box-1{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0
  }
  #carousel1 .container-fluid #box-1 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid #box-1 .content p{
      font-size:1.6rem !important
  }
  #carousel1 .container-fluid #box-1 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid #box-1 .content .balon{
      width:100%
  }
  #carousel1 .container-fluid #box-1 .content .balon h1{
      font-size:3.8rem !important;
      padding:13px 160px 13px 58px
  }
  #carousel1 .container-fluid #box-2{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0
  }
  #carousel1 .container-fluid #box-2 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid #box-2 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid #box-2 .content .balon{
      width:100%
  }
  #carousel1 .container-fluid #box-2 .content .balon h1{
      font-size:3.8rem !important;
      padding:13px 160px 13px 58px
  }
  #carousel1 .container-fluid #box-3{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0
  }
  #carousel1 .container-fluid #box-3 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid #box-3 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid #box-3 .content .balon{
      width:100%
  }
  #carousel1 .container-fluid #box-3 .content .balon h1{
      font-size:3.8rem !important;
      padding:13px 160px 13px 58px
  }
  #carousel1 .container-fluid .box-2{
      background:none !important
  }
  #carousel1 .container-fluid .box-2 .content{
      display:none
  }
  #carousel1 .container-fluid .box-2 .img-hidden{
      display:flex;
      width:100%
  }
}
@media(max-width: 990px){
  #carousel1{
      height:auto
  }
  #carousel1 .carousel-indicators{
      width:60%;
      margin-right:20%;
      bottom:3%
  }
  #carousel1 .container-fluid .row{
      display:flex;
      flex-direction:column;
      align-items:center
  }
  #carousel1 .container-fluid .box-1{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding-top:0px;
      padding-bottom:40px;
      width:90%;
      order:2
  }
  #carousel1 .container-fluid .box-1 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid .box-1 .content p{
      font-size:1.6rem !important
  }
  #carousel1 .container-fluid .box-1 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid .box-2{
      flex-direction:column;
      align-items:center;
      padding-left:0px;
      padding:50px 0;
      order:1;
      width:90%
  }
  #carousel1 .container-fluid .box-2 p{
      width:50%
  }
  #carousel1 .container-fluid .box-2 p br{
      display:none
  }
  #carousel1 .container-fluid .box-2 .balon{
      width:78%
  }
  #carousel1 .container-fluid .box-2 .balon::after{
      left:-4px
  }
  #carousel1 .container-fluid .box-2 .balon h1{
      display:flex;
      justify-content:center;
      font-size:2.5rem;
      padding:20px 35px 20px 35px
  }
  #carousel1 .container-fluid .box-2 .content{
      margin-left:0px;
      padding-bottom:0px
  }
  #carousel1 .container-fluid .box-2 .content .logo{
      margin-top:110px
  }
  #carousel1 .container-fluid .box-2{
      background:none !important
  }
  #carousel1 .container-fluid .box-2 .content{
      display:none
  }
  #carousel1 .container-fluid .box-2 .img-hidden{
      display:flex;
      width:100%
  }
}
@media(min-width: 990px)and (max-width: 1140px){
  #carousel1 .box-2 p{
      margin-top:54px;
      font-size:1.6rem
  }
  #carousel1 .box-2 .balon{
      width:86%
  }
  #carousel1 .box-2 .balon br{
      display:none
  }
  #carousel1 .box-2 .balon h1{
      padding:20px 10px 20px 24px;
      font-size:2.4rem
  }
  #carousel1 .box-2 .balon::after{
      left:-4px
  }
}
#carousel2{
  height:auto
}
#carousel2 .container-fluid{
  height:100%
}
#carousel2 button.carousel-control-prev{
  bottom:0;
  top:unset;
  padding-bottom:55px;
  opacity:1;
  left:-2%
}
#carousel2 .carousel-control-prev-icon{
  background:rgba(0,0,0,0);
  padding-bottom:60px
}
#carousel2 .carousel-control-next-icon{
  background:rgba(0,0,0,0);
  padding-bottom:60px
}
#carousel2 .carousel-control-prev-icon img{
  width:60px
}
#carousel2 .carousel-control-next-icon img{
  width:60px
}
#carousel2 button.carousel-control-next{
  bottom:0;
  top:unset;
  padding-bottom:55px;
  opacity:1;
  right:0%
}
#carousel2 .row{
  height:100%
}
#carousel2 .carousel-item .row{
  display:flex
}
#carousel2 .carousel-item .box-1{
  background:#ff8200;
  height:auto;
  z-index:0;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  width:47%
}
#carousel2 .carousel-item .box-1 .content{
  position:relative;
  height:auto;
  margin-left:75px;
  padding-bottom:130px
}
#carousel2 .carousel-item .box-1 .content .logo{
  margin-top:135px
}
#carousel2 .carousel-item .box-1 .content .logo img{
  width:270px
}
#carousel2 .carousel-item .box-1 .content p{
  color:#fff;
  font-size:1.8rem;
  line-height:28px;
  letter-spacing:-0.5px;
  margin-left:50px;
  margin-top:49px
}
#carousel2 .carousel-item .box-1 .content .balon{
  background:#fff;
  border-top-right-radius:25px;
  border-top-left-radius:25px;
  border-bottom-right-radius:25px;
  position:relative;
  width:-moz-max-content;
  width:max-content
}
#carousel2 .carousel-item .box-1 .content .balon::after{
  content:"";
  background-image:url("../img/balao_wt.png");
  background-size:51px;
  width:100px;
  height:100px;
  position:absolute;
  background-repeat:no-repeat;
  left:0%;
  margin-top:-3px
}
#carousel2 .carousel-item .box-1 .content .balon h1{
  z-index:1;
  padding:38px 45px 38px 45px;
  font-weight: 700;
  font-size:2.4rem;
  color:#ff8200;
  margin:0;
  letter-spacing:0;
  line-height:2.3rem
}
#carousel2 .carousel-item .box-2{
  background:#9a5394;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  width:53%;
  background-color:#ff8200
}
#carousel2 .carousel-item .box-2 .content{
  width:100%;
  position:relative
}
#carousel2 .carousel-item .box-2 .content video{
  width:100%
}
#carousel2 .carousel-item .box-2 .content img{
  width:100%
}
@media(max-width: 450px){
  #carousel2 .carousel-item .box-1 .content .balon h1{
      padding:38px 40px 38px 40px
  }
}
@media(max-width: 560px){
  #carousel2 .container-fluid #box-4 .content .balon h1{
      padding:13px 85px 13px 58px !important
  }
  #carousel2 .container-fluid #box-6 .content .balon h1{
      padding:13px 30px 13px 58px !important
  }
  #carousel2 button.carousel-control-next{
      right:7% !important
  }
}
@media(max-width: 990px){
  #carousel2 button.carousel-control-next{
      padding-bottom:15px;
      opacity:1;
      right:4%
  }
  #carousel2 button.carousel-control-prev{
      padding-bottom:15px;
      opacity:1
  }
  #carousel2{
      height:auto;
      background:#ff8200
  }
  #carousel2 .carousel-indicators{
      width:60%;
      margin-left:13%;
      bottom:3%
  }
  #carousel2 .container-fluid .row{
      display:flex;
      flex-direction:column
  }
  #carousel2 .container-fluid .box-1{
      order:2;
      width:100%;
      justify-content:center
  }
  #carousel2 .container-fluid .box-1 .content{
      padding-bottom:70px;
      padding-top:70px;
      margin-left:0px
  }
  #carousel2 .container-fluid .box-1 .content .balon{
      width:95%
  }
  #carousel2 .container-fluid .box-1 .content .balon h1{
      display:flex;
      justify-content:center
  }
  #carousel2 .container-fluid .box-1 .content p{
      font-size:1.6rem
  }
  #carousel2 .container-fluid .box-2{
      background:none !important;
      width:100%
  }
  #carousel2 .container-fluid .box-2 .img-hidden{
      display:flex;
      width:100%
  }
}
@media(min-width: 990px)and (max-width: 1090px){
  #carousel2 .carousel-item .box-1 .content{
      padding-bottom:40px
  }
  #carousel2 .carousel-item .box-1 .content p{
      font-size:1.6rem;
      margin-left:30px;
      width:70%
  }
  #carousel2 .carousel-item .box-1 .content p br{
      display:none
  }
  #carousel2 .carousel-item .box-1 .content .balon h1{
      padding:30px 30px 30px 30px
  }
}
#huevos{
  background:#f27179;
  height:auto;
  max-height:100% !important
}
#huevos .container-fluid{
  height:100%
}
#huevos .row{
  height:auto;
  position:relative
}
#huevos .content{
  display:flex;
  justify-content:center;
  height:auto;
  align-items:center;
  padding-top:40px;
  position:relative
}
#huevos .content #balon-mob{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:51%;
  left:21%;
  z-index:1;
  display:none
}
#huevos .content #balon-mob::after{
  content:"";
  background-image:url("../img/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-mob h1{
  z-index:1;
  padding:35px 40px 25px 40px;
  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-mob p{
  z-index:1;
  padding:0px 40px 35px 40px;
  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #botao-mob-1{
  position:absolute;
  bottom:13%;
  right:75%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-2{
  position:absolute;
  bottom:41%;
  right:51%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-3{
  position:absolute;
  top:9%;
  right:21%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-4{
  position:absolute;
  bottom:38%;
  right:22%;
  z-index:0;
  display:none
}
#huevos .content #botao-mob-5{
  position:absolute;
  bottom:38%;
  right:22%;
  z-index:0;
  display:none
}
#huevos .content #botao1{
  position:absolute;
  bottom:13%;
  right:75%;
  z-index:0
}
#huevos .content #botao2{
  position:absolute;
  bottom:41%;
  right:51%;
  z-index:0
}
#huevos .content #botao3{
  position:absolute;
  top:9%;
  right:21%;
  z-index:0
}
#huevos .content #botao4{
  position:absolute;
  bottom:38%;
  right:22%;
  z-index:0
}
#huevos .content #botao5{
  position:absolute;
  bottom:25%;
  right:66%;
  z-index:0
}
#huevos .content #balon-one{
  background:#32cdc8;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:56%;
  left:4%
}
#huevos .content #balon-one::after{
  content:"";
  background-image:url("../img/balao_az_invert.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-one h1{
  z-index:1;
  padding:30px 40px 30px 40px;
  font-weight: 700;
  font-size:2.3rem;
  color:#fff;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-1{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:51%;
  left:21%;
  z-index:1
}
#huevos .content #balon-1::after{
  content:"";
  background-image:url("../img/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-1 h1{
  z-index:1;
  padding:35px 40px 25px 40px;
  font-weight: 700;
  font-size:2.3rem;
  color:#ff8200;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-1 p{
  z-index:1;
  padding:0px 40px 35px 40px;
  font-size:1.6rem;
  color:#ff8200;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-2{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:19%;
  left:45%;
  z-index:1
}
#huevos .content #balon-2::after{
  content:"";
  background-image:url("../img/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-2 h1{
  z-index:1;
  padding:35px 40px 25px 40px;
  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-2 p{
  z-index:1;
  padding:0px 40px 35px 40px;
  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-3{
  background:#fff;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:17%;
  left:37%;
  z-index:1
}
#huevos .content #balon-3::before{
  content:"";
  background-image:url("../img/balao_wt_invert.png");
  background-size:50px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:0px;
  margin-top:-1px;
  top:-18%
}
#huevos .content #balon-3 p{
  z-index:1;
  padding:0px 40px 28px 40px;
  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-3 h1{
  z-index:1;
  padding:30px 35px 14px 35px;
  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:-1px
}
#huevos .content #balon-4{
  background:#fff;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:57%;
  left:46%;
  z-index:1
}
#huevos .content #balon-4::before{
  content:"";
  background-image:url("../img/balao_wt_invert.png");
  background-size:50px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  right:0px;
  margin-top:0px;
  top:-21%
}
#huevos .content #balon-4 p{
  z-index:1;
  padding:0px 40px 35px 40px;
  font-size:1.6rem;
  color:#9a5394;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content #balon-4 h1{
  z-index:1;
  padding:35px 35px 25px 35px;
  font-weight: 700;
  font-size:2.3rem;
  color:#9a5394;
  margin:0;
  line-height:2.3rem;
  letter-spacing:-1px
}
#huevos .content #balon-5{
  background:#fff;
  border-top-right-radius:30px;
  border-top-left-radius:30px;
  border-bottom-right-radius:30px;
  position:absolute;
  width:-moz-max-content;
  width:max-content;
  top:26%;
  left:33%;
  z-index:1
}
#huevos .content #balon-5::after{
  content:"";
  background-image:url("../img/balao_wt.png");
  background-size:49px;
  width:50px;
  height:50px;
  position:absolute;
  background-repeat:no-repeat;
  left:0px;
  margin-top:-1px
}
#huevos .content #balon-5 h1{
  z-index:1;
  padding:35px 40px 25px 40px;
  font-weight: 700;
  font-size:2.3rem;
  color:#ff8200;
  margin:0;
  line-height:2.3rem;
  letter-spacing:0
}
#huevos .content #balon-5 p{
  z-index:1;
  padding:0px 40px 35px 40px;
  font-size:1.6rem;
  color:#ff8200;
  margin:0;
  line-height:1.9rem;
  letter-spacing:-1px
}
#huevos .content .forno{
  width:80%
}
@media(max-width: 400px){
  #huevos .content #balon-one h1{
      padding:30px 30px 30px 30px
  }
  #huevos .content #botao-mob-3{
      bottom:30% !important
  }
  #huevos .content #botao-mob-2{
      bottom:13% !important
  }
  #huevos .content #botao-mob-4{
      bottom:14% !important
  }
  #huevos .content #balon-mob p br{
      display:none
  }
}
@media(max-width: 500px){
  #huevos .content #botao-mob-3{
      bottom:31% !important;
      right:36% !important
  }
  #huevos .content .forno{
      width:98% !important
  }
  #huevos .content #balon-one{
      width:90% !important
  }
  #huevos .content #balon-mob{
      width:90% !important
  }
}
@media(max-width: 700px){
  #huevos{
      height:auto;
      background-size:cover
  }
  #huevos .content{
      flex-direction:column
  }
  #huevos .content .images{
      margin-top:60px;
      margin-bottom:40px
  }
  #huevos .content .images h1{
      font-size:2.8rem !important
  }
  #huevos .content .images p{
      font-size:1.5rem !important
  }
}
@media(max-width: 800px){
  #huevos .content{
      flex-direction:column
  }
  #huevos .content #balon-one{
      position:relative;
      top:unset;
      left:unset;
      order:1;
      margin-bottom:70px;
      width:68%
  }
  #huevos .content #balon-one h1{
      display:flex;
      justify-content:center
  }
  #huevos .content #balon-mob{
      display:block;
      top:unset;
      left:unset;
      position:relative;
      order:2;
      margin-bottom:80px;
      width:auto
  }
  #huevos .content .forno{
      order:3;
      width:91%
  }
  #huevos .content #botao-mob-1{
      position:absolute;
      bottom:8%;
      right:81%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-2{
      position:absolute;
      bottom:25%;
      right:52%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-3{
      position:absolute;
      top:unset;
      bottom:38%;
      right:33%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-4{
      position:absolute;
      bottom:22%;
      right:21%;
      z-index:0;
      display:block
  }
  #huevos .content #botao-mob-5{
      position:absolute;
      bottom:10%;
      right:66%;
      z-index:0;
      display:block
  }
  #huevos .content #botao1{
      display:none !important
  }
  #huevos .content #botao2{
      display:none
  }
  #huevos .content #botao3{
      display:none
  }
  #huevos .content #botao4{
      display:none
  }
  #huevos .content #botao5{
      display:none
  }
}
@media(min-width: 801px)and (max-width: 990px){
  #huevos{
      height:auto;
      background-size:cover
  }
  #huevos .content{
      flex-direction:column;
      padding-top:115px
  }
  #huevos .content .forno{
      width:96%
  }
  #huevos .content #balon-1{
      top:41%;
      left:7%
  }
  #huevos .content #balon-2{
      top:11%;
      left:40%
  }
  #huevos .content #botao3{
      top:25%;
      right:16%
  }
  #huevos .content #balon-4{
      top:69%;
      left:59%
  }
  #huevos .content #balon-one,#huevos .content #balon-1,#huevos .content #balon-2,#huevos .content #balon-3,#huevos .content #balon-4{
      width:36%
  }
  #huevos .content #balon-one::after,#huevos .content #balon-1::after,#huevos .content #balon-2::after,#huevos .content #balon-3::after,#huevos .content #balon-4::after{
      background-size:38px
  }
  #huevos .content #balon-one h1,#huevos .content #balon-1 h1,#huevos .content #balon-2 h1,#huevos .content #balon-3 h1,#huevos .content #balon-4 h1{
      padding:20px 20px 16px 30px;
      line-height:2.1rem;
      font-size:1.9rem
  }
  #huevos .content #balon-one p,#huevos .content #balon-1 p,#huevos .content #balon-2 p,#huevos .content #balon-3 p,#huevos .content #balon-4 p{
      padding:0px 20px 20px 30px;
      line-height:2.1rem;
      font-size:1.4rem
  }
  #huevos .content #balon-one p br,#huevos .content #balon-1 p br,#huevos .content #balon-2 p br,#huevos .content #balon-3 p br,#huevos .content #balon-4 p br{
      display:none
  }
}
@media(min-width: 990px)and (max-width: 1160px){
  #huevos .container-fluid .content #balon-one h1{
      padding:30px 25px 25px 30px;
      font-size:2.2rem
  }
  #huevos .container-fluid .content #balon-4{
      left:42%
  }
  #huevos .container-fluid .content #balon-1 h1,#huevos .container-fluid .content #balon-2 h1,#huevos .container-fluid .content #balon-3 h1,#huevos .container-fluid .content #balon-4 h1{
      padding:30px 30px 15px 30px;
      font-size:2.1rem
  }
  #huevos .container-fluid .content #balon-1 p,#huevos .container-fluid .content #balon-2 p,#huevos .container-fluid .content #balon-3 p,#huevos .container-fluid .content #balon-4 p{
      padding:0px 30px 30px 30px;
      font-size:1.5rem
  }
  #huevos .container-fluid .content #balon-1::after,#huevos .container-fluid .content #balon-2::after,#huevos .container-fluid .content #balon-3::after,#huevos .container-fluid .content #balon-4::after{
      background-size:40px
  }
}
#modelos{
  padding:55px 0
}
#modelos .carousel-control-prev,#modelos .carousel-control-next{
  top:26%;
  bottom:unset;
  opacity:1
}
#modelos .carousel-control-prev img,#modelos .carousel-control-next img{
  padding:11px;
  width:80px
}
#modelos .passador_titulo{
  display:flex;
  align-items:center;
  padding-top:85px
}
#modelos .passador_titulo .box-titulo{
  font-weight: 700;
  font-size:1.9rem;
  letter-spacing:0px;
  line-height:33px;
  background:#9a5394;
  width:63%;
  padding:21px 31px;
  color:#fff
}
#modelos .passador_titulo .box-titulo-mob{
  font-weight: 700;
  font-size:1.9rem;
  letter-spacing:0px;
  line-height:33px;
  background:#9a5394;
  width:63%;
  padding:21px 31px;
  color:#fff;
  display:none
}
#modelos .passador_titulo .passador{
  margin-left:59px
}
#modelos .passador_titulo .passador ul{
  padding:0;
  margin:0;
  background-color:#9a5394;
  border-radius:30px;
  padding:11px 16px 7px 16px;
  display:flex;
  gap:10px
}
#modelos .passador_titulo .passador ul button{
  width:20px;
  height:20px;
  border-radius:100%;
  color:rgba(0,0,0,0);
  border:0;
  background-color:#fff
}
#modelos .passador_titulo .passador ul button.a{
  background-color:#9a5394;
  filter:brightness(0.5)
}
#modelos .titulo{
  color:#000;
  font-size:1.8rem;
  font-weight: 700;
  letter-spacing:-0.4px;
  margin-bottom:15px;
  margin-top:100px
}
#modelos .listas{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%
}
#modelos .listas ul{
  flex:1
}
#modelos .limit{
  max-width:390px
}
#modelos .textos{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding-left:10px;
  padding-right:12px
}
@media(max-width: 1170px){
  #modelos{
      padding-top:0
  }
  #modelos .titulo{
      margin-top:40px
  }
  #modelos .modelo .row{
      display:flex;
      flex-direction:column
  }
  #modelos .modelo .row .textos{
      width:100%;
      order:2;
      padding-left:30px;
      padding-right:30px
  }
  #modelos .modelo .row .images{
      width:100%;
      order:1
  }
  #modelos .passador_titulo{
      padding-top:62px;
      flex-direction:column
  }
  #modelos .passador_titulo .box-titulo{
      width:320px;
      font-size:2.4rem;
      width:100%;
      max-width:60%;
      text-align:center;
      padding:21px 31px
  }
  #modelos .passador_titulo .box-titulo br{
      display:none
  }
  #modelos .passador_titulo .box-titulo-mob{
      width:320px;
      font-size:2.4rem;
      width:100%;
      max-width:100%;
      text-align:center;
      padding:21px 31px
  }
  #modelos .passador_titulo .box-titulo-mob br{
      display:none
  }
  #modelos .passador_titulo .passador{
      margin-left:0px;
      margin-top:32px
  }
  #modelos .passador_titulo .passador ul{
      display:flex;
      flex-direction:row;
      width:150px;
      justify-content:center;
      padding:10px 16px 9px 16px
  }
  #modelos .passador_titulo .passador ul button{
      width:30px;
      height:30px;
      border-radius:100%;
      color:rgba(0,0,0,0);
      border:0;
      background-color:#fff
  }
  #modelos .passador_titulo .passador ul button.a{
      background-color:#9a5394;
      filter:brightness(0.5)
  }
}
@media(max-width: 768px){
  #modelos .passador_titulo .box-titulo{
      max-width:90%;
      display:none
  }
  #modelos .passador_titulo .box-titulo-mob{
      max-width:90%;
      display:block !important
  }
}
@media(max-width: 500px){
  #modelos .passador_titulo .box-titulo-mob{
      max-width:100%
  }
}
@media(max-width: 450px){
  #modelos .passador_titulo .box-titulo-mob{
      font-size:2.1rem;
      padding:25px 15px;
      order:2
  }
  #modelos .passador_titulo .box-titulo-mob br{
      display:none
  }
  #modelos .modelo .row .textos{
      padding-right:15px;
      padding-left:15px
  }
  #modelos .passador_titulo .passador{
      margin-bottom:32px;
      margin-top:unset;
      order:1
  }
}
#footer{
  background-color:#ff8200;
  color:#fff;
  text-align:justify;
  padding:30px 0;
  display:flex;
  flex-direction:row;
  padding:18px 0
}
#footer img{
  max-width:auto;
  margin:30px 0;
  display:table;
  width:250px
}
#footer p{
  font-size:1.4rem;
  margin-top:30px;
  width:70%
}
#footer .col-lg-12{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  padding:0 120px;
  align-items:center
}
@media(max-width: 700px){
  #footer{
      padding:30px 0
  }
  #footer img{
      width:280px !important
  }
}
@media(max-width: 990px){
  #footer{
      padding:30px 0
  }
  #footer img{
      width:330px
  }
}
.balao{
  border-radius:20px;
  color:#fff;
  position:relative;
  padding:30px 50px;
  display:table
}
.balao::after{
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:50px solid;
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}
.balao-branco{
  background-color:#fff;
  color:#ff8200
}
.balao-branco::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff
}
.balao-laranja{
  background-color:#ff8200
}
.balao-laranja::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ff8200
}
.balao-amarelo{
  background-color:#fcba4d
}
.balao-amarelo::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fcba4d
}
.balao-roxo{
  background-color:#9a5394
}
.balao-roxo::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #9a5394
}
.balao-azul{
  background-color:#32cdc8
}
.balao-azul::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #32cdc8
}
.balao-rosa{
  background-color:#f27179
}
.balao-rosa::after{
  border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f27179
}
.balao-br::after{
  transform:rotate(180deg);
  bottom:-50px;
  right:0
}
.balao-bl::after{
  bottom:-50px;
  left:0
}
.balao-tl::after{
  top:-50px;
  left:0
}
.balao-tr::after{
  transform:rotate(180deg);
  top:-50px;
  right:0
}
.block-text>div{
  display:table;
  padding:3px 20px;
  margin:5px 0;
  color:#fff
}
.block-text span{
  font-weight:400
}
.block-text-branco>div{
  background-color:#fff
}
.block-text-amarelo>div{
  background-color:#fcba4d
}
.block-text-roxo>div{
  background-color:#9a5394
}
.block-text-azul>div{
  background-color:#32cdc8
}
.block-text-rosa>div{
  background-color:#f27179
}
.block-text-laranja>div{
  background-color:#ff8200
}
.barra{
  height:350px;
  width:100%;
  display:block;
  display:flex;
  align-items:center
}
.barra-laranja{
  background-color:#ff8200
}
.barra-roxo{
  background-color:#9a5394
}
.barra-azul{
  background-color:#32cdc8
}
.barra-amarelo{
  background-color:#fcba4d
}

#mfp500 .intro{
  position:relative
}
#mfp500 .intro .content,#mfp500 .intro .logo,#mfp500 .intro .selo{
  position:absolute
}
#mfp500 .intro .content{
  top:24%;
  left:6.5%
}
#mfp500 .intro .content h1{
  font-weight:900;
  font-size:2.8rem
}
#mfp500 .intro .content h2{
  text-transform:uppercase;
  font-weight:900;
  font-size:1.8rem;
  margin:0;
  margin-left:30px;
  margin-top:20px
}
#mfp500 .intro .logo{
  top:20px;
  right:60px
}
#mfp500 .intro .logo img{
  width:270px
}
#mfp500 .intro .selo{
  bottom:20px;
  right:20px
}
#mfp500 .intro .selo img{
  width:170px
}
@media(max-width: 768px){
  #mfp500 .intro .content{
      top:8%;
      right:0%;
      left:unset;
      transform:scale(0.9)
  }
  #mfp500 .intro .content h2{
      font-size:2rem;
      margin-left:70px
  }
  #mfp500 .intro .content .balao::after{
      bottom:-50px;
      left:0;
      transform:none
  }
  #mfp500 .intro .logo{
      right:20px
  }
  #mfp500 .intro .logo img{
      width:150px
  }
  #mfp500 .intro .selo{
      right:unset;
      left:20px
  }
  #mfp500 .intro .selo img{
      width:100px
  }
}
@media(max-width: 320px){
  #mfp500 .intro .content{
      padding-top:20px
  }
  #mfp500 .intro .content h1{
      font-size:2rem
  }
  #mfp500 .intro .content h2{
      font-size:1.7rem
  }
}
#mfp500 .multifuncional{
  position:relative
}
#mfp500 .multifuncional .content{
  position:absolute;
  top:10%;
  right:7%
}
#mfp500 .multifuncional .content .balao{
  margin-right:150px
}
#mfp500 .multifuncional .content .outros{
  display:table;
  margin-left:auto;
  color:#fff
}
#mfp500 .multifuncional .content .outros .block-text{
  font-weight:800;
  font-size:2.6rem;
  margin-left:-18px;
  margin-bottom:20px;
  margin-top:70px
}
#mfp500 .multifuncional .content .outros h3{
  font-size:2.3rem;
  line-height:2.6rem;
  font-weight:600
}
#mfp500 .multifuncional .content .outros p{
  font-size:1.5rem;
  line-height:2rem
}
@media(max-width: 768px){
  #mfp500 .multifuncional{
      overflow-x:hidden;
      background-color:#ff8200
  }
  #mfp500 .multifuncional .bg{
      max-width:400%;
      width:140%
  }
  #mfp500 .multifuncional .content{
      position:initial;
      padding-top:40px
  }
  #mfp500 .multifuncional .content .balao{
      margin-right:0px;
      margin-left:20%;
      margin-bottom:30px;
      padding:30px
  }
  #mfp500 .multifuncional .content .balao::after{
      bottom:-30px
  }
  #mfp500 .multifuncional .content .outros{
      padding:0 60px;
      text-align:center
  }
  #mfp500 .multifuncional .content .outros .block-text{
      font-size:1.5rem;
      margin-left:0px;
      margin-top:20px
  }
  #mfp500 .multifuncional .content .outros .block-text div{
      margin:auto
  }
  #mfp500 .multifuncional .content .outros p{
      font-size:1.5rem;
      line-height:2rem
  }
  #mfp500 .multifuncional .content .outros p br{
      display:none
  }
}
#mfp500 .velocidades{
  position:relative
}
#mfp500 .velocidades .img{
  position:absolute;
  top:0;
  right:0;
  height:100%
}
#mfp500 .velocidades .img img{
  position:relative;
  height:100%;
  width:auto
}
#mfp500 .velocidades .barra-laranja{
  justify-content:center
}
#mfp500 .velocidades .barra-roxo{
  margin-top:-5px;
  padding-left:100px
}
#mfp500 .velocidades .barra-roxo .block-text{
  font-weight:800;
  font-size:2.4rem
}
#mfp500 .velocidades .barra-roxo .block-text h2{
  margin:0
}
#mfp500 .velocidades .barra-roxo p{
  font-size:1.5rem;
  color:#fff;
  margin-left:20px;
  margin-top:10px
}
@media(max-width: 768px){
  #mfp500 .velocidades{
      background-color:#ff8200
  }
  #mfp500 .velocidades .img{
      position:initial;
      margin-top:-40%
  }
  #mfp500 .velocidades .barra{
      display:initial;
      display:inline-table
  }
  #mfp500 .velocidades .barra-laranja{
      padding-top:40px
  }
  #mfp500 .velocidades .barra-laranja .balao{
      transform:scale(0.9);
      margin-left:auto;
      margin-right:10px
  }
  #mfp500 .velocidades .barra-roxo{
      margin-top:-55%;
      padding-left:0px;
      padding-top:55%;
      padding-bottom:40px
  }
  #mfp500 .velocidades .barra-roxo .block-text{
      font-size:1.6rem
  }
  #mfp500 .velocidades .barra-roxo .block-text div{
      margin:5px auto
  }
  #mfp500 .velocidades .barra-roxo p{
      font-size:1.5rem;
      text-align:center
  }
  #mfp500 .velocidades .barra-roxo p br{
      display:none
  }
}

@media(min-width: 600px) and (max-width: 768px){
  #mfp500 .velocidades .barra-laranja .balao{
    transform:scale(0.9);
    margin-left:10px;
    margin-right:auto
}
}
@media(max-width: 320px){
  #mfp500 .velocidades .img{
      margin-top:-55%
  }
  #mfp500 .velocidades .barra-laranja .balao h2{
      font-size:2rem
  }
}
#mfp500 .compacto{
  position:relative
}
#mfp500 .compacto .img{
  position:absolute;
  top:0;
  left:0;
  height:100%
}
#mfp500 .compacto .img img{
  position:relative;
  height:100%;
  width:auto
}
#mfp500 .compacto .barra-azul{
  justify-content:center
}
#mfp500 .compacto .barra-azul .content{
  display:flex;
  align-items:center;
  margin-right:-33%
}
#mfp500 .compacto .barra-azul .content img{
  width:250px
}
#mfp500 .compacto .barra-azul .content p{
  text-align:right;
  font-size:1.5rem;
  color:#fff
}
#mfp500 .compacto .barra-roxo>div{
  margin-left:40%;
  margin-bottom:-60px
}
#mfp500 .compacto .barra-roxo .balao{
  color:#9a5394
}
#mfp500 .compacto .barra-roxo .balao::after{
  bottom:-30px
}
#mfp500 .compacto .barra-roxo .block-text{
  font-weight:800;
  font-size:2rem;
  margin-left:50px;
  margin-top:20px
}
#mfp500 .compacto .barra-roxo .block-text div{
  color:#9a5394
}
#mfp500 .compacto .barra-roxo .block-text h2{
  margin:0
}
#mfp500 .compacto .barra-roxo p{
  font-size:1.5rem;
  color:#fff;
  margin-left:20px;
  margin-top:10px
}
@media(max-width: 768px){
  #mfp500 .compacto .img{
      position:relative;
      width:80%;
      margin-left:auto;
      z-index:2
  }
  #mfp500 .compacto .barra{
      display:inline-table
  }
  #mfp500 .compacto .barra-roxo{
      position:relative
  }
  #mfp500 .compacto .barra-roxo>div{
      margin-left:0%;
      margin-bottom:0px
  }
  #mfp500 .compacto .barra-roxo::after{
      content:"";
      position:absolute;
      width:100%;
      height:190px;
      background-color:#32cdc8;
      bottom:0
  }
  #mfp500 .compacto .barra-roxo .balao{
      transform:scale(0.7);
      margin-left:0px;
      margin-bottom:-70px
  }
  #mfp500 .compacto .barra-roxo .balao::after{
      transform:rotate(180deg);
      right:0;
      left:unset
  }
  #mfp500 .compacto .barra-roxo .block-text{
      font-weight:800;
      font-size:1.5rem;
      margin:10px 0;
      position:relative;
      z-index:2
  }
  #mfp500 .compacto .barra-roxo .block-text div{
      margin:5px auto
  }
  #mfp500 .compacto .barra-roxo .block-text div{
      color:#9a5394;
      text-align:center
  }
  #mfp500 .compacto .barra-roxo .block-text h2{
      margin:0
  }
  #mfp500 .compacto .barra-azul{
      height:auto;
      padding-bottom:30px
  }
  #mfp500 .compacto .barra-azul .content{
      flex-direction:row-reverse;
      margin-right:0%;
      justify-content:center
  }
  #mfp500 .compacto .barra-azul .content img{
      width:140px
  }
  #mfp500 .compacto .barra-azul .content p{
      text-align:left;
      font-size:1.4rem;
      color:#fff
  }
}
@media(max-width: 320px){
  #mfp500 .compacto .barra-roxo .balao{
      transform:scale(0.6);
      margin-left:-20px
  }
}
#mfp500 .potencia{
  position:relative
}
#mfp500 .potencia .img{
  position:absolute;
  top:0;
  left:40%;
  height:100%;
  z-index:2
}
#mfp500 .potencia .img img{
  position:relative;
  height:100%;
  width:auto
}
#mfp500 .potencia .barra-azul{
  position:relative
}
#mfp500 .potencia .barra-azul .balao{
  position:absolute;
  bottom:0;
  left:7%;
  color:#9a5394;
  transform:scale(1.15);
  margin-bottom:7px
}
#mfp500 .potencia .barra-azul .balao h2{
  font-weight:800;
  margin:0
}
#mfp500 .potencia .barra-azul .balao::after{
  bottom:-35px
}
#mfp500 .potencia .barra-laranja{
  display:flex;
  justify-content:space-between;
  padding-left:8%;
  padding-right:3%
}
#mfp500 .potencia .barra-laranja .block-text{
  font-weight:800;
  font-size:2rem
}
#mfp500 .potencia .barra-laranja .content1{
  padding-top:30px;
  height:100%
}
#mfp500 .potencia .barra-laranja .content2 p{
  font-size:1.5rem;
  line-height:1.8rem;
  margin-left:20px;
  color:#fff
}
@media(max-width: 768px){
  #mfp500 .potencia .img{
      position:initial;
      width:85%;
      margin:auto;
      padding-left:20px;
      margin-top:-30px
  }
  #mfp500 .potencia .barra{
      display:inline-table
  }
  #mfp500 .potencia .barra-azul{
      height:auto
  }
  #mfp500 .potencia .barra-azul .balao{
      transform:scale(0.9);
      position:relative;
      z-index:2
  }
  #mfp500 .potencia .barra-azul .balao h2{
      font-size:2.2rem
  }
  #mfp500 .potencia .barra-laranja{
      display:inline-table;
      padding:0
  }
  #mfp500 .potencia .barra-laranja::after{
      content:"";
      position:absolute;
      width:100%;
      height:470px;
      background-color:#32cdc8;
      top:0
  }
  #mfp500 .potencia .barra-laranja .block-text{
      font-size:1.8rem;
      padding-left:10%;
      margin-top:0px
  }
  #mfp500 .potencia .barra-laranja .content1{
      position:relative;
      z-index:2
  }
  #mfp500 .potencia .barra-laranja .content2{
      padding-top:20px;
      position:relative;
      z-index:2
  }
  #mfp500 .potencia .barra-laranja .content2 p{
      margin-left:16%
  }
}
@media(max-width: 320px){
  #mfp500 .potencia .barra-azul .balao{
      padding:30px
  }
  #mfp500 .potencia .barra-azul .balao h2{
      font-size:2rem
  }
  #mfp500 .potencia .barra-laranja .block-text{
      font-size:1.5rem;
      padding-left:10%;
      margin-top:-20px
  }
}
#mfp500 .cable{
  position:relative
}
#mfp500 .cable .img{
  position:absolute;
  top:0;
  left:-5%;
  height:100%;
  z-index:2
}
#mfp500 .cable .img img{
  position:relative;
  height:100%;
  width:auto
}
#mfp500 .cable .barra-laranja{
  position:relative;
  height:250px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right:15%
}
#mfp500 .cable .barra-laranja .block-text{
  font-weight:800;
  font-size:2rem
}
#mfp500 .cable .barra-laranja p{
  font-size:1.6rem;
  line-height:1.8rem;
  margin-left:20px;
  margin-top:10px;
  color:#fff
}
#mfp500 .cable .barra-amarelo{
  height:450px;
  flex-direction:column;
  padding-left:18%;
  padding-top:10%
}
#mfp500 .cable .barra-amarelo .balao{
  margin-bottom:20px
}
#mfp500 .cable .barra-amarelo .balao h2{
  font-weight:800;
  margin:0
}
#mfp500 .cable .barra-amarelo .balao::after{
  bottom:-35px
}
#mfp500 .cable .barra-amarelo p{
  font-size:1.6rem;
  line-height:1.8rem;
  margin-left:-15px;
  color:#fff
}
@media(max-width: 768px){
  #mfp500 .cable .img{
      position:initial;
      height:auto;
      margin-left:-60px;
      margin-right:60px
  }
  #mfp500 .cable .barra-laranja{
      background-color:#fcba4d;
      position:relative;
      height:auto;
      display:block;
      padding:0
  }
  #mfp500 .cable .barra-laranja::before{
      content:"";
      width:100%;
      height:150px;
      background-color:#ff8200;
      display:block;
      position:absolute
  }
  #mfp500 .cable .barra-laranja .block-text{
      font-size:1.5rem
  }
  #mfp500 .cable .barra-laranja .block-text div{
      margin-left:auto
  }
  #mfp500 .cable .barra-laranja .div-mob{
      position:absolute;
      right:30px;
      top:50%
  }
  #mfp500 .cable .barra-laranja p{
      font-size:1.6rem;
      line-height:1.8rem;
      margin-left:0px;
      margin-top:10px;
      text-align:right
  }
  #mfp500 .cable .barra-amarelo{
      height:auto;
      padding-left:0;
      padding-top:10%;
      padding-bottom:30px
  }
  #mfp500 .cable .barra-amarelo .balao{
      margin-top:-15px;
      margin-bottom:20px;
      padding:30px
  }
  #mfp500 .cable .barra-amarelo .balao h2{
      font-size:2rem
  }
  #mfp500 .cable .barra-amarelo .balao::after{
      top:-35px;
      left:0;
      bottom:unset
  }
  #mfp500 .cable .barra-amarelo p{
      text-align:center;
      margin-left:0
  }
}
@media(max-width: 320px){
  #mfp500 .cable .barra-amarelo .balao{
      margin-top:10px
  }
  #mfp500 .cable .barra-amarelo .balao h2{
      font-size:1.8rem
  }
  #mfp500 .cable .barra-amarelo p{
      padding:0 20px
  }
  #mfp500 .cable .barra-amarelo p br{
      display:none
  }
}
#mfp500 .especificaciones{
  display:flex;
  align-items:center;
  gap:30px;
  padding-right:50px
}
#mfp500 .especificaciones .medidas{
  width:80%
}
#mfp500 .especificaciones .medidas .balao{
  margin-bottom:60px
}
#mfp500 .especificaciones .medidas .balao h2{
  margin:0
}
#mfp500 .especificaciones .medidas .tabela{
  width:450px;
  color:#ff8200;
  margin-top:20px
}
#mfp500 .especificaciones .medidas .tabela .title{
  font-weight:900;
  font-size:1.8rem
}
#mfp500 .especificaciones .medidas .tabela .linha{
  display:flex;
  padding:0 10px;
  justify-content:space-between;
  border-top:1px solid #ff8200
}
#mfp500 .especificaciones .medidas .tabela .linha.last{
  border-bottom:1px solid #ff8200
}
@media(max-width: 768px){
  #mfp500 .especificaciones{
      flex-direction:column;
      padding:0;
      gap:10px
  }
  #mfp500 .especificaciones .medidas{
      width:80%
  }
  #mfp500 .especificaciones .medidas .balao{
      margin-bottom:-10px;
      padding:15px 30px;
      margin-left:-20px
  }
  #mfp500 .especificaciones .medidas .balao h2{
      margin:0;
      font-size:1.4rem
  }
  #mfp500 .especificaciones .medidas .balao::after{
      bottom:-50px;
      transform:scale(0.5);
      transform-origin:left
  }
  #mfp500 .especificaciones .medidas .tabela{
      width:100%;
      color:#ff8200;
      margin-top:20px
  }
  #mfp500 .especificaciones .medidas .tabela .title{
      font-weight:900;
      font-size:1.3rem
  }
  #mfp500 .especificaciones .medidas .tabela .linha{
      display:flex;
      padding:0 10px;
      justify-content:space-between;
      border-top:1px solid #ff8200
  }
  #mfp500 .especificaciones .medidas .tabela .linha.last{
      border-bottom:1px solid #ff8200
  }
}
#mfp500 .sai{
  display:grid;
  grid-template-columns:1fr 1fr;
  background-color:#fcba4d
}
#mfp500 .sai .content1{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9a5394
}
#mfp500 .sai .content1 h2{
  font-size:3.3rem
}
#mfp500 .sai .content1 p{
  font-size:1.6rem
}
#mfp500 .sai .content2{
  background-color:#9a5394;
  padding:80px 0;
  text-align:center
}
#mfp500 .sai .content2 img{
  max-width:400px
}
#mfp500 .rodape{
  padding:30px 50px;
  background-color:#ff8200;
  text-align:center
}
#mfp500 .rodape img{
  max-width:250px
}