body {
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.05em
}

h2 > p > b, li > b {
  font-style:italic;
}

h1 {
  font-weight: 400 !important;
}

h2,h3,h4,h5,h6 {
  font-weight: 300 !important;
}

.contenedor-index {
  background-color:#174972;
}

.card-title {
  font-weight: 300;
  font-size: 1.1rem;
  text-align: center;
  color: #174972;
}

.card-text {
  font-weight: 300;
  font-size: 1.1rem;
}

.modal-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.modal-success .modal-header {
  border-bottom: 1px solid #c3e6cb;
}

.card-header {
  background: #174972;
}

.card {
  height: 100%;
  border-radius: 3rem;
}

.card-body {
  display: flex;
  flex-direction: column;
}

.btn {
  margin-top: auto;
}

.bi {
  font-size: 2rem;
}

.card-text {
  margin-top: 1rem;
}

#certificacion {
  border-radius: 1rem;
  margin-bottom: 0.2rem;
  background-color: #dddddd;
}

.iso_img_content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: white;
  height: fit-content;
  border-radius: 1rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

.iqnet_logo {
  margin-left: 0px !important;
  margin-top: 0px !important;
}

.iso_logo {
  margin-left: 0px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
}

.columnaCliente {
  width: 100%;
  display: flex;
  float: left;
  flex-wrap: wrap;
  margin: auto;
  justify-content: center;
}

.gallery {
  width: 16%;
  display: block;
  float: left;
  margin: 2%;
  text-align: center;
  border: none;
  display: block;
}

.clientes_txt h2 {
  font-size: 1.5rem;
}

#serviciales h1 {
  font-style: italic;
  font-size: 2rem;
  line-height: 48px;
  text-align: right;
  padding-left: 0px;
  padding: 0px;
  margin: 0px;
  color: #174972;
  margin-top: 4rem;
}

#serviciales h2 {
  font-size: 1.2rem;
}

#servicios h1 {
  font-size: 1.3rem;
  text-align: center;
  color: #174972;
}

#servicios h2 {
  font-size: 1rem;
}

#servicio {
  border-radius: 3rem;
  margin-bottom: 0.2rem;
  background-color: #dddddd;
}

#frase h1 {
  font-style: italic;
  font-size: 2rem;
  line-height: 48px;
  text-align: right;
  padding-left: 0px;
  padding: 0px;
  margin: 0px;
  color: #174972;
  margin-top: 4rem;
}

.texto_quienes h2 {
  font-size: 1.2rem;
}

#titulos_seccion_bco {
  width: 100%;
  font-size: 2rem;
  line-height: 24px;
  text-align: LEFT;
  color: #fff;
  margin-bottom: 1rem;
  padding: 2rem;
}

#top {
  background-color: #0e3254;
}

#noticias_home {
  margin: 2px;
  text-align: center;
}

#noticias_home h1 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

#noticias_home h2 {
  font-size: 1rem;
}

#noticias_home button {
  margin-top: 1rem;
}

.col-20 {
  width: 20%;
}

.col-60 {
  width: 60%;
}

#txt_footer {


  font-weight: 300;
  font-size: 1rem;
  line-height: 22px;
  text-align: left;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

#info_footer {

  font-weight: 300;
  font-size: 1rem;
  line-height: 22px;
  text-align: center;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

footer {
  background-color: #0e3254;
}

#center {

  font-size: 1rem;
  line-height: 22px;
  text-align: center;
  color: #fff;
}

.link_footer {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.link_footer:hover {
  color: #000;
  text-decoration: none;
}

#owl .item {
  background: transparent;
/*   padding: 30px 0px;
  margin: 10px; */
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 15px;
  text-align: center;
}

#owl .item h1 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

#owl .item h2 {
  font-size: 1.2rem;
  padding: 1rem;
}

#titulos_home_gris {
  font-size: 2rem;
  text-align: center;
}

#owl_clientes .item {
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 15px;
  text-align: center;
}

#owl_clientes .item img {
  width: 11rem;
}

.text-azulado-link {
  color: #27588f !important;
  font-size: 1.2rem;
  font-weight: 400;
}

.text-azulado-link:hover {
  color: #000 !important;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

@keyframes button-loading {

  0% {

  }

  20% {
      color:transparent;
      transform:scale(1,1);
  }

  40% {
      border-color:#258cfb;
      background-color:transparent;
      transform:scale(1,1);
  }

  60%  {

      transform:scale(.7,1.1);

      margin-left:1.25rem;
      width:2.5rem;
      text-indent:-0.6125rem;

      color:transparent;
      border-color:#258cfb;
      background-color:#258cfb;
  }

  80%  {
      transform:scale(1,1);
  }

  100% {

      margin-left:1.25rem;
      width:2.5rem;

      background-color:#258cfb;
      border-color:#258cfb;
      color:transparent;
  }

}

@keyframes button-dot-intro {

  0% {
      opacity:0;
  }

  60% {
      opacity:1;
      transform:scale(1,1);
  }

  100% {
      transform:scale(.75,.75);
  }

}

@keyframes button-dot-pulse {

  0% {
      opacity:1;
      transform:scale(.75,.75);
  }

  15% {
      transform:scale(.85,.85);
  }

  45% {
      transform:scale(.75,.75);
  }

  55% {
      transform:scale(.95,.95);
  }

  85% {
      transform:scale(.75,.75);
  }

  100% {
      opacity:1;
      transform:scale(.75,.75);
  }

}

@keyframes button-ready {

  0% {
      margin-left:1.25rem;
      width:2.5rem;
  }

  10% {
      background-color:#258cfb;
      border-color:#258cfb;
  }

  70% {
      margin:0;
      width:7.25rem;
      background-color:#fff;
      transform:scale(1.1,1.1);
  }

  100% {
      margin:0;
      width:7rem;
      border-color:#8cce1e;
      background-color:#fff;
  }

}

@keyframes button-dot-outro {

  0% {
      opacity:1;
  }

  100% {
      opacity:0;
      transform:scale(1,1);
  }
}

@keyframes button-ready-label {

  0% {
      opacity:0;
  }

  100% {
      opacity:1;
  }

}

button {
  
  position:relative;
  overflow:hidden;
  width:7rem;
  color:#258cfb;
  border:2px solid #258cfb;
  background-color:transparent;
  cursor:pointer;
  line-height:2;
  margin:0;
  padding:0;
  border-radius:1.5rem;
  font-size:1.125rem;
  text-transform:lowercase;
  outline:none;
  transition:transform .125s;
  margin-right: 1rem;

  &:active {
      transform:scale(.9,.9);
  }

  &:before,
  &:after {
      position:absolute;
      opacity:0;

      border-radius:50%;
      background-color:#fff;
      top:50%;
      left:50%;
      margin-top:-1.125rem;
      margin-left:-1.125rem;
      width:2.25rem;
      height:2.25rem;

      content:'';
      z-index:1;
  }

  &.loading {
      animation:button-loading .5s forwards;
  }

  &.loading:before {
      opacity:1;
      animation:button-dot-intro .5s forwards;
  }

  &.loading:after {
      opacity:0;
      animation:button-dot-pulse 1.5s infinite .5s;
  }

  &.ready {
      text-indent:0;
      color:transparent;
      background-color:#5585ff;
      animation:button-ready .333s forwards;
  }


  &.ready:before {
      position:absolute;
      left:0;
      right:0;
      top:auto;
      margin:0;
      width:auto;
      height:auto;
      border-radius:0;
      background-color:transparent;
      color:#8cce1e;
      content:'ready';
      opacity:0;
      z-index:2;
      animation:button-ready-label .5s forwards .275s;
  }

  &.ready:after {
      opacity:1;
      animation:button-dot-outro .333s;
  }

}