@import url('https://fonts.googleapis.com/css?family=Krub:300,300i,500,500i,600,600i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Numans&display=swap');

body{font-family: 'Krub', sans-serif; color:#626060; }

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

#nav-pc{position: fixed;z-index: 999;width: 100%;background: #fff;}
#nav-mobile{display: none;position: fixed;z-index: 999;width: 100%;background: #fff;}
.navbar{webkit-box-shadow: 0px 10px 20px -12px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 20px -12px rgba(0,0,0,0.5);box-shadow: 0px 10px 20px -12px rgba(0,0,0,0.5);}
.header{ background-color: #fff; padding-top: 1rem; padding-bottom: 2rem;border-bottom: 2px solid #fff;}
.header .container{ display: flex; flex-wrap: wrap; align-items: flex-end;}
.header .idioma a{ font-size: 17px; line-height: 22px; font-weight: 600; color: #000;}
.header .idioma a:hover{ color: #007DAB;}
.header .redes{ margin: 0; padding: 0;}
.header .redes li{ list-style: none; display: inline-block; margin:10px;}
.header .redes li:first-child{ margin-left: 0;}
.header .redes li:last-child{ margin-right: 0;}
.header .redes li a:hover path{ fill: #007DAB;}

.hamburguesa3 {display: block;width: 35px;height: 0px;position: relative;margin: 35px 100px;cursor: pointer;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.hamburguesa3 span {  display: block; position: absolute; height: 6px; width: 100%; background: #000; border-radius: 20px;  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}

.hamburguesa3.collapsed span:nth-child(1) { top: 0px; width:100%; left:0px;}
.hamburguesa3.collapsed span:nth-child(2),
.hamburguesa3.collapsed span:nth-child(3) { top: 14px;width:100%; left:0px;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);}
.hamburguesa3.collapsed span:nth-child(4) { top: 28px;width:100%; left:0px;}

.hamburguesa3 span:nth-child(1) { top: 18px; width: 0%; left: 50%;}
.hamburguesa3 span:nth-child(2) { top: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.hamburguesa3 span:nth-child(3) { top: 18px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.hamburguesa3 span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

.cont-menu {display: inline-block;position: fixed;width: 100%;z-index: 999;background-repeat: repeat-x;background-size: 1px 100%;}
.cont-menu .menu-desplegable {position: relative;-webkit-box-pack: end;justify-content: flex-start; background:#626060;max-height: 250px;}
.cont-menu .menu-desplegable img{position: absolute;top: 63%;z-index: -1;width: 101%;height: 9rem;}
.cont-menu .menu-desplegable ul{list-style: none;padding: 0px;width: 100%;}
.cont-menu .menu-desplegable ul li:nth-child(1) {border-top:0px;}
.cont-menu .menu-desplegable ul li{padding: .5rem 0rem;border-top:1px dotted #fff;}
.cont-menu .menu-desplegable ul a {color: #fff; font-size: 17px; font-family: 'Krub', sans-serif; font-weight: 300;}
.navbar-expand-lg .navbar-nav {-ms-flex-direction: row!important;flex-direction: row!important;}

nav{overflow: hidden; position: relative; height: 78px;}

nav .bg-nav{position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;z-index: 1;}

nav #menu-lg {display: flex;justify-content: center;align-items: center;height: 4rem;}

nav .navbar-nav{width: 100%;}

nav #menu-lg .navbar-nav{z-index: 9;}

nav #menu-lg .nav-item{width: 100%;font-size: 22px;height: 40px;margin-top: 2rem;font-weight: 300;display: flex;justify-content: center;border-right: 1px solid #707070;}

nav #menu-lg .nav-item:last-child{border-right: 0px;}

nav #menu-lg .nav-item a{color: #626060;margin-top: -1rem; margin-bottom: 0rem;}

nav #menu-lg li.nav-item a:active,
nav #menu-lg li.nav-item a:hover{color: #004E6D;}

nav #menu-lg li a.active{color: #004E6D;font-weight: 400;}

.banner {overflow: hidden;position: relative;height: 760px;}

.banner img {position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;}

.carousel-home .carousel-item.banner{height: 820px;background: #fff;}

.carousel-home .carousel {top: 13rem;}

.carousel-home .carousel-info{top: 23%;text-align: start;right: 50%;left: 31%;}

.carousel-home .slide-1 .animacion-1{overflow: hidden;position: relative;height: 715px;left: 22%;}

.carousel-home .slide-1 .animacion-2{overflow: hidden;position: relative;height: 364px;right: 29%;top: -38%;}

.carousel-home .slide-1 .animacion-1 img{animation: float 8s ease-in-out infinite;z-index: 999;}

.carousel-home .slide-1 .animacion-2 img{animation: float 6s ease-in-out infinite;z-index: 999;}

.carousel-home .slide-2 .animacion-1{overflow: hidden;position: relative;height: 778px;right: 14%;}

.carousel-home .slide-2 .animacion-2{overflow: hidden;position: relative;height: 200px;left: 31%;top: -38%;}

.carousel-home .slide-2 .animacion-1 img{animation: float 8s ease-in-out infinite;z-index: 999;}

.carousel-home .slide-2 .animacion-2 img{animation: float 6s ease-in-out infinite;z-index: 999;}

.carousel-home .slide-3 .animacion-1{overflow: hidden;position: relative;height: 468px;left: 41%;top: 25%;}

.carousel-home .slide-3 .animacion-2{overflow: hidden;position: relative;height: 133px;left: 32%;top: -51%;}

.carousel-home .slide-3 .animacion-1 img{animation: float 8s ease-in-out infinite;z-index: 999;padding: 1rem 0;}

.carousel-home .slide-3 .animacion-2 img{animation: float 6s ease-in-out infinite;z-index: 999;}

@keyframes float { 0% {transform: translateY(0px);} 50% {transform: translateY(-10px);} 100% {transform: translateY(0px);} }

.carousel-home .slide-1 .carousel-info p{text-align: initial!important;}

.carousel-home .slide-1 .carousel-info{position: absolute;left: -5420px;right: -5000px;top: -4600px;bottom: -5000px;margin: auto;height: 100%;width: 350px;}

.carousel-home .slide-2 .carousel-info{position: absolute;left: -4590px;right: -5000px;top: -4630px;bottom: -5000px;margin: auto;height: 100%;width: 381px;}

.carousel-home .slide-3 .carousel-info{position: absolute;left: -4530px;right: -5000px;top: -4600px;bottom: -5000px;margin: auto;height: 100%; width: 415px;}

.carousel-home .carousel-info{position: absolute;left: -4650px;right: -5000px;top: -4650px;bottom: -5000px;margin: auto;height: 100%;width: 430px;}

.carousel-home .carousel-info p{font-size: 27px;line-height: 1.2em;font-weight: 300;width: 100%;text-align: initial;color: #fff; margin-bottom: 0px;}

.carousel-home .carousel-info p strong{font-size: 30px;}

.carousel-home .carousel-info p strong{color: #007DAB;font-weight: 700;}

.carousel-home .carousel-info p strong:nth-child(2n){color: #fff;font-weight: 700;}

.carousel-home .carousel-info p:nth-child(2n){font-size: 33px;font-weight: 300;width: 100%;text-align: initial;color: #fff; margin-bottom: 0px;}

.carousel-home .carousel-info.ingles p:nth-child(1) {font-size: 27px;}

.carousel-home .carousel-info.ingles p:nth-child(2n) {font-size: 30px;}

.carousel-home .carousel-item:nth-child(2) p{text-align: end;}

.carousel-home .carousel-indicators{position: absolute;left: -5685px;right: -5000px;top: 1000px;bottom: -55px;margin: auto;height: 100%;width: 350px;}

.carousel-home .carousel-indicators li{width: 18px;height: 18px;border-radius: 30px;box-sizing: border-box;background-clip: unset;border: 4px solid #fff;background: #B5B9B9;opacity: 1;}

.carousel-home .carousel-indicators .active{background: #007DAB!important;}

#head-seccion {overflow: hidden;position: relative;height: 540px;padding: 0px; top: 12.8rem}

#head-seccion img{position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;}

#intro{padding: 15rem 0 4rem 0;}

p.intro{font-size: 19px;font-weight: 300; color: #626060;}

p.intro a{font-size: 19px; color: #007DAB;}

.institucional{color:#007DAB;font-style: italic; font-weight: 900;}

#consultar .bg-listos{overflow: hidden;position: relative;height: 667px;}

#consultar img {position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;}

#consultar .contenedor-consultar{position: relative;display: grid;justify-content: flex-end;top: 40px;margin-left: 35%;margin-right: 25%;}

#consultar .contenedor-consultar h1{position: relative;font-family: 'Numans',sans-serif;text-align: end;font-size: 50px;top: 7rem;color: #fff;}

#consultar .contenedor-consultar p {position: relative;text-align: end;font-weight: 600;top: 9rem;color: #fff;font-size: 20px;padding-left: 38%;line-height: 2rem;}

#consultar .contenedor-consultar button{position: relative;color: #fff;font-size: 22px;font-weight: 500;border: 1px solid #fff;top: 11rem;width: 30%;left: 70%;}

#consultar .contenedor-consultar .btn-ingles{width: 40%;left: 60%;}

#indicadores #contenedor-carousel{display: flex; justify-content: space-around; align-items: center;background-color: #fff;}

#indicadores .carousel-control-next-icon,#indicadores .carousel-control-prev-icon{background-image: none;}

#indicadores #contenedor-carousel .align-img {justify-content: flex-end;}

#indicadores .titulo-indicadores {display: flex;justify-content: flex-start;align-items: flex-end;margin-top: 8rem;}

#indicadores .titulo-satisfaccion{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: -8rem;}

#indicadores .titulo-indicadores h2{font-weight: 300;font-size: 34px;line-height: 1.7rem;color: #626060;}

#indicadores .titulo-satisfaccion h1{font-size: 50px;line-height: 2.5rem;font-weight: 500;margin-top: 1rem;}

#indicadores .porcentaje{display: flex;justify-content: flex-end;align-items: center;color:#004E6D;height: 200px; background-color: #fff;}

#indicadores .titulo-pocentaje{text-align: end; padding: 0 3rem 0 0;}

#indicadores .porcentaje h1{font-size: 100px;font-family: 'Numans', sans-serif;}

#indicadores .porcentaje span{font-size: 40px;}

#indicadores .porcentaje h2{font-size:26px;color: #BCC3C3;font-family: 'Numans', sans-serif;text-align: end;padding-right: 4.5rem;}

.linea-puntos{position: relative;left: 14%;right: 0px;width: 32%;margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid #004E6D;border-style: dotted;}

#testimonios .bg-testimonios{overflow: hidden;position: relative;height: 649px;}

#testimonios .bg-testimonios img{position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;}

#testimonios .contenedor-testimonios{overflow: hidden;position: relative;height: 580px;align-items: center;display: flex;}

#testimonios .contenedor-testimonios p {font-size: 30px;color: #fff;text-align: end;font-weight: 300;font-style: italic;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;width: 700px;}

#certificacion {padding-top: 4rem; padding-bottom: 2rem;}

#certificacion .icons-certificacion{display: flex;justify-content: flex-start;align-items: center;}

#certificacion .icons-certificacion2{display: flex;justify-content: flex-end;align-items: center;}

#certificacion .icons-certificacion2 a:nth-child(3n){border-left: 1px dotted #004E6D;margin-left: 15px;}

#certificacion p.colaboradores{margin-left: 40px;}

#certificacion ul{display: flex;justify-content: space-around;align-items: center;list-style: none;padding: 0px;}

#certificacion ul li.membresias {border-left: 1px dotted #004e6d;padding-left: 1.5rem;height: 4rem;display: flex;align-items: center;font-size: 15px;color: #626060;font-weight: 300;}

footer{background: #000;padding: 5rem;}

footer ul{color: #fff; list-style: none;font-size: 14px;line-height: 1.7rem;}

footer ul.menu-footer{border-left: 1px dotted #004e6d;margin-left: 0;margin-right: 10px;}

footer ul.menu-footer a{color: #007DAB;font-size: 15px;}

footer ul.menu-footer a:hover{color: #007DAB;}

#piecu {position: relative;right: 0px;bottom: -50px;}


/** SECCION NOSOTROS **/


#quienes-somos {padding: 17rem 0 4rem 0;}

#quienes-somos h1#compromiso{padding: 1.1rem 0;margin-bottom: 1rem}

.titulo-azul {font-size: 30px; font-family: 'Numans', sans-serif; color: #004E6D; padding-bottom: 2rem;}

#mision-vision .bg-mision{overflow: hidden;position: relative;height: 1024px;}

#mision-vision img {position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;}

#mision-vision .contenedor-mision {position: absolute;top: 4.5rem;color: #fff;font-weight: 300; font-size: 19px;}

#mision-vision .contenedor-mision p{padding-left: 1rem;}

#mision-vision .contenedor-mision p::before{content: "•";color:#fff;font-weight: bold;display: inline-block;width: 1em;font-size: 14px;margin-left: -1rem;}

#mision-vision .contenedor-mision h1{font-size: 30px; font-family: 'Numans', sans-serif; padding: 1rem 0;}


/** SECCION SERVICIOS **/


#servicios {padding: 17rem 0 4rem 0;}

#servicios h2{font-size: 20px;font-weight: 300;color: #004E6D; text-transform: uppercase;}

#servicios ul{list-style: none;padding-inline-start: 20px;font-size: 19px;font-weight: 300;margin-top: 2rem;}

#servicios ul li::before{content: "•";color:#007DAB;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;font-size: 14px;}

#servicios #linea-dotted {border-bottom: 1px solid #CBD5D5;border-bottom-style: dotted;padding-bottom: 1rem;}

#idiomas .bg-idiomas{overflow: hidden;position: relative;height: 765px;}

#idiomas .bg-idiomas img{    position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;}

#idiomas .bg-idiomas .contenedor-idiomas{position: absolute;top: 7rem;}

#idiomas .bg-idiomas .contenedor-idiomas p{margin-bottom: .5rem;color: #fff;font-weight: 600;font-size: 19px;}


/** SECCION PROCESOS **/

#procesos{padding: 17rem 0 4rem 0;}

#gestion{padding-bottom: 4rem;}

#gestion h1{color: #004E6D;font-size: 30px;font-weight: 300;}

#gestion ul{list-style: none;padding-inline-start: 18px;font-size: 20px;font-weight: 300;margin-top: 2rem;}

#gestion ul li::before {content: "•";font-weight: bold;display: inline-block;width: 1rem;margin-left: -2em;font-size: 9px;}

#gestion .row{display: flex;justify-content: center;align-items: center;}


/** TRAYECTORIA **/

#trayectoria {padding: 17rem 0 10rem 0;overflow: hidden; position: relative;}

#trayectoria .comilla-1{position: absolute;left: 18%;top: 18%;}

#trayectoria .comilla-2{position: absolute;right: 25%;}

#trayectoria #firma {position: relative;top: 5rem;}

#trayectoria .titulo-firma{font-size: 30px;font-family: 'Krub', sans-serif;color: #007DAB;padding-bottom: 2rem;}


/** CONTACTO **/

#contacto {padding: 17rem 0 4rem 0;}

#contacto-2 {position: relative; top: -10rem;}

#contacto-1 .bg-contacto,#contacto-2 .bg-contacto{overflow: hidden;position: relative;height: 637px;}

#contacto-1 .bg-contacto .img-contacto, #contacto-2 .bg-contacto .img-contacto{position: absolute;left: -5000px;right: -5000px;top: -5000px;bottom: -5000px;margin: auto;height: 100%;}

#contacto-1 h2, #contacto-2 h2 {font-size: 25px;color: #007DAB; padding-top: 4rem;}

#contacto-1 p, #contacto-2 p{font-size: 20px; font-weight: 300;margin: 0px;}

#contacto-1 p a, #contacto-2 p a{text-decoration: none;color: #626060;}

#info-general {position: relative;margin-top: -14rem;padding-bottom: 5rem;;}

#info-general h2 {font-size: 25px;color: #007DAB;}

#info-general p {font-size: 20px;font-weight: 300;margin: 0px; }

#info-general p a {text-decoration: none;color: #626060}

@media (max-width: 1600px){
    .carousel-home .slide-3 .animacion-1 {left: 45%;}
    .carousel-home .slide-2 .animacion-1 {right: 20%;}
    .linea-puntos {left: 17%;width: 40%;}
    #consultar .contenedor-consultar.listos-ingles{
        top: 0px;
    }
}

@media (max-width: 1600px){
    .carousel-home .slide-3 .animacion-1 {
    left: 46%;}
}

@media (max-width: 1400px){
    #head-seccion {height: 470px;}
    .carousel-home .slide-1 .carousel-info {left: -5455px;}
    .carousel-home .slide-2 .carousel-info {left: -4590px;width: 300px;}
    .carousel-home .slide-3 .carousel-info {width: 338px;left: -4596px;}
}


@media (max-width: 1366px) {
    .carousel-home .slide-1 .animacion-1 {left: 30%;}
    .carousel-home .slide-1 .animacion-2 { right: 40%;}
    .carousel-home .slide-2 .animacion-1 {height: 775px;right: 20%;}
    .carousel-home .slide-3 .animacion-1 {left: 46%;}
    .carousel-home .slide-3 .animacion-2 {left: 44%;}
    #trayectoria .comilla-1 {left: 2%;}
    #trayectoria .comilla-2 {right: 10%;}
    #certificacion ul li{padding: 0 2rem;}
    #consultar .contenedor-consultar{margin-left: 44%;margin-right: 15%;}
    .linea-puntos {left: 16%;width: 45%;}
    #consultar .contenedor-consultar .btn-ingles {width: 35%;left: 65%;font-size: 18px;top: 9rem;}
}


@media (max-width: 1024px){
    .carousel-home .carousel-item.banner {height: 730px;}
    .carousel-home .slide-1 .animacion-1 {left: 37%;height: 639px;}
    .carousel-home .slide-1 .animacion-2 {right: 48%;top: -42%;}
    .carousel-home .slide-2 .animacion-1 {height:  685px;right: 24%;}
    .carousel-home .slide-2 .animacion-2 {left: 45%;}
    .carousel-home .slide-3 .animacion-1 {height: 400px;left: 54%;}
    .carousel-home .slide-3 .animacion-2 {left: 46%;top: -63%;}
    .carousel-home .carousel-indicators {top: 877px; display: none;}
    .carousel-home .slide-1 .carousel-info {left: -5405px;width: 320px;top: -4660px;}
    .carousel-home .slide-2 .carousel-info {left: -4589px;top: -4735px;width: 294px;}
    .carousel-home .slide-3 .carousel-info {left: -4648px;top: -4700px;width: 336px;}
    .carousel-home .carousel-info p {font-size: 30px;}
    #consultar .contenedor-consultar .btn-ingles {top: 11rem;}
    #head-seccion {height: 540px;}
    #trayectoria .comilla-1{width: 80px;left: 1%;}
    #trayectoria .comilla-2{width: 80px;}
    #consultar .contenedor-consultar {margin-left: 30%;margin-right: 5%;}
    #contacto-1 .bg-contacto, #contacto-2 .bg-contacto {height: 570px;}
    .linea-puntos {left: 25%;width: 50%;margin-top: 0px;margin-bottom: 0px;}
    #indicadores #contenedor-carousel{padding-right: 0px;margin-right: 0px;}
    #indicadores .titulo-indicadores {margin-top: 7rem;}
    #indicadores .titulo-satisfaccion{margin-top:-7rem;}
    #indicadores .contenedor-img img {width:490px;}
    #certificacion {padding-top: 0rem; padding-bottom: 2rem;}
    #certificacion ul li{padding: 0 1rem;}
}


@media (max-width: 991px) {
    .header{ padding-top: 45px; padding-bottom: 45px;}
    .header .logo img{ max-width: 100%; width: 270px;}
    .header .redes{ text-align: right;}
    .header .redes li{ margin: 0 10px;}
    .banner{ height: 520px;}
    .carousel-home .carousel-info p {font-size: 30px; margin-bottom: 0px}
    .carousel-home .carousel-info {left: -5241px;top: -4766px;width: 300px;}
    .carousel-home .slide-1 .animacion-1 {left: 37%;height: 490px;}
    .carousel-home .slide-1 .animacion-2 {height: 300px;right: 50%;top: -45%;}
    .carousel-home .slide-2 .animacion-1 {height: 534px;right: 24%;}
    .carousel-home .slide-2 .animacion-2 {left: 45%;height: 140px;}
    .carousel-home .slide-3 .animacion-1 {height: 310px;left: 54%;}
    .carousel-home .slide-3 .animacion-2 {left: 49%;top: -55%;}
    #head-seccion {height: 422px;top: 13rem;}
    #quienes-somos {padding: 18rem 0 4rem 0;}
    #servicios div .info-servicios{position: relative;top: 1.5rem;left: 0rem;}
    #gestion .icon-procesos{width: 335px;}
    #indicadores #contenedor-carousel {display: block; padding-right: auto; margin-right: auto;}
    #indicadores #contenedor-carousel .align-img {justify-content: center;}
    #indicadores .titulo-indicadores {display:block;margin-top: 1rem;}
    #indicadores .titulo-satisfaccion {display: block;margin-top: 0rem; margin-bottom: 1rem;}
    .linea-puntos {left: 0%;width: 67%;}
    #indicadores .titulo-pocentaje {text-align: justify;padding: 0 0rem 0 0;}
    #indicadores .porcentaje h2 {text-align: initial;padding-right: 0;max-width: 70%;}
    #indicadores .contenedor-img {width: 100%; padding-left: 0;}
    #indicadores .contenedor-img img{width: 475px;}
    #certificacion .icons-certificacion {display: inline-table;}
    #servicios ul {padding-inline-start: 12px;}
}
@media (max-width: 768px) {
    nav{height: 65px;}
    nav #menu-lg .nav-item a {font-size: 19px;}
    .navbar-nav {flex-direction: row;}
    .navbar-toggler {display: none;}
    .header .container{ padding: 0;}
    .header .idioma a{ font-size: 15px; line-height: 20px;}
    .header .logo img{ width: 240px;}
    .header .redes li{ margin: 0 5px;}
    .header .redes li svg:not(:root) { width: 18px; height: 18px;}
    .banner { height: 300px;}
    .carousel-home .carousel-info p {font-size: 25px;}
    .carousel-home .carousel-item.banner {height: 565px;}
    .carousel-home .slide-1 .carousel-info {left: -5264px;top: -4795px;width: 286px;}
    .carousel-home .slide-2 .carousel-info {left: -4654px;top: -4816px;}
    .carousel-home .slide-3 .carousel-info {left: -4788px;width: 337px; top: -4800px;}
    .carousel-home .carousel-indicators {display: none;}
    .carousel-home .carousel-info.ingles p {font-size: 22px;}
    #indicadores{padding: 0 10%;}
    #indicadores .porcentaje {justify-content: space-around;padding: 2rem 0;}
    #indicadores .titulo-indicadores h2 {font-size: 31px;}
    #indicadores .titulo-satisfaccion h1 {font-size: 47px;}
    .linea-puntos {left: 0%;width: 100%;}
    #consultar .bg-listos {height: 600px;}
    #consultar .contenedor-consultar {top: 0px;margin-left: 0%;margin-right: 1%;}
    #consultar .contenedor-consultar p {padding-left: 50%;}
    #certificacion ul li {padding: 0rem;}
    #certificacion ul li img{padding:0 1rem;}
    #testimonios .bg-testimonios {height: 550px;}
    #testimonios .contenedor-testimonios {height: 330px;top: 5rem;align-items: center;display: flex;}
    #testimonios .contenedor-testimonios p {font-size: 30px;width: 493px;}
    #mision-vision .contenedor-mision {font-size: 20px;}
    #trayectoria .titulo-azul{position: relative;left: 15%;padding-bottom: 4rem;}
    #trayectoria .comilla-1 {left: 5%;top: 14%;}
    #contacto-1 .bg-contacto, #contacto-2 .bg-contacto {height: 490px;}
    #contacto {padding: 13rem 0 0rem 0;}
    #contacto-1 h2, #contacto-2 h2 {padding-top: 0rem;}
    #contacto-2 {top: 0rem;}
    #info-general {margin-top: 0rem;}
    footer {padding: 5rem 2rem;}
    footer ul {padding: 0 .5rem;}
    footer ul.menu-footer { padding-left: 2rem;}
}

@media (max-width: 767px){
    #nav-pc{display: none;}
    #nav-mobile{display: block;}
    .header {background: #f4f4f4;padding-top: 20px;padding-bottom: 20px;margin-top: 1rem;webkit-box-shadow: 0px 10px 20px -12px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 20px -12px rgba(0,0,0,0.5);box-shadow: 0px 10px 20px -12px rgba(0,0,0,0.5);}
    .carousel-home .carousel {top: 11rem;}
    #idiomas .bg-idiomas .contenedor-idiomas p {margin-bottom: 0rem;}
    #gestion h1{font-size: 25px;}
    #gestion .icon-procesos {width: 150px;}
    #gestion .orden {order: 2}
}

@media (max-width: 576px) {
    .cont-menu .menu-desplegable img {top: 75%;}
    #nav-mobile .logo {width: 250px;}
    .carousel-home .slide-1 .carousel-info {width: 223px;left: -5248px;}
    .carousel-home .slide-2 .carousel-info {left: -4771px;top: -4816px;width: 200px;}
    .carousel-home .slide-3 .carousel-info {width: 240px;left: -4813px;}
    .carousel-home .slide-1 .animacion-1 {left: 43%;height: 433px;}
    .carousel-home .slide-1 .animacion-2 {height: 250px;right: 50%;top: -45%;}
    .carousel-home .slide-2 .animacion-1 {height: 470px;right: 29%;}
    .carousel-home .slide-3 .animacion-1 {height: 282px;left: 57%;top: 32%;}
    .carousel-home .slide-3 .animacion-2 {left: 44%;top: -54%;height: 85px;}
    .carousel-home .carousel {top: 9.9rem;}
    .carousel-home .carousel-info p{font-size: 20px;}
    .carousel-home .carousel-info.ingles p:nth-child(1) {font-size: 20px;}
    .carousel-home .carousel-info p strong {font-size: 25px;}
    .carousel-home .carousel-item.banner {height: 500px;}
    .carousel-home .carousel-info.ingles p {font-size: 14px;}
    p.intro {font-size: 19px;font-weight: 300;}
    #head-seccion {height: 310px;top: 9.9rem;}
    #quienes-somos {padding: 14rem 0 4rem 0;}
    #consultar .contenedor-consultar h1 {font-size: 34px;top: 6rem;}
    #consultar .contenedor-consultar p {padding-left: 41%;font-size: 16px;line-height: 1.7rem;}
    #consultar .contenedor-consultar button {width: 32%;left: 67%;}
    #consultar .contenedor-consultar .btn-ingles {top: 11rem;width: 40%;left: 60%;}
    #indicadores {padding: 0;}
    #indicadores .porcentaje h1 {font-size: 90px;}
    #indicadores img{ width: 150px;}
    #indicadores .titulo-satisfaccion h1 {font-size: 45px;}
    #indicadores .titulo-indicadores h2 {font-size: 30px;}
    #indicadores .porcentaje h2 {font-size: 23px;}
    .linea-puntos {left: 4%; width: 92%;}
    #testimonios .bg-testimonios {height: 425px;}
    #testimonios .contenedor-testimonios {height: 277px;top: 4rem;}
    #testimonios .contenedor-testimonios p {font-size: 25px;width: 400px;}
    #certificacion{position: relative; padding-top: 0;margin-top: -2rem;}
    #certificacion ul li.membresias {padding-left: 0;border-left: 0px;height: 0;margin: -0.5rem 0;}
    ul .icon-1{position: absolute;top: 0%;left: 5%;}
    ul .icon-1 img{width: 175px;}
    ul .icon-2{position: absolute;top: 45%;left: 8%;}
    ul .icon-3,ul .icon-4,ul .icon-5,ul .icon-6{margin-top: 7rem;}
    ul .icon-3 img,ul .icon-4 img,ul .icon-5 img,ul .icon-6 img{padding: 0 1rem!important;}
    .titulo-azul {font-size: 28px;}
    #servicios,#procesos{padding: 14rem 0 4rem 0;}
    #trabajamos{padding-bottom: 4rem;}
    #mision-vision .bg-mision {height: 1080px;}
    #mision-vision .contenedor-mision {top: 4rem;}
    #mision-vision .contenedor-mision h1 {font-size: 28px;}
    #servicios div .info-servicios {width: 45%;top: 1.2rem;left: 0;overflow: hidden;}
    #servicios ul {font-size: 17px;margin-top: 1rem;}
    #servicios h2 {font-size: 18px;}
    #servicios img{width: 238px;}
    #idiomas .bg-idiomas {height: 500px;margin-bottom: 4rem;}
    #trayectoria .titulo-azul {left: 20%;top: 3%;}
    #contacto-1 .bg-contacto .img-contacto, #contacto-2 .bg-contacto .img-contacto {top: -4930px;height: 375px;}
    #contacto-2 {top: -3rem;}
    #info-general {margin-top: -4rem;}
    #certificacion .icons-certificacion{display: flex; overflow: hidden;}
    #certificacion .icons-certificacion img{margin-right:0px; padding: 0 10px;}
    #certificacion p.colaboradores {margin-left: 0px;margin-top: 1rem;}
    #certificacion .icons-certificacion2 a:nth-child(3n){width: 100%;display: flex; justify-content: flex-end;border: 0px;}
    #certificacion .icons-certificacion2 a:nth-child(3n) img{border-left: 1px dotted #004E6D;}
}

@media (max-width: 575px){
    .logo{height: 65px;width: auto!important;}
    .carousel-home .carousel {top: 9rem;}
}

@media (max-width: 480px) {
    .carousel-home .carousel-item.banner {height: 280px;}
    .carousel-home .slide-1 .carousel-info {width: 137px;left: -5126px; top: -4906px;}
    .carousel-home .carousel-info p {font-size: 13px;line-height: 1rem;}
    .carousel-home .carousel-info.ingles p:nth-child(1) {font-size: 13px;}
    .carousel-home .carousel-info p strong {font-size: 13px;}
    .carousel-home .slide-2 .carousel-info {left: -4851px;top: -4910px;width: 160px;}
    .carousel-home .slide-3 .carousel-info {width: 165px;left: -4878px;top: -4916px;}
    .carousel-home .slide-1 .animacion-1 {left: 29%;height: 243px;}
    .carousel-home .slide-1 .animacion-2 {height: 150px;right: 38%;top: -45%;}
    .carousel-home .slide-2 .animacion-1 {height: 265px;right: 25%;}
    .carousel-home .slide-2 .animacion-2 {left: 49%;height: 110px;top: -57%;}
    .carousel-home .slide-3 .animacion-1 {height: 205px;left: 57%;}
    .carousel-home .slide-3 .animacion-2 {left: 44%;top: -72%;height: 63px;}
    .hamburguesa3 {margin: 25px 80px;width: 30px;}
    .hamburguesa3 span {height: 5px;}
    .header .idioma a{ overflow: hidden; width: 16px;}
    .banner { height: 200px;}
    .header .redes { text-align: right; top: 257px;margin-right: 20px;}
    .header .redes img{height: 15px;}
    .header {padding-top: 10px;padding-bottom: 10px;}
    .cont-menu .menu-desplegable img {top: 63%;}
    .carousel-home .carousel {top: 7.8rem;}
    #consultar .contenedor-consultar .btn-ingles {top: 9rem;font-size: 13px;}
    #consultar .contenedor-consultar {margin-right: 0%;}
    #head-seccion {top: 7.5rem;}
    #intro {padding: 10rem 0 0rem 0;}
    #consultar .contenedor-consultar button {width: 36%;left: 64%;}
    #consultar .contenedor-consultar p { padding-left: 32%;font-size: 14px;top: 8rem;}
    #consultar .listos-ingles button{font-size: 13px;}
    #consultar .listos-ingles p{padding-left: 38%;}
    #trayectoria{padding: 10rem 0 8rem 0;}
    #quienes-somos, #procesos, #contacto{padding: 10rem 0 2rem 0;}
    p.intro {font-size: 13px;}
    #indicadores .porcentaje {height: 110px;padding: 0;}
    #indicadores .porcentaje h1 {font-size: 50px;}
    #indicadores .porcentaje h2 {font-size: 12px;}
    #indicadores .titulo-indicadores {margin-top: 0rem;}
    #indicadores .titulo-satisfaccion{margin-bottom: 0rem;}
    #indicadores .titulo-satisfaccion h1 {font-size: 28px;}
    #indicadores .titulo-indicadores h2 {font-size: 17px;}
    #indicadores .titulo-indicadores h2 {font-size: 17px;}
    #indicadores .contenedor-img img {width: 300px;}
    #testimonios .contenedor-testimonios p {width: 100%;font-size: 20px;}
    #certificacion ul li img {padding: 0 .5rem;}
    #certificacion .icons-certificacion {display: inline-block;}
    #certificacion .icons-certificacion img {margin-right: 0px;padding:0px;margin-top: 1rem;}
    .titulo-azul {font-size: 22px;}
    #mision-vision .bg-mision {height: 890px;}
    #mision-vision .contenedor-mision h1 {font-size: 22px;}
    #servicios h2 {font-size: 13px;}
    #mision-vision .contenedor-mision {font-size: 13px;}
    #servicios {padding: 10rem 0 0rem 0;}
    #servicios div .info-servicios {top: 1rem;}
    #servicios .contenedor-servicio {border-bottom: 1px solid #CBD5D5;border-bottom-style: dotted;}
    #servicios .img-servicios{padding-left: 0px;}
    #servicios .info-servicios{padding-right: 0px;}
    #servicios ul {font-size: 13px;}
    p.intro a{font-size: 13px;}
    #idiomas .bg-idiomas .contenedor-idiomas p {margin-bottom: 0rem;font-size: 13px;}
    #idiomas .bg-idiomas {height: 325px;}
    #idiomas .bg-idiomas .contenedor-idiomas {top: 3.5rem;}
    #gestion h1 {font-size: 20px;}
    #gestion ul {font-size: 13px;margin-top: 0rem;}
    #gestion .row div {padding-top: 1rem!important;}
    #gestion .linea-circulos{font-size: 14px;border-bottom:1px dotted #CBD5D5;width: 93%;}
    #trayectoria .titulo-firma{font-size: 18px; margin-top: -2rem;}
    #trayectoria .comilla-1{width: 50px;top: 16%;}
    #trayectoria .comilla-2{width: 50px;}
    #contacto-1 h2, #contacto-2 h2, #info-general h2 {font-size: 18px;}
    #contacto-1 p, #contacto-2 p, #info-general p {font-size: 13px;}
    #contacto-1 .bg-contacto .img-contacto{top: -4861px;height: 290px;left: -5200px;}
    #contacto-2 .bg-contacto .img-contacto{top: -4835px;height: 290px;right: -5150px;}
    #piecu {bottom: 0px;}
    footer {padding: 3rem 1rem;}
    footer ul {font-size: 12px;}
}

@media (max-width:380px){
    .cont-menu .menu-desplegable ul li { padding: .4rem 0rem;}
    .hamburguesa3 {margin: 25px 50%;width: 30px;}
    .carousel-home .carousel {top: 7.8rem;}
    .carousel-home .slide-1 .animacion-1 {left: 37%;height: 243px;}
    .carousel-home .slide-1 .animacion-2 {height: 150px;right: 46%;top: -41%;}
    .carousel-home .slide-2 .animacion-1 {height: 265px;right: 27%;}
    .carousel-home .slide-3 .animacion-1 {height: 160px;left: 59%;}
    .carousel-home .slide-3 .animacion-2 {left: 50%;top: -65%;height: 70px;}
    #consultar .bg-listos {height: 560px;}
    #consultar .contenedor-consultar .btn-ingles {top: 9rem;font-size: 13px;width: 50%;left: 50%;}
    #consultar .contenedor-consultar p {padding-left: 35%;font-size: 13px;line-height: 1.5rem; top: 7rem;}
    #consultar .contenedor-consultar button {font-size: 18px;top: 9rem;width: 40%;left: 60%;}
    #indicadores .porcentaje {margin-top: 2rem;}
    #indicadores .porcentaje h1 {font-size: 40px;}
    #indicadores .titulo-satisfaccion h1 {font-size: 25px;line-height: 1.5rem;margin:10px 0px 0px 0px;}
    #indicadores .titulo-indicadores h2 {font-size: 20px;line-height: 1.5rem;margin: 0px;}
    #indicadores .porcentaje h2 {padding-right: 0px;font-size: 15px;text-align: initial;}
    #indicadores .porcentaje span {font-size: 20px;}
    #indicadores .contenedor-img img{width: 275px;}
    #indicadores #contenedor-carousel .align-img {margin-top: -1rem;}
    .linea-puntos {left: 0%;width: 100%;margin: 0px;}
    #testimonios .bg-testimonios {height: 250px;}
    #testimonios .contenedor-testimonios {height: 168px;top: 2rem;}
    #testimonios .contenedor-testimonios p {font-size: 14px;width: 78%;}
    #servicios div .info-servicios {top: .6rem;height: auto;padding-bottom: 1rem;}
    #certificacion{margin-top: -1rem;}
    ul .icon-1 img {width: 140px;}
    ul .icon-3 img, ul .icon-4 img, ul .icon-5 img, ul .icon-6 img {padding: 0 .2rem!important;}
    #idiomas .bg-idiomas .contenedor-idiomas {top: 4rem;}
    #idiomas .bg-idiomas .contenedor-idiomas p {font-size: 12px;}
    #trayectoria .comilla-1{top: 14%;left: 0px;}

}

@media (max-width: 320px){
    .carousel-home .slide-1 .animacion-1 {left: 44%;height: 243px;}
    .carousel-home .slide-1 .animacion-2 {height: 120px;right: 46%;top: -34%;}
    .carousel-home .slide-2 .animacion-1 {height: 265px;right: 30%;}
    .carousel-home .slide-2 .animacion-2 {left: 49%;height: 88px;top: -44%;}
    .carousel-home .slide-3 .animacion-1 {height: 136px;left: 62%;}
    .carousel-home .slide-3 .animacion-2 {left: 44%;top: -53%;height: 65px;}
    #indicadores .porcentaje {height: 100px;}
    #testimonios .contenedor-testimonios p { width: 90%;}
}