/*<----------------k4u---------------->*/

* {
 box-sizing: border-box;
}

::selection {
  background-color: #888;
  color: white;
}

html {
  /*font-size: 0.94vw;*/
}

body {
  font-family: "Roboto Condensed", Sans-serif;
  color: #000;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 300;
  z-index: 1000;
  line-height: 1.5rem;
}

a {
  display: inline-block;
  text-decoration: none;
}

section {
  position: relative;
}

hr {
  border-color: rgba(255,255,255,0.01);
  margin-bottom: 40px;
}

h1  {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  color: #006cb6;
  margin-top: 50px;
  margin-bottom: 0;
}

h2 {
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 2rem;
  font-weight: 400;
  color: #6ec1e4;
}

h3 {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: #000;
  padding-top: 20px;
}

h4, h5 {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #000;
  padding-top: 0;
  line-height: 0.9rem;
  margin-bottom: 5px;
}

h5 {
  color: rgba(0, 0, 0, 0.5);
  padding-right: 10px;
  margin-top: 20px;
}

h6 {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #54595f;
  padding-top: 0;
  line-height: 2rem;
  margin-bottom: 25px;
}

ul li {
  color: #fff;
  list-style-type: disc;
    /* Bullet Color */
}

ul.english li {
  color: #000;
}

input.cja{
  width: 250px;
  height: 26px;
  border-style: solid;
  border-color: #d6d6d6;
  border-width: 1px;
}

input.contac-cja{
  width: 90%;
  height: 26px;
  border-style: solid;
  border-color: #d6d6d6;
  border-width: 1px;
}

#banner {
  width: 100%;
  height: auto;
  border-style: solid;
  border-color: #d6d6d6;
  border-width: 0 0 1px 0;
  box-shadow: 0px -8px 28px 0px rgb(0 0 0 / 20%);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  background-color: rgba(255, 255, 255, 0.5);
}

.hamb {
  display: none;
  position: fixed;
}

.textarea {
  margin-top: 10px;
  width: 90%;
  height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  resize: none;
}

.cabecera {
  position: absolute;
  padding-bottom: 0;
  background-color: #f7f7f7;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3000;
}

.cabecera .link-logo {
  display: inline-block;
  vertical-align: middle;
}

.container {
   width: 1416px;
   padding: 0 15px;
   margin: 0 auto;
   /*background-image: url("../img/trama.png");
   background-repeat: repeat;*/
}

.container-slide {
   padding: 0 15px;
   margin: 0 auto;
}

.bar-sup {
  margin: 0;
  background-color: #AFCB1F;
  width: 100%;
  height: 54px;
  position: relative;
  z-index: 11;
}

.text-cab {
  color: #fff;
}

.txt-title {
  width: 1120px;
  display: flex;
}

.txt-subtitle {
  width: 1120px;
  display: flex;
  justify-content: center;
}

.title .container-programa .txt-programas {
  display: flex;
  justify-content: center;
}

.title .container-programa .txt-programas h1 {
  margin-bottom: 25px;
}

.franja {
  padding-top: 150px;
  margin-bottom: 20px;
  z-index: 1;
  /*object-fit: cover;
  object-position: center;*/
}

.container-full {
  width: 100%;
}

.container-learning {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.container-quienes {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0;
  border: 0;
}

.caja-all {
  width: 1120px;
}

.filas .caja-soluciones {
  position: relative;
  width: 1120px;
  display: flex;
  justify-content: center;
  ///margin-top: 10px;
}

.filas .space-cajas {
  margin-top: 30px;
}

.caja-soluciones .caja-cuadro {
  border-style: solid;
  border-color: #d6d6d6;
  border-width: 1px;
  border-radius: 5px;
  padding: 20px;
  margin: 5px 15px;
  background-color: #f8f8f8;
  transition: all 0.5s ease;
}

.caja-soluciones .caja-cuadro:hover {
  border-color: #000;
}

.caja-soluciones .caja-cuadro img {
  transform: scale(1);
  transition: all 0.5s ease;
}

.caja-soluciones .caja-cuadro img:hover {
  transform: scale(1.1);
}

.caja-soluciones .novedad-conten {
  padding: 20px;
  height: 500px;
  border; 1px solid #AFCB1F;
}

.caja-soluciones .novedad-bt {
  padding: 0 30px 30px 30px;
  display: flex;
  justify-content: center;
}

.caja-soluciones .novedad-bt .ver-mas {
  padding: 9px 25px;
  background-color: #AFCB1F;
  color: #fff;
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  transition: all 0.5s ease;
}

.caja-soluciones .novedad-bt .ver-mas:hover {
  background-color: #d6d6d6;
}

/*----------caja-novedades-----------*/

.filas .caja-novedades .margin-m {
  border-radius: 5px;
  margin: 10px;
  background-color: #f6f6f6;
  ///filter: drop-shadow(9px 9px 9px rgba(0, 0, 0, 0.1));
}

.filas .caja-novedades {
  position: relative;
  width: 1120px;
  display: flex;
  justify-content: center;
}

.caja-novedades .novedad-conten {
  padding: 15px;
  height: 500px;
}

.caja-novedades .novedad-bt {
  padding: 0 30px 30px 30px;
  display: flex;
  justify-content: center;
}

.caja-novedades .novedad-bt .ver-mas {
  padding: 9px 25px;
  background-color: #AFCB1F;
  color: #fff;
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  transition: all 0.5s ease;
}

.caja-novedades .novedad-bt .ver-mas:hover {
  background-color: #d6d6d6;
}
/*--------------noticias--------------*/
.video-cliente {
  display: flex;
  margin-top: 70px;
  margin-bottom: 0;
  width: 1120px;
  height: 300px;
  background-color: #000000;
}

.video-cliente video{
 width: 100%;
}

.no-margin {
  margin-top: 0;
}

.noticia {
  ///margin-bottom: 10px;
}

.color-noticia {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0 25px;
}

.fila-noticias {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f3f3f3;
}

.fila-noticias-2 {
  width: 100%;
  display: flex;
  ///justify-content: center;
}

.fila-noticias-3 {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.container-noticias {
  width: 1200px;
  display: flex;
}

.margen-noticias {
  padding: 15px 20px 0 20px;
}

.img-noticia {
  padding: 0;
  line-height: 0;
}

.img-noticia img {
  width: 727px;
}

.title-noticias {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #54595f;
  padding-top: 0;
  line-height: 2rem;
  margin-bottom: 25px;
}

.title-noticias-2 {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: #54595f;
  padding-top: 0;
  margin-top: 25px;
  line-height: 1.5rem;
  margin-bottom: 10px;
}

.txt-noticia {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding-top: 0;
  margin-top: 0;
  margin-left: 10px;
  color: #54595f;
}

.txt-noticia-2 {
  line-height: 1.2rem;
  padding-top: 0;
}

.line, .line-2, .line-n {
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  margin-top: 10px;
  margin-bottom: 0;
}

.line-2 {
  margin-bottom: 20px;
}

.line-n {
  margin-bottom: 25px;
}

.margen-noticias .color-n {
  color: #000;
}

.sub-title-notas, .sub-title-notas-i {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: #54595f;
  padding-top: 0;
  margin-bottom: 20px;
  margin-top: 10px;
  line-height: 2rem;
}

.sub-title-notas-i {
  font-style: italic;
  font-size: 1.3rem;
  line-height: 1.7rem;
}

.espacio-li {
  margin-top: 15px;
}

/*--------------casos-exito--------------*/
.estrategia {
  margin-top: 45px;
  margin-bottom: 25px;
  font-weight: 400;
  color: #54595f;
}

.title-casos-e {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 100px;
}

.title-casos  {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  color: #006cb6;
  margin-top: 100px;
  margin-bottom: 30px;
}

.sub-title-casos {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #54595f;
  padding-top: 0;
  margin-bottom: 20px;
  margin-top: 10px;
  line-height: 2rem;
}

.margin-casos {
  background-color: #f3f3f3;
  //margin-top: 50px;
  display: flex;
}

.casos {
  width: 100%;
  margin-top: 35px;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
}

.caja-casos-e {
  width: 90%;
  border: 1px solid #e6e6e6;
}

.caja-1 {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  //border-bottom: 1px solid #e6e6e6;
}

.caja-2 {
  width: 100%;
  display: flex;
  align-items: center;
  //border-bottom: 1px solid #e6e6e6;
}

.caja-1txt {
  width: 15%;
}

.caja-1txt a {
 padding: 10px 10px;
 color: #006cb6;
}

.caja-1txt p {
  margin-left: 10px;
}

.caja-1txt ul li {
  color: #54595f;
 }

.caja-2txt {
  width: 85%;
  border-left: 1px solid #e6e6e6;
}

.caja-2txt a {
  padding: 10px 10px;
  color: #006cb6;
 }

.caja-2txt p {
  margin-right: 10px;
}

.caja-2txt ul li {
  color: #54595f;
 }

.caja-2txt p {
  margin-left: 15px;
}

.caja-11txt {
  width: 15%;
  margin-left: 15px;
}

.caja-22txt {
  width: 85%;
}

.video {
  display: flex;
  justify-content: center;
}

/*----------antes-llamado-aliados-----------*/
.resalte {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
  padding-bottom: 0;
  margin-bottom: 35px;
  color: #006cb6;
  text-align: center;
}

@keyframes appear {
  from {
    opacity: 0;
    //clip-path: inset(50% 50% 50% 50%);
    scale: 0;
  }
  to {
    opacity: 1;
    //clip-path: inset(0 0 0 0);
    scale: 1;
  }
}

.resalte {
  animation: appear linear;
  animation-timeline: view();
  animation-range: entry 0% cover 25%;
}




.resalte-d {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: #54595f;
  text-align: center;
}

.ofertas {
  margin-top: 40px;
  background-color: #f3f3f3;
}

/*----------antes-llamado-aliados-----------*/


.caja-centrada {
  position: relative;
  width: 1120px;
  display: flex;
  justify-content: center;
}

.container-learning .c-container-learning  {
  width: 1120px;
  display: flex;
}

.c-container-learning .english strong {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
}

.container-learning .c-container-learning .caja-pd25 {
  padding: 25px;
}

.container-footer {
  bottom: 0;
  width: 100%;
}

.container-programa, .container-programa-2 {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
}

.container-programa, .container-programa-2 {
  padding-bottom: 30px;
}

.caja-programa {
  width: 360px;
  height: 254px;
  background-color: #006cb6;
  border-radius: 7px;
  border-width: 2px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
  cursor: pointer;
}

.caja-programa img{
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
  border-width: 2px;
  opacity: 1;
  filter: grayscale(0);
  transition: all 0.5s ease;
}

.caja-programa:hover img{
  opacity: 0.05;
  filter: grayscale(1);
}

.caja-programa .contenido-cuadrado {
  position: absolute;
  text-align: center;
  width: 360px;
  top: -5%;
  transition: all 0.5s ease;
  z-index: 10;
  opacity: 0;
}

.caja-programa:hover .contenido-cuadrado {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

.caja-programa .contenido-cuadrado .txt-programa{
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
}



.fila-logos {
  display: flex;
  justify-content: center;
  background-color: #333333;
  align-items: center;
  margin-top: 40px;
}

.columna-logos {
  display: flex;
  justify-content: center;
  background-color: #333333;
  align-items: center;
}

.columna-logos-bt {
  display: flex;
  justify-content: flex-end;
  background-color: #333333;
  align-items: center;
}

.fila .columna-20 i{
  color: #fff;
  margin-top: 9px;
  padding: 10px;

}

.fila .columna-60 i{
  color: #fff;
  margin-top: 11px;
  margin-left: 5px;
  padding: 7px;
  text-align: left;
}

.conten-left {
  /*width: 20%;
  left: 20px;*/
  margin-right: 50px;
  justify-content: flex-end;
}

.conten-center {
  justify-content: center;
}

.conten-center i {
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.conten-center {
  justify-content: center;
}

.logo-k4u {
  padding: 7px;
  margin-top: 5px;
  margin-left: 50px;
}

.logo-k4u-white {
  padding-top: 20px;
}

.container-m {
  display: flex;
  align-items: center;
}

.container-m a {
  padding: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-decoration: none;
  color: #000;
  opacity: 1;
  transition: all 0.5s ease;
}

.container-m a:hover {
  opacity: 0.5;
}

.lista-footer {
  padding-top: 30px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  line-height: 2rem;

}

.lista-footer a {
  color: #fff;
}

.fila {
  /*margin-left: -15px;
  margin-right: -15px;*/
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.filas {
  width: 100%;
  display: flex;
  justify-content: center;
}

.fila-contac {
  background-color: #f3f3f3;
}

.fila-carousel {
  width: 1120px;
}

.secciones {
  display: flex;
  justify-content: center;
}

.fila-footer {
  width: 100%;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.fila-footer-2 {
  width: 100%;
  height: 30px;
  align-items: center;
  display: flex;
}

.fila-footer-3 {
  width: 100%;
  height: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 5px;
}

.columna-25 .fila-footer-2 i {
  color: #fff;
  padding-right: 10px;
}

.columna-25 .fila-1 {
  margin-top: 30px;
}


.txt-footer {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  text-align: center;
  display: flex;
  justify-content: center;
}

.txt-footer-2 {
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  //margin-left: 50px;
}

.fila.fila-centrada {
  justify-content: center;
}

.columna-color {
  background: #d7d7d7;
}

.columna {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.columna-1000-logos {
  width: 1140px;
  margin-bottom: 50px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.columna-learning {
  width: 1140px;
  display: flex;
}

.columna-100 {
  width: 100%;
}

.columna-75 {
  width: 75%;
}

.columna-70 {
  width: 70%;
}

.columna-65 {
  width: 65%;
  justify-content: flex-end;
  padding-right: 50px;
}

.columna-065 {
  width: 65%;
  padding: 0 25px;
  border-right: 1px solid #e6e6e6;
}

.columna-60 {
  width: 60%;
  justify-content: flex-end;
}

.columna-50 {
  width: 50%;
}

.columna-40 {
  width: 600px;
}

.columna-33 {
  width: 33.33%;
}

.columna-35 {
  width: 35%;
}

.columna-035 {
  width: 35%;
}

.columna-30 {
  width: 30%;
}

.columna-25 {
  width: 25%;
}

.columna-20 {
  width: 20%;
}

.columna-5 {
  width: 20%;
}

.columna-1 {
  width: 10%;
}

.columna-qr {
  width: 20%;
  display: flex;
  align-items: center;
}

.orden {
  order: 2;
}

.back-color {
  background-color: #f3f3f3;
  margin-top: 20px;
  display: flex;
}

.img-qsomos {
  padding: 25px 0 20px 15px;
}

.margen-qsomos {
  padding: 0 10px 0 50px;
}

.qsaber {
  color: #fff;
  background-color: #2267b3;
  font-family: "roboto", Sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 11px 40px;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
  margin-left: 50px;
}

.qsaber:hover {
  background-color: #03A9F4;
  transition: all 0.3s ease;
}

#banner .fila .creditos {
  display: inline-block;
  text-align: center;
}

#banner .fila .credito {
  font-size: 13px;
  font-style: italic;
  text-decoration: none;
  color: rgba(255,255,255,0.5);
  padding-top: 10px;
}

.sin-padding {
  padding-left: 0;
  padding-right: 0;
}

.padding {
  padding-left: 0;
  padding-right: 0;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.centrar-texto {
  text-align: center;
}

.justificar-texto {
  text-align: justify;
}

.importante {
  font-style: italic;
}

.btn {
  color: #fff;
  background-color: #006cb6;
  padding: 11px 20px;
  font-family: "btn", Sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
}

.btn:hover {
  background-color: #03A9F4;
  color: #fff;
  transition: all 0.3s ease;
}

.btn-aula {
  color: #fff;
  background-color: #006cb6;
  padding: 11px 25px;
  margin-left: 15px;
  margin-top: 8px;;
  font-family: "roboto", Sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
}

.btn-aula:hover {
  background-color: #d6d6d6;
  color: #000;
  transition: all 0.3s ease;
}

.txt-saber-mas {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #000;
  padding-top: 0;
  line-height: 0.9rem;
  margin-bottom: 5px;
}

.index-contac {
  padding: 20px;
}



/*-------------------q-somos------------------*/

.fila-q-somos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.qu-somos {
  margin-right: 30px;
}

.caja-icon {
  width: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.margin-top {
  margin-top: 60px;
}

.margin-bottom {
  margin-bottom: 50px;
}

.caja-icon i {
  padding-left: 10px;
  color: #03A9F4;
}

.caja-icon-text {
  width: 95%;
}

.caja-icon-text p {
  padding: 0 40px 0 0;
}

.margin-img {
  line-height: 0;
}

.color-caja-rectangular {
  background-color: #f3f3f3;
  height: auto;
  align-items: center;
}

.caja-rectangular {
  position: relative;
  align-items: center;
}

.caja-rectangular-conten {
  ///padding: 70px;
}

.caja-rectangular-conten .filas i{
  color: #AFCB1F;
  font-size: 3rem;
}

.caja-rectangular-conten .filas p {
  color: #898181;
  text-align: center;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.7rem;
  padding: 0 70px;
}



/*-------------------teletrabajo------------------*/

.container-inscribirse .table-descuentos {
  width: 100%;
}



/*-------------------operaciones------------------*/

.title-operaciones {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 2.5rem;
  color: #006cb6;
  margin-top: 50px;
  margin-bottom: 0;
  text-align: center;
  padding: 0 10px;
}



/*-------------------soluciones------------------*/

.margin-soluciones {
  background-color: #f3f3f3;
  margin-top: 160px;
  display: flex;
}

.img-soluciones {
  padding: 0;
  line-height: 0;
}

.caja-txt-soluciones {
  background-color: rgba(255, 255, 255, 0.6)
}

.img-logo-voivov {
  margin-top: 30px;
}

.espacio-portafolio {
  margin-bottom: 20px;
}

.filas .columna-5 {
  text-align: center;
}

.txt-pie {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
}

.novedad-bt .ver-mas {
  padding: 5px 25px;
  background-color: #AFCB1F;
  color: #fff;
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  transition: all 0.5s ease;
}

.novedad-bt .ver-mas:hover {
  background-color: #d6d6d6;
}

.img-service img {
  width: 60%
}



/*-------------------notas------------------*/
.btn-contacto-notas {
  color: #fff;
  background-color: #2267b3;
  font-family: "roboto", Sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 11px 40px;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 40px;
}

.btn-contacto-notas:hover {
  background-color: #03A9F4;
  transition: all 0.3s ease;
}




/*-------------------clientes------------------*/

.clientes  {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  color: #006cb6;
  margin-top: 50px;
  margin-bottom: 0;
}

.title-sector {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
  color: #006cb6;
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
  padding: 0 10px;
}

.line-sector {
  padding: 2px; 0 0 20px;
  border-style: solid;
  border-width: 0 0 4px 0;
  border-color: #006cb6;
  width: 99.5%;
}

.txt-pais {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2rem;
  color: #006cb6;
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
  padding: 0 10px;
}

.caja-clientes-logos {
  width: 280px;
  height: auto;
  justify-content: center;
  ///align-content: center;
  vertical-align: middle;
}

.caja-clientes-logos-2 {
  width: 224px;
  height: auto;
  justify-content: center;
  align-content: center;
  vertical-align: middle;
}

.caja-clientes-logos-3 {
  width: 186px;
  height: auto;
  justify-content: center;
  align-content: center;
  vertical-align: middle;
}

.caja-clientes-logos p {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #54595f;
  margin-top: 40px;
  margin-bottom: 0;
  text-align: center;
  padding: 0 10px;
}

.colombia {
  font-family: "Roboto Condensed", Sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #54595f;
  margin-top: 40px;
  margin-bottom: 0;
  text-align: center;
  padding: 0 10px;
}

.caja-clientes-logos img {
  vertical-align: middle;
  display: inline-block;
}

.line-pais {
  padding: 3px 0 0 20px;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #54595f;
  width: 99%;
}



/*-------------------footer------------------*/
.pre-footer {
  width: 100%;
  height: 150px;
  background-color: #666;
  display: flex;
  justify-content: center;
}

footer .barra-footer {
  width: 100%;
  height: 40px;
  background-color: #3C3C3C;
  display: flex;
  justify-content: center;
}

footer .barra-footer {
  //padding-left: 15%;
}







/*<-----------@media------------>*/


@media (min-width: 1200px){

}

@media (max-width: 1199px){

  .container {
     width: 960px;
  }

}

@media (max-width: 991px){

  .container {
     width: 750px;
  }

}

@media (max-width: 767px){

  html {
    font-size: 1rem;
  }

  h1  {
    font-size: 2rem;
    margin-bottom: 10px;;
  }

  h4, h5 {
    font-size: 0.8rem;
  }

  h6 {
    line-height: 1.8rem;
    text-align: center;
  }

  .cabecera {
    position: absolute;
    padding-bottom: 0;
    background-color: #f7f7f7;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3000;
  }

  .container-slide {
     padding: 0;
  }

  .container-m {
    width: 100%;
    //display: none;
  }

  .columna-20 {
    width: 0;
  }

  .columna-60 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .columna-65 {
    padding-right: 0;
  }

  .columna-75 {
    width: 100%;
  }

  .conten-left {
    margin-right: 20px;
  }

  .container-programa, .container-programa-2 {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 0;
  }

  .container-m
  {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #eee;
    padding-top: 7px;
    padding-bottom: 60px;
    padding-right: 15px;
    padding-left: 15px;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    transition: all 0.4s ease;
    z-index: 3000;
    transform: translateX(100%);
  }

  .container-m.open
  {
    transform: translateX(0);
  }

  .container-m a
  {
    font-size: 1.2rem;
    margin: 2px 0;
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    //background-color: #fff;
  }

  .hamb
  {
    display: block;
    font-size: 2rem;
    color: #444;
    margin-top: 20px;
    background-color: #fff;
    padding: 7px;
    padding-right: 20px;
    border-radius: 5px 0 0 5px;
    z-index: 9001;
  }

  .logo-k4u {
    padding: 7px;
    margin-top: 5px;
    margin-left: 10px;
  }

  .txt-title {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  input.cja{
    width: 100%;
    height: 26px;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 1px;
  }

  .img-qsomos {
    padding: 0;
  }

  .w-100mb {
    width: 100%
  }

  .margen-qsomos {
    padding: 10px;
  }

  .margen-qsomos h6 {
    margin-top: 20px;
    ///line-height: 0;
  }

  .fila-bt-mb {
    justify-content: center;
    margin-bottom: 20px;
  }

  .fila-bt-mb .qsaber{
    margin-left: 0;
  }

  .back-color {
    flex-direction: column;
  }

  .caja-all {
    width: 100%;
  }

  .caja-programa {
    ///width: 100%;
    margin-bottom: 10px;
  }

  .caja-programa img{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .caja-programa .contenido-cuadrado {
    width: 100%;
    position: relative;
  }

  .caja-programa .contenido-cuadrado .txt-programa{
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
  }

  .columna-1000-logos {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 0;
    transform: translateX(0);
  }

  .columna-1000-logos img{
    width: 100%;
  }

  .columna-25 {
    width: 100%;
  }

  .columna-qr {
    width: 100%;

  }

  .columna-logos-bt {
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .columna-25 .fila-1, .fila-mb {
    margin-top: 10px;
    justify-content: center;
  }

  .caja-centrada {
    flex-direction: column;
  }

  .columna-50 {
    width: 100%;
  }

  .fila-number {
    margin-bottom: 30px;
  }

  .container-learning .c-container-learning  {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .container-quienes .c-container-quienes  {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .filas .caja-soluciones {
    width: 260px;
    flex-direction: column;
  }

  .filas .caja-novedades {
    flex-direction: column;
  }

  .columna-33 {
    width: 100%;
  }

  .caja-novedades .novedad-conten {
    padding: 10px;
    height: auto;
  }

  .fila-carousel {
    width: 100%;
  }

  input.contac-cja {
    width: 100%;
  }

  .btn-ind-enviar {
    display: flex;
    justify-content: center;
  }

  .textarea {
    width: 100%;
  }

  .txt-saber-mas {
    text-align: center;
  }

  .map-mb {
    height: 400px;
  }

  .pre-footer {
    width: 100%;
    height: inherit;
    display: block;
    justify-content: center;
  }

  .logo-k4u-white {
    margin-top: 25px;
  }

  .lista-footer {
    padding-top: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 2rem;
  }

  .columna-25 .fila-1, .fila-mb {
    margin-top: 10px;
    justify-content: center;
  }

  .fila-number {
    margin-bottom: 30px;
  }

  .caja-icon-text {
    width: 100%;
  }

  .caja-icon-text p {
    text-align: center;
    padding: 5px 10px 10px 10px;
  }

  .caja-icon {
    width: 100%;
  }

  .conten-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .caja-rectangular-conten .filas i {
    margin-top: 30px;
  }


  .fila-q-somos .columna-50 img {
    width: 100%;
  }

  .img-qsomos {
    margin-top: 25px;
  }

  .qu-somos {
    margin-right: 0;
    text-align: center;
  }

  .table-descuentos .space-mb td {
    font-size: 0.9rem;
  }

  .img-soluciones img {
    width: 100%;
  }

  .margin-soluciones {
    flex-direction: column;
  }

  .img-logo-voivov img{
    width: 100%;
  }

  .filas .columna-5 {
    margin: 0 20px;
  }

  .img-service img {
    width: 100%
  }

  .caja-clientes-logos, .caja-clientes-logos-2, .caja-clientes-logos-3 {
    width: 100%;
    text-align: center;
  }

  .colombia-mb {
    display: block;
    justify-content: center;
  }

  footer .barra-footer {
    height: 100px;
    display: block;
    justify-content: center;
  }

  .fila-footer-3 {
    height: 5px;
    margin-top: 25px;
  }

  .fila-footer-2 {
    justify-content: center;
  }

  /*--------------noticias--------------*/
  .video-cliente {
    margin-top: 70px;
    width: 100%;
    height: auto;
    background-color: #333333;
  }

  .img-noticia img {
    width: 100%;
  }

  .columna-065 {
    width: 100%;
    padding: 0;
  }

  .columna-035 {
    width: 100%;
  }

  .fila-noticias-2 {
    flex-direction: column;
  }

  .fila-noticias-2 img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }

  .txt-noticia {
    font-size: 1rem;
    line-height: 1.3rem;
    margin-left: 0;
  }

  .margin-casos {
    flex-direction: column;
  }

  .img-noticia img {
    width: 100%;
  }

  .filas .caja-novedades .margin-m{
    margin: 1px;
    margin-top: 10px;
  }

  /*--------------casos--------------*/
  .estrategia {
    text-align: center;
  }

  .sub-title-casos {
    text-align: center;
  }

  .caja-1txt {
    width: 30%;
  }

  .caja-1txt a {
    padding: 10px 5px;
    font-size: 0.9rem;
   }

  .caja-2txt {
    width: 70%;
  }

  .caja-2txt a {
    padding: 10px 5px;
    font-size: 0.9rem;
   }

  .video iframe{
    width: 100%;
  }

  .novedad-bt .ver-mas {
    padding: 10px 25px;
  }

}

}

/*<-----------@media------------>*/