.logo{
    font-size: 1.5rem;
    /* font-family: 'Rubik', sans-serif; */
    color:black;
    text-decoration: none;
 }

 .logo:hover {
    color:black;
    text-decoration: none;
    cursor: pointer;
  }

.logo span{
    color:#4e73df;
    font-weight: 700;
 }

 .logo i{
    color:#4e73df;
    /* rotate: -15deg; */
 }


.chart-area {
    position: relative;
    height: 10rem;
    width: 100%;
  }

  @media (min-width: 768px) {
    .chart-area {
      height: 20rem;
    }
  }

  .chart-bar {
    position: relative;
    height: 10rem;
    width: 100%;
  }

  @media (min-width: 768px) {
    .chart-bar {
      height: 20rem;
    }
  }

  .chart-pie {
    position: relative;
    height: 15rem;
    width: 100%;
  }

  @media (min-width: 768px) {
    .chart-pie {
      height: calc(20rem - 43px) !important;
    }
  }

  /* .link_contact {
    position: fixed;
    right: 20px;
    bottom: 65px;
    text-decoration: none;
  } */

  .link_contact {
    position: fixed;
    right: 20px;
    bottom: 65px;
    text-decoration: none;

    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
  }

  .link_contact.show{
    /* bottom: 30px; */
    opacity: 1;
    pointer-events:auto;

}

  .button_heroe{
    background-color:#4e73df;
    border-color:#4e73df;
    color:white;
    width: 200px;
    height: 50px;
}

.button_heroe:hover {
        background-color: #4361ba;
        color:white;
    }

.button_contact{
    background-color:#4e73df;
    border-color:#4e73df;
    color:white;
}

.button_contact:hover {
        background-color: #4361ba;
        color:white;
    }

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  /* rtl:begin:ignore */
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  /* rtl:end:ignore */


  /* Featurettes
  ------------------------- */

  .featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }

  /* Thin out the marketing headings */
  /* rtl:begin:remove */
  .featurette-heading {
    letter-spacing: -.05rem;
  }

  /* rtl:end:remove */

  /* RESPONSIVE CSS
  -------------------------------------------------- */

  @media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }

    .featurette-heading {
      font-size: 50px;
    }
  }

  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }

  .liveSearch {
    animation: blinker 1s linear infinite;
    width: 6rem; height: 6rem;
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 40%;
    bottom: 60%;
    margin: auto;
    display:none;
  }

  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  .spinner-border {
    width: 6rem; height: 6rem;
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 50%;
     margin: auto; display:none;
  }