/***************
HEADER LPINDICACAO
****************/
section.top-lpindicacao {
    min-height: 0vh;
    padding: 10px 0px 20px;
}


a.btn-comecar-topo-indicacao:hover {
  background: #004e62;
  transition: 0.2s ease all;
}

.button-topo-lpindicacao {
    display: block;
}



a.btn-comecar-topo-indicacao {
    background: #21C9C2;
    color: white !important;
    padding: 10px 15px;
    margin: 0 0px;
    border-radius: 100px;
    text-decoration: none;
    transition: 0.2s ease all;
    font-size: 13px;
}
@media (min-width: 768px){
  a.btn-comecar-topo-indicacao {
    padding: 10px 25px;
    margin: 0 20px;
    font-size: 16px;
  }
}

/***************
QUEM INDICOU LPINDICACAO
****************/
section.lpindicacao-quemidicou {
    min-height: 0vh;
    background: #F6F4F5;
    padding: 50px 0px 90px;
}

h1.quemidicou-title {
    color: #1795B6;
    font-size: 28px;
    font-weight: 300;
}

h1.quemidicou-title b{
    font-weight: bold;
}

.img-family-lpindicacao-topo {
    width: 287px;
    height: 283px;
}

.img-family-lpindicacao-topo {
    background: url(svg/family-indicacao-lp.svg);
    width: 187px;
    height: 183px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 25px auto 0px;
}
@media (min-width: 768px){
  h1.quemidicou-title {
      font-size: 50px;
  }
  .img-family-lpindicacao-topo {
      width: 287px;
      height: 283px;
  }
}

/***************
lpindicacao-section3
****************/
.lpindicacao-section3{
  min-height: 0;
}


.fundo-verde {
    background: #21C9C2;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    margin-top: -100px;
    padding: 50px 15px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.fundo-verde p {
    color: #F6F4F5;
    font-size: 20px;
    margin: 0px;
}

.content1-lpindicacao-section3, .content2-lpindicacao-section3 {
    width: 100%;
}

.content2-lpindicacao-section3 {
    display: flex;
    justify-content: center;
    z-index: 1;
}

.content2-lpindicacao-section3 a:hover {
    text-decoration: none;
    transition: 0.2s ease all;
    background: white;
    color: #074e61;
}
.content2-lpindicacao-section3 a {
    background: #074e61;
    color: white;
    padding: 10px 25px;
    border-radius: 100px;
    text-decoration: none;
    transition: 0.2s ease all;
    font-size: 16px;
    margin: 40px 0px 0px;
    text-transform: uppercase;
}



@media (min-width: 768px){
  .fundo-verde {
      padding: 50px 50px;
      border-radius: 15px;
  }
  .content1-lpindicacao-section3, .content2-lpindicacao-section3 {
      width: 50%;
  }
  .fundo-verde p {
      font-size: 28px;
      line-height: 34px;
  }
  .content2-lpindicacao-section3 a {
      margin: 0px 0px 0px;
      font-size: 20px;
  }


}

@media (min-width: 1280px){
  .vectorsvg-section3 .st0{fill:none;stroke:#074E61;stroke-miterlimit:10;}
  .vectorsvg-section3 .st1{fill:none;stroke:#074E61;stroke-miterlimit:10;}
  .vectorsvg-section3 .st2{fill:none;stroke:#074E61;stroke-miterlimit:10;}
  .vectorsvg-section3 .st3{display:none;}
  .vectorsvg-section3 .st4{display:inline;}

  .vectorsvg-section3 {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 28.5%;
  }


}



/***************
lpindicacao-section4
****************/
section.lpindicacao-section4 {
    background: url(img/lpindicacao/backgroun-lpindicacao.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    top: 0;
    left: 0;
    padding: 100px 0px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.content-section4 p {
    font-size: 19px;
    color: #F6F4F5;
}

.icon-play-video {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 80px;
}

.content-section4 {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    align-items: center;
}


.icon-play-video svg {
    width: 150px;
}
.icon-play-video .st0{fill:#FFFFFF;}

section.lpindicacao-section4 .col-12.col-md-6:nth-child(1) {
    order: 2;
}



@media (min-width: 768px) {
  section.lpindicacao-section4 {
      margin-top: -180px;
  }

  section.lpindicacao-section4 .col-12.col-md-6:nth-child(1) {
    order: 0;
  }

  .content-section4 p {
    font-size: 29px;
  }
  .icon-play-video svg {
      width: 200px;
  }
  .icon-play-video {
      margin-bottom: 0px;
  }
  section.lpindicacao-section4 {
      min-height: 100vh;
      padding: 100px 0px;
  }
}

/***************
lpindicacao-section5
****************/
section.lpindicacao-section5 {
    min-height: 50vh;
    background: #074E61;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    position: relative;
}

p.text-lpindicacao-section5 {
    font-size: 20px;
    color: #21C9C2;
    margin: 0;
}

p.outline-money {
    font-size: 40px;
    margin: 0px;
    -webkit-text-stroke: 1px #27E4E3;
    color: transparent;
    text-align: left;
    font-weight: 500;
    letter-spacing: 5px;
    margin-top: 30px;
}

.content-lpindicacao-section5 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    width: 100%;
}

.vectorfundo-sect5 .st0{
    fill:none;
    stroke:#6EB0AE;
    stroke-miterlimit:10;
}

@media(min-width: 1024px){
  p.outline-money {
    font-size: 118px;
    margin-top: 0px;
    -webkit-text-stroke: 5px #27E4E3;
    text-align: center;
  }
  p.text-lpindicacao-section5 {
      font-size: 38px;
      line-height: 48px;
  }
}

@media(min-width: 1280px){
  .vectorsvg-section5 {
    position: absolute;
    left: 00px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    transform: rotatey(180deg);
  }
  .vectorsvg-section5 svg{
    position: relative;
    height: 100%;

  }
  .vectorsvg-section5 .st0{fill:none;stroke:#6EB0AE;stroke-miterlimit:10;}
  .vectorsvg-section5 .st1{fill:none;stroke:#6EB0AE;stroke-miterlimit:10;}
  .vectorsvg-section5 .st2{fill:none;stroke:#6EB0AE;stroke-miterlimit:10;}
  .vectorsvg-section5 .st3{display:none;}
  .vectorsvg-section5 .st4{display:inline;}
}

/***************
lpindicacao-section6
****************/
section.lpindicacao-section6 {
    min-height: 50vh;
    position: relative;
    background: #21C9C2;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

p.text-lpindicacao-section6 {
    font-size: 20px;
    color: #074E61;
    margin: 0;
}

.content-lpindicacao-section6 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    width: 100%;
}

.icon-money-lpindicacao-section6 {
    background: url(svg/icon-money.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}

.vectorsvg-section6 .st0{fill:none;stroke:#074E61;stroke-miterlimit:10;}
.vectorsvg-section6 .st1{fill:none;stroke:#074E61;stroke-miterlimit:10;}
.vectorsvg-section6 .st2{fill:none;stroke:#074E61;stroke-miterlimit:10;}
.vectorsvg-section6 .st3{display:none;}
.vectorsvg-section6 .st4{display:inline;}

@media(min-width: 1024px){
  .icon-money-lpindicacao-section6 {
      width: 200px;
      height: 200px;
      margin: 0px 0px 0px 50px;
  }
  p.text-lpindicacao-section6 {
      font-size: 38px;
      line-height: 54px;
  }
}

@media(min-width: 1280px){
  .vectorsvg-section6 {
    position: absolute;
    right: 00px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .vectorsvg-section6 svg{
      position: relative;
      height: 100%;
  }
}

/***************
lpindicacao-section7
****************/
section.lpindicacao-section7 {
    min-height: 0;
    padding: 50px 15px;
}

.content-lpindicacao-section7 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    width: 100%;
}

p.title-slide-lpindicacao {
    font-size: 25px;
    color: #074E61;
    font-weight: 300;
}

p.title-slide-lpindicacao b{
    font-weight: bold;
}

hr.line-lpindicacao-section7 {
    color: #AFBFBE;
    border-top: 1px solid #AFBFBE;
    width: 100%;
    margin-top: 80px;
}

@media(min-width: 1024px){
  p.title-slide-lpindicacao {
      font-size: 36px;
      line-height: 42px;
  }
  section.lpindicacao-section7 {
      min-height: 0;
      padding: 100px;
  }
}

/***************
lpindicacao-section8
****************/
section.lpindicacao-section8 {
    min-height: 0;
    padding: 0px 0px 50px;
}

.content-lpindicacao-section8 {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    width: 100%;
    justify-content: center;
}

.content-lpindicacao-section8 h2 {
    width: 100%;
    text-align: center;
    color: #1795B6;
    font-size: 30px;
    font-weight: normal;
    font-weight: 100;
}

.content-lpindicacao-section8 h2 b{
    font-weight: bold;
}

a.btnrodape-comecar {
    text-decoration: none;
    background: #21C9C2;
    color: white;
    padding: 10px 30px;
    border-radius: 40px;
    margin: 0px;
    transition: 0.2s ease all;
    text-align: center;
}

a.btnrodape-conheca {
    text-decoration: none;
    background: #1795B6;
    color: white;
    padding: 10px 30px;
    border-radius: 40px;
    margin: 20px 0px;
    transition: 0.2s ease all;
    text-align: center;
}
a.btnrodape-conheca:hover, a.btnrodape-comecar:hover{
    background: #074E61;
    transition: 0.2s ease all;
    color: white;
}

.btns-rodape {
    margin: 20px;
    display: grid;
}

.logos-rodape {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    margin: 50px 0px 0px;
    align-items: center;
}


a.linkvisaoprev {
    border-right: 2px solid #21C9C2;
}

a.linkvisaoprev:before {
    content: url(svg/icon-visaoprev.svg);
    display: block;
    width: 83px;
    height: 49px;
    padding-right: 10px;
}

a.linkmaisvisao:before {
    content: url(svg/brand.svg);
    display: block;
    width: 160px;
    height: 30px;
    padding-left: 10px;
}

#owlIndica .title-depoimentos img{
    width: 30px;
}

#owlIndica .owl-nav{
    display: none;
}
#owlIndica .owl-dots {
    display: flex;
    justify-content: center;
}
#owlIndica .owl-dots button{
   width: 12px;
   height: 12px;
   border: 1px solid #074e61;
   border-radius: 100px;
   margin: 10px;
}

#owlIndica .owl-dots button.active{
  background: #074e61;
}

@media(min-width: 1024px){
  .btns-rodape {
      display: block;
  }
  a.btnrodape-comecar {
      margin: 20px;
  }
  a.btnrodape-conheca {
    margin: 20px;
  }

  #owlIndica .unique-depoi {
      width: 100%;
  }
  #owlIndica .unique-depoi {
      width: 100%;
      padding: 30px;
  }
  #owlIndica .unique-depoi .title-depoimentos h2{
      font-size: 24px;
  }
  #owlIndica .unique-depoi .content-depoimentos p{
      font-size: 16px;
  }
  .content-lpindicacao-section8 h2 {
      font-size: 62px;
      line-height: 70px;
      margin-bottom: 25px;
  }

}

@media(min-width: 1280px){

}

/***************
MODAL VIDEO
****************/
video#srcVideoOrientacaoModal {
    width: 100%;
}

#modal_video_manifesto .modal-content {
    background: transparent;
    border: 0px;
    padding: 0px;
}

#modal_video_manifesto .modal-header {
    border: 0px;
    padding: 0px;
}