* {
  -webkit-box-sizing: border-box!important;
  -webkit-font-smoothing: antialiased!important;
  margin: 0;
  outline: 0;
  padding: 0;
  -moz-appearance: none!important;
  -moz-box-sizing: border-box!important;
  -ms-appearance: none!important;
  -webkit-appearance: none!important;
  appearance: none!important;
  box-sizing: border-box!important;
  list-style: none;
  text-decoration: none;
  text-rendering: optimizeLegibility!important;
  text-rendering: optimizeSpeed!important;
}

@-moz-document url-prefix()  {
  * {
    font-weight: 400!important;
  }
}

img {
  border: none!important;
}

body,
html {
  width: 100%;
  height: 100%;
  color: #999;
  font-size: 15px;
  font-family: montserratregular;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.sign:before {
  content: '';
  width: 2px;
  height: 15px;
  background: #fff;
  position: absolute;
  left: 19px;
}

.icon,
.icon-vantagens {
  width: 75px;
  display: inline-block;
}

.sign img {
  display: inline-block;
  vertical-align: inherit;
  margin-right: 8px;
}

nav ul li {
  position: relative;
}

.text-center {
  text-align: center;
}

.icon {
  background-image: url("../img/icons.png");
  background-repeat: no-repeat;
  height: 64px;
}

.icon-vantagens {
  height: 80px;
}

.p-30 {
  padding-left: 30px!important;
}

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

.icon-financeiro {
  background-position: -176px 0;
}

.icon-contrucao-civil {
  background-position: -268px 0;
}

.icon-ajustavel {
  background-position: -354px 0;
}

.icon-seguro {
  background-position: -479px 0;
}

.icon-integravel {
  background-position: -574px 0;
}

.icon-multinegocios {
  background-position: -670px 0;
}

.icon-favoritos,
.icon-personalizados {
  background-position: -762px 0;
}

.icon-listagem {
  background-position: -980px 0;
}

.icon-notificacoes {
  background-position: -870px 0;
}

.icon-metas {
  background-position: -1069px 0;
}

.icon-personalizavel {
  background-position: -353px 0;
}

.icon-automacao {
  background-position: -1069px 0;
}
*,
body {
  margin: 0;
}

* {
  -moz-appearance: none!important;
  -moz-box-sizing: border-box!important;
  -ms-appearance: none!important;
  -webkit-appearance: none!important;
  -webkit-box-sizing: border-box!important;
  -webkit-font-smoothing: antialiased!important;
  appearance: none!important;
  box-sizing: border-box!important;
  list-style: none;
  outline: 0;
  padding: 0;
  font-family: montserratregular;
  text-decoration: none;
  text-rendering: optimizeLegibility!important;
  text-rendering: optimizeSpeed!important;
}

.container,
.grid {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

[class*=col-] {
  float: left;
  min-height: 1px;
  padding-right: 20px;
}

.alpha {
  padding-left: 0!important;
}

.omega {
  padding-right: 0!important;
}

.no-padding {
  padding: 0!important;
}

.grid {
  max-width: 1140px;
  min-width: 748px;
  padding: 0 10px;
}

.grid-pad,
.grid-pad-left {
  padding-left: 20px;
}

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

.grid-pad {
  padding-top: 20px;
  padding-right: 0;
}

.push-right {
  float: right;
}

.container {
  padding: 0 10px;
  max-width: 1120px;
}

.column {
  position: relative;
}

.col-1-1 {
  width: 100%;
}

.col-2-3,
.col-8-12 {
  width: 66.66%;
}

.col-1-2,
.col-6-12 {
  width: 49%;
}

.col-1-3,
.col-4-12 {
  width: 33.33%;
}

.col-1-4,
.col-3-12 {
  width: 25%;
}

.col-1-5 {
  width: 20%;
}

.col-1-6,
.col-2-12 {
  width: 16.667%;
}

.col-1-7 {
  width: 14.28%;
}

.col-1-8 {
  width: 12.5%;
}

.col-1-9 {
  width: 11.1%;
}

.col-1-10 {
  width: 10%;
}

.col-1-11 {
  width: 9.09%;
}

.col-1-12 {
  width: 8.33%;
}

.col-11-12 {
  width: 91.66%;
}

.col-10-12 {
  width: 83.333%;
}

.col-9-12 {
  width: 75%;
}

.col-5-12 {
  width: 41.66%;
}

.col-7-12 {
  width: 58.33%;
}

.push-2-3,
.push-8-12 {
  margin-left: 66.66%;
}

.push-1-2,
.push-6-12 {
  margin-left: 50%;
}

.push-1-3,
.push-4-12 {
  margin-left: 33.33%;
}

.push-1-4,
.push-3-12 {
  margin-left: 25%;
}

.push-1-5 {
  margin-left: 20%;
}

.push-1-6,
.push-2-12 {
  margin-left: 16.667%;
}

.push-1-7 {
  margin-left: 14.28%;
}

.push-1-8 {
  margin-left: 12.5%;
}

.push-1-9 {
  margin-left: 11.1%;
}

.push-1-10 {
  margin-left: 10%;
}

.push-1-11 {
  margin-left: 9.09%;
}

.push-1-12 {
  margin-left: 8.33%;
}

@media handheld,only screen and (max-width:767px) {
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 10px;
  }

  [class*=col-] {
    width: auto;
    float: none;
    margin: 10px 0;
    padding-left: 0;
    padding-right: 10px;
  }

  [class*=mobile-col-] {
    float: left;
    margin: 0 0 10px;
    padding-left: 0;
    padding-right: 10px;
    padding-bottom: 0;
  }

  .mobile-col-1-1 {
    width: 100%;
  }

  .mobile-col-2-3,
  .mobile-col-8-12 {
    width: 66.66%;
  }

  .mobile-col-1-2,
  .mobile-col-6-12 {
    width: 50%;
  }

  .mobile-col-1-3,
  .mobile-col-4-12 {
    width: 33.33%;
  }

  .mobile-col-1-4,
  .mobile-col-3-12 {
    width: 25%;
  }

  .mobile-col-1-5 {
    width: 20%;
  }

  .mobile-col-1-6,
  .mobile-col-2-12 {
    width: 16.667%;
  }

  .mobile-col-1-7 {
    width: 14.28%;
  }

  .mobile-col-1-8 {
    width: 12.5%;
  }

  .mobile-col-1-9 {
    width: 11.1%;
  }

  .mobile-col-1-10 {
    width: 10%;
  }

  .mobile-col-1-11 {
    width: 9.09%;
  }

  .mobile-col-1-12 {
    width: 8.33%;
  }

  .mobile-col-11-12 {
    width: 91.66%;
  }

  .mobile-col-10-12 {
    width: 83.333%;
  }

  .mobile-col-9-12 {
    width: 75%;
  }

  .mobile-col-5-12 {
    width: 41.66%;
  }

  .mobile-col-7-12 {
    width: 58.33%;
  }

  .hide-on-mobile {
    display: none!important;
    width: 0;
    height: 0;
  }
}

@media only screen and (min-width:320px) and (max-width:767px) {
  .col-1-1,
  .col-1-10,
  .col-1-11,
  .col-1-12,
  .col-1-2,
  .col-1-3,
  .col-1-4,
  .col-1-5,
  .col-1-6,
  .col-1-7,
  .col-1-8,
  .col-1-9,
  .col-10-12,
  .col-11-12,
  .col-2-12,
  .col-2-3,
  .col-3-12,
  .col-4-12,
  .col-5-12,
  .col-6-12,
  .col-7-12,
  .col-8-12,
  .col-9-12 {
    width: 100%;
  }

  .push-2-3,
  .push-8-12 {
    margin-left: 66.66%;
  }

  .push-1-2,
  .push-6-12 {
    margin-left: 50%;
  }

  .push-1-3,
  .push-4-12 {
    margin-left: 33.33%;
  }

  .push-1-4,
  .push-3-12 {
    margin-left: 25%;
  }

  .push-1-5 {
    margin-left: 20%;
  }

  .push-1-6,
  .push-2-12 {
    margin-left: 16.667%;
  }

  .push-1-7 {
    margin-left: 14.28%;
  }

  .push-1-8 {
    margin-left: 12.5%;
  }

  .push-1-9 {
    margin-left: 11.1%;
  }

  .push-1-10 {
    margin-left: 10%;
  }

  .push-1-11 {
    margin-left: 9.09%;
  }

  .push-1-12 {
    margin-left: 8.33%;
  }
}
@font-face {
  font-family: montserratbold;
  src: url("../webfonts/montserrat-bold-webfont.woff2") format('woff2'),url("../webfonts/montserrat-bold-webfont.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserratlight;
  src: url("../webfonts/montserrat-light-webfont.woff2") format('woff2'),url("../webfonts/montserrat-light-webfont.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserratregular;
  src: url("../webfonts/montserrat-regular-webfont.woff2") format('woff2'),url("../webfonts/montserrat-regular-webfont.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: montserratsemi_bold;
  src: url("../webfonts/montserrat-semibold-webfont.woff2") format('woff2'),url("../webfonts/montserrat-semibold-webfont.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
#home a,
#home h1 {
  font-family: montserratbold;
  color: #fff;
}

#home,
#home a,
#home h1,
#home h3 {
  color: #fff;
}

#home a,
#submit,
.align-center,
.slick-dots li,
nav ul li {
  display: inline-block;
}

#home {
  background-size: cover;
  height: 100%;
  min-height: 860px;
  padding: 0;
  border: none;
}

#home a {
  overflow: hidden;
  transition: .3s linear;
}

#home nav {
  float: right;
  padding-top: 10px;
}

#home nav a:hover {
  color: #eee;
}

#home h1 {
  font-size: 60px;
}

#home h3 {
  font-size: 19px;
}

#home .middle a {
  border-radius: 2px;
  height: 82px;
  transition: .2s ease-in;
}

.banner,
.slick-list,
.slick-track,
.slider {
  height: 100%;
}

#home .middle a:hover {
  background: rgba(0,0,0,.16);
}

.banner {
  float: left;
  width: 100%;
  background: center center no-repeat #2269b9;
  position: relative;
  background-size: cover;
}

.header-menu {
  z-index: 999999;
  padding-top: 30px;
}

.slider {
  position: absolute!important;
  width: 100%;
  top: 0;
  left: 0;
}

.slick-dots {
  position: absolute;
  bottom: 62px;
  width: 100%;
  text-align: center;
}

.slick-dots li {
  width: 20px;
  padding: 0 6px;
  margin: 0 4px;
}

.slick-dots li button {
  width: 13px;
  height: 13px;
  border-radius: 100%;
  text-indent: -1000px;
  overflow: hidden;
  cursor: pointer;
  border: none;
}

.clear,
.setores b,
hr,
p,
section,
strong {
  width: 100%;
}

.slick-dots li.slick-active button {
  background: #2269b9;
}

.middle {
  top: 50%;
  transform: translateY(-50%);
}

.middle h3 {
  text-transform: none;
}

#submit,
h1,
h2,
h3,
h4 {
  text-transform: uppercase;
}

.align-center {
  float: none;
  vertical-align: middle;
}

.download_google {
  margin-left: 20px;
}

nav a {
  font-size: 12px;
}

nav ul li {
  padding-left: 44px;
}

section {
  border-top: 1pt solid #eee;
  padding: 50px 0;
  clear: both;
  float: left;
}

h1,
h2,
h3,
h4 {
  float: left;
  font-family: montserratlight;
  width: 100%;
  font-weight: 400;
  margin-bottom: 14px;
}

h1 {
  color: #999;
  font-size: 40px;
}

h2,
h3 {
  font-size: 20px;
  color: #666;
}

h2 {
  font-family: montserratbold;
}

h3 {
  font-family: montserratregular;
}

p {
  color: #666;
  float: left;
  font-size: 15px;
  font-family: montserratlight;
}

strong {
  float: left;
  font-size: 13px;
  margin-bottom: 20px;
  color: #666;
  font-family: montserratsemi_bold;
}

.menu nav a,
b {
  font-family: montserratbold;
}

b {
  color: #666;
}

hr {
  background: #ccc;
  border: none;
  height: 1px;
  float: left;
}

#aplicativo {
  padding-top: 0;
}

.no-padding-top {
  padding-top: 0!important;
}

.shadow {
  box-shadow: inset 0 0 10px #f6f6f6,inset 12px 0 12px #ececec;
}

.p-70 {
  padding-left: 70px;
}

.setores b {
  float: left;
  font-size: 11px;
  color: #666;
}

.clear {
  float: left;
  padding: 77px;
}

#vantagens {
  height: 980px;
}

#indicadores {
  padding: 40px 0;
}

.phone-3 {
  margin-left: -171px;
  width: 691px;
}

#indicadores_lista li, #contato li {
  float: left;
  width: 100%;
  border-bottom: 1pt solid #ccc;
  padding: 20px 0;
}

.content-idicadores {
  padding-left: 23px;
}

#contactForm input,
#contactForm textarea {
  border: none;
  color: #666;
  height: 50px;
  width: 100%;
  font-size: 15px;
  padding-top: 14px;
}

.label-content {
  color: #999;
  /* border-top: 1pt solid #ccc; */
  border-bottom: 1pt solid #ccc;
  font-size: 15px;
  position: relative;
  padding: 10px 0 0px;
  margin-bottom: 10px;
}

.label-content:last-child {
  border-bottom: none !important;
}

.label-content label,
.textarea label {
  margin-top: -18px;
  padding: 10px 0;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 15px;
  width: 100%;
  transition: .1s ease-in;
}

.textarea,
.textarea label {
  width: 100%;
  float: left;
  position: relative;
}

#message {
  border: none;
  height: 150px;
  width: 100%;
  resize: none;
  margin-bottom: 60px;
  border-bottom: 1pt solid #ccc;
}

#contactForm {
  padding-top: 50px;
  float: left;
  width: 100%;
}

/* #contactForm .label-content:nth-child(1) {
  border-right: 1pt solid #ccc;
} */

.label-content.focus label {
  top: 18px;
}

#submit {
  background: #fff;
  border-radius: 2px;
  border: 1pt solid #666;
  cursor: pointer;
  float: none;
  font-size: 15px;
  margin: 0 auto;
  position: relative;
  padding: 19px 60px;
  transition: 1.3s cubic-bezier(.36,.07,.19,.97);
}

#submit.sending {
  padding: 19px 80px;
}

#submit.sending:after {
  background: url("../img/loading.svg") no-repeat #004ca2;
  background-size: 50px;
  content: 'Enviando...';
  padding-left: 18px;
  text-align: left;
}

#submit.sending_error {
  border-color: #6a0c0c;
  width: 38%;
}

#submit.sending_error:after {
  background: #a20000;
  background-size: 50px;
  content: 'Erro ao enviar mensagem';
  padding-left: 18px;
  text-align: center;
}

#submit:after {
  content: '';
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  line-height: 60px;
  position: absolute;
  top: 0;
  color: #fff;
  left: 0;
  background-position: 90% center!important;
  transition: .1s ease-in;
}

#submit.sending_success {
  width: 30%;
  border-color: #289626;
}

#submit.sending_success:after {
  background: #02a200;
  box-sizing: border-box;
  content: 'Mensagem Enviada';
  text-align: center;
  transition: .6s cubic-bezier(.36,.07,.19,.97);
}

#submit:disabled:hover {
  background: #fff!important;
  color: #eee;
}

#submit:hover {
  color: #fff;
  background-color: #004ca2!important;
}

.menu {
  position: fixed;
  width: 100%;
  z-index: 999;
  margin-top: -100px;
  padding: 30px 0;
  background: #fff;
  border-bottom: 1pt solid #003979;
  transition: .3s cubic-bezier(.36,.07,.19,.97);
}

input,
textarea {
  transition: 1.3s cubic-bezier(.36,.07,.19,.97);
}

.show-menu .menu {
  margin-top: 0;
}

.menu nav a {
  color: #333;
  font-size: 11px;
  transition: .2s linear;
}

.menu nav a:hover,
a.active-link {
  color: #999;
}

a.active-link {
  color: #004ca2!important;
}

.menu nav {
  float: right;
  padding-top: 10px;
}

.error,
.error+label+label {
  color: #b22c2c!important;
}

label.error {
  display: none!important;
}

footer {
  float: left;
  width: 100%;
  padding-top: 80px;
}

footer hr {
  margin: 10px 0;
}

#submit.success {
  background: #0da91c;
  color: #fff;
}
.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
@media only screen and (min-width:768px) and (max-width:959px) {
  #home {
    height: 800px!important;
  }

  .p-70 {
    padding: 0;
  }

  #aplicativo .col-8-12 {
    padding-left: 20px;
    padding-right: 0;
    width: 55%;
  }

  .setores {
    text-align: center;
  }

  .clear {
    padding: 20px;
  }

  .phone-3 {
    width: 875px;
  }

  section {
    min-height: inherit;
    height: initial!important;
  }

  .shadow {
    box-shadow: inset 0 0 10px #f6f6f6,inset -1px 0 12px #ececec;
  }
}

@media only screen and (min-width:320px) and (max-width:767px) {
  #aplicativo,
  #home,
  .setores,
  h1,
  header {
    text-align: center;
  }

  #home {
    height: 530px!important;
  }

  .sign {
    display: none;
  }

  #home h1 {
    font-size: 25px;
  }

  #home .container {
    padding: 0;
  }

  .download a.d-link {
    width: 50%;
    display: inline-block!important;
    margin-right: -5px;
    padding: 0 8px;
  }

  .download a.d-link img {
    width: 100%;
  }

  .banner .container {
    margin-top: 40px;
  }

  nav ul li {
    display: inline-block;
    padding: 0 8px;
  }

  .clear,
  .menu,
  .phone-1,
  .phone-2,
  .phone-3 {
    display: none;
  }

  nav ul li:nth-child(1),
  nav ul li:nth-child(4) {
    padding-left: 0;
  }

  h1 {
    word-break: break-word;
    font-size: 38px;
  }

  section {
    min-height: inherit;
    height: initial!important;
  }

  .content-idicadores,
  .p-70 {
    padding: 0;
  }

  #indicadores_lista .align-center:nth-child(2) {
    width: 70%;
  }

  #contato .align-center:nth-child(2) {
    width: 70%;
  }

  #indicadores h1 {
    font-size: 33px;
  }

  .setores .align-center {
    width: 48%;
    margin-bottom: 35px;
  }

  #vantagens .col-6-12 {
    padding: 0!important;
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }

  .download_google {
    margin: 0!important;
  }

  .shadow {
    box-shadow: inset 0 0 10px #f6f6f6,inset -1px 0 12px #ececec;
  }

  .label-content {
    border: 1pt solid #ccc;
  }

  .label-content input,
  .label-content textarea,
  .label-content label {
    padding-left: 30px!important;
  }

  .textarea {
    padding: 0;
  }

  textarea {
    padding: 20px;
  }

  p {
    line-height: 24px;
  }

  .sending {
    width: 100%!important;
  }
}

@media only screen and (min-device-width:322px) and (max-device-width:480px) {
  #home h1 {
    font-size: 25px;
  }
}

#contactForm ul {
  width: 100%;
  display: inline-block;
  padding: 42px;
  background-color: #fafafa;
}

#contactForm ul li:last-child {
  border-bottom: none;
}

#clientes .clients-brands {
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

#clientes {
  background-color: #fafafa;
}

#clientes .client-card {
  width: 100%;
  height: 180px;
  display: inline-block;
  position: relative;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

#clientes .client-card img {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}