/*///////////////////////
Padrões
///////////////////////*/
@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-Black.woff2') format('woff2'),
        url('font/NeoSansStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-Italic.woff2') format('woff2'),
        url('font/NeoSansStd-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-Light.woff2') format('woff2'),
        url('font/NeoSansStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-BoldItalic.woff2') format('woff2'),
        url('font/NeoSansStd-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-MediumItalic.woff2') format('woff2'),
        url('font/NeoSansStd-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-BlackItalic.woff2') format('woff2'),
        url('font/NeoSansStd-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-Bold.woff2') format('woff2'),
        url('font/NeoSansStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-Medium.woff2') format('woff2'),
        url('font/NeoSansStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-Regular.woff2') format('woff2'),
        url('font/NeoSansStd-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Std';
    src: url('font/NeoSansStd-LightItalic.woff2') format('woff2'),
        url('font/NeoSansStd-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
body{
    background: white;
    font-family: 'Neo Sans Std';
}
body.openShare{
    overflow: hidden;
}
@media(min-width: 1280px){
    section{
      min-height: 100vh;
    }
}

/****************************
HEADER
****************************/
header {
    z-index: 9;
    position: absolute;
    width: 100%;
}
.header-convite {
    background: white;
    padding: 0 0 15px 0;
}
.header-convite .buttonssideflex-showdesk a:nth-of-type(1),
.header-convite .buttonssideflex-showall{
    display: none;
}
.flex-header {
    display: flex;
    flex-flow: wrap;
    margin-top: 15px;
}
.sideflex-header:nth-of-type(1){
    width: 80%;
}
.sideflex-header:nth-of-type(2){
    width: 20%;
}
.navbrand{
    display: flex;
}
.navbrand a {
    display: flex;
    align-items: center;
}
.navbrand a:nth-of-type(1) {
    border-right: 2px solid #21C9C2;
}
.navbrand a:nth-of-type(1):before {
    content: url(svg/vp.svg);
    display: block;
    width: 40px;
    height: 40px;
    padding-right: 10px;
}
.navbrand a:nth-of-type(2):before {
    content: url(svg/brand.svg);
    display: block;
    width: 160px;
    height: 30px;
    padding-left: 10px;
}
.buttonssideflex-showdesk{
    display: none;
}
.buttons-sideflex-header {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.buttonssideflex-showall button {
    padding: 0;
    border: 0;
    background: none;
    width: 35px;
    display: flex;
    flex-direction: column;
    outline: none;
}
.buttonssideflex-showall button span {
    width: 35px;
    height: 2px;
    background: #21c9c2;
    display: block;
    margin: 3px 0;
    transition: 0.1s linear;
}
.buttonssideflex-showall button span:nth-of-type(1){
  transform-origin: left top;
}
.buttonssideflex-showall button span:nth-of-type(3){
  transform-origin: left bottom;
}
.buttonssideflex-showall button span:nth-of-type(2){
    width: 28px;
}
.buttonssideflex-showall button.activeBtn span:nth-of-type(1){
    transform: rotate(45deg);
    transition: 0.1s linear;
    width: 24px;
}
.buttonssideflex-showall button.activeBtn span:nth-of-type(3){
    transform: rotate(-45deg);
    transition: 0.1s linear;
    width: 24px;
}
.buttonssideflex-showall button.activeBtn span:nth-of-type(2){
    width: 1px;
    background:white;
    transition: 0.1s linear;
}
.bigopen-menu {
    width: 100%;
    height: 100%;
    background: #074E61;
    top: 0;
    z-index: 89;
    position: fixed;
    padding: 20px;
    transition: 0.1s linear;
    left: 100%;
}
.openmenu{
    left: 0;
}
.buttonssideflex-andar1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 40px;
}
.buttonssideflex-andar1 button {
    background: none;
    border: none;
    padding: 0;
    margin-left: 20px;
    outline: none;
    height: 30px;
}
.buttonssideflex-andar1 button span {
    display: block;
    width: 35px;
    background: white;
    height: 1px;
}
.buttonssideflex-andar1 button span:nth-of-type(1){
    margin-bottom: -1px;
    transform: rotate(45deg);
}
.buttonssideflex-andar1 button span:nth-of-type(2){
    transform: rotate(-45deg);
}
.buttonssideflex-andar1 a:nth-of-type(1){
    color: white;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid white;
}
.buttonssideflex-andar1 a:nth-of-type(2){
    color: #27E4E3;
    font-size: 14px;
    background: white;
    padding: 8px 20px;
    border-radius: 50px;
    font-weight: 400;
    margin-left: 20px;
}
.navbar-site ul{
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: section;
}
.navbar-site ul li a{
    margin-bottom: 10px;
    display: block;
    color: white;
    text-decoration: none;
    transition: 0.4s ease;
}
.navbar-site ul li a:hover{
    color: #55b2af;
    text-decoration: none;
    transition: 0.4s ease;
}
.navbar-site ul li a:before {
    counter-increment: section;
    content: "0"counter(section);
    color: #21C9C2;
    font-size: 9px;
    font-weight: bold;
    margin-right: 3px;
    position: relative;
    top: -4px;
}
.buttonsapp-bigmenu {
    display: flex;
    margin-top: 20px;
}
.buttonsapp-bigmenu a {
    display: block;
    margin-right: 5px;
}
.buttonsapp-bigmenu a:nth-of-type(1):before{
    content: url(svg/apple.svg);
}
.buttonsapp-bigmenu a:nth-of-type(2):before{
    content: url(svg/google.svg);
}
.buttonsapp-bigmenu a:before {
    display: block;
    width: 120px;
}
.fundomenu{
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
}
.fundomenu .st0{
    opacity:0.36;
}
.fundomenu .st1{
    fill:none;
    stroke:#61A4A2;
    stroke-miterlimit:10;
}

@media(min-width: 1024px){
  .bigopen-menu{
    width: 50%;
    right: -100%;
  }
  .sideflex-header:nth-of-type(1){
      width: 60%
  }
  .sideflex-header:nth-of-type(2) {
      width: 40%;
      display: flex;
      justify-content: flex-end;
  }
  .openmenu {
      right: 0;
      left: auto;
  }
  .middlecontent-bigmenu{
      padding: 40px;
  }
  .navbar-site ul li a {
      font-size: 22px;
  }
  .fundomenu {
      width: 70%;
  }
  .buttonssideflex-showdesk{
      display: block;
  }
  .buttonssideflex-showdesk a:nth-of-type(1){
      border-bottom: 1px solid #01e4e4;
      color: black;
      text-decoration: none;
      font-weight: 300;
      transition: 0.2s ease all;
  }
  .buttonssideflex-showdesk a:nth-of-type(1):hover{
      text-decoration: none;
      border-bottom: 1px solid black;
      transition: 0.2s ease all;
  }
  .buttonssideflex-showdesk a:nth-of-type(2), .buttonssideflex-showdesk a:nth-of-type(3) {
      background: #01e4e4;
      color: white;
      padding: 10px 25px;
      margin: 0 10px;
      border-radius: 100px;
      text-decoration: none;
      transition: 0.2s ease all;
  }
  .buttonssideflex-showdesk a:nth-of-type(3) {
      margin-left: 0;
      background: #245064;
  }
  .buttonssideflex-showdesk a:nth-of-type(2):hover,
  .buttonssideflex-showdesk a:nth-of-type(3):hover{
      background: #004e62;
      transition: 0.2s ease all;
  }
}

/*****************************
BANNER MASTER
*****************************/
.banner-master {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.desc-banner-master {
    position: relative;
    z-index: 2;
}
.desc-banner-master span{
    color: #074E61;
    font-size: 16px;
}
.desc-banner-master h1{
    font-weight: 100;
    color: #21C9C2;
    font-size: 36px;
}
.desc-banner-master p {
    color: #074E61;
    font-size: 14px;
    font-weight: 300;
}
.desc-banner-master p br{
    display: none;
}
.btn-watchstyle{
   color: #074E61;
   display: inline-block;
   padding: 5px 0 5px 15px;
   border: 1px solid #21C9C2;
   border-radius: 100px;
   min-width: 200px;
   font-weight: 100;
   position: relative;
   transition: 0.2s ease;
}
.btn-watchstyle:hover{
    background: #21c9c2;
    color: white;
    text-decoration: none;
    transition: 0.2s ease;
}
.btn-watchstyle:after {
    content: url(svg/play.svg);
    position: absolute;
    right: 1px;
    width: 32px;
    height: 32px;
    top: 1px;
}
.fundo-do-banner-master .st0{fill:#F5F3F4;}
.fundo-do-banner-master .st1{fill:none;}
.fundo-do-banner-master .st2{fill:#27E4E3;}
.fundo-do-banner-master .st3{fill:#D5B09F;}
.fundo-do-banner-master .st4{fill:#DD0A7E;}
.fundo-do-banner-master .st5{fill:#EC342E;}
.fundo-do-banner-master .st6{fill:#FDE4E0;}
.fundo-do-banner-master .st7{fill:#074E61;}
.fundo-do-banner-master .st8{fill:#EF148C;}
.fundo-do-banner-master .st9{clip-path:url(#SVGID_2_);}
.fundo-do-banner-master .st10{clip-path:url(#SVGID_4_);}
.fundo-do-banner-master .st11{fill:#21C9C2;}
.fundo-do-banner-master {
   background: #f5f3f4;
   position: absolute;
   left: 0;
   top: 0;
   height: 100vh;
   width: 100%;
}
.fundo-do-banner-master svg {
    height: 101vh;
    right: 0;
    position: absolute;
    z-index: 1;
    top: -1px;
}
.videofundo {
    position: absolute;
    right: 0;
    height: 100vh;
}
.videofundo:before {
    content: "";
    position: absolute;
    width: 40%;
    height: 100%;
    background: #f5f3f4;
}
.videofulfundo:before{
    width: 100%;
    opacity: 0.9;
}
.videofulfundo img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 40%;
    display: none;
}
.videofundo video {
    height: 135vh;
}
.fixed-navbar{
    position: fixed;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    flex-direction: column;
    display: none;
    justify-content: center;
    transition: 0.1s ease;
}
.fixed-adesao {
    position: fixed;
    bottom: 0px;
    z-index: 9;
    width: 100%;
    display: none;
    padding: 20px 0;
    transition: 0.3s ease all;
}
.opaqueFixed{
    opacity: 0.3;
    transition: 0.1s ease;
}
.deixapreso{
    position: relative;
    bottom: 0px;
    transition: 0.3s ease all;
}
.middlecontent-bigmenu{
   position: relative;
   z-index: 9;
}
.flexen-buttons{
    display: flex;
    justify-content: flex-end;
}
.boxbtn{
    display: flex;
}
.boxbtn a:nth-of-type(1){
   display: flex;
   justify-content: flex-end;
   flex-direction: column;
}
.boxbtn a:nth-of-type(1) svg{
    width: 44px;
    height: 44px;
    background: #25D366;
    padding: 10px;
    border-radius: 100px;
    overflow: inherit;
    fill: white;
    position: relative;
    left: 15px;
}
.boxbtn a:nth-of-type(2) {
    background: #01e4e4;
    color: white;
    padding: 10px 25px;
    margin: 0 0 0 20px;
    border-radius: 100px;
    text-decoration: none;
    transition: 0.2s ease all;
}
@media(min-width: 1024px){
  .videofulfundo img {
      display: block;
  }
  .fixed-navbar{
      display: flex;
  }
  .fixed-navbar ul {
      padding: 0;
      list-style: none;
  }
  .fixed-navbar ul li {
      padding: 10px 0 10px 40px;
  }
  .desc-banner-master {
      max-width: 500px;
  }
  .fixed-navbar ul li a{
      color: #01C9C3;
      font-weight: 500;
      position: relative;
      font-size: 12px;
      text-decoration: none;
  }
  .fixed-navbar ul li a span{
      position: relative;
      left: 5px;
      opacity: 0;
  }
  .fixed-navbar ul li .active span{
      opacity: 1;
  }
  .fixed-navbar ul li a:before {
      border-radius: 100px;
      content: "";
      width: 5px;
      height: 5px;
      display: inline-block;
      background: #004E62;
      position: absolute;
      left: -20px;
      top: 4px;
  }
  .fixed-navbar ul li .active:before{
      background: #27e4e3;
  }
  .fixed-navbar ul li a:after {
      content: "";
      width: 30px;
      height: 30px;
      border: 1px dotted #27e4e3;
      position: absolute;
      left: -33px;
      opacity: 0;
      top: -8px;
      border-radius: 100px;
  }
  .fixed-navbar ul li .active:after{
      opacity: 1;
  }
  .desc-banner-master span {
      font-size: 24px;
  }
  .desc-banner-master h1 {
      font-size: 48px;
  }
  .desc-banner-master p {
      font-size: 16px;
  }
  .desc-banner-master p br{
      display: block;
  }
  .fixed-adesao{
      bottom: 15px;
  }
}

@media(min-width: 1280px){
  .videofulfundo img{
      max-width: 55%;;
  }
  .desc-banner-master p {
      font-size: 18px;
  }
}

@media(min-width: 1920px){
  .desc-banner-master span {
      font-size: 28px;
  }
  .desc-banner-master h1 {
      font-size: 64px;
  }
  .videofundo:before {
      width: 65%;
  }
  .videofulfundo:before{
      width: 100%;
      opacity: 0.9;
  }
  .fixed-navbar {
      left: 200px;
  }
  .desc-banner-master{
      max-width: 100%;
  }
}



/********************
DOBRA 2
********************/
.aba2 {
    padding: 30px 0;
    overflow: hidden;
    background: #F6F4F5;
}
.side1-aba2 {
    width: 100%;
    height: 560px;
    position: relative;
    background: url(img/img-min.png);
    background-size: cover;
    padding: 20px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin: 30px 0;
}
.vector1-side1-aba2,
.vector2-side1-aba2{
    position: absolute;
}
.vector1-side1-aba2 {
    width: 100px;
    top: -25px;
    left: 0;
}
.vector1-side1-aba2 .st0{
    fill:none;
    stroke:#01E4E4;
    stroke-width:25px;
    stroke-miterlimit:10;
}
.vector2-side1-aba2{
   bottom: -25px;
   width: 100px;
   right: -25px;
}
.vector2-side1-aba2 .st0{
    fill:none;
    stroke:#01E4E4;
    stroke-width:25px;
    stroke-miterlimit:10;
}
.desc-side1-aba2 h2{
   color: white;
   font-weight: 100;
}
.desc-side1-aba2 p {
    font-size: 14px;
    color: white;
    margin: 0;
}
.desc-side1-aba2 p br{
    display: none;
}
.desc-side1-aba2 a,
.desc-side1-aba2 a:hover{
    text-decoration: none;
}
.desc-side1-aba2 a{
    margin-top: 10px;
    color: white;
}
.title-side2-aba2 h2 {
    font-size: 18px;
    color: #21C9C2;
    font-weight: 100;
}
.title-side2-aba2 h2 b{
    font-weight: bold;
    color: #004E62;
}
.title-side2-aba2 p {
    font-size: 12px;
    color: #074E61;
}
.title-side2-aba2 p br{
    display: none;
}
.content-side2-aba2 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.onebox-content-side2-aba2 {
    margin-bottom: 5px;
    width: 49%;
    background: white;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    min-height: 160px;
    padding: 0 15px;
}
.onebox-content-side2-aba2 p{
    margin: 0;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    color: #074E61;
}
.onebox-content-side2-aba2 p br{
    display: none;
}
.iconeque {
    width: 45px;
    height: 36px;
    margin: 0 auto 10px auto;
    overflow: hidden;
    text-align: center;
}
.iconeque small{
    font-size: 9px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 0px;
    padding-top: 7px;
}
.iconeque i{
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    margin-left: 5px;
    display: inherit;
}
.iconeque5 .st0{
    fill:#01E3E3;
}
.iconeque5 #bulleten{
    animation: bulleten 3.5s ease infinite;
}

.iconeque6 path{
  fill:#01E3E3;
}

@keyframes bulleten {
  0%{
    transform: translate(0px, 0px);
  }
  50%{
    transform: translate(182px, 0px);
  }
  100%{
    transform: translate(0px, 0px);
  }
}

.iconeque6 .st0{
  fill:#01E3E3;
}
.iconeque6 .st1{
  fill:#FFFFFF;
}
.iconeque6 #whitebar{
    animation: barcode 1.5s linear infinite;
}

@keyframes barcode {
  0%{
      transform: translate(0px, 0px);
  }
  50%{
      transform: translate(0px, -125px);
  }
  100%{
      transform: translate(0px, 0px);
  }
}

.iconeque7 .st0{
    fill:#01E3E3;
}

.iconeque7 #barra1{
    animation: bar1 1.5s ease infinite;
}
.iconeque7 #barra3{
    animation: bar3 1.5s ease infinite;
}

@keyframes bar1 {
  0%{
    transform: translate(0px, 0px);
  }
  50%{
    transform: translate(0px, 175px);
  }
  100%{
    transform: translate(0px, 0px);
  }
}

@keyframes bar3 {
  0%{
    transform: translate(0px, 0px);
  }
  50%{
    transform: translate(0px, -175px);
  }
  100%{
    transform: translate(0px, 0px);
  }
}

.iconeque4{
    width: 100px;
    height: 45px;
    overflow: inherit;
}
.iconeque4 svg {
    display: table;
    margin: 0 auto;
    width: 40px;
    overflow: inherit;
}
.iconeque4 .st0{
    fill:#01e3e3;
}
.iconeque4 .st1{
    fill:#FFFFFF;
}

#nota1{
    animation: nota1 1s linear infinite;
    transform-origin: right center;
}
#nota2{
    animation: nota2 1s linear infinite;
    transform-origin: right center;
}

@keyframes nota1 {
  0%{
    transform: rotate(0deg);
  }
  50%{
    transform: rotate(8deg);
  }
  100%{
    transform: rotate(0deg);
  }
}

@keyframes nota2 {
  0%{
    transform: rotate(0deg);
  }
  50%{
    transform: rotate(-8deg);
  }
  100%{
    transform: rotate(0deg);
  }
}

.iconicnum{
    width: 100%;
    text-align: center;
}
.iconicnum span{
    font-size: 25px;
    font-weight: bold;
    color: #01e3e3;
}

@media(min-width: 374px){
  .desc-side1-aba2{
      max-width: 75%;
  }
}

@media(min-width: 1024px){
  .title-side2-aba2 p {
      font-size: 14px;
      color: #074E61;
  }
  .aba2 {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 50px 0;
  }
  .side1-aba2 {
      max-width: 440px;
      margin: 0;
      height: 625px;
      background-size: contain;
      background-repeat: no-repeat;
  }
  .desc-side1-aba2{
      max-width: 275px;
  }
  .onebox-content-side2-aba2 {
      margin-bottom: 10px;
      min-height: 120px;
      padding: 10px;
  }
  .onebox-content-side2-aba2:nth-last-of-type(2){
      min-height: 180px;
  }
  .onebox-content-side2-aba2 p {
      font-size: 14px;
      line-height: 16px;
      font-weight: 400;
  }
  .onebox-content-side2-aba2 p br{
      display: block;
  }
  .title-side2-aba2 h2 {
      font-size: 26px;
  }
  .vector1-side1-aba2 {
      width: 135px;
      top: -35px;
  }
  .vector2-side1-aba2 {
      bottom: -45px;
      width: 120px;
      left: 245px;
  }
}

@media(min-width: 1280px){
  .title-side2-aba2 h2 {
      font-size: 30px;
  }
  .title-side2-aba2 p {
      font-size: 16px;
  }
}

@media(min-width: 1920px){
  .title-side2-aba2 h2 {
      font-size: 38px;
  }
}

/*********************************
DOBRA 3
*********************************/
.aba3 {
    padding: 30px 0;
    background: #F6F4F5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.title-aba3 h2{
   font-size: 18px;
   color: #21C9C2;
   font-weight: 100;
}
.title-aba3 h2 b{
    font-weight: bold;
    color: #004E62;
}
.title-aba3 p{
    font-size: 12px;
    color: #074E61;
}
.title-aba3 p br{
    display: none;
}
#modalMini .modal-header{
   padding: 5px 15px 0 0;
   margin: 0;
   border: none;
}
#descquen{
    font-size: 14px;
    color: #004E62;
}
.fluxo-mobile .st0{fill:none;stroke:#3CA0A3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 5360, 5362;stroke-dashoffset: 5361;transition: 2s ease all;}
.fluxo-mobile .st1{fill:#FFFFFF;stroke:#3B9698;stroke-miterlimit:10;}
.fluxo-mobile .st2{fill:none;stroke:#3CA0A3;stroke-miterlimit:10;stroke-dasharray:5.929,5.929;}
.fluxo-mobile .st3{fill:#004C5F;}
.fluxo-mobile .st4{font-family:'Neo Sans Std';}
.fluxo-mobile .st5{font-size:32.4574px;}
.fluxo-mobile .st6{font-size:23.6656px;}
.fluxo-mobile .st7{fill:#3CA0A3;}
.fluxo-mobile .st8{fill:#0A0A0A;}
.fluxo-desk{
    display: none;
}
/*
.fluxo-desk .st0 {
    fill: none;
    stroke: #3CA0A3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 5360, 5362;
    stroke-dashoffset: 5361;
    transition: 2s ease all;
}

.fluxo-desk .st1{fill:white;stroke:#3CA0A3;stroke-miterlimit:10;}
.fluxo-desk .st2{fill:none;stroke:#3CA0A3;stroke-miterlimit:10;stroke-dasharray:5.929,5.929;}
.fluxo-desk .st3{fill:#004C5F;}
.fluxo-desk .st4{font-family:'Neo Sans Std';font-weight: 500;}
.fluxo-desk .st5{font-size:32.4574px;}
.fluxo-desk .st6 {
    font-family: 'Neo Sans Std';
    font-weight: 400;
    fill: black;
}
.fluxo-desk .st7{font-size:23.6656px;}
.fluxo-desk .st8 {
    fill: #3CA0A3;
    pointer-events: none;
}
.fluxo-desk .st9,
.fluxo-desk .st1{
   fill: #FFFFFF;
   stroke: #3B9698;
   stroke-miterlimit: 10;
   cursor: pointer;
   pointer-events: all;
   transition: 0.3s ease all;
}
.fluxo-desk .st9:hover,
.fluxo-desk .st1:hover{
   fill: #3ca0a3;
   transition: 0.3s ease all;
}
*/

.fluxo-desk .st0{fill:none;stroke:#3CA0A3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray: 5360, 5362;
stroke-dashoffset: 5361;
transition: 2s ease all;}
.animaLinha .st0{stroke-dashoffset: 0;transition: 12s linear all;}
.fluxo-desk .st1{fill:#FFFFFF;stroke:#3B9698;stroke-miterlimit:10;}
.fluxo-desk .st2{fill:none;stroke:#3CA0A3;stroke-miterlimit:10;stroke-dasharray:5.929,5.929;}
.fluxo-desk .st3{fill:#004C5F;}
.fluxo-desk .st4{font-family:'Neo Sans Std';}
.fluxo-desk .st5{font-size:32.4574px;font-weight: 600;}
.fluxo-desk .st6{font-size:23.6656px;}
.fluxo-desk .st7 {
    fill: #3CA0A3;
    cursor: none;
    pointer-events: none;
}
.fluxo-desk .st8{fill:#0A0A0A;}
.fluxo-desk g circle{
    fill: #FFFFFF;
    stroke: #3B9698;
    stroke-miterlimit: 10;
    transition: 0.4s ease;
    cursor: pointer;
}
.fluxo-desk g circle:hover{
    fill:#3CA0A3;
    transition: 0.4s ease;
}
.fluxo-desk g #circlensen,
.fluxo-desk g #circlensenx{
    fill: #3CA0A3;
    stroke: #3CA0A3;
    stroke-miterlimit: 10;
    transform: scale(0);
    transition: 0.6s linear;
    transform-origin: 782px 100px;
    offset-distance: 7.9%;
    offset-path: path('M362.5,100.6h1306.9h123.9c52.8,0,95.6,42.8,95.6,95.6v209.2c0,52.8-42.8,95.6-95.6,95.6H127.5 c-52.8,0-95.6,42.8-95.6,95.6v183.9c0,52.8,42.8,95.6,95.6,95.6h1199.1');
}
.fluxo-desk g #circlensen.supersinrcel {
    transform: scale(0.8);
    animation: andacircle 18s linear;
    animation-delay: 2s;
    stroke-width: 1px;
    stroke: white;
    stroke-dasharray: 4;
    cursor: none;
    pointer-events: none;
}

#somen2 .st1{
    fill: #00a2a4;
}

#somen2 .st2{
    animation: rodouLine 4s linear infinite;
    transform-origin: 782px 100px;
}

@keyframes rodouLine {
  100%{
    transform: rotate(360deg);
  }
}

@keyframes andacircle {
  0%{
    offset-distance: 7.9%;
  }
  80%{
    offset-distance: 110%;
    opacity: 1;
  }
  100%{
    offset-distance: 7.9%;
    opacity: 0;
    transform: rotate(360deg);
  }
}
.baller:hover{
    fill: #004E62;
    transition: 0.3s linear all;
}
.baller{
    pointer-events: all;
    cursor: pointer;
    transition: 0.3s linear all;
}
.tooltip-baller{
    font-family:'Neo Sans Std';
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color:white;
    padding: 10px;
}
@media(min-width: 1024px){
  .fluxo-desk svg{
      height: 600px;
  }
  .aba3 {
      padding: 50px 0;
  }
  .title-aba3 h2 {
      font-size: 26px;
  }
  .title-aba3 p {
      font-size: 14px;
  }
  .title-aba3 p br{
      display: block;
  }
  .fluxo-mobile{
      display: none;
  }
  .fluxo-desk {
      display: block;
      margin-top: 25px;
  }
}

@media(min-width: 1280px){
  .title-aba3 h2 {
      font-size: 30px;
  }
  .title-aba3 p {
      font-size: 16px;
  }
}

@media(min-width: 1920px){
  .title-aba3 h2 {
      font-size: 38px;
  }
  .title-aba3 p {
      font-size: 16px;
  }
}

/*****************************
DObra 4
*****************************/
.sectsingle-supersect{
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 300px;
    background-size: cover;
    background-position: center center;
}
.sectsingle-supersect:before {
    content: "";
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
}
.desc-supersect-abas{
    z-index: 8;
}
.desc-supersect-abas span {
    color: #21C9C2;
    font-size: 20px;
    font-weight: 100;
}
.desc-supersect-abas h2{
   color: white;
   font-weight: 100;
   font-size: 28px;
}
.desc-supersect-abas p{
    color: white;
    font-size: 14px;
    font-weight: 100;
    margin: 0;
}
.sectsingle1{
    background-image: url(img/slides/mobile/slides1-min.jpg);
}
.sectsingle2{
    background-image: url(img/slides/mobile/slides2-min.jpg);
}
.sectsingle3{
    background-image: url(img/slides/mobile/slides3-min.jpg);
}
.sectsingle4{
    background-image: url(img/slides/mobile/slides4-min.jpg);
}

@media(min-width: 1024px){
  .aba4{
      height: 100vh;
  }
  .supersect-abas {
      display: flex;
      flex-flow: wrap;
      position: relative;
      background: url(img/slides/desk/bigone-min.jpg);
  }
  .bigsfundo {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: 0.2s linear;
  }
  .bigone-supersect{
      background-image:url(img/slides/desk/bigone-min.jpg);
  }
  .bigtwo-supersect{
      background-image:url(img/slides/desk/bigtwo-min.jpg);
  }
  .bigtree-supersect{
      background-image:url(img/slides/desk/bigtree-min.jpg);
  }
  .bigfour-supersect{
      background-image:url(img/slides/desk/bigfour-min.jpg);
  }
  .sectsingle1:hover ~ .bigone-supersect{
      opacity: 1;
  }
  .sectsingle-supersect {
      width: 25%;
      height: 100vh;
      padding: 30px;
      border-right: 1px solid rgba(255, 255, 255, 0.44);
      background-image: none;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.51);
  }
  .sectsingle-supersect:hover{
      background-color: rgba(0, 0, 0, 0);
  }
  .sectsingle-supersect:last-of-type{
      border-right: none;
  }
  .desc-supersect-abas h2 {
      font-size: 20px;
  }
  .desc-supersect-abas h2 br{
      display: none;
  }
  .desc-supersect-abas p{
      opacity: 0;
      transition: 0.4s linear;
  }
  .desc-supersect-abas p br{
      display: none;
  }
  .desc-supersect-abas span {
      font-size: 16px;
  }
  .desc-supersect-abas {
      min-height: 300px;
  }
  .sectsingle-supersect:hover p{
      opacity: 1;
      transition: 0.4s linear;
  }
  .opacityone{
      opacity: 1;
      transition: 0.2s linear;
  }
}


@media(min-width: 1280px){
  .desc-supersect-abas h2 {
      font-size: 30px;
  }
  .desc-supersect-abas p {
      font-size: 16px;
  }
}

@media(min-width: 1920px){
  .desc-supersect-abas span {
      font-size: 18px;
  }
  .desc-supersect-abas h2 {
      font-size: 28px;
  }
}

/**********************************
Dobra 5
**********************************/
.aba5 {
    padding: 30px 0;
    background: #f6f4f5;
    position: relative;
}
.title-aba5 h2{
    color: #004E62;
    font-size: 18px;
    font-weight: 100;
}
.title-aba5 h2 b{
    font-weight: bold;
}
.title-aba5 h2 br{
    display: none;
}
.title-aba5 p{
    font-size: 12px;
    color: #074E61;
}
.title-aba5 p br{
    display: none;
}
.unique-depoi {
    padding: 15px;
    border: 1px solid #004E62;
    border-radius: 10px;
    background: #f6f4f5;
    margin-bottom: 10px;
    z-index: 6;
}
.title-depoimentos{
    display: flex;
    align-items: center;
}
.title-depoimentos img{
   width: 30px;
   border-radius: 100px;
   margin-right: 10px;
}
.title-depoimentos h2{
   margin: 0;
   font-size: 18px;
   color: #004E62;
}
.content-depoimentos p{
    margin-top: 10px;
    margin-bottom: 0;
    color: #004E62;
    font-size: 12px;
}
.vectors-depoimentos {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-top: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.vetor1-depoimento, .vetor2-depoimento {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.vetor1-depoimento .st0{
    fill:none;stroke:#C7525B;
    stroke-width:4.75px;
    stroke-miterlimit:10;
}
.vetor1-depoimento .st1{
    fill:none;stroke:#71B1B0;
    stroke-width:4.75px;
    stroke-miterlimit:10;
}
.vetor1-depoimento .st2{
    fill:none;stroke:#528DAC;
    stroke-width:4.75px;
    stroke-miterlimit:10;
}
.vetor2-depoimento .st0{
    fill:none;
    stroke:#C7525B;
    stroke-width:4.75px;
    stroke-miterlimit:10;
}
.vetor2-depoimento .st1{
    fill:none;stroke:#71B1B0;
    stroke-width:4.75px;
    stroke-miterlimit:10;
}
.vetor2-depoimento .st2{
    fill:none;stroke:#528DAC;
    stroke-width:4.75px;
    stroke-miterlimit:10;
}

@media(min-width: 1024px){
    .aba5 {
        padding: 50px 0;
        height: 100vh;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        display: -ms-flexbox;
        -ms-flex-pack: center;
        min-height: 100vh;
    }
    .title-aba5 {
        text-align: center;
    }
    .title-aba5 h2{
        font-size: 26px;
    }
    .title-aba5 p {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .title-aba5 p br,
    .title-aba5 h2 br{
        display: block;
    }
    .mansory-depoimentos{
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }
    .unique-depoi {
        width: 30%;
        position: relative;
        margin-bottom: 25px;
    }
    .vectors-depoimentos{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .vetor1-depoimento, .vetor2-depoimento {
        width: 28%;
    }
}


@media(min-width: 1280px){
  .title-aba5 h2{
      font-size: 30px;
  }
  .title-aba5 p {
      font-size: 16px;
  }
  .content-depoimentos p {
      font-size: 14px;
  }
}


@media(min-width: 1920px){
  .title-aba5 h2{
      font-size: 38px;
  }
}

/****************************
Dobra 7
****************************/
.aba7{
    padding: 30px 0;
    background: white;
}
.desc-charten7 p{
    font-size: 14px;
    color: #2d4d5f;
    line-height: 16px;
    margin-bottom: 50px;
    text-align: center;
}
.desc-charten7 small{
    font-size: 12px;
    margin-top: 25px;
    display: block;
    color: #2d4d5f;
}
.title-aba7 h2{
    color: #004E62;
    font-size: 18px;
    font-weight: 100;
}
.title-aba7 h2 b{
    font-weight: bold;
}
.title-aba7 p{
    font-size: 12px;
    color: #004E62;
}
.title-aba7 p br{
    display: none;
}
.buttons-chartaba7{
    text-align: center;
}
.buttons-chartaba7 a {
    background: #ffffff;
    color: #004e62;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #00c8c3;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 100px;
    text-decoration: none;
    margin-bottom: 10px;
    transition: 0.4s ease all;
}
.buttons-chartaba7 .active,
.buttons-chartaba7 a:hover{
    transition: 0.4s ease all;
    background: #00c8c3;
    color: #004e62;
    border-radius: 100px;
}

#charuten2 svg{overflow: inherit;}
#charuten2 .st0{fill:#2D4D5F;}
#charuten2 .st1{font-family:'Neo Sans Std';font-weight: bold;}
#charuten2 .st2{font-size:11.6008px;}
#charuten2 .st3{font-family:'Neo Sans Std';font-weight: 500;}
#charuten2 .st4{font-size:22.8931px;}
#charuten2 .st5{fill:#8EAADC;}
#charuten2 .st6{fill:#FEFF37;}
#charuten2 .st7{fill:#FD8308;}
#charuten2 .st8{fill:#00A44B;}
#charuten2 .st9{fill:#D60000;}

/* Charuten 1 */
#charuten1 .st0{fill:#2D4D5F;}
#charuten1 .st1{enable-background:new;}
#charuten1 .st2{font-family:'Neo Sans Std';font-weight: bold;}
#charuten1 .st3{font-size:11.6008px;}
#charuten1 .st4{font-family:'Neo Sans Std';font-weight: 500;}
#charuten1 .st5{font-size:22.8931px;}
#charuten1 .st6{fill:#8EAADC;}
#charuten1 .st7{fill:#FEFF37;}
#charuten1 .st8{fill:#FD8308;}
#charuten1 .st9{fill:#D60000;}
#charuten1 .st10{fill:#00A44B;}

#charuten3 svg{overflow: inherit;}
#charuten3 .st0{fill:#2D4D5F;}
#charuten3 .st1{font-family:'Neo Sans Std';font-weight: bold;}
#charuten3 .st2{font-size:11.6008px;}
#charuten3 .st3{font-family:'Neo Sans Std';font-weight: 500;}
#charuten3 .st4{font-size:22.8931px;}
#charuten3 .st5{fill:#6EB0AE;}

#charuten4 svg{overflow: inherit;}
#charuten4 .st0{fill:#2D4D5F;}
#charuten4 .st1{font-family:'Neo Sans Std';font-weight: bold;}
#charuten4 .st2{font-size:11.6008px;}
#charuten4 .st3{font-family:'Neo Sans Std';font-weight: 500;}
#charuten4 .st4{font-size:22.8931px;}
#charuten4 .st5{fill:#6EB0AE;}

#charuten2,
#charuten4{
  display: none;
}
.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #f3f3f3;
  border: 1px solid #737373;
  color: #737373;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  font-size: 12px;
  background: white;
  color: rgb(0, 0, 0, .7);
  text-align: left;
  border-bottom: 3px solid #21C9C2;
}

.tooltip-inner p{
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
    color:grey;
}

.tooltip-inner h3{
  font-size: 24px;
  color:#21C9C2;
  margin-bottom: 10px;
  font-weight: bold;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #21C9C2;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: white;
}

@media(min-width: 1024px){
  .tooltip-inner{
      max-width: 350px;
      width: 350px;
      padding: 15px;
  }
  .tooltip-inner p{
      font-size: 14px;

  }
}

#charuten1 .supcon,
#charuten2 .supcon{
  fill:#6D87A5;
}
#charuten1 .con,
#charuten2 .con{
  fill:#006D2C;
}
#charuten1 .mode,
#charuten2 .mode{
  fill:#B2A900;
}
#charuten1 .agre,
#charuten2 .agre{
  fill:#C65F0A;
}
#charuten1 .agrerf,
#charuten2 .agrerf{
  fill:#9E0000;
}
#charuten1 .previsao,
#charuten2 .previsao{
  fill:#5B0060;
}
.sidechart-aba7{
    margin-top: 30px;
}

@media(min-width: 1024px){
    .aba7{
        padding: 50px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        display: -ms-flexbox;
        -ms-flex-pack: center;
    }
    .title-aba7 h2{
        font-size: 26px;
    }
    .title-aba7 p{
        font-size: 14px;
    }
    .charts-aba7{
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        margin-top: 40px;
    }
    .sidechart-aba7{
        width: 45%;
    }
    .buttons-chartaba7{
        margin-bottom: 5px;
    }
    .chartensaba7 {
        height: 225px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .chartensaba7 svg {
        height: 220px;
        margin: 0 auto;
        display: table;
    }
}

@media(min-width: 1280px){
  .chartensaba7 {
      height: 260px;
  }
  .title-aba7 h2{
      font-size: 30px;
  }
  .title-aba7 p{
      font-size: 16px;
  }
  .chartensaba7 svg {
      height: 280px;
  }
}

@media(min-width: 1920px){
  .title-aba7 h2{
      font-size: 38px;
  }
  .chartensaba7 {
      height: 280px;
  }
}

/****************************
Footer
****************************/
footer {
    padding: 30px 0;
    background: #01C9C3;
}
.flex-parte1-rodape h2{
    font-size: 22px;
    color: white;
    font-weight: 100;
}
.flex-parte1-rodape h2 b{
    font-weight: bold;
}
.side1-flexparte1,
.flex-parte2-rodape{
  text-align: center;
}
.side1-flexparte1 a {
    font-weight: bold;
    color: white;
    background: #004E62;
    padding: 5px 27px;
    display: inline-block;
    border-radius: 100px;
    font-size: 14px;
    margin-top: 5px;
    text-decoration: none;
    transition: 0.4s ease all;
}
.side1-flexparte1 a:hover {
    text-decoration: none;
    background: #55b2af;
    transition: 0.4s ease all;
}
.side2-flexparte1 img{
    width: 100%;
}
.flex-parte2-rodape {
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 1px solid #019197;
    border-bottom: 1px solid #019197;
}
.gridflex2-rodape h2{
    font-size: 22px;
    color: white;
    font-weight: bold;
}
.gridflex2-rodape p,
.gridflex2-rodape li,
.gridflex2-rodape li a,
.gridflex2-long-rodape li{
   font-size: 14px;
   margin: 0;
   color: white;
}
.telrodape:before{
    content: url(svg/socialshare/phone.svg);
}
.whatsrodape:before{
    content: url(svg/socialshare/whatsapp.svg);
}
.mailroadpe:before{
    content: url(svg/socialshare/email.svg);
}
.telrodape:before, .whatsrodape:before, .mailroadpe:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    filter: invert(1);
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.gridflex2-rodape ul,
.gridflex2-long-rodape ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.gridflex2-rodape{
    margin-bottom: 20px;
}
.copyrights-crt {
    text-align: center;
    color: white;
    font-size: 12px;
}
.copyrights-crt a{
    color:white;
}
.brands-rodape{
    display: flex;
}
.brands-rodape a {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: center;
    border-right: 1px solid rgba(0, 78, 98, 0.45);
}
.brands-rodape a:last-of-type{
    border-right: 0;
}
.brands-rodape a:nth-of-type(1)::before {
    content: url(svg/brand2.svg);
    filter: brightness(0) invert(1);
    display: block;
    width: 80px;
}
.brands-rodape a:nth-of-type(2)::before {
    content: url(svg/vp2.svg);
    filter: brightness(0) invert(1);
    display: block;
    width: 75px;
}
.side1-flex3-rodape{
    margin-bottom: 20px;
}
.copyrights-crt a i:before {
    content: url(svg/coracao.svg);
    display: inline-block;
    width: 8px;
}
.socialmedia-rodape {
    display: flex;
    justify-content: center;
}
.socialmedia-rodape a:before {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.socialmedia-rodape a:nth-of-type(1):before{
    content: url(svg/social/fb.svg);
}
.socialmedia-rodape a:nth-of-type(2):before{
    content: url(svg/social/insta.svg);
}
.socialmedia-rodape a:nth-of-type(3):before{
    content: url(svg/social/yt.svg);
}
.socialmedia-rodape a:nth-of-type(4):before{
    content: url(svg/social/in.svg);
}
.socialdownload-links {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}
.socialdownload-links a::before {
    display: block;
    width: 120px;
    margin-right: 10px;
    filter: brightness(0.5);
}
.socialdownload-links a:nth-of-type(1)::before{
    content: url(svg/apple.svg);
}
.socialdownload-links a:nth-of-type(2)::before{
    content: url(svg/google.svg);
}
@media(min-width: 1024px){
  .side1-flexparte1,
  .flex-parte2-rodape{
    text-align: left;
  }
  .socialmedia-rodape {
      justify-content: flex-start;
  }
  .socialdownload-links {
      justify-content: flex-start;
  }
  .flex-parte1-rodape,
  .flex-parte2-rodape,
  .flex-parte3-rodape{
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
  }
  .flex-parte1-rodape h2 {
      font-size: 32px;
  }
  .side1-flexparte1 a {
      font-size: 16px;
  }
  .side2-flexparte1 img {
      max-width: 350px;
  }
  .side1-flexparte1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: baseline;
  }
  .gridflex2-rodape{
      width:33%;
  }
  .gridflex2-long-rodape {
      width: 100%;
      margin-top: 20px;
  }
  .gridflex2-rodape h2 {
      margin-bottom: 25px;
  }
  .gridflex2-long-rodape ul{
      display: flex;
      justify-content: space-between;
  }
  .gridflex2-long-rodape ul li{
      font-size: 12px;
  }
  .gridflex2-long-rodape ul li:after{
      /* content: "  |"; */
  }
  .side2-flex3-rodape{
      display: flex;
      align-items: center;
  }
  .brands-rodape a {
      margin-right: 25px;
      padding-right: 25px;
  }
  .brands-rodape a:nth-of-type(1)::before {
      width: 125px;
  }
  footer{
      padding: 30px 0 0 0;
  }
  .side1-flex3-rodape{
      margin: 0;
  }
  .flex-parte3-rodape{
      margin-bottom: 20px;
  }
}


/***********************
ABA X
***********************/
.sharescasa-mobile .st0{fill:none;stroke:#35BDBC;stroke-width:2;stroke-miterlimit:10;}
.sharescasa-mobile .st1{fill:#AAAAAA;}
.sharescasa-mobile .st2{font-family:'Neo Sans Std';}
.sharescasa-mobile .st3{font-size:17.193px;}
.sharescasa-mobile .st4{fill:#004E63;}
.sharescasa-mobile .st5{font-size:14.9378px;}
.sharescasa-mobile .st6{fill:#35BDBC;}
.sharescasa-mobile .st7{font-size:35.2606px;}
.sharescasa-mobile .st8{font-size:16.4671px;}
.sharescasa-mobile .st9{font-size:36.1991px;}
.sharescasa-mobile .st10{clip-path:url(#SVGID_2_);fill:#004E63;}
.sharescasa-mobile .st11{clip-path:url(#SVGID_2_);fill:none;stroke:#004E63;stroke-width:2;stroke-miterlimit:10;}
.sharescasa-mobile .st12{fill:none;stroke:#004E63;stroke-width:2;stroke-miterlimit:10;}
.sharescasa-mobile .st13{clip-path:url(#SVGID_4_);fill:#004E63;}
.sharescasa-mobile .st14{clip-path:url(#SVGID_4_);fill:none;stroke:#004E63;stroke-width:2;stroke-miterlimit:10;}
.sharescasa-mobile .st15{clip-path:url(#SVGID_6_);fill:#004E63;}
.sharescasa-mobile .st16{clip-path:url(#SVGID_6_);fill:none;stroke:#004E63;stroke-width:2;stroke-miterlimit:10;}
.sharescasa-mobile .st17{clip-path:url(#SVGID_8_);fill:#004E63;}
.sharescasa-mobile .st18{clip-path:url(#SVGID_8_);fill:none;stroke:#004E63;stroke-width:2;stroke-miterlimit:10;}

.treenew .st0{fill:none;stroke:#71C7C1;stroke-width:2;stroke-miterlimit:10;}
.treenew .st1{fill:#71C7C1;}
.treenew .st2{font-family:'Neo Sans Std'; font-weight: 400;}
.treenew .st3{font-size:10.9876px;}
.treenew .st4{font-family:'Neo Sans Std';font-weight: bold;}
.treenew .st5{font-size:22.3213px;}
.treenew .st6{fill:none;stroke:#71C7C1;stroke-miterlimit:10;}
.treenew .st7{fill:#F4F3F4;}
.treenew .st8{font-family:'Neo Sans Std';font-weight: 500;}
.treenew .st9{font-size:15.3632px;}
.treenew .st10{fill:#5392B4;}
.treenew .st11{fill:#6FBBBA;}
.treenew .st12{fill:#2D4F61;}
.treenew .st13{font-size:15.0752px;}
.treenew .st14{font-size:14.8151px;}
.treenew .st15{fill:none;stroke:#6FBBBA;stroke-miterlimit:10;}
.treenew .st16{font-size:18.9984px;}

.sharescasa-mobile {
    position: relative;
    width: 288px;
    margin: 0 auto;
}
.form-flutuante-mobile {
    position: absolute;
    top: 218px;
    left: 96px;
    height: 199px;
    max-width: 94px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px;
    overflow: hidden;
}
.form-flutuante-mobile input {
    height: 47%;
    border: none;
    background: #f6f4f5;
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.sharescasa-mobile svg {
    max-height: 700px;
}
.aba3x {
    padding: 30px 0;
    background: #EFEFEF;
}
.title-aba3x {
    text-align: left;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}
.title-aba3x h2{
    font-size: 18px;
    font-weight: 100;
    color: #21C9C2;
}
.title-aba3x h2 b{
    font-weight: bold;
    color: #004E62;
}
.title-aba3x p{
    font-size: 12px;
    color: #074E61;
}
.title-aba3x p br{
    display: none;
}
.subenpen{
    margin-top: 30px;
}
.sharescasa-desk{
    display: none;
    position: relative;
}
.grupoinside2{
    opacity: 0;
}
.treenew svg{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: table;
}
.form-flutuante-desk {
    position: absolute;
    left: 0;
    top: 0;
    left: 420px;
    top: 181px;
    height: 87px;
    max-width: 270px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.form-flutuante-desk input {
    width: 49%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 14px;
    background: none;
    outline: none;
    transition: 0.3s ease;
    background: #f6f4f5;
}
.form-flutuante-desk .inpFocused{
   background: #f6f4f5;
   transition: 0.3s ease;
}
.grupoDesk{
    pointer-events: all;
    cursor: pointer;
}
.opacityGrupodesk {
    opacity: 0.2;
    pointer-events: none;
}
.nocliques{
    pointer-events: none;
}
.grupoDesk:hover .grupoinside1 .st0{
    fill:white;
}
.activeGrupo .grupoinside1{
    opacity: 0;
}
.activeGrupo .grupoinside2{
    opacity: 1;
}
.nocliques .grupoinside1{
    opacity: 0;
}
.nocliques .grupoinside2{
    opacity: 1;
}
@media(min-width: 1024px){
  .aba3x {
      padding: 50px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .title-aba3x h2{
      font-size: 26px;
  }
  .title-aba3x p{
      font-size: 14px;
  }
  .title-aba3x p br,
  .sharescasa-desk{
      display: block;
  }
  .sharescasa-mobile{
      display: none;
  }
  .title-aba3x {
      padding-right: 55px;
  }
  .treenew svg{
     height: 660px;
  }
}

@media(min-width: 1280px){
  .subenpen{
      font-weight: 300;
      line-height: 18px;
      margin-top: 100px;
  }
  .sharescasa-desk svg{
      max-height: 600px;
      display: table;
      margin: 0;
  }
  .title-aba3x h2{
      font-size: 30px;
  }
  .title-aba3x p{
      font-size: 16px;
  }
}

@media(min-width: 1920px){
  .title-aba3x h2{
      font-size: 38px;
  }
  .sharescasa-desk{
      margin-top: 30px;
  }
}

#modalShare .modal-header .modal-title{
    color: #21c9c2;
}
#modalShare .modal-header button{
   width: 30px;
   height: 30px;
   background: #004e62;
   border-radius: 100px;
   right: -10px;
   position: relative;
   top: -10px;
   opacity: 1;
   outline: none;
   padding: 0;
}
#modalShare .modal-header button span{
    color: white;
    text-shadow: none;
}
#modalShare .modal-body > p {
    font-size: 14px;
    margin: 0;
}
#modalShare .modal-body input{
    margin: 5px 0;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid #21cdd4;
    outline: none;
}
#modalShare .modal-body .senders{
    position: relative;
}
#modalShare .modal-body button{
    position: absolute;
    right: 9px;
    top: 13px;
    background: none;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    color: #21cdd4;
}
.statuses-celulare span{
    font-weight: 500;
    font-size: 12px;
    display: none;
}
.statusok{
    color: #39dc39;
}
.statusfail{
    color: #dc3939;
}
.social-links-share{
    display: flex;
}
.social-links-share a:before{
    width: 40px;
    height: 40px;
    display: block;
    background: #801919;
    padding: 10px;
    border-radius: 100px;
    filter: invert(1);
    margin-right: 10px;
    margin-top: 10px;
}
.social-links-share a:nth-of-type(1):before{
    content: url(svg/socialshare/facebook.svg);
}
.social-links-share a:nth-of-type(2):before{
    content: url(svg/socialshare/twitter.svg);
}
.social-links-share a:nth-of-type(3):before{
    content: url(svg/socialshare/linkedin.svg);
}
.social-links-share a:nth-of-type(4):before{
    content: url(svg/socialshare/whatsapp.svg);
}
.social-links-share a:nth-of-type(5):before{
    content: url(svg/socialshare/email.svg);
}

/**************************8
Modal vídeo
***************************/
#modalVideo .modal-content,
#modalVideo2 .modal-content{
    background: none;
    border: none;
}
#modalVideo .modal-body,
#modalVideo2 .modal-body{
    padding: 0;
}
#modalVideo .modal-body video,
#modalVideo2 .modal-body video{
    width: 100%;
}
#modalVideo .modal-header,
#modalVideo2 .modal-header {
    padding: 5px 10px;
    position: absolute;
    z-index: 9;
    width: 100%;
    border: none;
}
#modalVideo .modal-header button span, #modalVideo2 .modal-header button span {
    font-weight: 100;
    color: black;
    text-shadow: none;
    width: 20px;
    height: 20px;
    background: white;
    display: block;
    border: 1px solid grey;
    border-radius: 100%;
}

@media(min-width: 1200px){
  #modalVideo .modal-lg,
  #modalVideo2 .modal-lg {
      max-width: 1000px;
  }
}


/****************************
Modal Share geral
*****************************/
#modalShareGeral .modal-content{
    border: 0;
}
#modalShareGeral .modal-header{
    padding: 0;
    position: absolute;
    width: 100%;
    border: none;
    z-index: 9;
}
#modalShareGeral .modal-header button{
    outline: none;
    opacity: 1;
    background: #004e62;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 0;
}
#modalShareGeral .modal-header span{
   text-shadow: none;
   color: white;
}
#modalShareGeral .modal-body{
    padding: 0;
}
#modalShareGeral .shareicons{
    display: flex;
}
#modalShareGeral .shareicons a {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    transition: 0.3s ease all;
}
#modalShareGeral .shareicons a:hover{
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.29);
    transition: 0.3s ease all;
}
#modalShareGeral .shareicons a:nth-of-type(1) {
    background: #3b5999;
}
#modalShareGeral .shareicons a:nth-of-type(2) {
    background: #55acee;
}
#modalShareGeral .shareicons a:nth-of-type(3) {
    background: #25D366;
}
#modalShareGeral .shareicons a:nth-of-type(4) {
    background: #0077B5;
}
#modalShareGeral .shareicons a:nth-of-type(5) {
    background: #cd201f;
}
#modalShareGeral .shareicons a:before {
    width: 25px;
    height: 25px;
    display: block;
    filter: invert(1);
}
#modalShareGeral .shareicons a:nth-of-type(1):before{
    content: url(svg/socialshare/facebook.svg);
}
#modalShareGeral .shareicons a:nth-of-type(2):before{
    content: url(svg/socialshare/twitter.svg);
}
#modalShareGeral .shareicons a:nth-of-type(3):before{
    content: url(svg/socialshare/whatsapp.svg);
}
#modalShareGeral .shareicons a:nth-of-type(4):before{
    content: url(svg/socialshare/linkedin.svg);
}
#modalShareGeral .shareicons a:nth-of-type(5):before{
    content: url(svg/socialshare/email.svg);
}


/*****************************
Overflow Share
*****************************/
.overflow-share {
    background: grey;
    z-index: -9999;
    position: relative;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s ease all;
    /*overflow-y: scroll;
    overflow: scroll;*/
    height: calc(100% - 100px);
    width: 100%;
}
.overflowshare-relative{
    position: relative;
    opacity: 1;
    z-index: 1;
}
.overflowshare-relative .aba1share{
    min-height: 100vh;
}
.overflowshare-relative .aba2share{
    min-height: 100vh;
}
.overflow-share-opened{
    z-index: 999999;
    transition: 0.3s ease all;
    opacity: 1;
}
.overflow-share-opened-order2{
    display: flex;
    flex-direction: column;
}
.overflow-share-opened-orderXE{
    display: flex;
    flex-direction: column;
}
.overflow-share-opened-orderXE .aba1share{
    order: 2;
}
.overflow-share-opened-orderXE .aba2-share{
    order: 1;
}
.overflow-share-opened-orderXE .aba3-share{
    order: 3;
}
.overflow-share-opened-order2 .aba1share{
    order: 2;
}
.overflow-share-opened-order2 .aba3-share{
    order: 3;
}
.aba1share {
    height: auto;
    min-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(img/capa-share1.jpg);
    padding: 80px 0;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.aba1share:before, .aba2-share:before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
}
.fixed-close-share {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 8;
}
.fixed-close-share a {
    display: block;
    width: 25px;
    height: 25px;
    margin: 10px;
    padding: 0 5px;
}
.fixed-close-share a svg {
   width: 100%;
   height: 100%;
}
.desc-aba1-share h2,
.desc-aba2-share h2 {
    color: white;
    font-size: 18px;
}
.desc-aba1-share p,
.desc-aba2-share p {
    font-size: 12px;
    color: white;
}
.desc-aba1-share p br,
.desc-aba2-share p br{
    display: none;
}
.desc-aba1-share a {
    color: #01e4e4;
    font-size: 14px;
    display: inline-block;
    margin-top: 15px;
}
.fundo-do-form .st0{
    fill:#01E4E4;
}
.fundo-do-form .st1{
    fill:none;
    stroke:#01E4E4;
    stroke-miterlimit:10;
}
.fundo-do-form{
    position: absolute;
    width: 100%;
    display: none;
    height: 100%;
}
.fundo-do-form svg{
   display: none;
   height: 100%;
   margin: 0 auto;
}
.form-share-aba1 input[type="text"],
.form-share-aba1 input[type="email"],
.form-share-aba1 input[type="tel"],
.form-share-aba1 select,
.form-share-aba2 input[type="text"],
.form-share-aba2 input[type="email"],
.form-share-aba2 input[type="tel"],
.form-share-aba2 select{
    width: 100%;
    color:white;
    font-weight: 100;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid white;
    background: none;
    font-weight: 600;
    font-size: 14px;
    outline: none;
    margin-bottom: 20px;
}
.form-share-aba1 input[type="text"]::placeholder,
.form-share-aba1 input[type="email"]::placeholder,
.form-share-aba1 input[type="tel"]::placeholder,
.form-share-aba2 input[type="text"]::placeholder,
.form-share-aba2 input[type="email"]::placeholder,
.form-share-aba2 input[type="tel"]::placeholder,
.form-share-aba2 select::placeholder{
    color:white;
    font-weight: 400;
}
.form-share-aba1 select{
    font-weight: 600;
}
.form-share-aba1 select option,
.form-share-aba2 select option{
    color: black;
}
.title-grade-parentesque {
    color: white;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    margin-top: -5px;
}
.fieldradio-inpt{
    display: flex;
    flex-flow: wrap;
}
.fieldradio-inpt span{
    width: 100%;
    display: block;
    color: white;
    margin-bottom: 5px;
}
.fieldradio-inpt label{
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.fieldradio-inpt label input{
    margin-right: 5px;
    position: relative;
}
.fieldradio-inpt label input:before {
    content: "";
    width: 13px;
    height: 13px;
    display: block;
    background: #524741;
    border-radius: 100px;
    border: 1px solid #01E4E4;
}
.fieldradio-inpt label input:checked::after {
    content: "";
    width: 9px;
    height: 9px;
    background: #01E4E4;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 100px;
}
.choseWhats,
.choseMail{
    display: none;
}
.form-share-aba1 input[type="submit"]{
    width: 100%;
    margin-top: 10px;
    background: #01E4E4;
    color: white;
    padding: 10px;
    border: none;
    font-weight: 500;
    border-radius: 10px;
}
.aba2-share {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(img/bg2share-min.jpg);
    padding: 80px 0;
    background-size: cover;
    background-position: center center;
    position: relative;
    height: auto;
    min-height: inherit;
}
.optionsform-aba2{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.optionsform-aba2 button{
    padding: 5px 10px;
    border: none;
    color: white;
    font-size: 12px;
    border-radius: 10px;
    outline: none;
}
.optionsform-aba2 button:nth-of-type(1){
    background: #0099CC;
}
.optionsform-aba2 button:nth-of-type(1)::before {
    content: url(svg/mais.svg);
    display: inline-block;
    width: 10px;
    filter: invert(1);
    margin-right: 10px;
}
.escondidoMais{
    display: none;
}
.optionsform-aba2 button:nth-of-type(2) {
    background: #00CCCC;
    width: 100%;
    margin-top: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    font-size: 16px;
}
.form-share-aba2 hr{
    border-top: 1px solid rgb(255 255 255 / 32%);
    margin-top: -5px;
}
#faceLogin {
    color: white;
    border: none;
    width: 100%;
    padding: 10px 0 10px 20px;
    text-align: left;
    background: #3b5999;
    font-size: 14px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
#faceLogin:before {
    content: url(svg/social/fb.svg);
    display: inline-block;
    width: 16px;
    margin-right: 5px;
    filter: brightness(0) invert(1);
    height: 17px;
}
.storage-pessoas-por-lista {
    height: 0;
    opacity: 0;
    z-index: -1;
    position: relative;
}
.pessoas-adicionadas{
    margin-bottom: 20px;
}
.pessoas-adicionadas span {
    color: black;
    background: white;
    font-size: 12px;
    padding: 1px 15px;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 3px;
}
.aba3-share {
    background: #E8EFEF;
    padding: 30px 0;
}
.desc-aba3-share h2 {
    text-align: center;
    color: #0195B8;
}
.social-icons-share-landing{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.social-icons-share-landing a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0099cc;
    border-radius: 100px;
    margin: 5px;
    padding: 9px;
}
.social-icons-share-landing a:before{
    display: inline-block;
    width: 20px;
    filter: invert(1);
    height: 20px;
}
.social-icons-share-landing a:nth-of-type(1)::before{
    content: url(svg/socialshare/facebook.svg);
}
.social-icons-share-landing a:nth-of-type(2)::before{
    content: url(svg/socialshare/whatsapp.svg);
}
.social-icons-share-landing a:nth-of-type(3)::before{
    content: url(svg/socialshare/linkedin.svg);
}
.social-icons-share-landing a:nth-of-type(4)::before{
    content: url(svg/socialshare/email.svg);
}
@media(min-width: 1024px){
  .desc-aba1-share p br,
  .desc-aba2-share p br{
      display: block;
  }
  .desc-aba1-share,
  .desc-aba2-share{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .desc-aba2-share{
      text-align: right;
  }
  .desc-aba1-share h2,
  .desc-aba2-share h2{
      font-size: 26px;
  }
  .desc-aba1-share p,
  .desc-aba2-share p {
      font-size: 16px;
  }
  .aba3-share{
      padding: 80px 0;
  }
  .desc-aba3-share h2{
      margin-bottom: 20px;
  }
  .social-icons-share-landing a {
      width: 55px;
      height: 55px;
      margin: 10px 15px 0 15px;
  }
}

@media(min-width: 1280px){
  .desc-aba1-share h2 {
     padding-right: 100px;
     margin-bottom: 30px;
  }
  .desc-aba2-share h2 {
     margin-bottom: 30px;
  }
}

@media(min-width: 1920px){
  .fixed-close-share a {
      margin: 25px 45px;
  }
}


/***********************
SOMEN
***********************/
#somen1,
#somen2,
#somen3,
#somen4,
#somen5,
#somen6,
#somen7,
#somen8,
#somen9,
#somen1x,
#somen2x,
#somen3x,
#somen4x,
#somen5x,
#somen6x,
#somen7x,
#somen8x,
#somen9x{
  opacity: 0;
  transition: 0.3s linear;
}
.showSomen{
    opacity: 1 !important;
    transition: 0.3s linear;
}

/**********************
FAQS
***********************/
.headingfaqs {
    padding-top: 100px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    padding-bottom: 25px;
    background-color: grey;
}
.headingfaqs:before {
    content: "";
    z-index: 5;
    background: white;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}
.headingfaqs h2{
    font-weight: 100;
    color: #21C9C2;
    font-size: 36px;
}
.headingfaqs p {
    color: #074E61;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
}
.vide-background-faqs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 4;
}
.desc-headingfaqs{
    position: relative;
    z-index: 6;
}
.main-collapsefaqs{
    padding: 30px 0;
}
.main-collapsefaqs #accordionExample .card{
    border: none;
}
.main-collapsefaqs #accordionExample .card-header{
    padding: 0;
    background: none;
    border: none;
}
.main-collapsefaqs #accordionExample .card-header h2 button {
    padding: 15px 20px 15px 0px;
    width: 100%;
    display: flex;
    text-decoration: none;
    font-size: 16px;
    background: none;
    position: relative;
    border: none;
    color: #2e4f62;
    outline: none;
    border-bottom: 2px solid #21C9C2;
    border-radius: 0;
    box-shadow: none;
    font-weight: 500;
    text-align: left;
}
.main-collapsefaqs #accordionExample .card-header h2 button:after {
    content: url(svg/down.svg);
    position: absolute;
    right: 0;
    top: 18px;
    width: 20px;
    height: 26px;
    transition: 0.4s ease all;
    transform-origin: center center;
}
.main-collapsefaqs #accordionExample .card-header h2 button[aria-expanded="true"]::after{
    transform: rotate(180deg);
    transition: 0.4s ease all;
}
.main-collapsefaqs #accordionExample .card-body{
    padding: 20px 0;
}
.main-collapsefaqs #accordionExample .card-body p,
.main-collapsefaqs #accordionExample .card-body ul li{
   font-size: 12px;
   color: #6f6f6f;
}
#search{
    width: 100%;
    max-width: 280px;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #00cdc4;
    margin-top: 5px;
}

a.link-faqs:hover {
    border-bottom: 1px solid #2e4f62;
}
a.link-faqs {
    text-decoration: none;
    border-bottom: 1px solid #01e4e4;
    color: #2e4f62;
}
.imgs-faqs-collapse {
    width: 100%;
}
@media(min-width: 1024px){
  .headingfaqs {
      height: 400px;
  }
  .headingfaqs p {
      font-size: 20px;
  }
  .headingfaqs h2 {
      font-size: 52px;
  }
  .main-collapsefaqs {
      padding: 60px 0;
  }
  .collapsenfaquens{
      max-width: 700px;
  }
  .main-collapsefaqs #accordionExample .card-header h2 button {
      font-size: 20px
  }
  .main-collapsefaqs #accordionExample .card-body{
      padding: 20px 100px 0 0;
  }
  .main-collapsefaqs #accordionExample .card-body p,
  .main-collapsefaqs #accordionExample .card-body ul li{
      font-size: 14px;
  }
}

@media(min-width: 1280px){
  .vide-background-faqs video{
      width: 100%;
  }
}


/********************
Forms responses
********************/
#abashare1 .wpcf7 form .wpcf7-response-output,
#abashare2 .wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 10px 0;
    border: 1px solid #00a0d2;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    border-radius: 10px;
}
#abashare1 .wpcf7 form.sent .wpcf7-response-output,
#abashare2 .wpcf7 form.sent .wpcf7-response-output {
    border-color: #2ecc71;
    background: #2ecc71;
}
#abashare1 .wpcf7-not-valid-tip, #abashare2 .wpcf7-not-valid-tip {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: white;
    background: #e74c3c;
    padding: 5px 20px;
    border-radius: 10px;
    margin-top: -15px;
    margin-bottom: 10px;
}
.obrigatrorio{
    color: white;
    font-size: 12px;
    margin-top: 10px;
    display: block;
    opacity: 0.7;
    font-weight: 100;
}
#abashare1 .form-share-aba1 .blockpersonalizado {
    margin-top: 0;
    display: none;
    font-size: 12px;
    font-weight: normal;
    color: white;
    background: #e74c3c;
    padding: 5px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.choseWhats .wpcf7-not-valid-tip,
.choseMail .wpcf7-not-valid-tip{
    display: none !important;
}
.choseWhats input,
.choseMail input{
    margin-bottom: 5px;
}


/************************
Download Ebook
************************/
#modalEbook .modal-content{
   border: none;
   border-radius: 0;
   padding: 30px;
   text-align: center;
   background: #e3e3e3;
}
#modalEbook .modal-header {
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}
#modalEbook .modal-header button {
    position: absolute;
    right: 3px;
    top: 5px;
    margin: 0;
    height: 25px;
    padding: 0;
}
#modalEbook .modal-header button span{
    width: 30px;
    height: 1px;
    display: block;
    background: black;
    transform: rotate(45deg);
}
#modalEbook .modal-header button span:nth-of-type(2){
    transform: rotate(-45deg);
}
#modalEbook .modal-body h3{
    color: #00cdc3;
}
#modalEbook .modal-body p{
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #636363;
}
#modalEbook .modal-body .form-modal{
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}
#modalEbook .modal-body input[type="email"]{
   width: 100%;
   border: 1px solid #00d1c4;
   padding: 10px 20px;
   font-size: 12px;
   background: none;
   border-radius: 100px;
   outline: none;
}
#modalEbook .modal-body button{
    position: absolute;
    height: 36px;
    top: 2px;
    right: 2px;
    width: 36px;
    border-radius: 100px;
    border: none;
    background: #00d1c4;
    outline: none;
    transition: 0.4s ease;
}
#modalEbook .modal-body button:hover{
    background: black;
    transition: 0.4s ease;
}
#modalEbook .modal-body button::before {
    content: url(svg/arrow.svg);
    transition: 0.4s ease;
    position: relative;
    left: 0;
    width: 16px;
    display: inherit;
    height: 16px;
    filter: invert(1);
    margin-left: 3px;
}
#modalEbook .modal-body button:hover::before{
    left: 5px;
    transition: 0.4s ease;
}


/************
LP Indica
************/
.marca-vp {
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.marca-vp img {
    display: table;
    width: 100px;
    padding: 10px 0;
    filter: brightness(0) invert(1);
    margin: 0 20px;
}
.marca-vp img:nth-of-type(2){
    width: 140px;
}
.canais-atendimento{
    margin-bottom: 40px;
    text-align: center;
}
.canais-atendimento h2{
    color: #0195B8;
}
.canais-atendimento p{
    color: #444748;
    font-weight: 300;
}
.canais-atendimento p a{
    color: #0199cc;
}
.sucesso-envio,
.add-aomenos-uma{
    display: none;
}
.sucesso-envio span,
.add-aomenos-uma span{
    width: 100%;
    color: white;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    border-radius: 100px;
}
.sucesso-envio span{
    background: #2dbb2d;
}
.add-aomenos-uma span{
    background: red;
}
.bordaRed {
    border: 1px solid red !important;
}
.iti--allow-dropdown{
    width: 100%;
    margin-bottom: 20px;
}
#telIndiquer{
    padding-left: 50px;
}
.blocos-alertas{
    display: flex;
    flex-direction: column;
}
.sucesso-envio2,
.preencha-email,
.invalido-email{
    display: none;
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border-radius: 100px;
    font-size: 12px;
    color: white;
}
.sucesso-envio2{
    background: #00d5c4;
}
.preencha-email{
    background: #cba20f;
}
.invalido-email{
    background: #ab2929;
}
.stricky-fixed{
    position: fixed;
    top: 0;
    background: white;
    padding-bottom: 15px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    animation-name:menu_sticky;
    animation-duration:0.60s;
    animation-timing-function:ease-out;
}
.stricky-fixed svg{
  width:120px;fill:rgb(151, 215, 0);
}
@keyframes menu_sticky{
  0%{
    margin-top:-150px;
  }
  50%{
    margin-top:-90px;
  }
  100%{
    margin-top:0;
  }
}


/** Novo form  **/
.form-envia-contatos {
    width: 100%;
    padding: 30px 30px 0 30px;
    border: 2px solid #01E4E4;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    margin: 0 auto;
}
.form-envia-contatos input,
.form-envia-contatos select{
    padding: 15px;
    border-radius: 15px;
    border: 1px solid white;
    background: none;
    color: white;
    font-weight: 500;
    font-size: 14px;
}
.form-envia-contatos input[type="tel"]{
   padding-left: 50px;
}
.form-envia-contatos span{
    color: white;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}
.add-pessoas{
    padding: 20px 0;
}
.form-envia-contatos button.send-contatos{
    background: #00CCCC;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding: 20px;
    border: none;
    border-radius: 15px;
}
.form-envia-contatos hr{
    border-top: 1px solid white;
    width: 100%;
    opacity: 0.4;
}
#addPeople {
    background: #0099CC;
    color: white;
    font-size: 12px;
    display: inline-block;
    padding: 3px 15px 3px 5px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #0099CC;
    transition: 0.4s ease all;
}
#addPeople:hover{
    color: #0099CC;
    background: none;
    border: 1px solid #0099CC;
    transition: 0.4s ease all;
}
#addPeople:before{
    content: "+";
    margin-right: 5px;
}
.inputs-pessoas-add{
    display: none;
}
#box-indicados {
    margin: 10px 0;
    display: flex;
    flex-flow: wrap;
}
#box-indicados button {
    display: flex;
    background: white;
    margin: 0;
    border-radius: 5px;
    padding: 5px 10px 3px 10px;
    color: #0099cc;
    font-size: 12px;
    align-items: center;
    margin: 0 5px 5px  0;
    cursor: pointer;
}
#box-indicados button i {
    width: 14px;
    height: 10px;
    background: #0099cc;
    border-radius: 100px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding-right: 2px;
    padding-top: 1px;
}
#loginFB {
    color: white;
    background: #3b5999;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    padding: 15px 10px 12px 40px;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}
#loginFB:before {
    content: url('svg/social/fb.svg');
    display: inline-block;
    position: absolute;
    width: 20px;
    left: 12px;
    filter: brightness(0) invert(1);
    top: 12px;
}
.loader-svg {
    position: relative;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.loader-svg svg {
    margin: auto;
    display: none;
    shape-rendering: auto;
    height: 40px;
    position: absolute;
    right: 0;
    left: 0;
}
.loader-svg span {
    display: none;
    margin: 0;
    width: 100%;
    background: #2ecc71;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}
.loader-svg span.text-showing-red{
    background: #ff6161;
}
.whiteboard-participante {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgb(255 255 255 / 44%);
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    color: white !important;
}
.whiteboard-participante input[type="text"] {
    color: #ffffff;
    border: 1px solid #bdbdbd;
}
.whiteboard-participante input[type="text"]::placeholder{
    color: #ffffff;
}
.whiteboard-participante input[type="text"]:last-of-type{
    margin-bottom: 0;
}
.minispanmix {
    opacity: 0.5;
    display: inline-block;
    padding: 10px 0 0 0;
    font-size: 12px;
}

.btn-login-face__new {
    border-bottom: 1px solid rgb(255 255 255 / 38%);
    margin-bottom: 20px;
}
.invalid__adesao {
    border-color:red !important;
}
.BRIGHT_SHINE {
  animation: shake 0.5s;
}
@keyframes shake {
  0%, 100% { transform: translate(0px, 0px) rotate(0deg); }
  25% { transform: translate(3px, 0px) rotate(0deg); }
  50% { transform: translate(-3px, 0px) rotate(0deg); }
  75% { transform: translate(3px, 0px) rotate(0deg); }
}