* {
  font-family: 'Source Sans Pro', sans-serif; }

a:hover {
  text-decoration: none;
  color: #FFF; }

html, body {
  height: 100%; }

h1 {
  display: none; }

h3 {
  font-weight: 600;
  font-size: 1.7em;
  text-transform: uppercase; }

h3:before, h3:after {
  content: " :: "; }

.navbar {
  transition: all .5s linear; }

.bg-purple {
  background-color: #605ca8; }

.btn-orange {
  color: #FFF;
  background-color: #E24E2A; }

.nav-link-login a {
  color: #E24E2A !important; }

.nav-link-blog a {
  color: #1B9772 !important; }

.navbar-brand {
  font-weight: 600;
  font-size: 1.7rem; }

.navbar-brand-subtitle {
  margin-left: 10px;
  color: #5B6264; }

.carousel-inner, .carousel-item, .carousel-item > div {
  height: 100%; }

.landing-page-image {
  height: calc(100% - 64px); }

.landing-page-image-banner-whatsapp7days, .landing-page-image-banner {
  background-size: cover;
  background-position-x: center; }

.banner-whatsapp-7days {
  background-image: url("/assets/images/banner-whatsapp-7days.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #250e56;
  background-position-x: center; }

@media (min-width: 1067px) {
  .banner-whatsapp-7days {
    background-size: cover; } }
.banner-principal {
  background-image: url("/assets/images/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #181818;
  background-position-x: center; }

.banner-omnichannel {
  background-color: #361174;
  background: linear-gradient(90deg, #361174 0%, #a50b81 100%);
  background-repeat: no-repeat; }

.banner-omnichannel img {
  height: 100%;
  min-width: 600px; }

@media (min-width: 768px) {
  .banner-omnichannel img {
    min-width: initial; }

  .banner-omnichannel {
    text-align: center; } }
.banner-principal > div {
  width: 230px;
  position: absolute;
  right: 15px;
  top: 130px;
  text-transform: uppercase;
  text-align: right;
  color: white; }

@media (min-width: 992px) {
  .banner-principal > div > h2 {
    width: 230px;
    float: right; }

  .banner-principal > div {
    width: 380px; } }
.landing-page-image > div > h2 {
  font-size: 1.8em;
  font-weight: 400; }

.landing-page-image > div > h2 > small, .landing-page-image > div small {
  font-size: 0.5em; }

.landing-page-image > div > div {
  padding: 0;
  line-height: 1; }

.landing-page-image .btn {
  font-size: .7em; }

@media (min-width: 576px) {
  .landing-page-image > div > h2 {
    font-size: 2.4em; } }
@media (min-width: 768px) {
  .landing-page-image {
    font-size: 1.2em; } }
@media (min-width: 1100px) {
  .landing-page-image {
    font-size: 1.5em; } }
@media (min-width: 1400px) {
  .landing-page-image {
    font-size: 1.6em; } }
@media (min-width: 1800px) {
  .landing-page-image {
    font-size: 1.9em; } }
.landing-page-integracao {
  background-image: url("/assets/images/banner-integracao.png");
  max-height: 40%;
  min-height: 390px;
  background-size: cover;
  background-position-x: center; }

@media (min-width: 992px) {
  .landing-page-integracao {
    background-position-y: -30px; } }
@media (min-width: 1200px) {
  .landing-page-integracao {
    background-position-y: -40px; } }
.valor {
  color: orange; }

.landing-page-orange {
  background-color: #E24E2A;
  padding: 30px; }

.landing-page-orange > div {
  text-align: center; }

.landing-page-orange > div .icon {
  background-color: #383838;
  color: #FFF;
  font-size: 3em;
  display: inline-block;
  padding: 25px 40px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 25px; }

.landing-page-orange > div h2 {
  font-size: 1.6em; }

.landing-page-orange > div p {
  /*border-top: 1px solid #333;*/
  padding-top: 20px;
  font-size: 0.8em; }

.landing-page-orange > div a {
  color: #FFF;
  text-decoration: none; }

.landing-page-purple {
  background-color: #4e2ae2;
  text-align: center;
  padding: 30px; }

.landing-page-white {
  background-color: #FFF;
  text-align: center;
  padding: 30px 0; }

.landing-page-green, .copyright {
  background-color: #1B9772; }

.copyright {
  text-align: center; }

.float-button {
  background-color: #F59202;
  transform: rotate(-90deg);
  padding: 7px 15px;
  position: fixed;
  left: 0px;
  font-size: 15px;
  color: white;
  z-index: 999;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border-radius: 0px 0px 5px 5px;
  margin-left: -22px;
  top: 50%;
  margin-top: -15.5px;
  text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 10px; }

.float-button a {
  color: #FFF;
  text-decoration: none; }

.float-button:hover {
  background-color: #666; }

table {
  font-size: 0.65em; }

table td, table tr {
  padding: 4px !important; }

@media (min-width: 768px) {
  table {
    font-size: 1em; } }
.page-down {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 1.7em;
  animation-name: pagedown;
  animation-duration: 0.5s;
  animation-iteration-count: infinite; }

a.page-down .btn {
  position: absolute;
  right: 55px;
  top: 5px; }

a.page-down {
  color: inherit; }

.page-down:hover {
  color: inherit; }

.page-down:before {
  font-family: FontAwesome;
  content: "\f103"; }

@keyframes pagedown {
  0% {
    top: 0px; }
  70% {
    top: 5px; }
  100% {
    top: 0px; } }
#sobre {
  position: relative;
  font-size: 1.5em;
  text-align: center;
  padding-top: 60px; }

#sobre .fa {
  font-size: 5em; }

#recursos {
  text-align: center;
  font-size: 1.8em;
  padding-top: 60px;
  padding-bottom: 30px; }

#recursos a {
  color: white; }

#recursos .fa {
  font-size: 4.5em; }

#contato iframe {
  height: 550px !important; }

#contato {
  text-align: left; }

#contato h3 {
  text-align: center; }

#contato a:hover {
  text-decoration: underline; }

#contato .fa {
  margin-top: 20px;
  color: #41a5f5;
  vertical-align: text-bottom; }

#contato .phone {
  font-size: 2.5em;
  color: #E24E2A;
  margin-left: 15px; }

#contato .whatsapp {
  font-size: 2.5em;
  color: #E24E2A;
  margin-left: 15px; }

#copyright {
  text-align: center; }

#integracao_tipos .row {
  text-align: left; }

#privacidade {
  margin-top: 80px;
  text-align: left;
  padding: 0 15px; }

#app a img {
  height: 70px; }

#apresetacao {
  text-align: center;
  padding: 30px 15px; }

#apresetacao h3 {
  margin-bottom: 30px; }

.embed-responsive {
  margin: 0 auto;
  max-width: 426px;
  max-height: 240px; }

#rotas-saidas {
  padding: 30px 15px; }

#rotas-saidas thead {
  background-color: #e24e2a; }

#rotas-saidas h3 {
  text-align: center; }

#rotas-saidas table {
  text-align: left; }

#rotas-saidas table {
  font-size: 1.1em; }

#rotas-saidas .col-sm-3 div {
  background-color: #1b9772;
  padding: 30px 15px;
  text-align: center;
  margin-top: 15px; }

#rotas-saidas table th:nth-child(1) {
  width: 110px; }

#rotas-saidas table th:nth-child(2) {
  width: 120px; }

@media (min-width: 768px) {
  #rotas-saidas table {
    font-size: 1.3em; }

  #rotas-saidas table th:nth-child(1) {
    width: 160px; }

  #rotas-saidas table th:nth-child(2) {
    width: 120px; } }