body {
  font-family:Raleway, sans-serif;
  font-weight:400;
  font-size:15px;
  background-color:#ffffff;
}

.navbar.navbar-light.navbar-expand-md.sticky-top.navigation-clean.navbar-inverse.navbar-fixed-top {
  -webkit-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.75);
  box-shadow:0px 5px 20px 0px rgba(0,0,0,0.75);
}

.navbar-brand {
  width:180px;
  height:60px;
  margin:0 4px;
  padding:0;
}

.img-fluid {
}

.nav.navbar-nav {
  font-size:13px;
  font-weight:700;
}

.navigation-clean.navbar-inverse {
  background-color:#fff;
}

.navigation-clean.navbar-inverse .navbar-nav > li > a {
  color:#2f333e;
  font-weight:bold;
}

.navigation-clean.navbar-inverse .navbar-nav > li > a:focus, .navigation-clean.navbar-inverse .navbar-nav > li > a:hover {
  color:#2e87c6 !important;
  background-color:transparent;
}

.navbar-toggler {
  margin-right:15px;
}

@keyframes gira {
    to {
        transform: rotate(360deg);
    }
}

.img-girar:hover {
    animation: gira 2s linear infinite;
}

.img-girar:hover  {
  animation: gira 8s linear infinite;
  transform-origin: 65px 85px;
}

.overlay {
  width:100%;
  height:100%;
  position:fixed;
  background-color:rgba(4,4,4,0.4);
  opacity:1;
}

.overlay.black {
  background-color:rgba(0,0,0,.2);
}

div.jumbotron.carousel-hero {
  color:#fff;
  text-align:center;
  background-size:cover;
  background-position:center center;
  padding-top:100px;
  padding-bottom:100px;
  margin:0;
  width:100%;
  height:100vh;
  z-index:0;
  background-repeat:no-repeat;
}

element.style {
}

Carousel-Hero-1.css:52 .carousel-control-prev {
  left:0;
}

bootstrap.min.css:6 .carousel-control-prev {
  left:0;
}

div.jumbotron.banner01 {
  background-image:url('../../assets/img/servidores.jpg');
}

.carousel-control-prev {
  position:absolute;
  top:0;
  bottom:0;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  justify-content:flex-start;
  width:15%;
  color:#fff;
  text-align:center;
  opacity:.5;
}

.carousel-control-next {
  position:absolute;
  top:0;
  bottom:0;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  justify-content:flex-end;
  width:15%;
  color:#fff;
  text-align:center;
  opacity:.5;
}

div.jumbotron.banner02 {
  background-image:url('../../assets/img/reuniao.jpg');
}

div.jumbotron.banner03 {
  background-image:url('../../assets/img/monitoramento.jpg');
}

h1.hero-title, h2.hero-title, h3.hero-title {
  font-size:4.5rem;
  text-shadow:0 3px 3px rgba(0,0,0,0.9);
  color:#0798ff;
  margin-top:20vh;
  z-index:1;
  display:block;
  position:relative;
  font-family:Raleway, sans-serif;
  font-weight:900;
}

p.hero-subtitle {
  max-width:900px;
  margin:25px auto;
  padding:10px 15px;
  color:#fff;
  z-index:1;
  display:block;
  position:relative;
  font-size:2rem;
  font-family:Raleway, sans-serif;
  font-weight:400;
}

.carousel-control-prev {
  left:0;
}

.fa.fa-chevron-left {
  background-color:#444;
  padding:15px;
  font-size:30px;
}

.fa.fa-chevron-right {
  background-color:#444;
  padding:15px;
  font-size:30px;
}

@media (max-width: 480px) {
  h1.hero-title, h2.hero-title, h3.hero-title {
    font-size:30px;
  }
}

@media (max-width: 480px) {
  p.hero-subtitle {
    font-size:20px;
  }
}

h2 {
  font-size:30px;
  font-weight:900;
  color:#2f333e;
  margin:0 0 30px 0;
}

span {
  color:#2e87c6;
}

.col-md-12.bloco-titulo {
  margin-bottom:50px;
}

.bloco-espaco {
  padding-top:105px;
  margin:0 25px;
}

#quem-somos {
  margin:0 25px;
}

.titulo-quemsomos {
  padding-top:105px;
}

#mensagem {
  height:122px;
}

#quem-somos p {
  text-align:justify;
}

#quem-somos h1 {
  font-size:10rem;
  font-weight:900;
  color:#2f333e;
  width:100%;
  opacity:0.2;
  margin:0;
}

@media (max-width: 480px) {
  .titulo-quemsomos {
    text-align:center;
  }
}

@media (max-width: 768px) {
  #quem-somos h1 {
    font-size:4.5rem;
    font-weight:900;
    color:#2f333e;
    width:100%;
    opacity:0.4;
  }
}

@media (max-width: 769px) {
  #quem-somos .col-md-5 {
    margin:0;
    padding:0;
  }
}

@media (max-width: 1024px) {
  #quem-somos h1 {
    visibility:hidden;
  }
}

@media (min-width: 780px) {
  .img-fluid.vendedor {
  }
}

.dh-header-non-rectangular {
  position:relative;
  height:400px;
  overflow:hidden;
}

.header__bg {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  width:100%;
  height:100%;
  background-image:linear-gradient(#2f2f3b, #353b49);
  transform:skewY(-5deg);
}

.img-fluid.vendedor {
  margin:0 0 0 130px;
}

.vendedor-texto {
  font-size:45px;
  font-weight:900;
  color:#fff;
  margin:auto;
  text-align:center;
}

.vendedor-texto2 {
  font-size:45px;
  font-weight:900;
  color:#fff;
  margin:auto;
  text-align:center;
  padding-bottom:150px;
}

.vendedor-span {
  color:#fea700;
}

.habilidades span {
  color:#2e87c6;
}

.habilidades h4 {
  font-size:20px;
  font-weight:900;
  color:#2f333e;
  margin:20px 0 20px 0;
}

.skillbar {
  position:relative;
  display:inline-block;
  margin:0;
  width:100%;
  background:#eee;
  height:20px;
  border-radius:10px;
  width:100%;
}

.skillbar span {
  color:#FFC107;
}

.skillbar-title {
  position:absolute;
  top:0;
  left:0;
  width:200px;
  font-weight:bold;
  font-size:10px;
  color:#ffffff;
  background:#6adcfa;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  background:rgba(0, 0, 0, 0.1);
  padding:0 20px;
  height:18px;
  line-height:18px;
  letter-spacing:1px;
}

.skillbar-bar {
  height:18px;
  width:0px;
  background:#6adcfa;
  border-radius:3px;
  display:inline-block;
  background-color:#2f333e;
}

.skill-bar-percent {
  position:absolute;
  right:10px;
  top:0;
  font-size:12px;
  height:18px;
  line-height:18px;
  color:#fff;
  color:rgba(0, 0, 0, 0.4);
  width:40px;
}

.row.bloco-skillbar {
  margin-bottom:20px;
}

.percent-color {
  color:#FFC107;
}

.progress-value span {
  color:#fff;
}

.progress.blue {
  border:none;
}

#red2 {
  border-color:#2e87c6;
}

#red {
  border-color:#2e87c6;
}

#yellow2 {
  border-color:#2e87c6;
}

#yellow {
  border-color:#2e87c6;
}

#green {
  border-color:#2e87c6;
}

#green2 {
  border-color:#2e87c6;
}

.col-md-12 {
  text-align:center;
}

.text-center {
  font-weight:700;
}

.progress {
  width:150px;
  height:150px;
  line-height:150px;
  background:none;
  margin:0 auto;
  box-shadow:none;
  position:relative;
}

.progress:after {
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  border:12px solid #fff;
  position:absolute;
  top:0;
  left:0;
}

.progress > span {
  width:50%;
  height:100%;
  overflow:hidden;
  position:absolute;
  top:0;
  z-index:1;
}

.progress .progress-left {
  left:0;
}

.progress .progress-bar {
  width:100%;
  height:100%;
  background:none;
  border-width:12px;
  border-style:solid;
  position:absolute;
  top:0;
}

.progress .progress-left .progress-bar {
  left:100%;
  border-top-right-radius:80px;
  border-bottom-right-radius:80px;
  border-left:0;
  -webkit-transform-origin:center left;
  transform-origin:center left;
}

.progress .progress-right {
  right:0;
}

.progress .progress-right .progress-bar {
  left:-100%;
  border-top-left-radius:80px;
  border-bottom-left-radius:80px;
  border-right:0;
  -webkit-transform-origin:center right;
  transform-origin:center right;
  animation:loading-1 1.8s linear forwards;
}

.progress .progress-value {
  width:90%;
  height:90%;
  border-radius:50%;
  background:#2f333e;
  font-size:24px;
  color:#fff;
  line-height:135px;
  text-align:center;
  position:absolute;
  top:5%;
  left:5%;
}

.progress.blue .progress-bar {
  border-color:#2e87c6;
}

.progress.blue .progress-left .progress-bar {
  animation:loading-1 1.8s linear forwards 1.8s;
}

@media only screen and (max-width: 990px) {
  .progress {
    margin-bottom:20px;
  }
}

@keyframes loading-1 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(144deg);
    transform:rotate(144deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(36deg);
    transform:rotate(36deg);
  }
}

@keyframes loading-5 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(126deg);
    transform:rotate(126deg);
  }
}

.row.sub-bloco-servicos {
  padding:15px 0 15px 0;
}

.servicos h1 {
  text-align:center;
  font-size:40px;
  padding-top:40px;
  font-weight:900;
}

.bloco-texto-escuro2 h1 {
  text-align:center;
  font-size:60px;
  padding-top:20px;
  font-weight:900;
}

.servicos-icon {
  width:130px;
}

.botao-solucoes-escuro {
  background-color:#2f333e;
  width:200px;
  height:170px;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  box-shadow:13px 13px 30px 0px rgba(0,0,0,0.61);
  -webkit-box-shadow:13px 13px 30px 0px rgba(0,0,0,0.61);
  -moz-box-shadow:13px 13px 30px 0px rgba(0,0,0,0.61);
  display:flex;
  justify-content:center;
}

.botao-solucoes-escuro2 {
  background-color:#2f333e;
  width:200px;
  height:170px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  box-shadow:13px 13px 30px 0px rgba(0,0,0,0.61);
  -webkit-box-shadow:13px 13px 30px 0px rgba(0,0,0,0.61);
  -moz-box-shadow:13px 13px 30px 0px rgba(0,0,0,0.61);
  display:flex;
  justify-content:center;
}

.col-lg-9.bloco-texto-escuro {
  background-color:#c3d3d6;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
}

.col-lg-9.bloco-texto-escuro2 {
  background-color:#c3d3d6;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
}

.col-lg-9.bloco-texto-escuro h1 {
  font-size:60px;
  color:#2f333e;
  margin-top:-20px;
}

.btn.btn-info.btn-block {
  width:130px;
  height:40px;
  float:none;
  margin:auto;
  background-color:#2e87c6;
}

.modal-content {
  border-radius:20px;
}

.modal-header {
  background-color:#2f333e;
}

.modal-header h4 {
  margin-top:5px;
}

.close {
  float:right;
  font-size:1.5rem;
  font-weight:700;
  line-height:1;
  color:#ffffff;
  opacity:.8;
}

.close:hover {
  float:right;
  font-size:1.5rem;
  font-weight:700;
  line-height:1;
  color:#ffffff;
  opacity:.8;
}

.modal-content h4 {
  font-size:25px;
  font-weight:900;
  color:#ffffff;
}

.modal-content b {
  color:#2e87c6;
}

.modal-content .servicos-icon {
  width:50px;
  padding-right:10px;
}

.form-group {
  width:100%;
  line-height:2.6;
  margin:0 0 16px 0;
}

#contato {
  margin-bottom:50px;
}

.bloco-endereco {
  height:200px;
}

.col-lg-3.broco-endereco-escuro {
  background-color:#2f333e;
  text-align:center;
  padding:40px 0;
}

.col-lg-3.broco-endereco-escuro h4 {
  color:#fff;
  font-weight:700;
  font-size:17px;
}

.col-lg-3.broco-endereco-escuro p {
  color:#2e87c6;
  font-size:12px;
  font-weight:600;
}

.col-lg-3.broco-endereco-escuro .fa.fa-map-marker {
  font-size:40px;
  color:#fff;
  margin-bottom:10px;
}

.col-lg-3.broco-endereco-escuro .fa.fa-envelope-o {
  font-size:40px;
  color:#fff;
  margin-bottom:10px;
}

.col-lg-3.broco-endereco-escuro a {
  font-size:17px;
  color:#fff;
  margin-bottom:10px;
}

.col-lg-3.broco-endereco-claro {
  background-color:#c3d3d6;
  text-align:center;
  padding:40px 0;
}

.col-lg-3.broco-endereco-claro p {
  color:#2e87c6;
  font-size:12px;
  font-weight:600;
}

.col-lg-3.broco-endereco-claro .fa.fa-facebook-square {
  font-size:40px;
  color:#2f333e;
  margin-bottom:10px;
}

.col-lg-3.broco-endereco-claro a {
  color:#2f333e;
  text-decoration:initial;
}

.col-lg-3.broco-endereco-claro .fa.fa-phone {
  font-size:40px;
  color:#2f333e;
  margin-bottom:10px;
}

.col-lg-3.broco-endereco-claro h4 {
  color:#2f333e;
  font-weight:700;
  font-size:17px;
}

.mapa {
  margin:0;
  padding:0;
}

#rodape {
  width:100%;
  height:80px;
  background-color:#2f333e;
  margin:0;
  padding:0;
}

.col-lg-3.broco-endereco-claro h4 {
  color:#2f333e;
  font-weight:700;
  font-size:17px;
}

#rodape h6 {
  color:#2e87c6;
  font-size:12px;
  text-align:center;
  padding-top:30px;
}

@media (max-width: 480px) {
  .img-fluid.vendedor {
    display:flex;
    margin:0 auto;
  }
}

@media (max-width: 480px) {
  .col-lg-3.botao-solucoes-escuro {
    width:20%;
  }
}

@media (max-width: 480px) {
  .row.sub-bloco-servicos {
    display:flex;
    justify-content:center;
  }
}

@media (max-width: 480px) {
  .col-lg-9.bloco-texto-escuro {
    width:70%;
    height:168px;
  }
}

@media (max-width: 480px) {
  .col-lg-9.bloco-texto-escuro h1 {
    font-size:20px;
    display:flex;
    justify-content:center;
    margin:10px auto;
  }
}

@media (max-width: 768px) {
  .dh-header-non-rectangular {
    margin-bottom:-58px;
  }
}

@media (min-width: 768px) {
  .vendedor-texto {
    font-size:38px;
    margin:20px 15px 0 0;
  }
}

@media (min-width: 768px) {
  .vendedor-texto2 {
    font-size:38px;
    margin-left:-18px;
  }
}

@media (min-width: 768px) {
  .img-fluid.vendedor {
    margin-left:40px;
  }
}

@media (min-width: 768px) {
  .col-lg-3.botao-solucoes-escuro {
    width:20%;
  }
}

@media (min-width: 768px) {
  .col-lg-9.bloco-texto-escuro {
    width:80%;
    height:168px;
  }
}

@media (min-width: 768px) {
  .col-lg-9.bloco-texto-escuro h1 {
    font-size:45px;
    display:flex;
    justify-content:center;
    margin:0 auto;
  }
}

@media (min-width: 768px) {
  .dh-header-non-rectangular {
    margin:-100px 0 0 0;
  }
}

@media (min-width: 768px) {
  .col-md-6.offset-md-0.d-md-flex {
    margin:0;
    padding:0;
  }
}

@media (min-width: 768px) {
  .img-fluid.float-right.d-block {
    margin:0;
    padding:0;
  }
}

@media (min-width: 992px) {
  .img-fluid.float-right.d-flex {
    width:100%;
    margin:0;
    padding:0;
  }
}

@media (min-width: 992px) {
  .vendedor-texto {
    font-size:50px;
  }
}

@media (min-width: 992px) {
  .vendedor-texto2 {
    font-size:50px;
  }
}

.brands {
  color:#313437;
  background-color:#fff;
}

.brands a {
  display:block;
  text-align:center;
  padding:40px 0;
}

@media (max-width:767px) {
  .brands a {
    padding:30px 0;
  }
}

.brands a img {
  display:inline-block;
  margin:10px 20px;
  vertical-align:middle;
}

.titulo-parceiros {
  color:#2f333e;
  font-size:16px;
  font-weight:900;
  margin:30px 0 -30px 0;
}

.scroll-top-wrapper {
  position:fixed;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  text-align:center;
  z-index:99999999;
  background-color:#2f333e;
  color:#fff;
  width:50px;
  height:48px;
  line-height:48px;
  right:30px;
  bottom:30px;
  padding-top:2px;
  border:2px solid #2d82bd;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
  background-color:#404655;
}

.scroll-top-wrapper.show {
  visibility:visible;
  cursor:pointer;
  opacity:1.0;
}

.scroll-top-wrapper i.fa {
  line-height:inherit;
}

.scroll-top-wrapper i.fa:hover {
  line-height:inherit;
  color:#fff;
}