@charset "UTF-8";

/* TIPOGRAFIA */
@font-face {
  font-family: 'NotoSansJP', sans-serif;
  src: url("../webfonts/NotoSansJP-Regular.otf");
  src: url("../webfonts/NotoSansJP-Regular.woff") format("woff");
}

/* Baloo 2 - GOOGLE FONTS
    https://fonts.google.com/specimen/Baloo+2?preview.text_type=custom&preview.text=An%C3%A1lise%20An%C3%A0lise */
/* @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500&display=swap'); */

/* VARIÁVEIS CSS */
:root {
  /* cores */
  --color-primary: #2F2A95;
  --color-secondary: #00BFB2;
  --client-lightGreen: #35bfca;
  --client-lightBlue: #279aca;
  --color-secondary-brighter: #00ffee;
  --white: #fff;
  --black: #000;
  --light-gray: #f9fafa;
  --medium-gray: #eeeeee;
  --medium-gray-tx: #a9a9a9;
  --medium-gray-ctrs: #dedede;
  --dark-gray: #4c4c4c;
  --almost-black: #272727;
  --red: #ff0000;
  --infog-cl-txt: #747474d1;  
  /* Tipografia */
  --font-primary: 'NotoSansJP', sans-serif;
  --font-secondary: 'Baloo 2', cursive;
  /* Tamanhos */
  --title-size: 3rem;
  --title-size-adj: 2.75rem;
  /* efeitos */
  --box-shadow: 12px 12px 15px rgba(0, 0, 0, .15);
  --card-bd-rds: 10px;
  --full-bd-rds: 100px;
  /* imagens */
  --rec-sprite: url('../images/recupera-icons-sprite.webp');
  --rec-sprite-mobile: url('../images/sprite-mobile.webp');
  --rec-logo-gray-bg: url('../images/recupera-logo-gray-bg.webp');
  --rec-logo-gray-bg-40: url('../images/recupera-logo-gray-bg-40.webp');
  --icon-recupera-xsm: url('../images/icon-recupera.webp');
  --creative-bg: url('../images/creative-bg-01.webp');
  --creative-curves: url('../images/creative-curves.webp');
  --creative-curves-white: url('../images/creative-curves-white.webp');
  --creative-curves-footer: url('../images/creative-curves-footer.webp');
  --flat-ill-01: url('../images/flat-il-bg-01.webp');
  --flat-ill-01-opacity-25: url('../images/flat-il-bg-01-opacity-25.webp');
  --adv-banner: url('../images/fhd-banner.webp');
  /* dimensões */
  --desktop-hero-h: 638px;
  /* animações */
  --t-btn: all .5s ease;
}

/* Noto Sans JP
  Google fonts
  https://fonts.google.com/specimen/Noto+Sans+JP?query=noto+Sans&preview.text_type=custom&sidebar.open=true */
html,
button,
input,
select,
textarea {
  /* font-family: 'Noto Sans JP', sans-serif; */
  font-family: var(--font-primary);
}

/* MOBILE CONTROL */
.mobile {
  display: none;
}

/* ELEMENTOS GLOBAIS */
html {
  font-size: 16px;
  background-color: var(--white);
}

body,
html {
  width: 100vw;
  height: auto;
}

body {
  position: relative;
  overflow-x: hidden;
}

/* Oculta a barrosa vermelha */
.jspVerticalBar {
  display: none !important;
}

/* Whatsapp flutuante */
.whatsapp-flutuante {
  position: fixed;
  right: 2%;
  bottom: 2%;
  cursor: pointer;
  z-index: 9999999;
}

.whatsapp-flutuante:hover {
  transform:scale(1.05);
  filter: brightness(0.9);
}

/*  SVG */
.infographic{
  width: 50%;
  max-width: 100%;
  height: auto;  
  z-index: 3;
  display: block;
  /* display: none; */
}
.gradient-brand-primary{
  stop-color: var(--color-primary);
}
.gradient-brand-secondary{
  stop-color: var(--color-secondary);
}

/* Features ==============================*/
.mn-info-num-col>span:nth-child(3) {
  text-align: center !important;
  font-size: 1.15rem !important;
}

/* Modal ==============================*/
.modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  z-index: 99999999;
}

.modal {
  position: relative;
  top: 0;
  left: -40px;
  max-width: 500px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 10px 30px #00000029;
  display: none;
  transition: .3s;
}

.modal.ativo {
  display: block;
}

.modal-close {
  border: 2px solid #9e9e9c;
  color: #4b4b4b;
  height: 23px;
  width: 23px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 23px;
  margin-left: auto;
  cursor: pointer;
  transition: background-color .3s;
}

.modal-close:hover {
  background-color: #9e9e9c;
  color: #fff;
}

.modal-head {
  background-color: #e3e3e3;
  padding: 40px 30px 20px 30px;
}

.modal-body {
  background-color: #eceeee;
  padding: 30px;
}

.modal-body .form-btn {
  margin-bottom: 20px;
  display: flex;
  margin-left: auto;
}

.contato__form .input-group {
  display: flex;
  flex-direction: column;
}

.modal .input-group input,
.modal .input-group select {
  height: 40px;
  padding: 0 15px;
  border-radius: 50px;
  border: none;
  background: #fff;
  margin-bottom: 15px;
  width: 93%;
}

/* ACESSIBILIDADE */
.text-overflow {
  text-indent: -9999px;
}

/* LAYOUT HACK */
*:focus {
  outline: none;
  /*remove outline de seleção no Chrome*/
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* ID'S */
#wwd {
  z-index: 99998;
  /* z-index: 9998; */
}

#hiw {
  margin-bottom: 1rem;
  padding-bottom: 13rem;
}

#hiw-infog {
  z-index: 3;
}

#wae>.lyt-w {
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

#mac {
  background-image: var(--rec-logo-gray-bg-40);
  background-position: -40% 0;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
}

#adv {
  height: 418px;
}

#bop {
  border-bottom-right-radius: 100px;
  background-size: 55%;
}

/* EFEITOS */
.mn-banner-filter {
  background-image: linear-gradient(to right, var(--color-primary), var(--color-secondary));
  mix-blend-mode: overlay;
}

.mn-banner-filter-img {
  filter: grayscale(1);
  mix-blend-mode: overlay;
}

/* CLASSES DE LAYOUT */
.lyt-w {
  position: relative;
  width: 1186px;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.cl-dgnl {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}

.ord-first {
  order: -1;
  -webkit-order: -1;
  -ms-order: -1;
}

.al-c {
  flex-flow: nowrap;
  -webkit-flex-flow: nowrap;
  -ms-flex-flow: nowrap;
  justify-content: center;
  align-items: center;
  -ms-align-items: center;
  display: flex !important;
  display: -webkit-flex !important;
  display: -ms-flex !important;
}

.fullW {
  width: 100% !important;
  box-sizing: border-box;
  ;
}

.mg-0 {
  margin: 0 !important;
}

.mg-r-0 {
  margin-right: 0 !important;
}

.mg-r-1 {
  margin-right: 1rem !important;
}

.mg-r-2 {
  margin-right: 2rem !important;
}

.mg-t-2 {
  margin-top: 2rem !important;
}

.mg-t-4 {
  margin-top: 4rem !important;
}

.mg-b-0 {
  margin-bottom: 0 !important;
}

.mg-b-2 {
  margin-bottom: 2rem !important;
}

.mg-b-4 {
  margin-bottom: 4rem !important;
}

.mg-b-12 {
  margin-bottom: 12rem !important;
}

.mg-b-14 {
  margin-bottom: 14rem !important;
}

.pd-t-10 {
  padding-top: 10rem !important;
}

.pd-b-10 {
  padding-bottom: 10rem !important;
}

.pd-b-12 {
  padding-bottom: 12rem !important;
}

.pd-b-14 {
  padding-bottom: 14rem !important;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

.tx-a-c {
  text-align: center;
}

.tx-a-r {
  text-align: right;
}

.tx-str {
  font-weight: 700 !important;
}

.tx-up {
  text-transform: uppercase;
}

.tx-clientBlue {
  color: var(--color-primary);
}

.tx-clientAqua {
  color: var(--color-secondary);
}

.tx-mediumGray {
  color: var(--medium-gray-tx);
}

.tx-darkGray {
  color: var(--dark-gray);
}

.tx-fake-title {
  font-size: calc(var(--title-size)/1.5);
  margin: 1rem 0;
}

.tx-inline {
  display: inline-block;
}

.tx-sup {
  vertical-align: top;
}

.bg-solid-white {
  background-color: var(--white);
}

.bg-mediumGray {
  background-color: var(--medium-gray);
}

.grd-bg {
  background-image: linear-gradient(to top, var(--white) 75%, transparent);
  background-image: -webkit-linear-gradient(bottom, var(--white) 75%, transparent);
}

/* CREATIVE ELEMENTS */
.creative-bg {
  background-image: var(--creative-bg);
  background-repeat: no-repeat;
  background-position: 0 530px;
  background-size: 108vw 1567px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.c-el-curve-top {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 1073px;
  mix-blend-mode: hard-light;
  background-image: var(--creative-curves);
  background-size: cover;
  -webkit-background-size: cover;
  background-position: -147px 6px;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: .45;
  z-index: 9998;
  display: block;
}

.c-flat-ill-01 {
  background-image: var(--flat-ill-01);
  background-repeat: no-repeat;
  background-size: contain;
}

.c-flat-ill-01.bg-right {
  background-position: right 0;
}

/* IDENTIDADE VISUAL */
.main-logo-box {
  transform: translateY(2.5vh);
  -webkit-transform: translateY(2.5vh);
  -ms-transform: translateY(2.5vh);
  justify-content: center;
  align-items: center;
  -ms-align-items: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  z-index: 2;
}

.main-logo-box>a,
.ft-logo-box {
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: block;
}

.ft-logo-box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-bottom: 1.5rem;
  display: block;
}

.main-logo {
  width: 277px;
}

.main-logo-filter {
  filter: brightness(200);
  -webkit-filter: brightness(200);
}

/* ÍCONES */
.icon-xsm,
.icon-sm,
.icon-md,
.icon-lg,
.icon-xl,
.icon-xl-wide,
.icon-xxl,
.icon-sm-share {
  text-indent: -9999px;
  background-image: var(--rec-sprite);
  background-repeat: no-repeat;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
}

.icon-xsm {
  width: 18px;
  height: 18px;
}

.icon-sm {
  width: 20px;
  height: 20px;
}

.icon-sm-share {
  width: 23px;
  height: 20px;
}

.icon-md {
  width: 22px;
  height: 25px;
}

.icon-lg {
  width: 40px;
  height: 40px;
}

.icon-xl {
  width: 87px;
  height: 87px;
}

.icon-xl-wide {
  width: 86px;
  height: 48px;
}

.icon-xxl {
  width: 97px;
  height: 97px;
}

.icon-with-text {
  align-items: center;
  -ms-align-items: center;
  display: flex !important;
  display: -webkit-flex !important;
  display: -ms-flex !important;
}

.icon-with-text>i[class^='icon-'] {
  margin-right: .5rem;
}

.icon-xsm.icon-instagram {
  background-position: -161px -24px;
}

.icon-xsm.icon-facebook {
  background-position: -179px -24px;
}

.icon-xsm.icon-comments {
  background-position: -197px -24px;
}

.icon-xsm.icon-magnifier {
  background-position: -160px -47px;
}

.icon-sm.icon-phone {
  background-position: -1px 0;
}

.icon-sm.icon-facebook {
  background-position: -20px 0;
}

.icon-sm.icon-instagram {
  background-position: -40px 0;
}

.icon-sm.icon-arrowDown {
  background-position: -60px 0;
}

.icon-sm.icon-arrowUp {
  background-position: -80px 0;
}

.icon-sm.icon-arrowRight-clientBlue {
  background-position: -100px 0;
}

.icon-sm.icon-arrowRight-white {
  background-position: -120px 0;
}

.icon-sm.icon-chevronRight {
  background-position: -140px 0;
}

.icon-sm.icon-chevronRight-aqua {
  background-position: -160px 0;
}

.icon-sm.icon-magnifier {
  background-position: -180px 0;
}

.icon-sm.icon-magnifier-aqua {
  background-position: -200px 0;
}

.icon-sm-share.icon-text-balloon {
  background-position: -71px -65px;
}

.icon-sm-share.icon-facebook {
  background-position: -94px -65px;
}

.icon-sm-share.icon-instagram {
  background-position: -116px -65px;
}

.icon-sm-share.icon-whatsapp {
  background-position: -140px -65px;
}

.icon-sm-share.icon-email {
  background-position: -163px -65px;
}

.icon-md.icon-location {
  width: 28px;
  background-position: 0 -60px;
}

.icon-md.icon-phone {
  background-position: -22px -60px;
}

.icon-md.icon-email {
  background-position: -44px -60px;
}

.icon-lg.icon-facebook {
  background-position: -80px -20px;
}

.icon-lg.icon-instagram {
  background-position: -120px -20px;
}

.icon-xl.icon-time {
  background-position: 0 -92px;
}

.icon-xl.icon-carPer {
  background-position: 0 -189px;
}

.icon-xl.icon-calc {
  background-position: 0 -286px;
}

.icon-xl.icon-savings {
  background-position: 0 -382px;
}

.icon-xl.icon-aqua-engine {
  background-position: 0 -490px;
}

.icon-xl.icon-aqua-car {
  background-position: -97px -490px;
}

.icon-xl.icon-aqua-pill {
  background-position: 0 -587px;
}

.icon-xl-wide.icon-plane {
  background-position: 0 -892px;
}

.icon-xl-wide.icon-choper {
  background-position: -90px -892px;
}

.icon-xl-wide.icon-paperPlane {
  background-position: 0 -946px;
}

.icon-xxl.icon-paper {
  background-position: 0 -684px;
}

.icon-xxl.icon-arrowDown {
  background-position: -107px -684px;
}

.icon-xxl.icon-collums {
  background-position: 0 -790px;
}

.icon-xxl.icon-scroll {
  background-position: -107px -790px;
}

/* BOTÕES */
.btn {
  margin: 0;
  padding: .75rem 1.15rem;
  width: auto;
  min-width: 140px;
  border-radius: 100px;
  color: var(--light-gray);
  font-weight: 700;
  font-size: .75rem;
  text-transform: uppercase;
  text-decoration: none;
  transition: var(--t-btn);
  -webkit-transition: var(--t-btn);
  -o-transition: var(--t-btn);
  cursor: pointer;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  box-sizing: border-box;
  display: inline-flex;
}

.btn.btn-primary {
  border: 2px solid transparent;
  background-color: var(--color-secondary);
}

.btn.btn-secondary {
  border: 2px solid transparent;
  background-color: var(--color-primary);
}

.btn.btn-primary-inverse {
  color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
  background-color: transparent;
}

.btn.btn-ghost-light,
.btn.btn-ghost-dark {
  background-color: transparent;
}

.btn.btn-ghost-light {
  border: 2px solid var(--light-gray);
}

.btn.btn-ghost-dark {
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.btn.btn-primary:hover {
  color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
  background-color: transparent;
}

.btn.btn-primary-inverse:hover {
  color: var(--white);
  border: 2px solid transparent;
  background-color: var(--color-secondary);
}

.btn.btn-ghost-light:hover {
  border: 2px solid transparent;
  color: var(--color-secondary);
  background-color: var(--light-gray);
}

.btn.btn-ghost-dark:hover {
  border: 2px solid transparent;
  color: var(--light-gray);
  background-color: var(--color-primary);
}

.btn.btn-ghost-dark:hover>.icon-sm.icon-arrowRight-clientBlue {
  background-position: -120px 0;
}

.btn>.icon-sm {
  margin-left: .5rem;
}

/* FORM */
.fm {
  color: var(--dark-gray);
  font-weight: 400;
  font-size: .75rem;
}

.fm.fm-i-box {
  width: 100%;
  margin: 0;
  padding: .4rem 1rem;
  padding-right: 2.25rem;
  border-radius: 100px;
  box-sizing: border-box;
}

.fm.fm-i-box.fm-i-box-primary {
  border: 2px solid transparent;
  background-color: var(--light-gray);
}

.fm.fm-i-box.fm-i-box-ghost-light {
  border: 2px solid var(--light-gray);
  color: var(--light-gray);
  background-color: transparent;
}

.fm-i-w-btn {
  position: relative;
}

.fm-i-i-btn {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 30px;
  height: 100%;
  margin: 0;
  padding: .5rem;
  border-radius: 40px;
  text-indent: -9999px;
  background-image: var(--rec-sprite);
  background-repeat: no-repeat;
  cursor: pointer;
  transition: var(--t-btn);
  -webkit-transition: var(--t-btn);
  -o-transition: var(--t-btn);
}

.fm-i-i-btn.fm-i-i-btn-ghost-light {
  border: 2px solid var(--light-gray);
  background-color: transparent;
}

.fm-i-i-btn.fm-i-i-btn-ghost-light:hover {
  background-color: var(--light-gray);
}

.fm-i-i-btn.fm-i-i-btn-ghost-light.icon-chevronRight {
  background-position: -137px 3px;
}

.fm-i-i-btn.fm-i-i-btn-ghost-light.icon-chevronRight:hover {
  background-position: -157px 3px;
}

.fm-i-i-btn.fm-i-i-btn-ghost-light.icon-magnifier {
  background-position: -177px 4px;
}

.fm-i-i-btn.fm-i-i-btn-ghost-light.icon-magnifier:hover {
  background-position: -197px 4px;
}

/* FORM FEEDBACK */
.border-complete {
  border: none;
}

.border-error {
  border: 1px solid var(--red) !important;
}

/* HEADER SECTION */
.hd-stripe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.hd-stripe>.lyt-w {
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.hd-nav {
  width: 100%;
  display: block;
}

.hd-nav:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 2000px;
  height: 64px;
  background-color: rgba(255, 255, 255, .12);
}

.hd-search {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  max-height: 64px;
  margin: 0 auto;
  text-align: center;
  line-height: 0;
  justify-content: center;
  align-items: center;
  -ms-align-items: center;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.hd-search,
.main-nav {
  left: 8.5rem;
}

.hd-contact {
  margin: 0;
  padding: 0;
  color: var(--white);
  font-size: .75rem;
  font-weight: 700;
  line-height: 0;
  list-style: none;
}

.hd-contact a {
  color: inherit;
  text-decoration: none;
}

.hd-contact-item {
  float: left;
  display: block;
}

.hd-contact-item:nth-child(1) {
  padding-right: .5rem;
}

.hd-contact-item:nth-child(2),
.hd-contact-item:last-child {
  padding-right: 2.5rem;
}

/* MAIN NAV */
.main-nav {
  position: relative;
  width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
  display: block;
}

.main-nav-list {
  padding-left: 5.5em;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
}

.menu-item {
  position: relative;
  display: inline-block;
}

.menu-link {
  height: 1.625rem;
  padding: .5rem .5rem .6875rem .5rem;
  color: var(--white);
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.menu-link:hover,
.menu-link.actived {
  border-bottom: 1px solid var(--white);
}

.main-nav-submenu {
  position: absolute;
  top: 2.5vh;
  left: -.5vw;
  margin: 0;
  padding: 1rem;
  border-radius: var(--card-bd-rds);
  background-color: var(--white);
  list-style: none;
  box-sizing: border-box;
  display: none;
}

.menu-item:hover .main-nav-submenu {
  display: block;
}

.submenu-item {
  min-height: 1rem;
  margin: 0;
  padding: .75rem;
  border-radius: var(--full-bd-rds);
  color: var(--dark-gray);
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent;
  transition: var(--t-btn);
  cursor: pointer;
  display: block;
}

.submenu-item:hover {
  color: var(--white);
  background-color: var(--color-primary);
}

.submenu-link {
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  display: block;
}

/* HERO SECTION AND SLIDER */
.hero,
.hero-blog {
  position: relative;
  width: 100vw;
  height: var(--desktop-hero-h);
  margin: 0 auto 6rem auto;
  overflow: hidden;
  z-index: 9997;
}

.hero-box {
  background-image: linear-gradient(to bottom, var(--white) 50%, transparent);
}

.hero-sl-box {
  position: absolute;
  top: 200px;
  width: 33%;
  z-index: 1;
  padding-left: 40px;
}

.hero-sl-mask {
  position: relative;
  right: -288px;
  height: 660px;
  /* background-color: var(--client-lightBlue); */
  background-image: linear-gradient(90deg, var(--client-lightBlue) 0%, var(--client-lightGreen) 40%);
  filter: saturate(1.5) brightness(.95);
  mask-image: url(../images/recupera-hero-mask.png);
  -webkit-mask-image: url(../images/recupera-hero-mask.png);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  display: block;
  width: 1425px;
  margin: 0 auto;
  box-sizing: border-box;
}

.hero-sl-im {
  position: absolute;
  top: 0;
  right: 0;
}

.hero-sl-im,
.hero-blog-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(1) brightness(.5);
  -webkit-filter: grayscale(1) brightness(.5);
  mix-blend-mode: overlay;
}

.hero-sl-box,
.hero-sl-im {
  transition: all .3s ease-in;
}

.hero-sl-box[data-slideActive=on],
.hero-sl-im[data-slideActive=on] {
  opacity: 1;
  z-index: 9999;
}

.hero-sl-box[data-slideActive=off],
.hero-sl-im[data-slideActive=off] {
  opacity: 0;
  z-index: 9998;
}

.hero-sl-text+.btn {
  margin-top: 2rem;
}

.elegant-sl-nav {
  position: absolute;
  height: 22px;
  bottom: 0;
  left: 50%;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.elegant-sl-nav-btn {
  height: 8px;
  width: 20px;
  margin: 0 .05rem;
  padding: 0;
  background-color: transparent;
  border: 2px solid var(--medium-gray-tx);
  border-radius: var(--full-bd-rds);
  transition: all .2s ease-in;
  cursor: pointer;
  display: inline-block;
}

.elegant-sl-nav-btn:hover {
  width: 40px;
}

.elegant-sl-nav-btn[data-slideActive=on],
.elegant-sl-nav-btn[data-cardaactive=on] {
  width: 40px;
  background-color: var(--medium-gray-tx);
}

/* MAIN SECTION */
.mn-stripe {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 6rem;
  padding: 0;
  box-sizing: border-box;
}

.mn-stripe,
.mn-stripe>.lyt-w {
  flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  align-items: center;
  -ms-align-items: center;
  justify-content: start;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.mn-stripe.flx-jf-end>.lyt-w {
  justify-content: flex-end;
}

.mn-stripe.img-bg-rec-gray {
  background-image: var(--rec-logo-gray-bg);
}

.mn-stripe.img-bg-rec-gray-40 {
  background-image: var(--rec-logo-gray-bg-40);
}

.mn-stripe.img-bg-rec-gray,
.mn-stripe.img-bg-rec-gray-40 {
  background-repeat: no-repeat;
}

.mn-stripe.img-bg-rec-gray.img-bg-rec-gray-left {
  background-position: -164px 0;
  background-size: contain;
}

.mn-stripe.img-bg-rec-gray-40.img-bg-rec-gray-right {
  background-position: 100% 272px;
  background-size: 60%;
}

.mn-stripe.bg-mediumGray {
  padding: 4rem 0;
}

.mn-stripe-box {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 3.5rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  perspective: 1000px;
  transform-style: preserve-3d;
  display: block;
}

.mn-stripe-box.grd-bg.bg-overflow:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: -30%;
  width: inherit;
  height: 447px;
  height: -webkit-fill-available;
  background-image: linear-gradient(to top, var(--white) 75%, transparent);
  background-image: -webkit-linear-gradient(bottom, var(--white) 75%, transparent);
  z-index: -1;
}

.mn-stripe-box.mg-r-0:nth-child(1) {
  width: 44% !important;
  padding-right: .5rem;
}

.mn-stripe-box:nth-child(1) {
  width: 33%;
}

.mn-stripe-box:nth-child(2) {
  width: 56%;
}

.mn-stripe-box-fullW {
  width: 100% !important;
}

.mn-stripe-box-halfW {
  width: 50% !important;
}

/* MAIN STRIPE ROWS & COLUMNS */
.mn-stripe-row {
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  display: flex;
}

.mn-stripe-col {
  padding: .75rem;
  box-sizing: border-box;
}

.mn-stripe-col.col-1-2 {
  width: 50%;
}

.mn-stripe-col.col-1-3 {
  width: 33.33%;
}

.mn-stripe-col.col-1-4 {
  width: 25%;
}

.mn-media {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.mn-media>* {
  width: 560px;
  height: 315px;
  overflow: hidden;
}

.mn-title {
  margin: 0 0 1.15rem 0;
  font-weight: 400;
  font-size: var(--title-size);
  line-height: 2.75rem;
  word-break: keep-all;
}

.mn-title.mn-title-adj {
  font-size: var(--title-size-adj);
}

.mn-stripe-box-fullW>.mn-title.fl-l {
  width: auto;
  max-width: 30%;
  margin-right: 2.5rem;
}

.mn-stripe-box-fullW>.mn-title.fl-l+.mn-text.fl-l {
  width: 73%;
}

.mn-text {
  color: var(--medium-gray-tx);
  font-weight: 700;
  line-height: 1.5rem;
}
.mn-text:empty,
p:empty{
  display: none;
}

.mn-text+.btn {
  margin-top: 2rem;
}

/* ICON CARD */
.mn-icon-card {
  position: relative;
  width: 240px;
  height: 240px;
  margin: .5rem;
  padding: 1rem;
  border-radius: var(--card-bd-rds);
  box-sizing: border-box;
  overflow: hidden;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.mn-icon-card.clientAqua {
  background-color: var(--color-secondary);
}

.mn-icon-card.clientBlue {
  background-color: var(--color-primary);
}

.mn-icon-card.pos-offset-y {
  top: -10vh;
}

/* SIMPLE CARD */
.mn-simple-card {
  position: relative;
  width: 270px;
  height: 308px;
  margin: .5rem;
  padding: 1rem;
  border-radius: var(--card-bd-rds);
  text-align: center;
  background-color: var(--white);
  box-sizing: border-box;
  overflow: hidden;
  transition: var(--t-btn);
  -o-transition: var(--t-btn);
  -webkit-transition: var(--t-btn);
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.mn-simple-card.pos-offset-y {
  top: 10vh;
}

.mn-simple-card>.btn {
  display: none;
}

.mn-simple-card-title {
  margin-top: .5rem;
  color: var(--almost-black);
  font-size: 1.25rem;
  font-weight: 700;
}

.mn-simple-card-text {
  padding-bottom: .25rem;
  font-size: .75rem;
  display: none;
}

.mn-simple-card:hover {
  background-color: var(--color-secondary);
  display: block;
}

.mn-simple-card:hover>.mn-simple-card-title,
.mn-simple-card:hover>.mn-simple-card-text {
  color: var(--white);
}

.mn-simple-card:hover>.icon-xl.icon-time {
  background-position: -96px -92px;
}

.mn-simple-card:hover>.icon-xl.icon-carPer {
  background-position: -96px -189px;
}

.mn-simple-card:hover>.icon-xl.icon-calc {
  background-position: -96px -286px;
}

.mn-simple-card:hover>.icon-xl.icon-savings {
  background-position: -96px -382px;
}

.mn-simple-card:hover>.btn,
.mn-simple-card:hover>.mn-simple-card-text {
  display: block;
}

/* COMPOUND A CARD + SLIDER */
.mn-slider-compound-A-card-box {
  position: relative;
  margin-top: 4rem;
  padding-top: 3rem;
  overflow: hidden;
  display: block;
}

#testemonials.mn-slider-compound-B-card-box {
  position: relative;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden !important;
}

.mn-slider-compound-B-card-box {
  margin-top: 4rem;
  overflow: hidden;
}

.mn-slider-compound-A-card-tracker {
  left: 0;
  margin-bottom: 2.5rem;
  transition: all 1s cubic-bezier(0.2, 0.6, 0.37, 1.35);
}

.mn-slider-compound-A-card-tracker,
.mn-slider-compound-B-card-tracker {
  position: relative;
  width: 100% !important;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  -ms-align-items: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.mn-slider-compound-B-card-tracker {
  margin-bottom: 2rem;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
}

.mn-compound-A-card,
.mn-compound-B-card {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 1rem;
  padding: 3rem 1rem 1rem 1rem;
  border-radius: var(--card-bd-rds);
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
}

.mn-compound-A-card {
  width: 252px;
  min-height: 450px;
  transition: var(--t-btn);
}

.mn-compound-B-card {
  padding-top: 0;
  width: 302px;
  min-height: 424px;
}

.mn-compound-B-card {
  background-color: var(--white);
}

.mn-compound-A-card,
.mn-compound-B-card.mn-compound-B-card-news {
  background-color: var(--medium-gray);
}

.mn-compound-B-card-news {
  margin: 0 1.75rem;
}

.mn-compound-A-card:before,
.mn-compound-B-card:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: var(--card-bd-rds) var(--card-bd-rds) 0 0;
  background-color: var(--color-primary);
}

.mn-compound-A-card:before {
  height: 174px;
  z-index: -1;
}

.mn-compound-B-card:before {
  height: 164px;
  z-index: 0;
}

.mn-compound-A-card[data-cardaactive='on'],
.mn-compound-B-card[data-active='on'] {
  /* margin: 0 2rem; */
  pointer-events: all;
}

.mn-compound-A-card[data-cardaactive='on'] {
  transform: translateY(-3rem);
  opacity: 1;
}

.mn-compound-A-card[data-cardaactive='off'],
.mn-compound-B-card[data-active='off'] {
  pointer-events: none;
}

.mn-compound-A-card[data-cardaactive='off'] {
  opacity: .5;
}

.mn-compound-B-card-avatar {
  position: relative;
  width: 130px;
  height: 130px;
  border: 10px solid var(--color-secondary);
  border-radius: 100px;
  -webkit-clip-path: circle(156px at center);
  -o-clip-path: circle(156px at center);
  clip-path: circle(156px at center);
  background-clip: content-box;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  overflow: hidden;
}

.mn-compound-B-card-figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: var(--card-bd-rds);
  clip-path: polygon(0 0, 302px 0, 302px 164px, 0 164px);
}

.mn-compound-A-card-title,
.mn-compound-B-card-title {
  margin-top: 4rem;
  font-size: 1.25rem;
}

.mn-compound-B-card-news>.mn-compound-B-card-title {
  margin-top: 11.5rem;
}

.mn-compound-A-card-title:before {
  content: ' ';
  position: absolute;
  top: 158px;
  left: calc(220px/2);
  width: 25px;
  height: 25px;
  background-image: var(--icon-recupera-xsm);
  display: block;
}

.mn-compound-A-card-title:after,
.mn-compound-B-card-title:after {
  content: ' ';
  position: relative;
  top: 0;
  left: 0;
  width: 55px;
  height: 4px;
  margin: 1rem auto;
  background-color: var(--color-secondary);
  display: block;
}

.mn-compound-B-card-news>.mn-compound-B-card-title:after {
  display: none;
}

.mn-compound-A-card-content,
.mn-compound-B-card-content {
  margin-bottom: 2rem;
  min-height: 90px;
  font-size: .85rem;
  text-align: center;
  letter-spacing: 0.0625em;
  /* overflow: hidden; */
}

.mn-compound-A-card>.btn,
.mn-compound-B-card>.btn {
  width: 60%;
}

/* INFOGRÁFICO */
.mn-infog-content {
  position: absolute;
  max-width: 60%;
  min-height: 120px;
  max-height: 140px;
  padding: 2rem;
  border-radius: 100px;
  color: var(--infog-cl-txt);
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.25rem;
  background-color: var(--medium-gray);
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
  display: block;
}

.mn-infog-step-1,
.mn-infog-step-3 {
  padding-left: 8rem;
  text-align: left;
}

.mn-infog-step-2,
.mn-infog-step-4 {
  padding-right: 8rem;
  text-align: start;
}

.mn-infog-step-1 {
  top: 1%;
  right: 5%;
}

.mn-infog-step-2 {
  top: 28%;
  left: 2%;
}

.mn-infog-step-3 {
  top: 52%;
  right: 2%;
}

.mn-infog-step-4 {
  top: 77%;
  left: 2%;
}

/* ACCORDION */
.mn-accordion {
  margin-top: 2rem;
}

.mn-accordion-box {
  margin-bottom: 1rem;
  padding: 0 3.5rem;
  border-radius: 100px;
  background-color: var(--white);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: var(--t-btn);
  -o-transition: var(--t-btn);
  transition: var(--t-btn);
}

.mn-accordion-box[data-active='on'],
.mn-accordion-box[data-active='off']:hover {
  background-color: var(--color-secondary);
}

.mn-accordion-btn {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 62px;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  font-size: 1rem;
  background-color: transparent;
  cursor: pointer;
  display: block;
}

.mn-accordion-btn:before {
  content: '';
  position: absolute;
  top: 35%;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: var(--rec-sprite);
}

.mn-accordion-box[data-active='off']>.mn-accordion-btn:before {
  background-position: -60px 0;
}

.mn-accordion-box[data-active='on']>.mn-accordion-btn:before {
  background-position: -80px 0;
}

.mn-accordion-panel {
  width: 100%;
  height: 0;
  color: var(--white);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: var(--t-btn);
  -webkit-transition: var(--t-btn);
  -o-transition: var(--t-btn);
  overflow: hidden;
  display: block;
}

.mn-accordion-panel>p {
  font-weight: 300;
}

.mn-accordion-panel>p:first-of-type {
  margin-top: 0;
}

.mn-accordion-panel[data-active='off'] {
  height: 0;
  padding-bottom: 0;
}

.mn-accordion-panel[data-active='on'] {
  height: 100%;
  padding-bottom: 1.5rem;
}

.mn-adv-banner {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
  display: block;
}

.mn-adv-content {
  color: var(--white);
  z-index: 2;
}

/* FOOTER SECTION */
.ft-page {
  position: relative;
  width: 100%;
  margin: 0;
  color: var(--white);
  filter: saturate(1.5) brightness(0.85);
  background-image: var(--creative-curves-footer),
    linear-gradient(to bottom, var(--color-primary) 45%, var(--client-lightGreen));
  background-repeat: no-repeat;
  background-position-y: center;
  -ms-background-position-y: center;
  background-size: cover;
  -webkit-background-size: cover;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.ft-page {
  padding-top: 7rem;
}

.ft-page a {
  color: inherit;
  text-decoration: none;
}

.ft-page>.ft-c-c {
  margin-bottom: 4rem;
}

.ft-c-c {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  justify-content: center;
  align-content: space-between;
  align-items: start;
  -ms-align-items: start;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.ft-box {
  position: relative;
  width: 25%;
  margin-right: 8rem;
  padding-right: 2rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.ft-box:first-child {
  top: -18px;
}

.ft-box:last-child {
  margin-right: 0;
}

.ft-adr {
  margin-top: 2rem;
}

.ft-box.link-list {
  margin: 0;
  padding: 0;
  line-height: 2rem;
  list-style: none;
  display: initial;
}

.ft-box.link-list.sub-list {
  left: 1rem;
  text-align: left;
}

.ft-box.link-list>.link-list-item::before {
  content: "\2022";
  /*bullet UNICODE*/
  width: 1rem;
  color: var(--color-secondary);
  font-weight: 700;
  display: inline-block;
}

.ft-box.link-list>.link-list-item:hover::before {
  content: "";
}

.ft-box.link-list>.link-list-item {
  background-color: transparent;
  transition: var(--t-btn);
  -webkit-transition: var(--t-btn);
  -o-transition: var(--t-btn);
}

.ft-box.link-list>.link-list-item:hover {
  border-radius: 100px;
  color: var(--color-secondary);
  background-color: var(--light-gray);
  transform: translateX(1rem);
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
}

.ft-title {
  margin: 0 0 1rem 0;
  font-weight: 300;
  font-size: 1.15rem;
  text-transform: uppercase;
}

.ft-title.ft-title-inl {
  margin: 0 2rem 0 0;
  lk white-space: nowrap;
}

.ft-text {
  font-weight: 400;
  line-height: 1.15rem;
  font-style: normal;
}

.ft-text.ft-text-sm {
  font-size: .75rem;
}

.ft-text.ft-text-md {
  font-size: .85rem;
}

.ft-contact {
  margin-top: 8rem;
  -ms-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.ft-contact>a[class^="icon-"] {
  margin-right: .5rem;
}

.ft-copyright {
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, .1);
}

.ft-copyright>.ft-c-c {
  padding: 3rem 0;
}

.ft-rec-copyright {
  margin-right: 6rem;
  font-weight: 300;
}

.ft-rec-copyright>span {
  font-weight: 700;
}

/* CLASSES RESPONSIVAS */
.res-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* TRANSIÇÃO */
.t-Zaxis {
  -webkit-transition: var(--t-btn);
  -o-transition: var(--t-btn);
  transition: var(--t-btn);
  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
}

.t-Zaxis:hover {
  box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  transform: translateZ(2vh);
  -webkit-transform: translateZ(2vh);
  -ms-transform: translateZ(2vh);
  z-index: 9998;
}

/* ANIMAÇÕES */
.anim-bg-pos {
  animation-name: anim-bg-pos;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes anim-bg-pos {
  0% {
    background-position: 95% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

/* JSCROLL PANE CUSTOM THEME */
.jspContainer {
  width: 100% !important;
}

.jspPane {
  width: auto !important;
}

.jspHorizontalBar {
  bottom: 4rem !important;
  background-color: transparent;
}

.jspTrack {
  position: relative;
  background-color: transparent;
}

.jspTrack:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: .15rem;
  background-color: var(--medium-gray-ctrs);
  display: block;
}

.jspDrag {
  top: 40%;
  height: .35rem !important;
  border-radius: var(--full-bd-rds);
  background-color: var(--medium-gray-tx);
}

.jspArrow {
  width: 22px !important;
  height: 22px !important;
  background-color: transparent !important;
  background-image: var(--rec-sprite);
  background-repeat: no-repeat;
  filter: grayscale(1);
  display: block;
}

.jspArrow.jspArrowLeft {
  position: relative;
  top: -3px;
  background-position: -58px 3px;
  transform: rotate(90deg);
}

.jspArrow.jspArrowRight {
  background-position: -57px 3px;
  transform: rotate(270deg);
}

.jspDisabled {
  opacity: .25;
}