html {
  scroll-behavior: smooth;
}

body {
  font-family: Open Sans;
}

.p-10 {
  padding: 10px !important;
}

.p-20 {
  padding: 20px !important
}

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

.p-40 {
  padding: 40px !important
}

.m-t-15 {
  margin-top: 15px !important
}

.m-t-30 {
  margin-top: 30px !important
}

.m-b-15 {
  margin-bottom: 15px !important
}

.m-b-30 {
  margin-bottom: 30px !important
}

.m {
  margin: 0px !important
}

.navbar {
  background-image: linear-gradient(to right, #4D4D4D , #000);
  position: fixed;
  width: 100%;
  z-index: 99999
}

.navbar a.nav-link {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  padding: 1px 25px !important;
  font-family: Montserrat;
}

section {
  padding: 50px;
}

section hr {
  border-width: 1px;
  border-style: dashed;
  border-color: #C63330;
  margin-top: 25px;
}

section.cabecalho {
  width: 100%;
  padding: 0px !important;
  padding-top: 42px !important;
}

section.cabecalho .col-lg-5.col-12 {
  background: #fff;
}

section.cabecalho h1 {
  font-family: Lato;
  font-weight: 700;
  color: #4673B7;
  text-transform: uppercase;
  text-align: center;
  font-size: 28px !important;
  margin: 0px !important;
  padding: 20px
}

h1 {
  font-family: Lato;
  font-weight: 800;
  text-transform: uppercase;
  color: #3F3F3F;
  font-size: 32px;
  text-align: center;
  margin-top: 20px;
}

p {
  margin: 0px;
  font-family: Lato;
  font-weight: 400;
  text-align: left;
  font-size: 18px;
}

p.small {
  font-size: 16px;
}

.vex {

}

.vex p {
  font-family: Lato;
  margin-top: 20px;
  text-align: center;
  font-weight: 600
}

.vex .secao-edr {
  background: #22A55E;
  border-radius: 20px;
  margin-top: 25px;
}

.vex .secao-edr p {
  font-family: Lato;
  font-weight: 300 !important;
  color: #fff;
  font-size: 16px;
  text-align: left
}

.vex .secao-iq {
  background-image: linear-gradient(to right, #1F74BA , #1743B7);
  border-radius: 20px;
  margin-top: 25px;
}

.vex .secao-iq p {
  font-family: Lato;
  font-weight: 300 !important;
  color: #fff;
  font-size: 16px;
  text-align: left
}

.vex .caixa-vex {
  background: url(img/fundo-edr.png);
  background-size: cover;
  background-position: left;
  padding: 20px;
}

.vex .caixa-vex p {
  color: #fff;
  margin: 0px;
  font-size: 16px;
  margin-top: 25px !important
}

.vex .caixa-vex.alternativo {
  background: url(img/fundo-iq.png);
  background-position: right;
}

.vex .caixa-vex img {
  max-height: 250px;
  padding: 40px
}

section.robotica {
  width: 100%;
  padding: 0px 0px 20px 0px !important
}

section.robotica h1 {
  font-weight: 800;
  color: #BB2C32;
  text-align: center;
  font-size: 32px;
  margin-top: 0px;
}

section.robotica h2 {
  font-weight: 800;
  color: #3F3F3F;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  margin-top: 15px;
}

section.robotica h3 {
  font-weight: 800;
  color: #BB2C32;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 0px;
}

section.robotica p {
  color: #BB2C32;
  font-weight: 400;
  text-align: center;
  font-size: 16px;
}

section.robotica .destaque-vex {
  border: 2px solid #BB2C32;
  border-radius: 8px;
  padding: 15px;
  color: #BB2C32;
}

section.robotica .destaque-vex h6 {
  text-transform: uppercase;
  text-align: center;
  margin: 0px
}

section.robotica .v5 {
  background: #C63330;
  color: #fff;
  padding: 15px;
  margin-bottom: 5px;
  border-radius: 10px;
}

section.robotica .v5 p {
  text-align: left;
  color: #fff;
  margin: 0px
}

section.seja {
  width: 100%;
  padding: 50px;
  background: url(img/fundo.png);
  background-size: cover;
  background-position: center;
}

section.seja h1 {
  color: #fff;
  text-align: center;
}

section.seja p {
  color: #fff;
  text-align: center;
}

section.seja .box {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}

section.seja .box h5 {
  margin: 0px;
}

section.contato {
  background: #c62f31;
  padding: 50px;
}

section.contato h1 {
  font-family: Lato;
  color: #fff;
  text-transform: uppercase;
  font-size: 52px;
  text-align: center;
  margin-top: 0px;
}

section.contato p, section.contato p a {
  font-family: Open Sans;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-bottom: 5px
}

section.contato p a .fab, section.contato p .far {
  padding: 0px 5px 0px 5px;
  font-size: 16px
}

section.contato .form-control {
  border-radius: 0px;
  border: none;
  font-family: Open Sans;
  font-size: 14px;
  color: #000;
  padding: 5px 10px;
  margin-bottom: 5px;
}

section.contato .form-control::placeholder {
  color: #000;
}

section.contato form .btn {
  background: #828489;
  border-radius: 0px;
  font-family: Open Sans;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

section.contato form .btn:hover {
  background: #ccc;
  transition: 2s;
  color: #fff;
}

footer {
  background: #F0EFEF
}