/*#region GENERAL */
/*#endregion */
@import url("https://fonts.googleapis.com/css?family=Lato");
@font-face {
  font-family: 'effra_heavyregular';
  src: url("../../assets/fonts/effra_heavy-webfont.woff2") format("woff2"), url("../../assets/fonts/effra_heavy-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.font-effra_heavyregular {
  font-family: effra_heavyregular; }

@font-face {
  font-family: 'effra_lightregular';
  src: url("../../assets/fonts/effra_light-webfont.woff2") format("woff2"), url("../../assets/fonts/effra_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.font-effra_lightregular, .contacts .phone, .contacts .email a, .address .box, .v-nav-main .items .cases .m-contacts .wrapper .phone, .v-nav-main .items .cases .m-contacts .wrapper .email a, .v-nav-main .items .cases .m-address .box, .about .decode, .about .focus-accordion .focus-item .question, .about .focus-accordion .focus-item .answer {
  font-family: effra_lightregular; }

@font-face {
  font-family: 'effra_mediumregular';
  src: url("../../assets/fonts/effra_medium-webfont.woff2") format("woff2"), url("../../assets/fonts/effra_medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.font-effra_mediumregular, h2.p-title, .slider__item__content .project h3, .main .p-home .v-play .wrapper .headline, .customers .highlight, .about .decode .p-title {
  font-family: effra_mediumregular; }

@font-face {
  font-family: 'effraregular';
  src: url("../../assets/fonts/effra-webfont.woff2") format("woff2"), url("../../assets/fonts/effra-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.font-effraregular, .vtx-btn__link, .v-nav-main .items .cases .lnks ul li a, .slider__item__content .customer h2, .slider__item__content .items ul li, .slider__item__content .tags ul li, .main .p-home #modal-tag ul li, .about .key-services ul li {
  font-family: effraregular; }

@font-face {
  font-family: 'effrabold';
  src: url("../../assets/fonts/effra_bold-webfont.woff2") format("woff2"), url("../../assets/fonts/effra_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.font-effrabold {
  font-family: effrabold; }

h2.p-title {
  font-size: 4.2em;
  color: #1f324d;
  line-height: 1.167;
  margin-bottom: 50px; }

input[type='text']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */ }
input[type='text']:-moz-placeholder, input[type='email']:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */ }
input[type='text']::-moz-placeholder, input[type='email']::-moz-placeholder {
  /* Mozilla Firefox 19+ */ }
input[type='text']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder {
  /* Internet Explorer 10-11 */ }

.vtx-btn {
  font-size: 1rem;
  margin: 0;
  position: relative;
  color: #fff;
  display: inline-block;
  overflow: visible;
  vertical-align: middle;
  min-width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: 45px;
  -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0, 1);
  transition: color 0.3s cubic-bezier(0.4, 0, 0, 1);
  transition: opacity .2s ease-in-out; }
  .vtx-btn__link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 3em; }
    .vtx-btn__link > * {
      vertical-align: middle; }
    .vtx-btn__link:hover {
      text-decoration: none;
      color: #fff; }
    .vtx-btn__link::before {
      display: inline-block;
      height: 100%;
      content: "";
      vertical-align: middle; }
  .vtx-btn__label {
    color: #fff; }
  .vtx-btn--alpha {
    opacity: .55; }
  .vtx-btn:hover {
    opacity: 1; }

button {
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: none transparent;
  color: inherit;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  button:hover {
    text-decoration: none; }

.header {
  position: absolute;
  z-index: 99;
  width: 100vw;
  height: 80px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 1s ease-in-out; }
  .header.show-up {
    opacity: 1 !important; }
  .header-main {
    position: absolute;
    width: 100vw; }
    .header-main > .row {
      padding: 0;
      margin: 0; }
    .header-main .brand {
      margin: 45px; }
      .header-main .brand img, .header-main .brand svg {
        max-width: 220px;
        display: inline-block;
        fill: white;
        transition: all .5s ease-in-out; }
        .header-main .brand img.inner, .header-main .brand svg.inner {
          fill: #1f324d; }
        .header-main .brand img.dark, .header-main .brand svg.dark {
          fill: #000; }
    .header-main .icon-menu {
      margin: 25px;
      position: fixed;
      right: 0px;
      width: 90px; }
      .header-main .icon-menu img {
        display: inline-block; }

.modal-body {
  min-height: 85vh; }

.modal-content {
  min-width: 90vw; }

.contacts {
  text-align: center;
  margin-top: 100px; }
  .contacts .phone {
    display: block;
    color: #e65895;
    font-size: 4em;
    margin-bottom: 10px;
    line-height: 1; }
  .contacts .email {
    display: block;
    margin-bottom: 20px; }
    .contacts .email a {
      color: #1f324d !important;
      font-size: 3em;
      text-decoration: none;
      line-height: 1; }
  .contacts .linkedin {
    display: block; }
    .contacts .linkedin img {
      max-width: 110px; }

.address {
  margin-top: 100px; }
  .address .box {
    color: #1f324d;
    display: flex;
    flex-direction: column; }
    .address .box .title {
      font-size: 4em;
      border: solid 1px #e9e9e9;
      text-align: center;
      padding: 30px 0; }
    .address .box .location {
      font-size: 1.7em;
      line-height: 1.2;
      display: inline-block;
      border: solid 1px #e9e9e9;
      text-align: left;
      padding: 30px; }
      .address .box .location span {
        font-size: 2em; }

.close-menu {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  height: 77px;
  width: 77px;
  height: 105px;
  width: 115px;
  z-index: -1; }
  .close-menu a {
    position: absolute;
    top: 48px;
    left: 21px; }
    .close-menu a img {
      height: 25px;
      width: 25px; }

.v-nav-main {
  font-size: 10px;
  position: fixed;
  height: 100%;
  width: 0;
  z-index: 98;
  overflow: hidden;
  transform: translate(100%, 0%); }
  .v-nav-main.show-up {
    width: 100vw;
    transform: translateX(0); }
  .v-nav-main .items {
    position: absolute;
    background-color: #fff;
    width: 50%;
    height: 100%;
    right: 0;
    z-index: 1;
    transform: translate(100%, 0%);
    padding: 80px 25px 35px 25px; }
    .v-nav-main .items .cases {
      font-size: 8px;
      height: 100%;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .v-nav-main .items .cases .lnks ul {
        margin: 0; }
        .v-nav-main .items .cases .lnks ul li {
          margin-bottom: 15px; }
          .v-nav-main .items .cases .lnks ul li a {
            font-size: 4.4em;
            color: #1f324d !important;
            text-decoration: none !important;
            line-height: 1; }
          .v-nav-main .items .cases .lnks ul li:last-child {
            margin-bottom: 0; }
      .v-nav-main .items .cases .m-contacts {
        flex-grow: 1;
        display: flex; }
        .v-nav-main .items .cases .m-contacts .wrapper {
          margin-bottom: 15px;
          text-align: left; }
          .v-nav-main .items .cases .m-contacts .wrapper .phone {
            display: block;
            color: #e65895;
            font-size: 4em;
            margin-bottom: 5px;
            line-height: 1; }
          .v-nav-main .items .cases .m-contacts .wrapper .email {
            display: block;
            margin-bottom: 15px; }
            .v-nav-main .items .cases .m-contacts .wrapper .email a {
              color: #1f324d !important;
              font-size: 3em;
              text-decoration: none;
              line-height: 1; }
          .v-nav-main .items .cases .m-contacts .wrapper .linkedin {
            display: block; }
            .v-nav-main .items .cases .m-contacts .wrapper .linkedin img {
              max-width: 110px; }
      .v-nav-main .items .cases .m-address {
        margin-top: 0; }
        .v-nav-main .items .cases .m-address .box {
          display: block;
          padding: 20px;
          border: solid 1px #e9e9e9;
          color: #1f324d;
          height: 100%; }
          .v-nav-main .items .cases .m-address .box .title {
            font-size: 4em; }
          .v-nav-main .items .cases .m-address .box .location {
            font-size: 1.8em;
            line-height: 1.2; }
            .v-nav-main .items .cases .m-address .box .location span {
              font-size: 2em; }
  .v-nav-main canvas {
    position: absolute;
    opacity: 0;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }

html {
  overflow-x: hidden !important;
  font-size: 10px;
  height: 100%; }
  html body {
    font-size: 1rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #59595c;
    height: 100%; }
    html body .mobile {
      display: none; }
    html body .desk {
      display: block; }

/*#region BREAKPOINTS */
/*#endregion */
.vtx-btn__link.unbind-click {
  cursor: default; }

@media (max-width: 1440px) {
  html body .slider {
    font-size: 8px; }
    html body .slider__item .scene .parallax__obj.sadia-verao {
      bottom: -10%; }
      html body .slider__item .scene .parallax__obj.sadia-verao img {
        max-height: 900px; }
    html body .slider__item .scene .parallax__obj.sadia img {
      max-height: 1050px; }
    html body .slider__item .scene .parallax__obj.vale img {
      max-width: 1220px; }
    html body .slider__item .scene .parallax__obj.sebrae img {
      max-width: 1210px; }
    html body .slider__item .scene .parallax__obj.abilio {
      left: 60%; }
      html body .slider__item .scene .parallax__obj.abilio img {
        max-height: 650px; }
    html body .slider__item .scene .parallax__obj.arteris {
      left: 30%;
      bottom: -20%; }
      html body .slider__item .scene .parallax__obj.arteris img {
        max-height: 760px; }
    html body .slider__item .scene .parallax__obj.impulsiona {
      left: 45%;
      bottom: -15%; }
      html body .slider__item .scene .parallax__obj.impulsiona img {
        max-height: 790px; }
    html body .slider__item .scene .parallax__obj.parkoff {
      left: 53%; }
      html body .slider__item .scene .parallax__obj.parkoff img {
        max-height: 990px; }
    html body .slider__item .scene .parallax__obj.netshoes img {
      max-height: 890px; }
    html body .slider__item .scene .parallax__obj.instituto {
      left: 53%;
      top: 20%; }
      html body .slider__item .scene .parallax__obj.instituto img {
        max-height: 580px; }
    html body .slider__item .scene .parallax__obj.via-varejo img {
      max-width: 950px; }
    html body .slider__item .scene .parallax__obj.brf {
      left: 43%; } }
@media (max-width: 1366px) {
  html body .slider {
    font-size: 7px; }
  html body .v-nav-main .items {
    width: 60%; }
  html body .address .box .location {
    font-size: 1.3em; } }
@media (max-width: 1130px) {
  html body .v-nav-main .items {
    width: 70%; } }
@media (max-width: 1024px) {
  html body .about.show-up {
    padding: 200px 40px 130px 41px; } }
@media (max-width: 1023px) {
  html body .main .p-home .v-play .wrapper .headline {
    font-size: 6.5rem; }
  html body .v-nav-main .items {
    width: 60%;
    padding: 80px 35px 0 35px; }
    html body .v-nav-main .items .cases {
      justify-content: space-between;
      font-size: 7px; }
      html body .v-nav-main .items .cases .m-contacts {
        display: flex; }
      html body .v-nav-main .items .cases .m-address {
        margin: 0 !important; }
        html body .v-nav-main .items .cases .m-address .row {
          flex-direction: column; }
          html body .v-nav-main .items .cases .m-address .row .col {
            flex-basis: auto;
            margin-bottom: 10px; }
            html body .v-nav-main .items .cases .m-address .row .col .box {
              padding: 10px 20px; }
              html body .v-nav-main .items .cases .m-address .row .col .box .location .d-vertical-none {
                display: none; }
  html body .customers.show-up {
    padding: 200px 40px 50px 40px; }
  html body .address {
    margin-top: 50px; }
    html body .address .row {
      flex-direction: column; }
      html body .address .row .col {
        flex-basis: auto;
        margin-bottom: 10px; }
        html body .address .row .col .box {
          padding: 10px 20px; }
          html body .address .row .col .box .location .d-vertical-none {
            display: none; } }
@media (max-width: 768px) {
  html body .v-nav-main .items {
    width: 60vw; }
  html body .header-main .brand {
    margin-left: 25px; }
  html body .slider {
    font-size: 7px; }
    html body .slider .items ul li, html body .slider .tags ul li {
      margin-right: 10px;
      margin-bottom: 10px; }
  html body .dots__link::after {
    margin-left: 17px;
    opacity: .6; }
  html body .dots__link::before {
    margin-right: 3px;
    opacity: .6; }
  html body .dots__dot::before {
    display: none; }
  html body .dots__dot::after {
    display: none; }
  html body .customers.show-up {
    padding: 200px 40px 50px 40px; }
    html body .customers.show-up .brands .row div[class^='col'].customer .customer-item {
      padding: 15px; }
      html body .customers.show-up .brands .row div[class^='col'].customer .customer-item ul {
        padding: 15px 20px 5px 20px; }
        html body .customers.show-up .brands .row div[class^='col'].customer .customer-item ul li {
          font-size: 1.2em; }
    html body .customers.show-up .brands .row div[class^='col'].customer.angeloni {
      background-size: 170px; }
      html body .customers.show-up .brands .row div[class^='col'].customer.angeloni .customer-item {
        background-position: 20% 70px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.sadia-verao .customer-item {
      background-position: 20% 70px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.brf {
      background-size: 160px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.vale {
      background-size: 160px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.santander {
      background-size: 265px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.arteris {
      background-size: 170px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.netshoes {
      background-size: 170px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.bombril {
      background-size: 140px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.gpa {
      background-size: 140px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.abilio {
      background-size: 260px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.via-varejo {
      background-size: 160px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.impulsiona {
      background-size: 190px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.sadia {
      background-size: 60px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.plenitude {
      background-size: 180px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.skype {
      background-size: 180px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.instituto {
      background-size: 150px; }
    html body .customers.show-up .brands .row div[class^='col'].customer.sebrae {
      background-size: 140px; }
    html body .customers.show-up .highlight {
      font-size: 9px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b1 {
      background-size: 88px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b2 {
      background-size: 105px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b3 {
      background-size: 43px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b4 {
      background-size: 70px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b5 {
      background-size: 70px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b6 {
      background-size: 53px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b7 {
      background-size: 78px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b8 {
      background-size: 103px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b9 {
      background-size: 99px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b10 {
      background-size: 70px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b11 {
      background-size: 98px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b12 {
      background-size: 70px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b13 {
      background-size: 86px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b14 {
      background-size: 89px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b15 {
      background-size: 147px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b16 {
      background-size: 46px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b17 {
      background-size: 89px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b18 {
      background-size: 51px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b19 {
      background-size: 52px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b20 {
      background-size: 107px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b21 {
      background-size: 99px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b22 {
      background-size: 82px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b23 {
      background-size: 80px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b24 {
      background-size: 61px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b25 {
      background-size: 126px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b26 {
      background-size: 65px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b27 {
      background-size: 48px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b28 {
      background-size: 88px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b29 {
      background-size: 122px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b30 {
      background-size: 101px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b31 {
      background-size: 133px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b32 {
      background-size: 133px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b33 {
      background-size: 86px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b34 {
      background-size: 97px; }
    html body .customers.show-up .customers-brands .row div[class^='col'].b35 {
      background-size: 30px; }
  html body .about .decode {
    font-size: 8px; }
    html body .about .decode .p-title {
      font-size: 7em; }
  html body .about .focus {
    font-size: 8px; }
  html body .about .key-services {
    font-size: 8px; }
  html body .about .partnership-brands {
    font-size: 8px; }
  html body .contacts {
    font-size: 8px; }
  html body .address {
    font-size: 0.7em; }
    html body .address .box .title span {
      padding: 88px 16px; } }
@media (max-width: 767px) {
  html body .mobile {
    display: block; }
  html body .main .p-home_bar-button {
    width: 200px;
    height: 115px; }
  html body .vtx-btn__link {
    font-size: 2.5em; }
  html body .close-menu a {
    top: 35px;
    left: 71px; }
  html body .v-nav-main {
    overflow: auto; }
    html body .v-nav-main .items {
      width: 100vw;
      padding: 80px 5px 15px 5px;
      height: auto; }
      html body .v-nav-main .items .cases {
        font-size: 6px; }
        html body .v-nav-main .items .cases .m-address {
          font-size: 7px; }
          html body .v-nav-main .items .cases .m-address .box {
            padding: 10px; }
          html body .v-nav-main .items .cases .m-address .row .col {
            padding-right: 5px;
            padding-left: 5px; }
        html body .v-nav-main .items .cases .m-contacts .wrapper {
          margin: 30px 0; }
          html body .v-nav-main .items .cases .m-contacts .wrapper .email {
            margin-bottom: 5px; }
          html body .v-nav-main .items .cases .m-contacts .wrapper .phone {
            margin-bottom: 5px; }
        html body .v-nav-main .items .cases .lnks ul li {
          margin-bottom: 15px; }
    html body .v-nav-main .address .box {
      padding: 0; }
      html body .v-nav-main .address .box .location {
        font-size: 2em;
        padding: 10px; }
  html body .header-main .icon-menu {
    margin: 0;
    margin-top: 22px; }
    html body .header-main .icon-menu img {
      max-width: 50px; }
  html body .header-main .brand {
    margin: 0;
    margin-top: 35px; }
  html body .main .p-home .v-play .wrapper .ico-play {
    margin-top: 5px; }
    html body .main .p-home .v-play .wrapper .ico-play a img {
      max-width: 60px; }
  html body .main .p-home .v-play .wrapper .headline {
    font-size: 2.9rem; }
  html body .dots__dot {
    top: 0px; }
  html body .dots__link::after, html body .dots__link::before {
    width: 68px; }
  html body .slider {
    font-size: 5px; }
    html body .slider__brand {
      width: 200px;
      height: 115px; }
      html body .slider__brand__item img {
        top: 30%; }
    html body .slider__item.sodimac {
      background-position: -300px 0; }
    html body .slider__item.abilio {
      background-position: -232px 0; }
    html body .slider__item.plenitude {
      background-position: -232px 0; }
    html body .slider__item.skype {
      background-position: -500px 0; }
    html body .slider__item.instituto {
      background-position: -530px 0; }
    html body .slider__item.arteris {
      background-position: -300px 0; }
    html body .slider__item .scene .parallax__obj.show-up {
      left: 20%; }
      html body .slider__item .scene .parallax__obj.show-up img {
        position: absolute;
        bottom: 0;
        max-height: 100vh; }
      html body .slider__item .scene .parallax__obj.show-up.show-up {
        opacity: 1; }
      html body .slider__item .scene .parallax__obj.show-up.xp1 img {
        max-height: 60vh;
        bottom: 40px; }
      html body .slider__item .scene .parallax__obj.show-up.xp2 img {
        max-height: 60vh;
        bottom: 50px; }
      html body .slider__item .scene .parallax__obj.show-up.xp3 {
        left: 0; }
        html body .slider__item .scene .parallax__obj.show-up.xp3 img {
          max-height: 60vh;
          bottom: 50px; }
      html body .slider__item .scene .parallax__obj.show-up.cna img {
        max-height: 60vh;
        bottom: 0; }
      html body .slider__item .scene .parallax__obj.show-up.sadia-verao {
        left: 0; }
        html body .slider__item .scene .parallax__obj.show-up.sadia-verao img {
          max-height: 70vh;
          bottom: 20px; }
      html body .slider__item .scene .parallax__obj.show-up.angeloni {
        left: 0; }
        html body .slider__item .scene .parallax__obj.show-up.angeloni img {
          max-height: 70vh;
          bottom: -40px; }
      html body .slider__item .scene .parallax__obj.show-up.brf img {
        max-height: 70vh;
        bottom: 20px; }
      html body .slider__item .scene .parallax__obj.show-up.santander {
        left: 0; }
        html body .slider__item .scene .parallax__obj.show-up.santander img {
          bottom: -230px; }
      html body .slider__item .scene .parallax__obj.show-up.sadia {
        left: 25%; }
        html body .slider__item .scene .parallax__obj.show-up.sadia img {
          bottom: -190px; }
      html body .slider__item .scene .parallax__obj.show-up.vale img {
        bottom: -440px; }
      html body .slider__item .scene .parallax__obj.show-up.gpa img {
        bottom: -250px; }
      html body .slider__item .scene .parallax__obj.show-up.bombril img {
        bottom: -30px;
        max-height: 70vh; }
      html body .slider__item .scene .parallax__obj.show-up.sebrae {
        left: -32%; }
        html body .slider__item .scene .parallax__obj.show-up.sebrae img {
          bottom: -120px;
          max-height: 70vh; }
      html body .slider__item .scene .parallax__obj.show-up.abilio {
        left: 35%; }
        html body .slider__item .scene .parallax__obj.show-up.abilio img {
          bottom: 150px;
          max-height: 50vh; }
      html body .slider__item .scene .parallax__obj.show-up.plenitude {
        left: 25%; }
        html body .slider__item .scene .parallax__obj.show-up.plenitude img {
          bottom: 40px;
          max-height: 54vh; }
      html body .slider__item .scene .parallax__obj.show-up.netshoes {
        left: 5%; }
        html body .slider__item .scene .parallax__obj.show-up.netshoes img {
          bottom: -50px;
          max-height: 74vh; }
      html body .slider__item .scene .parallax__obj.show-up.arteris {
        left: -30%; }
        html body .slider__item .scene .parallax__obj.show-up.arteris img {
          max-height: 74vh;
          bottom: -110px; }
      html body .slider__item .scene .parallax__obj.show-up.impulsiona {
        left: 45%; }
        html body .slider__item .scene .parallax__obj.show-up.impulsiona img {
          max-height: 68vh;
          bottom: 70px; }
      html body .slider__item .scene .parallax__obj.show-up.parkoff {
        left: 5%; }
        html body .slider__item .scene .parallax__obj.show-up.parkoff img {
          max-height: 98vh;
          bottom: -320px; }
      html body .slider__item .scene .parallax__obj.show-up.instituto {
        left: -5%; }
        html body .slider__item .scene .parallax__obj.show-up.instituto img {
          max-height: 70vh;
          bottom: 30px; }
      html body .slider__item .scene .parallax__obj.show-up.via-varejo img {
        max-height: 90vh;
        bottom: -60px; }
    html body .slider__item__content {
      margin-left: 20px;
      transform: translateY(-75%); }
      html body .slider__item__content .project h3 sup {
        margin-left: -7px; }
      html body .slider__item__content .items ul li.break {
        clear: none; }
      html body .slider__item__content .tags {
        margin-top: 2em; }
        html body .slider__item__content .tags ul:not(.mobile) {
          display: none; }
  html body .customers.show-up {
    padding: 150px 35px 50px 35px; }
    html body .customers.show-up .highlight {
      font-size: 7px; }
    html body .customers.show-up .brands {
      font-size: 9px; }
      html body .customers.show-up .brands .row {
        display: block; }
        html body .customers.show-up .brands .row.line-lg {
          height: auto; }
        html body .customers.show-up .brands .row.line-md {
          height: auto; }
        html body .customers.show-up .brands .row.line-xs {
          height: auto; }
        html body .customers.show-up .brands .row div[class^='col'] {
          margin-bottom: 20px; }
          html body .customers.show-up .brands .row div[class^='col']:last-child {
            margin-bottom: 0; }
          html body .customers.show-up .brands .row div[class^='col']:nth-child(3) {
            margin-left: 0; }
          html body .customers.show-up .brands .row div[class^='col'].customer .description ul {
            min-width: 100%; }
        html body .customers.show-up .brands .row::after {
          display: block;
          content: "";
          clear: both; }
    html body .customers.show-up .customers-brands .row div[class^='col'] {
      height: 80px; }
    html body .customers.show-up .customers-brands .container {
      max-width: initial; }
  html body .about.show-up {
    padding: 150px 20px 50px 20px; }
    html body .about.show-up .partnership-brands .row div[class^='col'] {
      height: 80px; }
  html body .contacts {
    font-size: 7px; }
  html body .address {
    font-size: 8px; }
    html body .address .col {
      padding: 0 !important; }
      html body .address .col .box {
        padding: 0 !important; }
        html body .address .col .box .location {
          font-size: 2em;
          padding: 10px; } }
@media (max-width: 575px) {
  html body .about .decode {
    margin-bottom: 50px; }
    html body .about .decode .p-title {
      margin-bottom: 0px; }
  html body .customers .brands .row div[class^='col'].customer .customer-item ul li {
    width: fit-content; }
  html body .address {
    font-size: 7px; }
  html body .contacts {
    margin-top: 50px; } }
@media (max-width: 375px) {
  html body .slider .slider__item__content .project h3 {
    font-size: 7em; }
  html body .dots__link::after, html body .dots__link::before {
    width: 64px; }
  html body .customers.show-up .highlight {
    font-size: 6px; }
  html body .customers.show-up .brands {
    font-size: 9px; }
    html body .customers.show-up .brands .row {
      display: block; }
      html body .customers.show-up .brands .row div[class^='col'] {
        margin-bottom: 20px; }
        html body .customers.show-up .brands .row div[class^='col']:last-child {
          margin-bottom: 0; }
        html body .customers.show-up .brands .row div[class^='col']:nth-child(3) {
          margin-left: 0; }
        html body .customers.show-up .brands .row div[class^='col'].customer .description ul {
          min-width: 100%; }
      html body .customers.show-up .brands .row::after {
        display: block;
        content: "";
        clear: both; }
  html body .about .decode {
    font-size: 7px; }
    html body .about .decode .p-title {
      font-size: 6em; }
  html body .about .focus {
    font-size: 7px; }
  html body .about .key-services {
    font-size: 7px; }
  html body .about .partnership-brands {
    font-size: 7px; }
    html body .about .partnership-brands .row div[class^='col'].b1 {
      background-size: 108px; }
    html body .about .partnership-brands .row div[class^='col'].b2 {
      background-size: 125px; }
    html body .about .partnership-brands .row div[class^='col'].b3 {
      background-size: 63px; }
    html body .about .partnership-brands .row div[class^='col'].b4 {
      background-size: 90px; }
    html body .about .partnership-brands .row div[class^='col'].b5 {
      background-size: 90px; }
    html body .about .partnership-brands .row div[class^='col'].b6 {
      background-size: 113px; }
    html body .about .partnership-brands .row div[class^='col'].b7 {
      background-size: 115px; }
    html body .about .partnership-brands .row div[class^='col'].b8 {
      background-size: 123px; }
    html body .about .partnership-brands .row div[class^='col'].b9 {
      background-size: 119px; }
    html body .about .partnership-brands .row div[class^='col'].b10 {
      background-size: 90px; } }
@media (max-width: 320px) {
  html body .slider .slider__item__content {
    transform: translateY(-65%); }
    html body .slider .slider__item__content .project h3 {
      font-size: 7em; }
  html body .dots__link::after, html body .dots__link::before {
    width: 56px; }
  html body .customers.show-up .highlight {
    font-size: 6px; }
  html body .customers.show-up .brands {
    font-size: 9px; }
    html body .customers.show-up .brands .row {
      display: block; }
      html body .customers.show-up .brands .row div[class^='col'] {
        margin-bottom: 20px; }
        html body .customers.show-up .brands .row div[class^='col']:last-child {
          margin-bottom: 0; }
        html body .customers.show-up .brands .row div[class^='col']:nth-child(3) {
          margin-left: 0; }
        html body .customers.show-up .brands .row div[class^='col'].customer .description ul {
          min-width: 100%; }
      html body .customers.show-up .brands .row::after {
        display: block;
        content: "";
        clear: both; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b1 {
    background-size: 68px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b2 {
    background-size: 85px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b3 {
    background-size: 23px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b4 {
    background-size: 50px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b5 {
    background-size: 50px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b6 {
    background-size: 33px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b7 {
    background-size: 58px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b8 {
    background-size: 83px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b9 {
    background-size: 79px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b10 {
    background-size: 50px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b11 {
    background-size: 78px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b12 {
    background-size: 50px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b13 {
    background-size: 66px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b14 {
    background-size: 79px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b15 {
    background-size: 127px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b16 {
    background-size: 26px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b17 {
    background-size: 69px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b18 {
    background-size: 31px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b19 {
    background-size: 32px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b20 {
    background-size: 87px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b21 {
    background-size: 79px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b22 {
    background-size: 62px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b23 {
    background-size: 60px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b24 {
    background-size: 41px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b25 {
    background-size: 106px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b26 {
    background-size: 45px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b27 {
    background-size: 28px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b28 {
    background-size: 68px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b29 {
    background-size: 102px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b30 {
    background-size: 81px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b31 {
    background-size: 113px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b32 {
    background-size: 113px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b33 {
    background-size: 66px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b34 {
    background-size: 77px; }
  html body .customers.show-up .customers-brands .row div[class^='col'].b35 {
    background-size: 30px; }
  html body .about .partnership-brands .row div[class^='col'].b1 {
    background-size: 98px; }
  html body .about .partnership-brands .row div[class^='col'].b2 {
    background-size: 115px; }
  html body .about .partnership-brands .row div[class^='col'].b3 {
    background-size: 53px; }
  html body .about .partnership-brands .row div[class^='col'].b4 {
    background-size: 80px; }
  html body .about .partnership-brands .row div[class^='col'].b5 {
    background-size: 80px; }
  html body .about .partnership-brands .row div[class^='col'].b6 {
    background-size: 103px; }
  html body .about .partnership-brands .row div[class^='col'].b7 {
    background-size: 105px; }
  html body .about .partnership-brands .row div[class^='col'].b8 {
    background-size: 113px; }
  html body .about .partnership-brands .row div[class^='col'].b9 {
    background-size: 109px; }
  html body .about .partnership-brands .row div[class^='col'].b10 {
    background-size: 80px; }
  html body .address {
    font-size: 6px; } }
.slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(100%);
  cursor: move;
  font-size: 10px;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1);
  transition: -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1); }
  .slider.show-up {
    transform: translateX(0%) !important; }
  .slider .slick-list {
    height: 100vh !important; }
  .slider__item {
    position: relative;
    width: 100vw;
    height: 100%;
    background-size: cover;
    outline: none !important;
    background-color: #bdbdbd; }
    .slider__item .scene {
      overflow: hidden; }
      .slider__item .scene .parallax__obj {
        position: absolute;
        display: block;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out .5s;
        left: 35%; }
        .slider__item .scene .parallax__obj img {
          display: inline-block; }
        .slider__item .scene .parallax__obj.show-up {
          opacity: 1; }
        .slider__item .scene .parallax__obj.xp1 {
          top: 0;
          left: 35%; }
          .slider__item .scene .parallax__obj.xp1 img {
            max-height: 85%; }
        .slider__item .scene .parallax__obj.xp2 {
          top: 0;
          left: 35%; }
          .slider__item .scene .parallax__obj.xp2 img {
            max-height: 90%; }
        .slider__item .scene .parallax__obj.xp3 {
          top: 0;
          left: 35%; }
          .slider__item .scene .parallax__obj.xp3 img {
            max-height: 98%; }
        .slider__item .scene .parallax__obj.cna {
          top: 15px;
          left: 46%; }
          .slider__item .scene .parallax__obj.cna img {
            max-height: 100%; }
        .slider__item .scene .parallax__obj.sadia {
          top: -200px;
          left: 45%; }
        .slider__item .scene .parallax__obj.vale {
          top: -200px;
          left: 25%; }
        .slider__item .scene .parallax__obj.gpa {
          top: -140px; }
        .slider__item .scene .parallax__obj.sebrae {
          left: 20%; }
        .slider__item .scene .parallax__obj.abilio {
          top: 50px;
          left: 50%; }
        .slider__item .scene .parallax__obj.netshoes {
          top: -50px; }
        .slider__item .scene .parallax__obj.arteris {
          left: 10%; }
        .slider__item .scene .parallax__obj.parkoff {
          top: -150px; }
        .slider__item .scene .parallax__obj.via-varejo {
          top: -50px; }
        .slider__item .scene .parallax__obj.sadia-verao {
          left: 20%; }
    .slider__item__content {
      color: #fff;
      margin-left: 80px;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      .slider__item__content .customer {
        opacity: 0;
        transition: opacity all ease-in-out 1s; }
        .slider__item__content .customer h2 {
          font-size: 4.2em; }
      .slider__item__content .project {
        opacity: 0;
        transition: opacity all ease-in-out 1s; }
        .slider__item__content .project h3 {
          font-size: 9.7em;
          line-height: 0.928; }
          .slider__item__content .project h3 sup {
            margin-left: -15px;
            font-size: 0.6em; }
      .slider__item__content .items {
        margin-top: 3em;
        display: block; }
        .slider__item__content .items ul li {
          border-radius: 20px;
          padding: 7px 18px;
          background-color: rgba(0, 0, 0, 0.2);
          color: #fff;
          font-size: 2em;
          float: left;
          margin-right: 15px;
          margin-bottom: 15px;
          opacity: 0; }
          .slider__item__content .items ul li:last-child {
            margin-bottom: 0; }
          .slider__item__content .items ul li.break {
            clear: left; }
      .slider__item__content .tags {
        margin-top: 3em;
        display: block; }
        .slider__item__content .tags ul li {
          border-radius: 20px;
          padding: 7px 18px;
          background-color: rgba(0, 0, 0, 0);
          color: #fff;
          font-size: 1.5em;
          float: left;
          margin-right: 15px;
          text-transform: uppercase;
          border: solid 1px rgba(255, 255, 255, 0.5);
          margin-bottom: 15px;
          opacity: 0; }
          .slider__item__content .tags ul li:last-child {
            margin-bottom: 0; }
          .slider__item__content .tags ul li.break {
            clear: left; }
        .slider__item__content .tags ul.show-more {
          cursor: pointer; }
          .slider__item__content .tags ul.show-more li {
            font-size: 2em; }
    .slider__item.black .slider__item__content {
      color: #000; }
      .slider__item.black .slider__item__content .tags ul li {
        border-color: #000;
        color: #000; }
  .slider__brand {
    width: 224px;
    height: 100%;
    transform: translateX(100%);
    user-select: none;
    outline: none;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1);
    transition: -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1);
    transition: transform 1s cubic-bezier(0.5, 0, 0, 1);
    transition: transform 1s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1); }
    .slider__brand__item {
      outline: none !important; }
      .slider__brand__item img {
        display: inline-block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .slider__brand__item img.xp {
          max-width: 160px; }
        .slider__brand__item img.cna {
          max-width: 145px; }
        .slider__brand__item img.brf {
          max-width: 96px; }
        .slider__brand__item img.santander {
          max-width: 156px; }
        .slider__brand__item img.sadia {
          max-width: 76px; }
        .slider__brand__item img.vale {
          max-width: 102px; }
        .slider__brand__item img.gpa {
          max-width: 80px; }
        .slider__brand__item img.bombril {
          max-width: 76px; }
        .slider__brand__item img.sebrae {
          max-width: 92px; }
        .slider__brand__item img.abilio {
          max-width: 152px; }
        .slider__brand__item img.plenitude {
          max-width: 98px; }
        .slider__brand__item img.arteris {
          max-width: 118px; }
        .slider__brand__item img.netshoes {
          max-width: 126px; }
        .slider__brand__item img.impulsiona {
          max-width: 134px; }
        .slider__brand__item img.parkoff {
          max-width: 129px; }
        .slider__brand__item img.skype {
          max-width: 110px; }
        .slider__brand__item img.instituto {
          max-width: 98px; }
        .slider__brand__item img.via-varejo {
          max-width: 90px; }
        .slider__brand__item img.sodimac {
          max-width: 144px; }
        .slider__brand__item img.angeloni {
          max-width: 150px; }
        .slider__brand__item img.sadia-verao {
          max-width: 76px; }
    .slider__brand.show-up {
      transform: translateX(0%) !important; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: 100%;
  outline: none !important; }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  height: 100%; }

.dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 5000px;
  padding-bottom: 75px;
  transform: translateY(110%); }
  .dots.dark .dots__item:first-child::before {
    border-left: solid 1px #000; }
  .dots.dark .dots__item:last-child::after {
    border-left: solid 1px #000; }
  .dots.dark .dots__link::after, .dots.dark .dots__link::before {
    border-bottom: 1px solid #000; }
  .dots.dark .dots__dot {
    background-color: #000; }
    .dots.dark .dots__dot::before {
      border: 3px solid #000; }
  .dots__item {
    position: relative;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    float: left; }
    .dots__item:first-child::before {
      transition: all ease-in-out .2s;
      content: "";
      border-left: solid 1px #fff;
      height: 9px;
      position: absolute;
      transform: translateY(5px); }
    .dots__item:last-child::after {
      transition: all ease-in-out .2s;
      content: "";
      border-right: solid 1px #fff;
      height: 9px;
      position: absolute;
      right: 0;
      top: 0;
      transform: translateY(5px); }
  .dots__link {
    position: relative;
    display: inline-block;
    outline: 0;
    height: 100%; }
    .dots__link:hover .dots__dot::before {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .dots__link::after, .dots__link::before {
      transition: all ease-in-out .2s;
      content: "";
      display: inline-block;
      vertical-align: middle;
      opacity: .3;
      border-bottom: 1px solid #fff;
      width: 105px; }
    .dots__link::after {
      margin-left: 28px; }
    .dots__link::before {
      margin-right: 15px; }
  .dots__dot {
    transition: all ease-in-out .2s;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    top: 2px; }
    .dots__dot::before {
      transition: all ease-in-out .2s;
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      margin-left: -19px;
      margin-top: -19px;
      border: 3px solid #fff;
      -webkit-transform: scale(0.25);
      -ms-transform: scale(0.25);
      transform: scale(0.25);
      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
      transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
      transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
      transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1); }

.main {
  position: absolute;
  min-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1; }
  .main .p-home {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block; }
    .main .p-home .v-play {
      position: absolute;
      text-align: center;
      width: 100vw;
      height: 100%;
      display: flex;
      opacity: 0;
      transition: opacity 1s ease-in-out .4s; }
      .main .p-home .v-play .wrapper {
        width: 100%; }
        .main .p-home .v-play .wrapper .headline {
          font-size: 8.5rem;
          color: #fff;
          line-height: 1;
          font-weight: 600; }
        .main .p-home .v-play .wrapper .ico-play {
          margin-top: 20px; }
          .main .p-home .v-play .wrapper .ico-play .wrapper-video {
            width: 90px;
            height: 90px;
            margin: 0 auto; }
          .main .p-home .v-play .wrapper .ico-play a {
            opacity: .7;
            transition: opacity .2s ease-in-out; }
            .main .p-home .v-play .wrapper .ico-play a img {
              max-width: 90px; }
            .main .p-home .v-play .wrapper .ico-play a:hover {
              opacity: 1;
              transition: opacity .2s ease-in-out; }
      .main .p-home .v-play.show-up {
        opacity: 1 !important; }
    .main .p-home_bar-button {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      text-align: center;
      z-index: 3;
      width: 224px;
      height: 122px;
      margin: 0 auto;
      padding-bottom: 45px;
      overflow: hidden;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0, 1) 1s;
      transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0, 1) 1s;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1) 1s;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1) 1s, -webkit-transform 0.9s cubic-bezier(0.4, 0, 0, 1) 1s; }
      .main .p-home_bar-button.show-up {
        transform: translateX(0%) !important; }
    .main .p-home #modal-tag {
      position: absolute;
      top: 0;
      z-index: 4;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      transition: opacity 1s ease-in-out .5s; }
      .main .p-home #modal-tag.show-up {
        opacity: 1 !important; }
      .main .p-home #modal-tag ul {
        height: min-content;
        top: 0;
        transform: translateY(50%);
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        padding: 0 50px;
        width: 100%;
        text-align: center; }
        .main .p-home #modal-tag ul li {
          border-radius: 20px;
          padding: 7px 18px;
          background-color: rgba(0, 0, 0, 0);
          color: #fff;
          font-size: 1em;
          display: inline-block;
          margin-right: 15px;
          text-transform: uppercase;
          border: solid 1px rgba(255, 255, 255, 0.5);
          margin-bottom: 15px;
          opacity: 1 !important; }
          .main .p-home #modal-tag ul li:last-child {
            margin-bottom: 0; }
          .main .p-home #modal-tag ul li.break {
            clear: none; }

.video-bg {
  height: 100%;
  overflow: hidden;
  background-image: url("../images/video-bg.jpg");
  background-size: cover;
  background-position: center center; }
  .video-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block; }

.customers {
  font-size: 10px;
  background-color: #fff;
  position: absolute;
  min-height: 100vh;
  width: 0;
  top: 0;
  left: 0;
  z-index: 97;
  height: 100vh;
  overflow: hidden;
  transform: translate(100%, 0%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.9s cubic-bezier(0.4, 0, 0, 1); }
  .customers.show-up {
    transform: translateX(0) !important;
    height: initial !important; }
  .customers.config-visible {
    padding: 150px 130px 130px 130px;
    overflow: auto;
    width: 100%; }
  .customers .brands .row div[class^='col'] {
    border: solid 1px #e9e9e9; }
    .customers .brands .row div[class^='col']:nth-child(1) {
      margin-right: 20px; }
    .customers .brands .row div[class^='col']:nth-child(3) {
      margin-left: 20px; }
    .customers .brands .row div[class^='col'].no-border {
      border: none; }
    .customers .brands .row div[class^='col'].customer {
      background-repeat: no-repeat;
      background-position: center center;
      padding: 0; }
      .customers .brands .row div[class^='col'].customer .customer-item {
        width: 100%;
        height: 100%;
        padding: 30px;
        background-color: #fff;
        transition: opacity .5s ease-in-out;
        opacity: 0;
        background-size: cover; }
        .customers .brands .row div[class^='col'].customer .customer-item.show-up {
          opacity: 1 !important; }
        .customers .brands .row div[class^='col'].customer .customer-item ul {
          display: inline-block;
          min-height: 175px; }
          .customers .brands .row div[class^='col'].customer .customer-item ul li {
            border-radius: 20px;
            padding: 7px 18px;
            color: #22344f;
            font-size: 1.5em;
            border: solid 1px #9099a7;
            opacity: .8;
            margin-bottom: 15px;
            transform: translateX(10%);
            background-color: rgba(255, 255, 255, 0.8);
            width: fit-content; }
      .customers .brands .row div[class^='col'].customer.brf {
        background-image: url("../images/brand-brf-color.svg");
        background-size: 235px; }
        .customers .brands .row div[class^='col'].customer.brf .customer-item {
          background-image: url("../images/obj-brf-customers.png"); }
      .customers .brands .row div[class^='col'].customer.sodimac {
        background-image: url("../images/brand-sodimac-color.svg");
        background-size: 280px; }
        .customers .brands .row div[class^='col'].customer.sodimac .customer-item {
          background-image: url("../images/obj-sodimac-customers.png");
          background-size: 48%;
          background-repeat: no-repeat;
          background-position: 100% 31%; }
      .customers .brands .row div[class^='col'].customer.santander {
        background-image: url("../images/santander.svg");
        background-size: 376px; }
        .customers .brands .row div[class^='col'].customer.santander .customer-item {
          background-image: url("../images/obj-santander-customers.png"); }
      .customers .brands .row div[class^='col'].customer.angeloni {
        background-image: url("../images/brand-angeloni-color.svg");
        background-size: 230px; }
        .customers .brands .row div[class^='col'].customer.angeloni .customer-item {
          background-image: url("../images/obj-angeloni-customers.png");
          background-repeat: no-repeat;
          background-position: 0 20px; }
      .customers .brands .row div[class^='col'].customer.sadia-verao {
        background-image: url("../images/brand-sadia-verao-color.svg.png");
        background-size: 170px; }
        .customers .brands .row div[class^='col'].customer.sadia-verao .customer-item {
          background-image: url("../images/obj-sadia-verao-customers.png");
          background-repeat: no-repeat;
          background-position: 60px 30px; }
      .customers .brands .row div[class^='col'].customer.bombril {
        background-image: url("../images/bombril.svg");
        background-size: 172px; }
        .customers .brands .row div[class^='col'].customer.bombril .customer-item {
          background-image: url("../images/obj-bombril-customers.png"); }
      .customers .brands .row div[class^='col'].customer.gpa {
        background-image: url("../images/gpa.svg");
        background-size: 200px; }
        .customers .brands .row div[class^='col'].customer.gpa .customer-item {
          background-image: url("../images/obj-gpa-customers.png"); }
      .customers .brands .row div[class^='col'].customer.abilio {
        background-image: url("../images/abilio.svg");
        background-size: 330px; }
        .customers .brands .row div[class^='col'].customer.abilio .customer-item {
          background-image: url("../images/obj-abilio-customers.png"); }
      .customers .brands .row div[class^='col'].customer.via-varejo {
        background-image: url("../images/via-varejo.svg");
        background-size: 212px; }
        .customers .brands .row div[class^='col'].customer.via-varejo .customer-item {
          background-image: url("../images/obj-via-varejo-customers.png"); }
      .customers .brands .row div[class^='col'].customer.impulsiona {
        background-image: url("../images/impulsiona.svg");
        background-size: 212px; }
        .customers .brands .row div[class^='col'].customer.impulsiona .customer-item {
          background-image: url("../images/obj-impulsiona-customers.png"); }
      .customers .brands .row div[class^='col'].customer.sadia {
        background-image: url("../images/sadia.svg");
        background-size: 80px; }
        .customers .brands .row div[class^='col'].customer.sadia .customer-item {
          background-image: url("../images/obj-sadia-customers.png"); }
      .customers .brands .row div[class^='col'].customer.plenitude {
        background-image: url("../images/plenitude.svg");
        background-size: 270px; }
        .customers .brands .row div[class^='col'].customer.plenitude .customer-item {
          background-image: url("../images/obj-plenitude-customers.png"); }
      .customers .brands .row div[class^='col'].customer.skype {
        background-image: url("../images/skype.svg");
        background-size: 290px; }
        .customers .brands .row div[class^='col'].customer.skype .customer-item {
          background-image: url("../images/obj-skype-customers.png"); }
      .customers .brands .row div[class^='col'].customer.instituto {
        background-image: url("../images/instituto.svg");
        background-size: 190px; }
        .customers .brands .row div[class^='col'].customer.instituto .customer-item {
          background-image: url("../images/obj-instituto-customers.png"); }
      .customers .brands .row div[class^='col'].customer.sebrae {
        background-image: url("../images/sebrae.svg");
        background-size: 180px; }
        .customers .brands .row div[class^='col'].customer.sebrae .customer-item {
          background-image: url("../images/obj-sebrae-customers.png"); }
      .customers .brands .row div[class^='col'].customer.parkoff {
        background-image: url("../images/parkoff.svg");
        background-size: 204px; }
        .customers .brands .row div[class^='col'].customer.parkoff .customer-item {
          background-image: url("../images/obj-parkoff-customers.png"); }
  .customers .brands .row.line {
    margin-bottom: 20px; }
    .customers .brands .row.line-lg {
      height: 551px; }
    .customers .brands .row.line-md {
      height: 400px; }
    .customers .brands .row.line-xs {
      height: 350px; }
    .customers .brands .row.line-1 div[class^='col']:nth-child(2) .row {
      height: 100%; }
      .customers .brands .row.line-1 div[class^='col']:nth-child(2) .row div[class^='col']:nth-child(1) {
        margin-bottom: 20px; }
  .customers .highlight {
    color: #1f324d;
    line-height: 1.167;
    text-align: center;
    margin: 100px 0 50px 0; }
  .customers .customers-brands .row div[class^='col'] {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    height: 150px; }
    .customers .customers-brands .row div[class^='col'] img {
      display: inline-block; }
    .customers .customers-brands .row div[class^='col'].b1 {
      background-image: url("../images/clientes/clientes_coca-cola.svg");
      background-size: 128px; }
    .customers .customers-brands .row div[class^='col'].b2 {
      background-image: url("../images/clientes/clientes_bradesco.svg");
      background-size: 145px; }
    .customers .customers-brands .row div[class^='col'].b3 {
      background-image: url("../images/clientes/clientes_cpfl.svg");
      background-size: 83px; }
    .customers .customers-brands .row div[class^='col'].b4 {
      background-image: url("../images/clientes/clientes_cbre.svg");
      background-size: 110px; }
    .customers .customers-brands .row div[class^='col'].b5 {
      background-image: url("../images/clientes/clientes_elektro-07.svg");
      background-size: 110px; }
    .customers .customers-brands .row div[class^='col'].b6 {
      background-image: url("../images/clientes/clientes_extra.svg");
      background-size: 93px; }
    .customers .customers-brands .row div[class^='col'].b7 {
      background-image: url("../images/clientes/clientes_angeloni.svg");
      background-size: 118px; }
    .customers .customers-brands .row div[class^='col'].b8 {
      background-image: url("../images/clientes/clientes_livraria-cultura.svg");
      background-size: 143px; }
    .customers .customers-brands .row div[class^='col'].b9 {
      background-image: url("../images/clientes/clientes_saraiva.svg");
      background-size: 139px; }
    .customers .customers-brands .row div[class^='col'].b10 {
      background-image: url("../images/clientes/clientes_cna.svg");
      background-size: 110px; }
    .customers .customers-brands .row div[class^='col'].b11 {
      background-image: url("../images/clientes/clientes_benjamin.svg");
      background-size: 138px; }
    .customers .customers-brands .row div[class^='col'].b12 {
      background-image: url("../images/clientes/clientes_pernambucanas.svg");
      background-size: 110px; }
    .customers .customers-brands .row div[class^='col'].b13 {
      background-image: url("../images/clientes/clientes_ponto-frio.svg");
      background-size: 126px; }
    .customers .customers-brands .row div[class^='col'].b14 {
      background-image: url("../images/clientes/clientes_serasa.svg");
      background-size: 129px; }
    .customers .customers-brands .row div[class^='col'].b15 {
      background-image: url("../images/clientes/clientes_fototica.svg");
      background-size: 187px; }
    .customers .customers-brands .row div[class^='col'].b16 {
      background-image: url("../images/clientes/clientes_pao-acucar.svg");
      background-size: 86px; }
    .customers .customers-brands .row div[class^='col'].b17 {
      background-image: url("../images/clientes/clientes_casas-bahia.svg");
      background-size: 129px; }
    .customers .customers-brands .row div[class^='col'].b18 {
      background-image: url("../images/clientes/clientes_carrefour.svg");
      background-size: 91px; }
    .customers .customers-brands .row div[class^='col'].b19 {
      background-image: url("../images/clientes/clientes_fnq.svg");
      background-size: 92px; }
    .customers .customers-brands .row div[class^='col'].b20 {
      background-image: url("../images/clientes/clientes_componente.svg");
      background-size: 147px; }
    .customers .customers-brands .row div[class^='col'].b21 {
      background-image: url("../images/clientes/clientes_tarpon.svg");
      background-size: 139px; }
    .customers .customers-brands .row div[class^='col'].b22 {
      background-image: url("../images/clientes/clientes_ibope.svg");
      background-size: 122px; }
    .customers .customers-brands .row div[class^='col'].b23 {
      background-image: url("../images/clientes/clientes_ftd.svg");
      background-size: 123px; }
    .customers .customers-brands .row div[class^='col'].b24 {
      background-image: url("../images/clientes/clientes_leader.svg");
      background-size: 101px; }
    .customers .customers-brands .row div[class^='col'].b25 {
      background-image: url("../images/clientes/clientes_ccsp.svg");
      background-size: 166px; }
    .customers .customers-brands .row div[class^='col'].b26 {
      background-image: url("../images/clientes/clientes_ftd.svg");
      background-size: 105px; }
    .customers .customers-brands .row div[class^='col'].b27 {
      background-image: url("../images/clientes/clientes_sescoop.svg");
      background-size: 88px; }
    .customers .customers-brands .row div[class^='col'].b28 {
      background-image: url("../images/clientes/clientes_bahia.svg");
      background-size: 128px; }
    .customers .customers-brands .row div[class^='col'].b29 {
      background-image: url("../images/clientes/clientes_governo-saopaulo.svg");
      background-size: 162px; }
    .customers .customers-brands .row div[class^='col'].b30 {
      background-image: url("../images/clientes/clientes_garnier.svg");
      background-size: 141px; }
    .customers .customers-brands .row div[class^='col'].b31 {
      background-image: url("../images/clientes/clientes_correios.svg");
      background-size: 173px; }
    .customers .customers-brands .row div[class^='col'].b32 {
      background-image: url("../images/clientes/clientes_volks.svg");
      background-size: 173px; }
    .customers .customers-brands .row div[class^='col'].b33 {
      background-image: url("../images/clientes/clientes_qbe.svg");
      background-size: 126px; }
    .customers .customers-brands .row div[class^='col'].b34 {
      background-image: url("../images/clientes/clientes_closet-rank.svg");
      background-size: 137px; }
    .customers .customers-brands .row div[class^='col'].b35 {
      background-image: url("../images/clientes/clientes_toca.svg");
      background-size: 70px; }

.about {
  font-size: 10px;
  background-color: #fff;
  position: absolute;
  min-height: 100vh;
  width: 0;
  top: 0;
  left: 0;
  z-index: 97;
  height: 100vh;
  overflow: hidden;
  transform: translate(100%, 0%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.9s cubic-bezier(0.4, 0, 0, 1); }
  .about.show-up {
    transform: translateX(0) !important;
    height: initial !important; }
  .about.config-visible {
    padding: 200px 130px 130px 130px;
    overflow: auto;
    width: 100%; }
  .about .decode {
    font-size: 10px;
    margin-bottom: 0px; }
    .about .decode .align-center {
      align-items: center; }
    .about .decode .p-title {
      font-size: 9em;
      color: #1f324d;
      line-height: 1;
      margin-bottom: 50px;
      text-align: center; }
    .about .decode .btn-play-about {
      text-align: left;
      position: relative;
      width: 50px;
      height: 50px;
      display: block; }
      .about .decode .btn-play-about img {
        max-width: 50px;
        display: inline-block; }
      .about .decode .btn-play-about::after {
        content: "Assista";
        font-size: 2.4em;
        color: #1f324d;
        position: absolute;
        top: 7px;
        left: 60px; }
    .about .decode .description {
      font-size: 2.4em;
      color: #1f324d;
      line-height: 1.391; }
  .about .focus {
    margin-bottom: 30px; }
    .about .focus-accordion {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      .about .focus-accordion .p-title {
        text-align: left; }
      .about .focus-accordion .focus-item .question {
        text-decoration: none;
        font-size: 2.4em;
        color: #1f324d;
        border-bottom: solid 1px #1f324d;
        padding-bottom: 5px;
        margin-bottom: 10px;
        font-weight: bold; }
      .about .focus-accordion .focus-item .answer {
        overflow: hidden;
        max-height: 0;
        font-size: 2em;
        color: #1f324d;
        line-height: 1.391;
        margin-bottom: 20px;
        padding-top: 10px;
        transition: all .5s ease-in-out; }
        .about .focus-accordion .focus-item .answer.show-up {
          max-height: 999px !important; }
  .about .key-services {
    font-size: 10px;
    margin-bottom: 100px;
    margin-top: 100px; }
    .about .key-services .p-title {
      text-align: center; }
    .about .key-services ul {
      text-align: center; }
      .about .key-services ul li {
        border-radius: 20px;
        padding: 7px 18px;
        color: #22344f;
        font-size: 1.5em;
        margin-right: 15px;
        margin-bottom: 15px;
        border: solid 1px #9099a7;
        opacity: .8; }
        .about .key-services ul li:last-child {
          margin-bottom: 0; }
        .about .key-services ul li.break {
          clear: left; }
  .about .partnership-brands .p-title {
    text-align: center; }
  .about .partnership-brands .row div[class^='col'] {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    height: 150px; }
    .about .partnership-brands .row div[class^='col'] img {
      display: inline-block; }
    .about .partnership-brands .row div[class^='col'].b1 {
      background-image: url("../images/parceiros/parceiros_peninsula.svg");
      background-size: 128px; }
    .about .partnership-brands .row div[class^='col'].b2 {
      background-image: url("../images/parceiros/parceiros_innova.svg");
      background-size: 145px; }
    .about .partnership-brands .row div[class^='col'].b3 {
      background-image: url("../images/parceiros/parceiros_pwc.svg");
      background-size: 83px; }
    .about .partnership-brands .row div[class^='col'].b4 {
      background-image: url("../images/parceiros/parceiros_salesforce.svg");
      background-size: 110px; }
    .about .partnership-brands .row div[class^='col'].b5 {
      background-image: url("../images/parceiros/parceiros_vodafone.svg");
      background-size: 110px; }
    .about .partnership-brands .row div[class^='col'].b6 {
      background-image: url("../images/parceiros/parceiros_performa.svg");
      background-size: 133px; }
    .about .partnership-brands .row div[class^='col'].b7 {
      background-image: url("../images/parceiros/parceiros_mustmarket.svg");
      background-size: 135px; }
    .about .partnership-brands .row div[class^='col'].b8 {
      background-image: url("../images/parceiros/parceiros_omni55.svg");
      background-size: 143px; }
    .about .partnership-brands .row div[class^='col'].b9 {
      background-image: url("../images/parceiros/parceiros_peixoto.svg");
      background-size: 139px; }
    .about .partnership-brands .row div[class^='col'].b10 {
      background-image: url("../images/parceiros/parceiros_evolus.svg");
      background-size: 110px; }

/*# sourceMappingURL=home.min.css.map */