/* ********************************************************** */
/* ****************** EMPIEZA EL CONTENIDO ****************** */
/* ********************************************************** */

/* - - - - - - - - - - - - - */
/* Códigos Colores ADVASSETS */
/* - - - - - - - - - - - - - */
/* Rojo Logotipo     #be283f */
/* Rojo Slogan       #b3343b */
/* Verde CELTA GROUP  #53737c */
/* Gris ASSETS       #94999b */
/* - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - */

/* **** */
/* BODY */
/* **** */

body,
html {
  height: 100%;
  padding: 0px;
  margin: 0;
}

.bg {
  /* The image used */
  /*background-image: url("../../../images/bg13.jpg");*/
  height: 55px;
  background-image: url("../../../images/3clientes.png");
  /*height: 50%;*/
  opacity: 1;
  /* Full height */
  /*height: 100vh;*/

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;

  background-size: 100% 100%;
}

.bg2 {
  /* The image used */
  /*background-image: url("../../../images/bg13.jpg");*/
  background-image: url("../../../images/3clientes.png");

  opacity: 1;
  /* Full height */
  /*height: 100vh;*/

  /* Center and scale the image nicely */
  background-position: cover;
  background-repeat: no-repeat;
  background-size: 100% 60vh;
}

.caption {
  position: absolute;
  left: 0;
  top: 80%;
  width: 100%;
  text-align: center;
}

.contenedor {
  min-width: 100%;
  height: 68%;
  background-color: #6a737c;
}

.row_prueba {
  flex: 3;
}

.fill-height-or-more {
  min-height: 60%;
  display: flex;
  flex-direction: column;
}

.fill-height-or-more > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ANGLE */
a.a_adv_angle {
  color: #fff;
  text-decoration: none;
  opacity: 0.5;
}
a.a_adv_angle:hover {
  color: #e48190;
  text-decoration: none;
  opacity: 1;
}
.arrow {
  text-align: center;
  margin: 8% 0;
}
.bounce {
  -moz-animation: bounce 2s infinite; /*2s*/
  -webkit-animation: bounce 2s infinite; /*2s*/
  animation: bounce 2s infinite; /*2s*/
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-7px); /*-30*/
  }
  60% {
    transform: translateY(-2px); /*-15*/
  }
}

/* ****** */
/* FOOTER */
/* ****** */

.adv_ifooter_redes:hover {
  /* color: #17a2b8; Primero Azul */
  color: #e48190;
}

.a_tcn:hover {
  color: #e48190;
}

#adv_p_footer {
  cursor: default;
}

#adv_adv_footer:hover {
  color: #b3343b;
}

a #jppcode:hover {
  color: #fff;
}

/* ***** */
/* MEDIA */
/* ***** */

@media screen and (max-width: 575px) {
  .class_nc #texto-nc {
    font-size: 30px;
  }

  .bg2 {
    /* The image used */
    /*background-image: url("../../../images/bg13.jpg");*/
    background-image: url("../../../images/3clientes.png");

    opacity: 1;
    /* Full height */
    /*height: 100vh;*/

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140% 60vh;
  }
}

@media screen and (max-height: 420px) {
  .fill-height-or-more {
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }

  .class_nc #texto-nc {
    font-size: 30px;
  }

  .bg2 {
    /* The image used */
    /*background-image: url("../../../images/bg13.jpg");*/
    background-image: url("../../../images/3clientes.png");

    opacity: 1;
    /* Full height */
    /*height: 100vh;*/

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100vh;
  }
}

/* ********************************************************** */
/* ****************** TERMINA EL CONTENIDO ****************** */
/* ********************************************************** */