@charset "UTF-8";
@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Light.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Light.eot#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Light.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-LightItalic.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-LightItalic#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-LightItalic.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Regular.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Regular#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Regular.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Italic.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Italic#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Italic.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Medium.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Medium#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Medium.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-MediumItalic.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-MediumItalic#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-MediumItalic.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Bold.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Bold#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Bold.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-BoldItalic.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-BoldItalic#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-BoldItalic.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Black.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-Black#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Black.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Fabriga;
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-BlackItalic.eot);
  src: url(//io.vtex.com.br/fonts/fabriga/Fabriga-BlackItalic#iefix) format("embedded-opentype"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-BlackItalic.woff2) format("woff2"), url(//io.vtex.com.br/fonts/fabriga/Fabriga-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
}

.lead {
  line-height: 30px !important;
}

.display-2 {
  line-height: 96px !important;
}

.display-3 {
  line-height: 48px !important;
}

.display-4 {
  line-height: 67.5px !important;
}

#products .lead {
  font-size: 24px !important;
  line-height: 36px !important;
  font-weight: 400;
}

@media (max-width: 991px) {
  .display-2 {
    font-size: 48px !important;
    line-height: 56px !important;
  }
  .display-4 {
    font-size: 36px !important;
    line-height: 48px !important;
  }
  .h2 {
    font-size: 24px !important;
    line-height: 40px !important;
  }
}

* {
  outline: none !important;
}

#navbar {
  min-height: 5rem;
}

#navbar .widget-div .widget > div > ul > li {
  background: #F4F3F8;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navbar .widget-div .widget > div > ul > li a {
  background: transparent !important;
  margin: auto;
  padding: 0;
}

#navbar .navbar-brand {
  min-height: 5rem;
}

#navbar .navbar-brand .custom-logo-link {
  min-height: 5rem;
}

#navbar .row {
  width: 100vw !important;
}

#navbar .navbar-light .navbar-toggler-icon {
  background-image: url("https://www.vtex.com/wp-content/uploads/2018/12/Menu.svg");
}

#navbar button.navbar-toggler {
  right: 2rem;
  top: 1.4rem;
}

#navbar #contact {
  min-height: 5rem;
  padding-top: calc(2.5rem - 1rem);
}

#navbar .nav-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#navbar .dropdown-item {
  background: none;
}

#navbar .nav-link {
  color: #142032;
  font-weight: 400;
}

#navbar img {
  vertical-align: text-top;
}

#navbar .dropdown-toggle::after {
  display: none;
}

#navbar .dropdown-menu {
  padding-top: 0;
  width: 375px;
}

#navbar .dropdown-menu a {
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
}

#navbar .dropdown-menu a .menu-item-description {
  white-space: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 0;
  color: #A1A8B3;
}

#navbar .dropdown-menu li.title-product,
#navbar .dropdown-menu li.title-partners {
  pointer-events: none;
}

#navbar .dropdown-menu li.title-product a,
#navbar .dropdown-menu li.title-partners a {
  padding: 0;
  color: #A1A8B3;
  font-weight: 400;
}

#navbar .menu-product .dropdown-menu li.header-product a {
  font-size: 1.25rem;
  padding: 2rem;
  color: #fff;
  font-weight: 400;
}

#navbar .menu-product .dropdown-menu li.header-product a .menu-item-description {
  color: #fff;
}

#navbar .menu-partners .dropdown-menu li.header-partners {
  background-color: #F4F3F8;
}

#navbar .menu-resources .dropdown-menu a {
  color: #717786;
}

#navbar .widget_icl_lang_sel_widget {
  max-width: 100px;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-item-toggle span {
  display: none;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-item-toggle::before {
  content: '';
  height: 20px;
  width: 20px;
  background-image: url("/wp-content/uploads/2019/08/globo-menu.svg");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  -ms-flex-item-align: center;
      align-self: center;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-item-toggle::after {
  content: none;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
  background: #fff;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-sub-menu .wpml-ls-item > a > span {
  color: #717786;
  font-weight: font-weight-base;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-sub-menu .wpml-ls-item > a > span:hover {
  color: #F71963;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a:hover {
  background: #fff;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a:hover {
  background: #fff;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-sub-menu {
  border: 1px solid #E7E9EE;
  padding: 20px 10px;
  background: #fff;
  width: 400px;
  left: auto;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-sub-menu li {
  width: calc(50% - 2px);
  display: inline-block;
  padding-left: 32px;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-sub-menu li a {
  margin: unset !important;
  margin-top: 8px;
  margin-bottom: 8px;
}

#navbar .widget_icl_lang_sel_widget .wpml-ls-sub-menu li a span:hover {
  color: #142032 !important;
}

#navbar #secondary-menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-right: solid 1px #e7e9ee;
}

#navbar #secondary-menu .menu-item {
  padding: 0 16px !important;
}

#navbar #secondary-menu .nav-link {
  font-size: 0.875rem !important;
  color: #717786 !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}

#navbar .widget-div {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

#navbar .widget-div a {
  text-align: right;
  border: none;
  font-size: 0.875rem !important;
  color: #717786 !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

footer ul {
  list-style-type: none;
}

footer .widget-title {
  font-size: 1rem;
  color: #fff;
  line-height: 1.5;
}

footer .menu {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

footer .menu a {
  font-size: 0.875rem;
  font-weight: 400;
  color: #CCCED8;
}

.dropdown {
  position: unset;
}

.dropdown-menu {
  left: auto !important;
}

.navbar-collapse {
  overflow-y: hidden;
}

#menu-new-blog-footer-it,
#menu-new-blog-footer-es,
#menu-new-blog-footer-en,
#menu-new-blog-footer-pt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#menu-new-blog-footer-it li a,
#menu-new-blog-footer-es li a,
#menu-new-blog-footer-en li a,
#menu-new-blog-footer-pt li a {
  padding-right: 15px;
}

#main-mobile .nav.navbar-nav.blog {
  background-color: #f8f8f9;
}

#main-mobile .nav.navbar-nav.blog li a {
  color: #717786;
  font-family: Fabriga;
  font-size: 16px;
}

#main-menu-blog ul li a {
  color: #142032;
  font-family: Fabriga;
  font-size: 16px;
}

.nav-link:hover,
li.show .nav-link {
  color: #E42760 !important;
}

.dropdown-menu a:hover {
  color: #E42760 !important;
}

.dropdown-menu a:hover .menu-item-description {
  color: #E42760 !important;
}

.menu-product .dropdown-menu:hover .header-product {
  background-color: #E42760 !important;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.menu-product .dropdown-menu:hover .header-product a {
  color: #fff !important;
}

.menu-product .dropdown-menu:hover .header-product .menu-item-description {
  color: #fff !important;
}

.wpml-ls-legacy-dropdown-click a:hover,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a {
  background: none;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  border-top: none;
}

@media (min-width: 1200px) {
  #main-mobile, #lang-mobile {
    display: none !important;
  }
  #navbar .widget-div {
    width: 85px;
  }
}

@media all and (max-width: 1200px) {
  #navbar {
    padding-bottom: 0;
    /*ajustes menu mobile*/
  }
  #navbar button.navbar-toggler {
    top: 0;
    margin-top: 0 !important;
    width: 70px;
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: 1px solid #e7e9ee;
    border-radius: 0;
    max-width: 95px;
  }
  #navbar .close {
    background-image: url(/wp-content/uploads/2019/08/botao-fechar.png);
    display: block;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto !important;
    opacity: 0.9 !important;
  }
  #navbar .navbar-toggler-icon {
    margin: auto;
  }
  #navbar img {
    vertical-align: baseline;
  }
  #navbar .dropdown-menu {
    width: 100% !important;
  }
  #navbar #main-mobile {
    border-top: 1px solid #dee2e6;
  }
  #navbar #main-mobile .nav.navbar-nav {
    font-family: Fabriga;
  }
  #navbar #main-mobile .nav.navbar-nav .menuTitleNoDrop {
    color: #142032;
    font-size: 24px;
    line-height: 1.5;
    padding: 18px 0px 18px 20px;
  }
  #navbar #main-mobile .nav.navbar-nav li.menuTitle a {
    color: #142032;
    font-size: 20px;
    line-height: 1.5;
  }
  #navbar #main-mobile .nav.navbar-nav .text-muted.mb-0.menu-item a {
    color: #717786 !important;
    font-size: 16px;
    line-height: 1.75;
  }
  #navbar #main-mobile .nav.navbar-nav ul.dropdown-menu .menu-item.menu-item-type-custom a {
    font-size: 16px !important;
    line-height: 1.75;
    color: #717786;
    padding: 8px 0px 8px 0px !important;
  }
  #navbar #main-mobile .nav.navbar-nav .text-center.menu-item a {
    font-size: 14px;
    font-weight: 500;
    color: #717786;
    letter-spacing: 0.5px;
    padding: 12px;
  }
  #navbar #main-mobile .nav.navbar-nav .bordermenu.menu-item a {
    padding: 0px !important;
    height: 1px !important;
  }
  #navbar .navbar-collapse {
    max-height: 85vh;
    overflow-y: scroll;
  }
  #navbar .navbar-collapse .bordermenu > a > span {
    display: none;
    color: #717786 !important;
  }
  #navbar .navbar-collapse .menuTitleNoDrop .nav-link:hover:active, #navbar .navbar-collapse .menuTitleNoDrop .nav-link:hover:focus, #navbar .navbar-collapse .menuTitleNoDrop .nav-link:hover:hover,
  #navbar .navbar-collapse .menuTitleNoDrop li.show .nav-link:active,
  #navbar .navbar-collapse .menuTitleNoDrop li.show .nav-link:focus,
  #navbar .navbar-collapse .menuTitleNoDrop li.show .nav-link:hover,
  #navbar .navbar-collapse .menuTitle .nav-link:hover:active,
  #navbar .navbar-collapse .menuTitle .nav-link:hover:focus,
  #navbar .navbar-collapse .menuTitle .nav-link:hover:hover,
  #navbar .navbar-collapse .menuTitle li.show .nav-link:active,
  #navbar .navbar-collapse .menuTitle li.show .nav-link:focus,
  #navbar .navbar-collapse .menuTitle li.show .nav-link:hover {
    color: #142032 !important;
  }
  #navbar .navbar-collapse .menuTitle .menu-image-title:after {
    content: " ";
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    -webkit-transition: all 500ms !important;
    transition: all 500ms !important;
    background-image: url(/wp-content/uploads/2019/08/seta.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 10px;
    background-size: 10px;
    position: absolute;
    right: 40px;
    top: 4px;
  }
  #navbar .navbar-collapse .menuTitle .menu-image-title.seta:after {
    -webkit-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
  }
  #navbar .navbar-collapse .menuTitle .dropdown-menu.show .menu-image-title:after {
    content: none;
  }
  #navbar .navbar-collapse .companyMobile .menu-image-title:after {
    top: 20px !important;
  }
  #navbar .navbar-collapse .dropdown-menu.show {
    border: none !important;
  }
  #navbar .navbar-collapse .dropdown-menu.show li {
    padding: 0 !important;
  }
  #navbar .navbar-collapse .nav-item.text-center.text-uppercase.bg-light {
    background: #f8f7fc !important;
  }
  .blogfooter .container.mt-s {
    max-width: none;
  }
  .blogfooter .imgblog {
    max-width: 20%;
    padding-left: 35px;
  }
  .blogfooter .footermenu {
    max-width: 80%;
    position: absolute;
    right: 0;
  }
}

@media (max-width: 576px) {
  .widget-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #f8f7fc;
    border: 1px solid #E7E9EE;
    border-radius: 0;
    border-right: none;
    border-bottom: none;
  }
  .widget-div .widget_icl_lang_sel_widget {
    max-width: 75px !important;
  }
  #navbar button.navbar-toggler .navbar-toggler-icon {
    margin: 0 7px;
  }
  .blogfooter #menu-new-blog-footer-it,
  .blogfooter #menu-new-blog-footer-es,
  .blogfooter #menu-new-blog-footer-en,
  .blogfooter #menu-new-blog-footer-pt {
    display: block;
    -webkit-column-count: 2;
            column-count: 2;
  }
  .blogfooter .footermenu {
    max-width: none !important;
    position: relative !important;
  }
  .blogfooter .bf-footer__logo {
    margin-bottom: 30px;
  }
}

@media (max-width: 350px) {
  #navbar button.navbar-toggler .navbar-toggler-icon {
    margin: 0 2px;
  }
  #homepage #buttonHome {
    white-space: normal;
  }
  #products .col-12 h1 {
    font-size: 2.5rem !important;
  }
}

.mt-menu-fix {
  margin-top: 5rem;
}

@media (max-width: 1200px) {
  #heroHome h1 {
    min-height: 112px;
  }
}

@media (max-width: 768px) {
  #heroHome h1 {
    min-height: 168px;
  }
}

@media (max-width: 576px) {
  #heroHome h1 {
    min-height: 280px;
  }
}

#solutions .list-info .index p,
#solutions .list-info .title p {
  cursor: pointer;
}

#solutions .list-info .active .index p {
  color: #F71963 !important;
  cursor: pointer;
}

#solutions .list-info .active p {
  color: #717786 !important;
}

#solutions .list-info .active .title p {
  color: #142032 !important;
  cursor: pointer;
}

#solutions .list-info .active .progress-bar {
  height: 112px !important;
}

#solutions .list-info .active .progress-bar-vertical {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#solutions .list-info .progress-bar-vertical {
  width: 1px;
  min-height: 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  float: left;
}

#solutions .list-info .progress-bar-vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 3.1s ease;
  transition: height 3.1s ease;
}

#solutions .list-img img {
  display: none;
}

#solutions .list-img img.active {
  display: block;
}

@media (max-width: 768px) {
  #solutions .list-info .active .progress-bar {
    height: 130px !important;
  }
  #solutions .list-info .progress-bar-vertical {
    min-height: 130px;
  }
  .list-img img {
    width: auto;
    -o-object-fit: cover;
       object-fit: cover;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -o-object-position: left;
       object-position: left;
  }
}

#noticias .content-noticias {
  min-height: 205px;
}

#noticias .content-noticias {
  z-index: 10;
}

#noticias .link-noticias {
  padding-bottom: 10px;
}

#noticias .link-noticias:hover {
  text-decoration: none;
}

#noticias .link-noticias:hover:after {
  margin-left: 100%;
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#noticias .link-noticias:after {
  content: '';
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 1px;
  display: block;
  padding-top: 4px;
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#noticias .noticia-box {
  z-index: 10;
}

#noticias .bg-hover {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  z-index: 1;
  height: 100%;
  width: 100%;
}

#noticias .left.position-absolute {
  top: 0;
  left: 0;
}

#noticias .right.position-absolute {
  top: 0;
  right: 0;
}

#products a:hover {
  text-decoration: none;
}

#products p.link-animated {
  padding-bottom: 10px;
  max-width: -webkit-fill-available;
}

#products p.link-animated:hover {
  text-decoration: none;
}

#products p.link-animated:hover:after {
  margin-left: 100%;
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#products p.link-animated:after {
  content: '';
  border-bottom: 1px solid #142032;
  width: 100%;
  height: 1px;
  display: block;
  padding-top: 4px;
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#products .col-lg-3 img.w-100 {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#products .col-lg-3:hover img.w-100 {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

@media (max-width: 991px) {
  #products .slick-prev {
    position: absolute;
    bottom: 0;
    background: transparent;
    border: none;
    left: 25px;
  }
  #products .slick-next {
    position: absolute;
    bottom: 0;
    left: 90px;
    background: transparent;
    border: none;
  }
}

#plataformOverview .plataform-loader-title {
  min-height: 56px;
}

#plataformOverview .plataform-loader-title p {
  cursor: pointer;
}

#plataformOverview .platform-list::before {
  content: url("/wp-content/uploads/2019/05/c-check-1.svg");
  position: absolute;
  left: -32px;
  top: 5px;
  height: 27px;
}

#plataformOverview .active .plataform-icon {
  -webkit-filter: brightness(300%);
          filter: brightness(300%);
}

#plataformOverview .active .plataform-loader-title p {
  color: #fff !important;
}

#plataformOverview .active .progress-bar {
  width: 100% !important;
  background-color: #F71963 !important;
}

#plataformOverview .progress-bar-vertical {
  height: 2px;
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 20px;
  float: left;
  background-color: #A1A8B3;
}

#plataformOverview .progress-bar-vertical .progress-bar {
  height: 100%;
  width: 0;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  background-color: #A1A8B3;
}

#plataformOverview .plataform-slide-content {
  display: none;
}

#plataformOverview .plataform-slide-content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  #plataformOverview .plataform-loader-title {
    min-height: 85px;
  }
  #plataformOverview .display-2 {
    font-size: 36px !important;
  }
  #plataformOverview .plataform-slide-content img {
    width: auto;
    -o-object-fit: cover;
       object-fit: cover;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -o-object-position: left;
       object-position: left;
  }
  #plataformOverview .platform-list::before {
    left: 0px;
  }
}

@media (max-width: 576px) {
  #plataformOverview h2 {
    font-size: 24px !important;
  }
}

#techOverview {
  background-color: #F4F3F8;
}

#partners-hero {
  background: url("/wp-content/uploads/2019/05/Mask-Group-4.png");
  background-position: center top;
  background-size: cover;
}

#partners-hero #partners-brands {
  border-color: #253851 !important;
}

#partners-hero #partners-brands.border-bottom {
  border-bottom-width: 2px !important;
}

@media (max-width: 576px) {
  #partners-hero .display-2 {
    font-size: 3rem !important;
  }
  #partners-hero .btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

#partners-solutions {
  background-color: #111c2d !important;
}

#partners #depoimento-cases {
  background: #142032;
}

#partners .carousel-testimonialCases .slick-arrow {
  -webkit-filter: brightness() invert(1);
          filter: brightness() invert(1);
}

#partners .carousel-testimonialCases .slick-dots {
  color: #fff !important;
}

#partners .carousel-testimonialCases .slick-dots button {
  color: #fff !important;
}

#heroMarketplace .bg-hero {
  top: 0 !important;
  right: 0 !important;
  z-index: 1;
}

#heroMarketplace .container {
  z-index: 10;
}

#sellerMarketplace {
  background-color: #f8f7fc;
}

#contato.container {
  max-width: 540px !important;
}

#contato .form-control {
  min-height: 72px;
  padding-left: 32px !important;
  font-size: 20px;
  line-height: 30px;
  color: #a1a8b3;
}

#contato .form-control::-webkit-input-placeholder {
  font-size: 20px;
  line-height: 30px;
  color: #a1a8b3;
}

#contato .form-control:-ms-input-placeholder {
  font-size: 20px;
  line-height: 30px;
  color: #a1a8b3;
}

#contato .form-control::-ms-input-placeholder {
  font-size: 20px;
  line-height: 30px;
  color: #a1a8b3;
}

#contato .form-control::placeholder {
  font-size: 20px;
  line-height: 30px;
  color: #a1a8b3;
}

#contato .form-group .form-control {
  padding-left: 0 !important;
}

#contato label {
  font-size: 20px;
  line-height: 30px;
  color: #a1a8b3;
}

#contato .btn {
  padding: 16px 24px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
}

#contato #phone {
  padding-left: 131px !important;
}

#contato .selected-flag {
  background: transparent;
  min-width: 115px;
  padding-left: 32px;
  border-right: 1px solid #CCCED8;
}

#contato .selected-flag .iti-arrow {
  right: 17px;
}

#contato .footerContato .lead {
  font-size: 24px !important;
}

#contato .footerContato .phone {
  font-size: 40px !important;
  line-height: 50px !important;
}

#contact-footer {
  background-color: #111c2d;
}

#contact-footer a:hover {
  text-decoration: none !important;
}

@media (min-width: 1025px) {
  #contato .selected-flag {
    border-right: 1px solid #CCCED8;
  }
  #contact-footer .col-lg-6:first-child {
    border-right: 1px solid #3e4d63 !important;
    padding-right: 96px;
  }
  #contact-footer .col-lg-6:last-child {
    padding-left: 96px;
  }
}

@media (max-width: 1024px) {
  #contact-footer .col-lg-6:first-child {
    border-right: none;
    padding-right: auto;
    border-bottom: 1px solid #3e4d63 !important;
  }
  #contact-footer .col-lg-6:last-child {
    padding-left: auto;
  }
}

@media (max-width: 576px) {
  #contato .phone {
    font-size: 24px !important;
    line-height: 40px !important;
  }
  #contato .btn {
    width: 100% !important;
  }
  #contato .form-group {
    text-align: center !important;
  }
}

.intl-tel-input {
  width: 100%;
}

.intl-tel-input .selected-flag {
  max-height: 72px;
}

.background-paises {
  background-image: url(/wp-content/uploads/2019/09/background-contact.jpg);
}

@media (max-width: 991px) {
  #form-pricing .btn {
    width: 100%;
  }
}

#form-pricing .form-control {
  min-height: 72px;
  padding-left: 32px !important;
  line-height: 30px;
  -webkit-appearance: none !important;
}

#form-pricing .form-control::-webkit-input-placeholder {
  line-height: 30px;
}

#form-pricing .form-control:-ms-input-placeholder {
  line-height: 30px;
}

#form-pricing .form-control::-ms-input-placeholder {
  line-height: 30px;
}

#form-pricing .form-control::placeholder {
  line-height: 30px;
}

#form-pricing #phone {
  padding-left: 131px !important;
}

#form-pricing .selected-flag {
  background: transparent;
  min-width: 115px;
  padding-left: 32px;
  border-right: 1px solid #CCCED8;
}

#form-pricing .selected-flag .iti-arrow {
  right: 17px;
}

#form-pricing .iti-arrow {
  -webkit-filter: brightness() invert(1);
  filter: brightness(150%) invert(1);
}

#form-pricing .intl-tel-input {
  width: 100%;
}

#contato-partner {
  background-color: #111c2d !important;
  border-top: 1px solid #3e4d63 !important;
  border-bottom: 1px solid #3e4d63 !important;
}

#contato-partner .form-control {
  min-height: 72px;
  padding-left: 32px !important;
  line-height: 30px;
  color: #CCCED8 !important;
  border-color: #717786 !important;
  background: transparent !important;
}

#contato-partner .form-control::-webkit-input-placeholder {
  line-height: 30px;
  color: #CCCED8 !important;
}

#contato-partner .form-control:-ms-input-placeholder {
  line-height: 30px;
  color: #CCCED8 !important;
}

#contato-partner .form-control::-ms-input-placeholder {
  line-height: 30px;
  color: #CCCED8 !important;
}

#contato-partner .form-control::placeholder {
  line-height: 30px;
  color: #CCCED8 !important;
}

#contato-partner #phone {
  padding-left: 131px !important;
}

#contato-partner .selected-flag {
  background: transparent;
  min-width: 115px;
  padding-left: 32px;
  border-right: 1px solid #CCCED8;
}

#contato-partner .selected-flag .iti-arrow {
  right: 17px;
}

#contato-partner .iti-arrow {
  -webkit-filter: brightness() invert(1);
  filter: brightness(150%) invert(1);
}

#contato-partner .intl-tel-input {
  width: 100%;
}

#contato-partner .intl-tel-input .selected-dial-code {
  color: #CCCED8 !important;
}

#heroClientes .bg-hero {
  top: 0 !important;
  right: 0 !important;
  z-index: 1;
}

#heroClientes .container {
  z-index: 10;
}

#clientes a.active {
  color: #142032 !important;
}

#clientes a.post-header:hover {
  text-decoration: none !important;
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#clientes a.post-header:hover img.w-100 {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#single-cases .brand {
  max-height: 80px;
  max-width: 180px;
}

#block-content .form-control {
  min-height: 72px;
  padding-left: 32px !important;
  line-height: 30px;
}

#block-content .form-control::-webkit-input-placeholder {
  line-height: 30px;
  color: #A1A8B3;
}

#block-content .form-control:-ms-input-placeholder {
  line-height: 30px;
  color: #A1A8B3;
}

#block-content .form-control::-ms-input-placeholder {
  line-height: 30px;
  color: #A1A8B3;
}

#block-content .form-control::placeholder {
  line-height: 30px;
  color: #A1A8B3;
}

@media (max-width: 991px) {
  #pills-all > button,
  #block-content .wpcf7-submit {
    width: 100% !important;
  }
}

.black-friday-main-wrapper .bg-secondary.hero {
  color: #fff;
}

.black-friday-main-wrapper .btn-bf {
  font-size: 13px !important;
  padding: 10px 35px;
  text-decoration: none;
}

.black-friday-main-wrapper .btn-bluedark {
  background: #142032;
  font-size: 14px !important;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #ffffff;
  padding: 14px 35px;
  font-family: Fabriga !important;
  font-weight: 500 !important;
  text-decoration: none;
}

.black-friday-main-wrapper .c-light {
  color: #ccced8 !important;
}

.black-friday-main-wrapper .pagination-line-height {
  line-height: 1.25 !important;
}

.black-friday-main-wrapper .black-f-wrapper.segundo {
  border-bottom: solid 1px #3d495d;
}

.black-friday-main-wrapper .webinars-incricoes-2 {
  background: #142032;
  color: #fff;
  padding: 30px;
  width: 95%;
}

.black-friday-main-wrapper .webinars-incricoes-2 a.divlink {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 4fr 1.5fr 1.1fr 1fr;
      grid-template-rows: 4fr 1.5fr 1.1fr 1fr;
}

.black-friday-main-wrapper .webinars-incricoes-2 #button-mais {
  width: 145px;
  font-size: 12px !important;
}

.black-friday-main-wrapper #webinars-opcoes {
  background: #3d495d;
  color: #fff;
  padding: 30px;
  width: 95%;
}

.black-friday-main-wrapper #webinars-opcoes a.divlink {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 5.18fr 1.1fr 1.7fr;
      grid-template-rows: 5.18fr 1.1fr 1.7fr;
}

.black-friday-main-wrapper #webinars-opcoes #button-dark-breve {
  font-size: 12px !important;
  width: 167px;
}

.black-friday-main-wrapper .webinars-opcoes {
  padding-bottom: 45px;
}

.black-friday-main-wrapper .webinars-incricoes {
  padding-bottom: 45px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
}

.black-friday-main-wrapper .data span {
  color: #717786;
  font-size: 14px;
  line-height: 1.5;
}

.black-friday-main-wrapper .data img {
  margin-bottom: 3px;
}

.black-friday-main-wrapper .layout-bluedark {
  background: #212b3c;
  color: #fff;
  border-top: solid 1px #3d495d;
}

.black-friday-main-wrapper .line-space {
  line-height: 1.75;
}

.black-friday-main-wrapper #black-friday #button-bf-pink {
  margin-top: 0px;
}

.black-friday-main-wrapper .img-fundo1 {
  bottom: 215px;
  left: 0;
}

.black-friday-main-wrapper .img-fundo2 {
  right: 0px;
  bottom: 0;
}

.black-friday-main-wrapper .fw1 {
  font-weight: 100 !important;
}

.black-friday-main-wrapper #webinars-bf {
  border-top: none;
}

.black-friday-main-wrapper #aviso .tag-new-bf {
  margin-right: 10px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 100px;
  background-color: #717786;
  padding: 4px 6px;
  line-height: 1.13;
}

.black-friday-main-wrapper #aviso .btn-hero {
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 14px;
  text-decoration: none;
}

.black-friday-main-wrapper .hero .animation-tablet {
  display: none;
}

.black-friday-main-wrapper .hero .animation-mobile {
  display: none;
}

.black-friday-main-wrapper .hero .animation-desk {
  display: block;
}

.black-friday-main-wrapper .divlink {
  text-decoration: none;
}

.black-friday-main-wrapper .overflow-hidden .w-100.img-zoom {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

.black-friday-main-wrapper .overflow-hidden:hover .w-100.img-zoom {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

@media (max-width: 1200px) {
  .black-friday-main-wrapper .display-3 {
    font-size: 48px !important;
  }
  .black-friday-main-wrapper #black-friday #button-bf-pink {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 45px !important;
  }
  .black-friday-main-wrapper .black-f-wrapper {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
  }
  .black-friday-main-wrapper .webinars-incricoes-2 #button-mais {
    margin: 0px !important;
  }
  .black-friday-main-wrapper .img-fundo1,
  .black-friday-main-wrapper .img-fundo2 {
    display: none;
  }
  .black-friday-main-wrapper .layout-bluedark#aviso {
    display: none;
  }
  .black-friday-main-wrapper .hero .animation-tablet {
    display: block !important;
  }
  .black-friday-main-wrapper .hero .animation-mobile {
    display: none !important;
  }
  .black-friday-main-wrapper .hero .animation-desk {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .black-friday-main-wrapper #webinars-opcoes {
    margin-bottom: 35px;
  }
}

@media (max-width: 590px) {
  .black-friday-main-wrapper .black-f-wrapper.primeiro {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .black-friday-main-wrapper .text-center {
    text-align: left !important;
  }
  .black-friday-main-wrapper #webinars-bf .h6 {
    padding: 0px !important;
  }
  .black-friday-main-wrapper .display-3 {
    padding: 0px !important;
  }
  .black-friday-main-wrapper .btn-bluedark {
    display: block;
    text-align: center;
  }
  .black-friday-main-wrapper .webinars-opcoes.row {
    padding-left: 5%;
  }
  .black-friday-main-wrapper .hero .animation-tablet {
    display: none !important;
  }
  .black-friday-main-wrapper .hero .animation-mobile {
    display: block !important;
  }
  .black-friday-main-wrapper .hero .animation-desk {
    display: none !important;
  }
}

@media (max-width: 590px) {
  #titulo-jo {
    padding-top: 64px !important;
  }
  #titulo-jo .text-center {
    text-align: left !important;
  }
  #texto-jo .container {
    padding: 0px !important;
  }
  #texto-jo #titulo-txt {
    padding-bottom: 46px !important;
  }
  #texto-jo .row.pb-3 {
    padding-bottom: 64px !important;
  }
  #texto-jo .text-secondary.h4 {
    font-size: 20px;
  }
  #banner-jo .container {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

*:focus {
  outline: none;
}

.btn {
  padding: 16px 24px !important;
  font-size: 0.875rem;
}

#customers-stories a {
  text-decoration: none;
}

#customers-stories .slick-arrow {
  background: transparent;
  border: none;
  position: absolute;
}

#customers-stories .slick-prev {
  bottom: 0;
}

#customers-stories .slick-next {
  bottom: 0;
  left: 60px;
}

#customers-stories .read-more-customers {
  bottom: 0;
  right: 100px;
  max-width: -webkit-fill-available !important;
}

#customers-stories .read-more-customers a:hover {
  text-decoration: none;
}

#customers-stories .read-more-customers a:hover:after {
  margin-left: 100%;
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

#customers-stories .read-more-customers a:after {
  content: '';
  border-bottom: 1px solid #142032;
  width: 100%;
  height: 1px;
  display: block;
  padding-top: 4px;
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}

@media (max-width: 576px) {
  .read-more-customers {
    right: 16px !important;
  }
}

.carousel-testimonialCases .slick-arrow {
  z-index: 9999;
  background: transparent;
  border: none;
}

.carousel-testimonialCases .slick-arrow.slick-prev {
  padding-left: 15px;
}

.carousel-testimonialCases .slick-dots {
  background: none;
  list-style-type: none;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  margin: 0;
  padding: 0 32px;
}

.carousel-testimonialCases .slick-dots li button {
  background: transparent;
  border: none;
}

.carousel-testimonialCases .slick-dots li {
  display: none;
}

.carousel-testimonialCases .slick-dots li.slick-active {
  display: block;
}

.carousel-testimonialCases .slick-dots li.slick-active:after {
  content: ' / ';
}

.carousel-testimonialCases .slick-dots li:last-child.slick-active:after {
  content: '';
}

.carousel-testimonialCases .slick-dots li:last-child.slick-active {
  margin-left: 20%;
}

.carousel-testimonialCases .slick-dots li:last-child {
  display: block;
}

body {
  background-color: #ffffff;
}

.bf-header-page {
  background-color: #f8f8f9;
}

.section-topo {
  display: none;
}

.bf-card--container:before {
  display: none;
}

.bf-pricing__calculator label {
  display: none;
}

.input-group > .form-control {
  color: #212529;
  border: solid 1px transparent;
  border-bottom: 1px solid #d3d5dd;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 52px;
  text-align: center;
}

.input-group > .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 1px #f71963;
}

.form-control:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(247, 25, 99, 0.25);
          box-shadow: 0 0 0 0.15rem rgba(247, 25, 99, 0.25);
}

.calculator_text {
  text-align: center;
  position: relative;
}

#advancedCalculator span.pink-title {
  color: #F71963;
  font-size: .75rem;
}

div#advancedCalculator p.pb-4 {
  color: #142032;
  font-size: 25px;
  font-weight: 300;
}

.bf-sub-title.bf-sub-title--normal.text-center img {
  margin-right: 5px;
  top: -3px;
  position: relative;
}

.bf-sub-title.bf-sub-title--normal.text-center p {
  font-size: 17px;
}

.advancedCalculatorToggle:hover {
  background-color: transparent;
  border: none;
  color: #212529;
}

.advancedCalculatorToggle span.hide {
  display: none;
}

button.advancedCalculatorToggle.btn.btn-light.btn-gray.font-weight-normal.btn-fixed.px-5 {
  padding-top: 0;
}

#advancedCalculator .form-control {
  border: 1px solid #D6D8E0;
  color: #212529;
  padding: 10px 20px;
  height: 62px;
  border-radius: 8px;
  text-align: right;
  font-size: 12px;
}

#advancedCalculator .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 1px #f71963;
}

#advancedCalculator .stacked-bar-graph {
  height: 52px;
}

#advancedCalculator .form-group {
  width: 100%;
  margin-bottom: 18px;
}

div#advancedCalculator .alinhar {
  float: left;
  position: relative;
  height: 400px;
}

div#advancedCalculator .alinhar {
  float: left;
  position: relative;
  height: 100%;
  min-height: 450px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0;
}

.col-5.alinhar.alinhar-graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#advancedCalculator div#chartContainer .canvasjs-chart-tooltip {
  display: none !important;
}

#advancedCalculator .graph__labels p {
  font-size: 14px;
  color: #212B36;
  font-weight: 300;
  margin: 0;
  display: block;
  width: 100%;
}

#advancedCalculator .graph__labels p span {
  font-size: 18px;
  margin-right: 1rem !important;
  margin-bottom: 53px;
  background: transparent;
}

#advancedCalculator .graph__labels p span.badge--b2c {
  color: #F71963;
}

#advancedCalculator .graph__labels p span.badge--b2b {
  color: #142032;
}

#advancedCalculator .graph__labels p span.badge--call {
  color: #686D75;
}

#advancedCalculator .graph__labels p span.badge--market {
  color: #8A8E94;
}

#advancedCalculator .graph__labels p span.badge--bm {
  color: #D6D8E0;
}

.bf-pricing__label {
  font-size: 0.9375rem;
  font-weight: 400;
  text-transform: uppercase;
}

.bf-pricing__plan {
  margin-bottom: 3.5rem;
}

.bf-pricing__numbers {
  line-height: 1.2;
}

.simple-calculator {
  background-color: #f9f9f9;
  border-radius: 8px;
  margin-bottom: 2.1875rem;
  padding: 2.625rem 2rem 3.125rem;
}

.simple-calculator.hide {
  display: none;
}

.simple-calculator .calculator-area {
  height: 100%;
}

.simple-calculator .calculator-conditions ul {
  padding: 0;
}

.simple-calculator .calculator-conditions li {
  list-style: none;
  padding: 0.3125rem 0;
}

.simple-calculator .calculator-contact .advancedCalculatorToggle {
  margin-bottom: 0.6875rem;
  padding: 0 !important;
}

.simple-calculator .calculator-contact .calculator-area h4 {
  font-size: 25px;
  font-weight: 300;
  color: #142032;
  margin: 0 auto 1.875rem;
  width: auto;
  padding: 0 3rem;
}

.simple-calculator .calculator-contact .calculator-area button:last-child {
  border-radius: 8px;
  text-transform: none;
  font-size: 1.125rem;
}

.simple-calculator .calculator-contact .calculator-area button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.calculator-infos ul {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.calculator-infos ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2%;
}

.calculator-infos ul li img {
  margin: -3px 15px 0 0;
}

.bf-sub-title--normal {
  margin-bottom: 3.375rem;
}

.bf-sub-title--normal span {
  margin: 0 4.375rem;
  font-weight: 400;
  font-size: 1.25rem;
  color: #142032;
  position: relative;
}

.bf-sub-title--normal span:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -30px;
  display: inline-block;
  width: 23px;
  height: 19px;
  background: url(https://www.vtex.com/wp-content/uploads/2018/11/done-icon-pink.png) no-repeat center;
  background-size: 23px 19px;
}

.simple-calculator .calculator-area .bf-pricing__plan {
  margin-bottom: 1.75rem;
}

.calculator-conditions .calculator-area .bf-pricing__textarea p {
  font-weight: 400;
  font-size: .875rem;
  color: #142032;
  line-height: 1.5625rem;
  position: relative;
}

.calculator-conditions .calculator-area .bf-pricing__textarea p:before {
  content: "";
  background: url(http://www.vtex.com/wp-content/uploads/2018/05/done-icon.png) no-repeat center;
  width: 15px;
  height: 12.5px;
  display: inline-block;
  position: absolute;
  left: -27px;
  top: 3px;
  background-size: cover;
}

.plan-bg {
  padding: 0 0 9px;
}

.plan-bg .bf-small.bf-title--normal h4 {
  font-size: 21px;
  line-height: 29px;
  margin: 2rem auto 0;
  display: inline-block;
  width: auto;
  font-weight: 300;
}

.table-responsive.plans_title table {
  margin: 0;
  background: #FFF;
}

.table-responsive.plans_title table tr:nth-child(1) td {
  border-radius: 8px 8px 0 0;
}

.table-responsive.plans_title table tr td:first-child {
  background: #FFF;
}

.table-responsive.plans_title table tr td {
  background: transparent;
  margin: 0 5px;
}

.table-responsive.plans_title table tr td.border-bottom {
  border-radius: 0px !important;
  border-bottom: 1px solid #D6D8E0 !important;
}

.table-responsive.plans_title table tr:nth-child(1) td:first-child:after,
.table-responsive.plans_title table tr:nth-child(2) td:first-child:after {
  display: none;
}

.table-responsive.plans_title table tr:nth-child(1) td,
.table-responsive.plans_title table tr:nth-child(2) td {
  position: relative;
}

.table-responsive.plans_title table tr:nth-child(1) td:after,
.table-responsive.plans_title table tr:nth-child(2) td:after {
  content: "+";
  display: block;
  width: calc(100% - 20px);
  text-align: center;
  background: #FFF;
  color: #717786;
  font-size: 16px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  bottom: 0;
  line-height: 18px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.table-responsive.plans_title table tr:nth-child(2) td:after {
  content: "ou";
}

.plan-bg .bf-table--column-5 td.pricing_table p {
  font-size: 18px;
  font-weight: 400;
}

.table-responsive.plans_title table tr td.active:after {
  color: #f71963;
}

.table-responsive.plans_title table tr:nth-child(3) td {
  border-radius: 0 0 8px 8px;
}

.table-responsive.plans_title table tr:last-child {
  margin-top: 10px;
}

.table-responsive.plans_title table tr:last-child td {
  border-bottom: 0 !important;
  border-radius: 8px;
}

.table-responsive .setamaisright, .textomaisright {
  display: none;
}

.plan-bg .bf-table--column-5 tr {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.plan-bg .bf-table--column-5 th,
.plan-bg .bf-table--column-5 td {
  color: #142032;
  padding: 1.563rem 1.5rem;
}

.plan-bg .bf-table--column-5 th {
  font-size: 1.375rem;
  font-weight: 400;
  text-align: center;
}

section.plans_title {
  margin-top: 37px;
}

.plan-bg .bf-table--column-5 th.active * {
  color: #F71963 !important;
}

.plan-bg .bf-table--column-5 td.active * {
  font-weight: bold !important;
  color: #F71963 !important;
}

.plan-bg .bf-table--column-5 td.active.pricing_table,
.plan-bg .bf-table--column-5 td.active.pricing_table * {
  background: #F71963 !important;
  color: #FFF !important;
}

.plan-bg .bf-table--column-5 th p {
  font-size: 24px !important;
}

.plan-bg td p,
.plan-bg td.bf-table__h p {
  color: #142032;
  font-size: 1rem;
  text-align: center;
}

.plan-bg td.bf-table__h p {
  text-align: left;
}

.plan-bg td.bf-table__h p strong {
  display: block;
  margin-bottom: 8px;
}

.plan-bg td.bf-table__h.name p.font {
  font-size: 12px;
}

.plan-bg td.bf-table__h.name p span:after {
  content: url("/wp-content/uploads/2019/05/nav-down.svg");
  /* width: 4px; */
  /* height: 4px; */
  display: inline-block;
  /* border: 4px solid transparent; */
  /* border-top: 4px solid black; */
  margin-left: 4px;
  vertical-align: middle;
}

.plan-bg td.bf-table__h.name {
  padding-right: 5px;
}

.plan-bg td.bf-table__h.name p span.hidden,
.plan-bg td.bf-table__h.name p span.hidden:after {
  display: none;
}

.plan-bg td.bf-table__h.name p span {
  display: block;
  position: relative;
  font-size: 14px;
  cursor: pointer;
}

.plan-bg td.plan-active p,
.plan-bg th.plan-active p {
  color: #f71963;
}

.plan-bg td p img {
  display: block;
  margin: 0 auto;
}

.plan-bg #bf-table-load-more {
  display: none !important;
}

.section-listinfos {
  background-color: #142032;
  color: #ffffff;
  padding-bottom: 4rem;
  padding-top: 2.563rem;
}

.bf-pricing__list li p span {
  margin-right: 0.3125rem;
}

.bf-pricing__list li {
  margin-bottom: 1.563rem;
}

.bf-pricing__list li p {
  color: #ffffff;
}

.section-listinfoscontact {
  margin-top: 2.313rem;
  text-align: center;
}

.section-listinfoscontact:before {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 1px;
  margin: 0 auto;
  max-width: 405px;
  width: 100%;
}

.section-listinfoscontact h4 {
  color: #ffffff;
  font-size: 1.563rem;
  font-weight: 300;
  margin-top: 2rem;
  margin-bottom: 2.313rem;
}

.section-listinfoscontact .btn {
  height: 56px;
  max-width: 403px;
  width: 100%;
}

#price_comparison_table_body .border-bottom:last-child {
  border-bottom: none !important;
}

@media (max-width: 767px) {
  .bf-pricing__calculator .bf-sub-title--normal {
    margin-bottom: 0;
  }
  .bf-pricing__calculator {
    padding: 0;
  }
  .input-group > .form-control {
    font-size: 18px;
    line-height: 24px;
    height: 72px;
    padding: 12px 20px;
    text-align: center;
  }
  .calculator_text .calculator_advanced {
    position: static;
  }
  .calculator_advanced button, .calculator_advanced button span {
    padding: 0 !important;
  }
  .calculator_advanced button {
    font-size: 12px;
  }
  .simple-calculator {
    margin: 0 18px;
    padding: 41px 16px 20px;
    letter-spacing: 0;
  }
  .simple-calculator > div {
    width: 100%;
    display: block;
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 0;
  }
  .simple-calculator > div.calculator-conditions {
    margin-bottom: 4rem !important;
  }
  .simple-calculator .calculator-area .bf-pricing__label {
    font-size: 12px;
  }
  .simple-calculator .calculator-area .bf-pricing__plan {
    margin: 13px 0 23px;
  }
  .simple-calculator .calculator-area div#labelCustoVtex {
    font-size: 25px;
    padding-bottom: 34px;
    padding-top: 9px;
    border-bottom: 1px solid #dedede;
  }
  .simple-calculator .calculator-area .bf-pricing__textarea {
    padding: 12px 30px 0;
  }
  .simple-calculator .calculator-contact .advancedCalculatorToggle {
    display: none;
  }
  .simple-calculator .calculator-contact .calculator-area h4 {
    padding: 0;
    text-align: center;
    font-size: 23px;
  }
  .simple-calculator .calculator-contact {
    margin: 0 -16px;
    width: calc(100% - -32px);
  }
  .simple-calculator .calculator-contact .calculator-area button:last-child {
    width: calc(100% - -32px);
  }
  #advancedCalculator span.pink-title {
    display: block;
    margin-bottom: 1rem;
  }
  div#advancedCalculator p.pb-4 {
    font-size: 20px;
    line-height: 27px;
  }
  #advancedCalculator .graph__labels p {
    display: inline-block;
    margin: 0 0 1.313rem;
    vertical-align: top;
    width: 49%;
  }
  #advancedCalculator .graph__labels p span {
    border-radius: 0;
    border-bottom: solid 3px;
    display: block;
    margin: 0 0 3px !important;
    max-width: 26%;
    padding: 0;
    text-align: left;
  }
  .bf-sub-title--normal span {
    margin: 17px 0;
    display: block;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 400;
  }
  .bf-sub-title--normal span:before {
    left: 50px;
    position: static;
    margin-right: 7px;
  }
  .plan-bg h2 {
    text-align: center;
    font-size: 30px;
    padding: 0 5px;
  }
  .plan-bg {
    padding-top: 0;
  }
  .plan-bg .bf-small.bf-title--normal h4 {
    font-size: 16px;
    text-align: center;
    line-height: 21px;
  }
  .plan-bg .bf-small.bf-title--normal h4 br {
    display: none;
  }
  div#advancedCalculator .col-5 {
    width: 100%;
    max-width: 100%;
  }
  .plan-bg .bf-table--column-5 th {
    padding: 1.563rem 0.5rem 1.563rem 0.5rem;
  }
  plan-bg .bf-table--column-5 td {
    padding: 1rem 1.5rem;
  }
  .table-responsive {
    position: relative;
  }
  .table-responsive .border-bottom:last-child {
    border-bottom: none !important;
  }
  .textomaisright {
    color: #D6D8E0;
    display: block;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
  }
  .plan-bg .bf-table--column-5 td.pricing_table p {
    font-size: 14px;
  }
  .section-listinfoscontact:before {
    max-width: 285px;
  }
  .section-listinfoscontact .btn {
    max-width: 285px;
  }
}

@media (min-width: 992px) {
  .bf-section--40-80 {
    padding-bottom: 0;
  }
  .bf-pricing__calculator {
    padding: 0;
  }
  .calculator_text .calculator_advanced {
    position: absolute;
    top: 0;
    right: 40%;
  }
  .simple-calculator .calculator-area {
    padding: 0 2rem;
    border-right: solid 1px #d3d5dd;
  }
  .simple-calculator .calculator-contact .calculator-area {
    border-right: none;
  }
  .simple-calculator > div:last-child {
    border-right: none;
  }
  .table-responsive.plans_title table thead.fixed {
    position: fixed;
    background: #FFF;
    width: 100%;
    left: 0;
  }
  .table-responsive.plans_title table thead.fixed tr {
    margin: 0 auto;
  }
  .table-responsive.plans_title table thead.fixed th {
    border-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .table-responsive.plans_title table thead.fixed tr {
    max-width: 100%;
    width: auto !important;
  }
}

@media (max-width: 1170px) and (min-width: 768px) {
  div#advancedCalculator .col-4.alinhar {
    width: 100%;
    display: block;
    float: none;
    position: static;
    max-width: 100%;
    min-height: 1px;
  }
  #advancedCalculator .form-group {
    float: left;
  }
  div#advancedCalculator .col-3.alinhar {
    width: 30%;
    max-width: 100%;
  }
  div#advancedCalculator .col-5.alinhar {
    width: 70%;
    text-align: center;
    display: block;
    float: none;
    max-width: 100%;
  }
  .bf-sub-title--normal span {
    margin: 0 2.375rem;
  }
  .bf-footer .bf-copyright + .bf-footer__text-featured {
    clear: both;
    display: block;
    float: none;
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #advancedCalculator .text-projecoes {
    width: 100%;
    max-width: 480px;
  }
  .simple-calculator .calculator-plan {
    padding-right: 50px;
  }
  .simple-calculator .calculator-plan .calculator-area {
    border-right: solid 1px #d3d5dd;
  }
  .simple-calculator .calculator-contact .calculator-area h4,
  .simple-calculator .calculator-contact .calculator-area button:last-child {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 49%;
  }
  .simple-calculator .calculator-contact .calculator-area h4 {
    font-size: 23px;
    width: 59%;
  }
  .simple-calculator .calculator-contact .calculator-area button:last-child {
    width: 40%;
  }
}

@media (max-width: 767px) {
  div#advancedCalculator .advanced-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  div#advancedCalculator .col-4.alinhar {
    width: 100%;
    display: block;
    float: none;
    position: static;
    max-width: 100%;
    min-height: 1px;
  }
  div#advancedCalculator .alinhar.alinhar-filds {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  div#advancedCalculator .alinhar.alinhar-percent {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-height: auto;
  }
  div#advancedCalculator .alinhar.alinhar-graph {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #advancedCalculator .form-group {
    width: 100%;
    float: left;
  }
  div#advancedCalculator .col-3.alinhar {
    width: 100%;
    max-width: 100%;
  }
  div#advancedCalculator .col-5.alinhar {
    display: block;
    float: none;
    max-width: 100%;
    min-height: 350px;
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 449px) {
  .leg-mob {
    text-align: center;
    display: block;
  }
}

.leg-mob {
  display: none;
}

.table-responsive.plans_title table tr:nth-child(2) td.afterEnglish:after {
  content: "or";
}

.table-responsive.plans_title table tr:nth-child(2) td.afterSpanish:after {
  content: "o";
}

/**ALTERAÇÕES PAG 2019*/
#fieldFaturamento {
  font-weight: 400;
  color: #F71963 !important;
  border-bottom-width: 2px;
}

#fieldFaturamento:focus {
  border: none;
  border-bottom: 2px solid #F71963;
}

#fieldFaturamento::-webkit-input-placeholder {
  font-weight: 400;
  color: #CCCED8;
}

#fieldFaturamento:-ms-input-placeholder {
  font-weight: 400;
  color: #CCCED8;
}

#fieldFaturamento::-ms-input-placeholder {
  font-weight: 400;
  color: #CCCED8;
}

#fieldFaturamento::placeholder {
  font-weight: 400;
  color: #CCCED8;
}

.textomaisright {
  display: none !important;
}

#advancedCalculator .graph__labels p span.badge--b2c {
  color: #F71963;
}

#advancedCalculator .graph__labels p span.badge--b2b {
  color: #142032;
}

#advancedCalculator .graph__labels p span.badge--call {
  color: #717786;
}

#advancedCalculator .graph__labels p span.badge--market {
  color: #A1A8B3;
}

#advancedCalculator .graph__labels p span.badge--bm {
  color: #CCCED8;
}

.simple-calculator {
  background-color: #fff3f6;
}

.simple-calculator .calculator-area {
  padding: 0;
  border: none;
}

.bf-pricing__label {
  text-transform: inherit;
}

.calculator-plan .calculator-area .bf-pricing__label {
  font-size: 1rem;
}

.plan-bg .bf-table--column-5 td.pricing_table p {
  font-size: 1rem;
}

.plan-bg .bf-table--column-5 td.pricing_table p.small {
  font-size: 0.875rem;
}

#chartContainer {
  margin-top: -35%;
}

#chartContainer canvas {
  position: relative !important;
  max-width: 100%;
  width: 600px !important;
  height: 350px !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  padding-top: 368px;
}

#chartContainer a {
  display: none !important;
}

#advancedCalculator .alinhar p.mb-3 {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  width: 350px;
  height: 350px;
  background: white;
  border-radius: 50%;
  margin: auto;
  top: 3%;
  padding: 30% 5%;
  text-align: center;
  color: #a1a8b3;
}

.section-listinfos.bf-section.bf-section--60-120.py-5 > div > ol > li > p > span {
  display: none;
}

.section-listinfos {
  border-bottom: 1px solid;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.informationTextSize {
  font-size: 13px !important;
}

.border-bottom.pricing_table.col.bf-table__h.preline.mx-0.pl-0:last-child {
  border: none !important;
}

@media (max-width: 991px) {
  .wrap-mobile {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    min-width: 250%;
    max-width: 225vw;
  }
  .preline,
  #price_comparison_table_body\ > tr > td > p > span,
  #price_comparison_table_body\ > tr > td > p {
    white-space: pre-line !important;
  }
  .setamaisright {
    right: -8px;
    top: 38px;
  }
  .setamaisright2 {
    right: 6px;
    top: 12px;
  }
}

@media (max-width: 767px) {
  #advancedCalculator .h2 {
    font-size: 24px !important;
  }
}

@media (max-width: 576px) {
  #fieldFaturamento {
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 40px !important;
    height: 120px;
  }
  #fieldFaturamento::-webkit-input-placeholder {
    white-space: pre-line !important;
    font-size: 24px !important;
    line-height: 40px !important;
  }
  #fieldFaturamento:-ms-input-placeholder {
    white-space: pre-line !important;
    font-size: 24px !important;
    line-height: 40px !important;
  }
  #fieldFaturamento::-ms-input-placeholder {
    white-space: pre-line !important;
    font-size: 24px !important;
    line-height: 40px !important;
  }
  #fieldFaturamento::placeholder {
    white-space: pre-line !important;
    font-size: 24px !important;
    line-height: 40px !important;
  }
  #fieldFaturamentoHelpBlock {
    font-size: 0.875rem !important;
    line-height: 21px !important;
  }
  #advCalc {
    font-size: 1rem !important;
  }
}

#closeAdvCalc {
  top: 0;
  right: 16px;
  cursor: pointer;
}

@media (max-width: 359px) {
  #price_comparison_table_body td {
    width: 44vw;
    white-space: pre-line;
  }
}

@media (max-width: 1199px) {
  #advancedCalculator .alinhar p.mb-3 {
    width: 280px !important;
    height: 280px !important;
    top: 6.3%;
    padding: 26% 5%;
  }
  #chartContainer canvas {
    height: 350px !important;
    padding-top: 294px;
  }
}

@media (max-width: 991px) {
  #chartContainer canvas {
    position: absolute !important;
    width: 500px !important;
    height: 764px !important;
    -o-object-fit: cover;
       object-fit: cover;
    padding-top: 248px;
    left: 0;
    right: 0;
    margin: auto;
  }
  #advancedCalculator .alinhar p.mb-3 {
    width: 360px !important;
    top: 15%;
    padding: 22% 5%;
    height: 360px !important;
  }
}

@media (max-width: 767px) {
  #chartContainer canvas {
    height: 638px !important;
    padding-top: 194px;
  }
  #advancedCalculator .alinhar p.mb-3 {
    width: 307px !important;
    height: 307px !important;
    top: 15%;
  }
}

@media (max-width: 575px) {
  #chartContainer canvas {
    height: 638px !important;
    padding-top: 143px;
  }
  #advancedCalculator .alinhar p.mb-3 {
    width: 350px !important;
    height: 350px !important;
    top: 12.5%;
    padding: 35% 5%;
  }
}

@media (max-width: 525px) {
  #chartContainer canvas {
    height: 638px !important;
    padding-top: 143px;
  }
  #advancedCalculator .alinhar p.mb-3 {
    width: 350px !important;
    height: 350px !important;
    top: 16.5%;
    padding: 35% 5%;
  }
}

@media (max-width: 430px) {
  #chartContainer canvas {
    height: 638px !important;
    padding-top: 143px;
  }
  #advancedCalculator .alinhar p.mb-3 {
    width: 350px !important;
    height: 350px !important;
    top: 14%;
    padding: 35% 5%;
  }
}

@media (max-width: 375px) {
  #advancedCalculator .alinhar p.mb-3 {
    width: 320px !important;
    height: 320px !important;
    top: 13.5%;
    padding: 35% 5%;
  }
  #chartContainer canvas {
    height: 595px !important;
    padding-top: 118px;
  }
}

@media (max-width: 320px) {
  #advancedCalculator .alinhar p.mb-3 {
    width: 285px !important;
    height: 285px !important;
    top: 11%;
    padding: 35% 5%;
  }
  #chartContainer canvas {
    height: 559px !important;
    padding-top: 61px;
  }
}
#content .bf-pricing__calculator .bf-title h2.text-secondary {
  height: -webkit-fill-available;
  max-height: 310px;
}

.rt-reading-time {
  display: none !important;
}
/*# sourceMappingURL=app.css.map */