@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);
.success {
  text-align: center;
  background: #139ad5;
  padding: 0.8rem;
  color: #2b5c96;
}
.success h4 {
  font-size: 1.1rem;
  margin-bottom: 0;
}
header .btn,
#ferramentas .fer .btn,
#contato .bt-send {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border: 1px solid #2b5c96;
  color: #2b5c96;
  transition: 0.2s;
}
header .btn:hover,
#ferramentas .fer .btn:hover,
#contato .bt-send:hover {
  background: #2b5c96;
  color: #fff;
  transition: 0.2s;
}
header .titlePage,
header p,
header .btn {
  position: relative;
  z-index: 1;
}
::-webkit-input-placeholder {
  color: #444 !important;
  font-size: 1rem;
}
::-moz-placeholder {
  color: #444 !important;
  font-size: 1rem;
}
:-ms-input-placeholder {
  color: #444 !important;
  font-size: 1rem;
}
:-moz-placeholder {
  color: #444 !important;
  font-size: 1rem;
}
@keyframes float {
  0% {
    transform: translatey(0);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0);
  }
}
body {
  font-family: "Open Sans", sans-serif;
}
section {
  padding: 3rem 0;
}
section .titleSection {
  color: #2b5c96;
  font-weight: 600;
  margin-bottom: 3rem;
}
section .description {
  color: #777;
}
.navClient {
  background-color: transparent !important;
}
.navClient .nav-link {
  color: #fff !important;
  font-weight: 600;
}
.navClient.fixClient {
  background-color: #2b5c96 !important;
  box-shadow: 0 0.135rem 0.35rem rgba(0, 0, 0, 0.4) !important;
}
.navClient.fixClient .logoHeader {
  width: 200px;
}
.navClient .navbar-toggler {
  background: #fff;
  color: #2b5c96;
  border-color: #2b5c96;
}
header {
  padding: 4rem 0;
  min-height: 750px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-image: -moz-linear-gradient(45deg, #1d5494 0, #0398da 100%);
  background-image: -webkit-linear-gradient(45deg, #1d5494 0, #0398da 100%);
  background-image: -ms-linear-gradient(45deg, #1d5494 0, #0398da 100%);
  opacity: 0.902;
}
header .titlePage {
  color: #fff;
  font-weight: 700;
}
header p {
  color: #fff;
  font-weight: 400;
  font-style: italic;
}
header .btn {
  border-color: #fff;
  color: #fff;
  margin: 1rem 0;
}
header .btn:hover {
  color: #2b5c96;
  background: #fff;
}
header .float {
  position: absolute;
  top: 70px;
  right: 0;
  z-index: 0;
  transform: translatey(0);
  animation: float 6s ease-in-out infinite;
}
header .float img {
  width: 90%;
}
#ferramentas .fer {
  margin-bottom: 4.5rem;
}
#ferramentas .fer .icon {
  margin-bottom: 1rem;
}
#ferramentas .fer .titleFer {
  color: #444;
  font-weight: 700;
  font-size: 1rem;
}
#ferramentas .fer .description {
  color: #777;
  font-weight: 400;
  font-size: 0.9rem;
  display: block;
  min-height: 70px;
}
#ferramentas .fer .btn {
  padding: 0.5rem 3rem;
}
#solucoes {
  background: #f6f9ff;
}
#solucoes .sol .titleSol {
  color: #444;
  font-weight: 600;
  font-size: 1rem;
}
#solucoes .sol .description {
  color: #777;
  font-weight: 400;
  font-size: 0.9rem;
}
#contato .titleSec {
  color: #2b5c96;
  font-weight: 600;
  font-size: 1.2rem;
}
#contato .infoContact {
  color: #444;
  font-weight: 400;
  font-size: 0.9rem;
}
#contato .infoContact a {
  font-size: 1rem;
  color: #444;
  font-weight: 600;
  transition: 0.2s;
}
#contato .infoContact a:hover {
  color: #2b5c96;
  transition: 0.2s;
  text-decoration: none;
}
#contato .bt-send {
  background: #2b5c96;
  color: #fff;
  padding: 0.5rem 4rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#contato .description {
  font-weight: 400;
  text-align: justify;
}
#video-case {
  position: relative;
  text-align: center;
  padding-bottom: 0 !important;
}
#video-case img {
  z-index: 1;
}
#video-case .bt-video {
  position: absolute;
  width: 100%;
  height: 66px;
  z-index: 2;
  top: 40%;
  left: 0;
  cursor: pointer;
}

.btnCTA {
  background-color: #1e4471;
  border: 1px solid #1e4471;
  color: #fff;
  border-radius: 20px;
  padding: 5px 20px 6px !important;
  font-size: 18px !important;
  text-decoration: none !important;
}

.videoAzulEscuro {
  margin: 0 auto !important;
  background-color: #03242c;
  min-height: 50vh;
  width: 100%;
  padding-top: 56.25%;
}

html {
  scroll-behavior: smooth !important;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.h3bolder {
  font-weight: bold !important;
}

video {
  object-fit: fill;
}

.videoAzul {
  background-color: #00bceb;
  margin: 0 auto !important;
  min-height: 50vh;
  width: 100%;
  padding-top: 56.25%;
}

#videosCisco {
  padding: 0 !important;
}

#video-case .bt-video:after {
  display: block;
  content: " Vídeo Case ";
  color: #fff;
  width: 100%;
}
footer {
  background: #2b5c96;
  color: #fff;
  padding: 3rem 0 0 0;
}
footer a {
  color: #fff;
  transition: 0.2s;
}
footer a:hover {
  text-decoration: underline;
  color: #fff;
  transition: 0.2s;
}
footer .contactFooter span {
  margin: 0 0.3rem;
}
footer .socialFooter {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}
footer .socialFooter li {
  display: inline-block;
  margin: 0;
}
footer .socialFooter li:nth-child(2):before,
footer .socialFooter li:nth-child(2):after {
  content: " | ";
  margin: 0 0.3rem;
}
footer .copy {
  text-align: center;
  font-size: 0.7rem;
}
@media (max-width: 480px) {
  section .titleSection {
    font-size: 1.5rem;
  }
  .navClient .logoHeader {
    width: 190px;
  }
  .navClient.fixClient .logoHeader {
    width: 190px;
  }
  header {
    min-height: 500px;
    padding: 6rem 0 2rem 0;
  }
  header .titlePage {
    margin-top: 180px;
    font-size: 1.4rem;
  }
  header p {
    font-size: 0.9rem;
  }
  header .btn {
    width: 100%;
  }
  #video-case .bt-video {
    top: 30%;
  }
  footer .logoFooter {
    width: 80px;
    height: auto;
    margin-bottom: 0.5rem;
  }
}