@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");
:root {
    --azul: #007dc3;
    --azul-medio: #009fe2;
    --azul-claro: #3bbdbd;
    --verde-limon: #95c83d;
    --verde: #00a376;
}

* {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    color: #414042;
    font-size: 14px;
    box-sizing: border-box;
}

.animacion-1 {
    animation-name: pulse;
    animation-duration: 3s;
}

.animacion-2 {
    animation-name: headShake;
    animation-duration: 3s;
    z-index: 1;
}

.animacion-3 {
    animation-name: flipInX;
    animation-duration: 3s;
    z-index: 1;
}

#que-hacemos,
#soluciones-talento,
#quienes-somos,
#contacto {
    width: 100%;
    position: relative;
    top: -111px;
}

.contenedor {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.margen {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.margen-interna {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

.flex-item {
    display: flex;
}

.fd-column {
    flex-direction: column;
}

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

.jc-end {
    justify-content: flex-end;
}

.jc-between {
    justify-content: space-between;
}

.jc-around {
    justify-content: space-around;
}

.jc-evenly {
    justify-content: space-evenly;
}

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

.ai-end {
    align-items: flex-end;
}

.ai-start {
    align-items: flex-start;
}

.ai-center {
    align-items: center;
}

.menu-responsive {
    display: none;
}

.menuDespl {
    display: none;
}

.menu {
    background: white;
    position: fixed;
    width: 100%;
    z-index: 2;
    padding: 24px 0 18px 0;
    -webkit-box-shadow: 0px 10px 8px -10px rgba(168, 168, 168, 1);
    -moz-box-shadow: 0px 10px 8px -10px rgba(168, 168, 168, 1);
    box-shadow: 0px 10px 8px -10px rgba(168, 168, 168, 1);
}

.menu .cont-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu .cont-menu .logo {
    max-width: 134px;
    width: 100%;
}

.menu .cont-menu .logo img {
    width: 100%;
}

.menu .cont-menu .contenedor-menu {
    max-width: 650px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu .cont-menu .item-menu {
    max-width: 152px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item-menu-coaching {
    margin-top: 9px;
    max-width: 155px !important;
}

.menu .cont-menu .item-menu .img-encabezado {
    width: 100%;
}

.menu .cont-menu .item-menu .img-encabezado .logo-encabezado,
.btn-que-hacemos {
    width: 100%;
    max-height: 65px;
    height: 100%;
    cursor: pointer;
}

.menu .cont-menu .item-menu .img-encabezado .logo-encabezado-coaching {
    width: 100%;
    max-height: 68px;
    height: 100%;
    cursor: pointer;
}

.menu .cont-menu .item-menu .img-encabezado .colorHover {
    fill: #3bbdbd !important;
}

.menu .cont-menu .item-menu .img-encabezado .logo-svg {
    fill: #8c8e91;
}

.menu .cont-menu .item-menu .texto-svg {
    font-size: 14.5px;
    fill: #414042;
    font-family: Poppins-Regular, Poppins;
    letter-spacing: -0.01em;
}

.menu .cont-menu .item-menu .texto-svg-coaching {
    font-size: 15.2px !important;
    fill: #414042;
    font-family: Poppins-Regular, Poppins;
    letter-spacing: -0.02em;
    text-align: center;
}

.menu .cont-menu .item-menu .texto-svg-contacto {
    font-size: 13.8px !important;
    fill: #414042;
    font-family: Poppins-Regular, Poppins;
    letter-spacing: -0.02em;
}

.menu .cont-menu .logo-whatsapp {
    max-width: 46px;
    width: 100%;
}

.banner-principal {
    height: 680px;
}

.banner-principal .cont-banner-principal {
    background: url(../imagenes/fondos/banner-principal.jpg);
    background-attachment: fixed;
    min-height: 680px;
    background-repeat: no-repeat;
    background-position-y: 100px;
    background-position-x: center;
}

.banner-principal .float-soluciones-talento {
    background: url(../imagenes/complementos/soluciones-talento-humano.svg);
    min-height: 44px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    background-size: cover;
    top: -500px;
}

.banner-principal .float-soluciones-talento img {
    width: 100%;
}

.descripcion-talento {
    background: #3bbdbd;
    padding: 25px 0;
}

.descripcion-talento .titulo-principal-seo {
    text-align: center;
    color: white;
    font-size: 1.2em;
}

.descripcion-talento .cont-descripcion-talento {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.descripcion-talento .cont-descripcion-talento .cont-text {
    max-width: 814px;
    width: 100%;
    text-align: justify;
}

.descripcion-talento .cont-descripcion-talento .cont-text span {
    display: block;
    width: 100%;
    color: white;
    font-size: 16px;
    line-height: 1.2;
}

.descripcion-talento .cont-descripcion-talento .cont-text span:nth-child(2) {
    margin-top: 12px;
}

.descripcion-talento .cont-descripcion-talento .cont-logo {
    max-width: 140px;
    width: 100%;
}

.descripcion-talento .cont-descripcion-talento .cont-logo img {
    max-width: 140px;
    width: 100%;
}

.beneficios {
    display: flex;
    justify-content: space-evenly;
    padding: 35px 0;
    align-items: center;
}

.beneficios .item {
    max-width: 170px;
    width: 100%;
    cursor: pointer;
}

.beneficios .item:hover {
    animation-name: pulse;
    animation-duration: 3s;
}

.beneficios .item:nth-child(5) {
    max-width: 140px;
    width: 100%;
}

.beneficios .item img {
    width: 100%;
}

.caracteristicas-slider .owl-theme .owl-dots .owl-dot span {
    background: #c1df8e;
}

.caracteristicas-slider .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: white;
}

.caracteristicas-slider .item {
    background: #95c83d;
    padding: 10px 0 0 0;
}

.caracteristicas-slider .item .cont-item {
    text-align: center;
}

.caracteristicas-slider .item .cont-item span {
    width: 100%;
    display: block;
    color: white;
    font-size: 18px;
}

.caracteristicas-slider .owl-theme .owl-nav.disabled+.owl-dots {
    padding-top: 10px;
    padding-bottom: 30px;
    background: #95c83d;
    margin-top: 0 !important;
}

.caracteristicas-slider .owl-carousel .owl-stage {
    background: #95c83d;
}

.caracteristicas-slider .cont-diferencial {
    background: #95c83d;
    width: 100%;
    padding-top: 20px;
}

.caracteristicas-slider .diferencial {
    width: 100%;
    color: white;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
}

.elementoFlotante {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 0;
}

.elementoFlotante .cont-elemento {
    max-width: 183px;
    width: 100%;
    position: relative;
    right: 0;
    top: -66px;
    z-index: 1;
}

.elementoFlotante img {
    width: 100%;
}

.sliderBg {
    background: white;
    width: 100%;
    padding: 10px 0 10px 0;
}

.sliderclientes {
    max-width: 1100px;
    margin: 0 auto;
    background: white;
    padding-top: 30px;
}

.sliderclientes .contImg {
    max-width: 140px;
    width: 100%;
}

.sliderclientes .contImg img {
    width: 100%;
}

.clientes {
    text-align: center;
    padding: 40px 0;
}

.clientes span {
    font-size: 25px;
    font-weight: bold;
}

.grupo-360-slider {
    padding: 30px 0 10px;
}

.grupo-360-slider .owl-theme .owl-dots .owl-dot span {
    background: #87cce9;
}

.grupo-360-slider .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1dabe7;
}

.grupo-360-slider .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.grupo-360-slider .item .fotografia-grupo {
    max-width: 125px;
    width: 100%;
    height: 138px;
}

.grupo-360-slider .item .fotografia-grupo img {
    width: 100%;
}

.grupo-360-slider .cont-item {
    width: 100%;
    padding-left: 20px;
    text-align: justify;
    max-width: 350px;
    height: 260px;
}

.grupo-360-slider .wrap-nombre {
    height: 70px;
}

.grupo-360-slider .cont-item span {
    width: 100%;
    display: block;
    font-size: 15px;
}

.grupo-360-slider .cont-item .nombre-ficha {
    font-size: 15px !important;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
}

.grupo-360-slider .item .linea-blanca {
   display: none;
}

.grupo-360-slider .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.ficha-profesional-superior {
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
    justify-content: center;
    height: 130px;
}

.ficha-profesional-superior .content-title {
    max-width: 620px;
    width: 100%;
    padding-left: 30px;
}

.ficha-profesional-superior .content-title .titulo {
    font-size: 25px;
    font-weight: bold;
    color: #3bbdbd;
    line-height: 1;
}

.ficha-profesional-superior .content-title .subtitulo {
    font-size: 17px;
    font-weight: 600;
}

.ficha-profesional-superior .cont-fotografia {
    max-width: 307px;
    width: 100%;
    position: relative;
    top: 260px;
}

.ficha-profesional-superior .cont-fotografia:hover {
    animation-name: pulse;
    animation-duration: 3s;
}

.ficha-profesional-superior .cont-fotografia img {
    width: 100%;
}

.ficha-profesional-inferior {
    background: #3bbdbd;
    padding: 20px 0;
}

.ficha-profesional-inferior .cont-ficha {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ficha-profesional-inferior .cont-ficha .texto-profesional {
    max-width: 727px;
    width: 100%;
    text-align: justify;
    padding: 0 28px 0 15px;
}

.ficha-profesional-inferior .cont-ficha .texto-profesional span {
    font-size: 1.05em;
    color: white;
}

.ficha-profesional-inferior .espaciado-foto-top {
    max-width: 420px;
    width: 100%;
}

.ficha-profesional-inferior .leer-mas,
.leer-menos {
    text-align: right;
    color: white;
    padding-bottom: 10px;
    cursor: pointer;
}

.ficha-profesional-inferior .leer-mas:hover,
.leer-menos:hover {
    color: rgb(199, 199, 199);
}

.ficha-profesional-inferior .text-leer-mas {
    max-width: 1094px;
    width: 100%;
    text-align: justify;
    display: none;
    padding-top: 20px;
}

.ficha-profesional-inferior .text-leer-mas span {
    color: white;
    font-size: 1.1em;
}

.slider-banner-secundario .item-secundario {
    display: flex;
    flex-direction: column;
    height: 560px;
}

.slider-banner-secundario .content-img-1 {
    width: 100%;
    background-image: url("../imagenes/fondos/banner-secundario-1.jpg");
    min-height: 560px;
    background-size: cover;
}

.slider-banner-secundario .etiqueta-flotante {
    background: url("../imagenes/complementos/etiqueta-banner-secundario-1.png");
    background-position: center;
    min-height: 177px;
    width: 100%;
    position: relative;
    top: -320px;
}

.slider-banner-secundario .content-img-2 {
    width: 100%;
    background-image: url("../imagenes/fondos/banner-secundario-1-2.jpg");
    min-height: 560px;
    background-size: cover;
}

.slider-banner-secundario .etiqueta-flotante-2 {
    background: url("../imagenes/complementos/etiqueta-banner-secundario-1-2.png");
    background-position: center;
    min-height: 177px;
    width: 100%;
    position: relative;
    top: -320px;
}

.slider-banner-secundario .content-img-3 {
    width: 100%;
    background-image: url("../imagenes/fondos/banner-secundario-1-3.jpg");
    min-height: 560px;
    background-size: cover;
}

.slider-banner-secundario .etiqueta-flotante-3 {
    background: url("../imagenes/complementos/etiqueta-banner-secundario-1-3.png");
    background-position: center;
    min-height: 177px;
    width: 100%;
    position: relative;
    top: -320px;
}

.slider-banner-secundario .owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}

.cuadrados-flotantes {
    display: flex;
    justify-content: flex-end;
    height: 0;
}

.cuadrados-flotantes .cont-img {
    max-width: 234px;
    width: 100%;
    position: relative;
    top: 0;
}

.cuadrados-flotantes .cont-img {
    max-width: 234px;
    width: 100%;
    position: relative;
    top: -214px;
    z-index: 1;
}

.prefooter {
    background: #3bbdbd;
    width: 100%;
    padding-top: 10px;
    height: 165px;
    display: flex;
}

.prefooter .cont-prefooter {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.prefooter .cont-prefooter .item-prefooter {
    max-width: 360px;
    width: 100%;
}

.prefooter .cont-prefooter .item-prefooter:nth-child(2) {
    max-width: 406px;
    width: 100%;
}

.prefooter .cont-prefooter .item-prefooter:nth-child(3) {
    max-width: 165px;
    width: 100%;
}

.prefooter .cont-prefooter .item-prefooter:nth-child(1) .cont-img {
    max-width: 360px;
    width: 100%;
    position: relative;
    top: 50px;
}

.prefooter .cont-prefooter .item-prefooter:nth-child(1) .cont-img img {
    width: 100%;
}

.prefooter .cont-prefooter .item-prefooter:nth-child(3) .cont-img-item {
    max-width: 170px;
    width: 100%;
}

.prefooter .cont-prefooter .item-prefooter:nth-child(3) .cont-img-item img {
    width: 100%;
}

.prefooter .cont-prefooter .item-prefooter:nth-child(2) span {
    display: block;
    width: 100%;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.pre-contacto {
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px !important;
}

.pre-contacto .item-texto span {
    font-size: 1.05em;
}

.pre-contacto .item-contacto {
    min-height: 60px;
    max-width: 270px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
}

.pre-contacto .item-contacto span {
    font-size: 1.3em;
    font-weight: bold;
    cursor: pointer;
}

.pre-contacto .item-contacto span:hover {
    color: var(--azul-medio);
}

.pre-contacto .item-contacto .cont-icon {
    max-width: 18px;
    width: 100%;
}

.pre-contacto .item-contacto .cont-icon img {
    width: 100%;
}

.contacto {
    display: flex;
}

.contacto .formulario {
    max-width: 380px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px 0 0;
}

.contacto .formulario input {
    max-width: 380px;
    width: 100%;
    margin: 3px 0;
    border: none;
    border-radius: 10px;
    height: 30px;
    padding: 0 13px;
    background: #eaebeb;
}

.contacto .formulario textarea {
    max-width: 380px;
    width: 100%;
    margin: 3px 0;
    border: none;
    border-radius: 10px;
    height: 52px;
    padding: 0 13px;
    background: #eaebeb;
    resize: none;
}

.contacto .formulario-derecha {
    max-width: 380px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.contacto .formulario-derecha input {
    max-width: 380px;
    width: 100%;
    margin: 3px 0;
    border: none;
    border-radius: 10px;
    height: 30px;
    padding: 0 13px;
    background: #eaebeb;
}

.contacto .formulario-derecha .item-captcha {
    max-width: 380px;
    width: 100%;
    min-height: 90px;
    border-radius: 15px;
    border: 2px solid #6d6e71;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    font-weight: bold;
}

::-webkit-input-placeholder {
    color: #414042;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #414042;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #414042;
}

:-ms-input-placeholder {
    color: #414042;
}

.contacto .textoAceptacion {
    padding-left: 25px;
    padding-top: 6.5px;
    font-size: 0.65em;
}


/*ESTILOS PARA EL CHECKBOX INICIA*/

.round {
    position: relative;
}

.round label {
    background-color: #eaebeb;
    border: 1px solid #eaebeb;
    border-radius: 50%;
    cursor: pointer;
    height: 18px;
    position: absolute;
    width: 18px;
    margin: 5px 0 0 0;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 2px;
    opacity: 0;
    position: absolute;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
    display: none;
}

.round input[type="checkbox"]:checked+label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1;
}


/*ESTILOS PARA EL CHECKBOX TERMINA*/

.contacto .btn-submit {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}

.contacto .btn-submit .boton_enviar {
    max-width: 90px;
    width: 100%;
    background: var(--azul-claro);
    color: white;
    font-weight: bold;
    font-size: 1.15em;
    cursor: pointer;
}

.contacto .btn-submit .boton_enviar:hover {
    background: var(--azul-medio);
}

.imagen-decorativa-float {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 0;
}

.imagen-decorativa-float .cont-img {
    position: relative;
    top: -200px;
    max-width: 371px;
    width: 100%;
    right: -31px;
}

.imagen-decorativa-float .cont-img img {
    width: 100%;
}

.icon-redes .cont-items {
    max-width: 260px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: -32px;
}

.icon-redes .cont-items .item {
    max-width: 32px;
    width: 100%;
}

.icon-redes .cont-items .item img {
    width: 100%;
}

.icon-redes .cont-items .item-blog {
    max-width: 68px;
    width: 100%;
}

.icon-redes .cont-items .item-blog img {
    width: 100%;
}

.triangulos-azules-float {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    height: 0;
}

.triangulos-azules-float .cont-triangulos {
    max-width: 100px;
    width: 100%;
    position: relative;
    top: -181px;
    right: 37px;
}

.text-prefooter {
    text-align: justify;
    padding: 0 52px;
    line-height: 1;
}

.text-prefooter span {
    font-size: 0.85em;
}

.text-prefooter .titulo-seo-footer {
    text-align: center;
    padding-bottom: 10px;
}

.franjaFooter {
    background: var(--azul-medio);
    margin-top: 20px;
}

.franjaFooter .contFooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.franjaFooter .contFooter .item {
    color: white;
    display: flex;
    align-items: center;
}

.franjaFooter .contFooter .item:nth-child(1) {
    padding-left: 52px;
}

.franjaFooter .contFooter .item:nth-child(3) {
    max-width: 260px;
    width: 100%;
}

.franjaFooter .contFooter .item .contImg {
    max-width: 65px;
    width: 100%;
    padding-top: 5px;
    padding-right: 8px;
}

.franjaFooter .contFooter .item .contImg img {
    width: 100%;
}

.franjaFooter .contFooter span {
    color: white;
    border-left: 1px solid white;
}

.franjaFooter .contFooter span:nth-child(2) {
    padding-left: 10px;
    padding-bottom: 5px;
}

.footer {
    padding: 10px 52px;
}

.footer a {
    font-size: 0.85em;
    text-decoration: none;
}

.footer a:hover {
    color: var(--azul-medio);
}


/*que-hacemos inicia*/

.gap {
    height: 65px;
}

.gap-contacto {
    height: 65px;
}

.mover-abajo {
    position: relative;
    top: 35px !important;
    transition: 1s ease-in all;
}

.cont-secciones-movimiento {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cont-secciones-movimiento .link-item {
    max-width: 175px;
    width: 100%;
    margin: 0 5px;
}

.cont-secciones-movimiento .item {
    max-width: 175px;
    width: 100%;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
}

.cont-secciones-movimiento .item img {
    width: 100%;
}

.para-que-hacemos {
    display: flex;
    justify-content: center;
    padding: 10px 20px 20px;
}

.para-que-hacemos .cont-que-hacemos {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.para-que-hacemos .cont-que-hacemos .titulo {
    font-size: 31px;
    color: var(--azul-medio);
}

.titulo-confiabilidad {
    font-weight: bold;
    font-size: 26px;
    padding-left: 40px;

}

.para-que-hacemos .cont-que-hacemos .texto {
    max-width: 425px;
    width: 100%;
    text-align: justify;
}

.para-que-hacemos .cont-que-hacemos .texto-contenido {
    font-size: 16px;
    line-height: 1.4;
    padding: 10px 0;
}

.para-que-hacemos .cont-que-hacemos .cont-imagen {
    max-width: 528px;
    width: 100%;
}

.para-que-hacemos .cont-que-hacemos .cont-imagen img {
    width: 100%;
}

.ficha-domicilio {
    background: var(--azul-medio);
    min-height: 330px;
}

.ficha-domicilio .cont-ficha {
    max-width: 1055px;
    width: 100%;
    padding: 20px;
}

.ficha-domicilio .cont-ficha .texto {
    color: white;
    text-align: justify;
    font-size: 15px;
}

.ficha-domicilio .cont-ficha .titulo {
    color: white;
    font-size: 17px;
    font-weight: bold;
    padding-top: 20px;
}

.fichas {
    height: 240px;
}

.cont-fichas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    top: -150px;
}

.fichas .item {
    font-size: 12px;
    max-width: 168px;
    width: 100%;
    min-height: 350px;
    background: rgb(255, 255, 255);
    margin: 0 5px;
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.64);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.64);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.64);
}

.animacionFichas {
    animation-name: pulse;
    animation-duration: 2s;
}

.fichas .item .encabezado {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 118px;
    background: #f04433;
}

.fichas .item .encabezado .cont-img {
    max-width: 77px;
    width: 100%;
}

.fichas .item .titulo {
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.fichas .item .texto {
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
}

.fichas .item .contenido {
    padding: 20px 15px;
}

#ficha-naranja {
    background: #ffb911;
}

#ficha-verdeclaro {
    background: var(--verde-limon);
}

#ficha-verde {
    background: var(--verde);
}

#ficha-azul {
    background: var(--azul-claro);
}

.franja-azul {
    background: var(--azul-claro);
    padding: 20px;
}

.franja-azul .cont-franja .titulo {
    text-align: center;
    color: white;
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
}

.franja-azul .cont-franja .sub-titulo {
    text-align: center;
    color: white;
    font-size: 19px;
}

.contenedor-menu-servicios {
    display: none;
}

.secccion-actual {
    display: none;
}

.ruta {
    max-width: 1000px;
    width: 100%;
    padding: 60px 20px 0 0;
}

.rutaResponsive {
    display: none;
}

.ruta .cont-img {
    width: 100%;
    min-height: 490px;
    background: url("../imagenes/fondos/fondo-rutas-min.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ruta .cont-img img {
    width: 100%;
}

.ruta .cont-items {
    width: 100%;
    display: flex;
}

.ruta .cont-items .item {
    max-width: 180px;
    width: 100%;
    position: relative;
}

#visitaPresencial {
    top: 225px;
    right: -210px;
}

#visitaOnline {
    max-width: 200px;
    width: 100%;
    top: -28px;
    right: -290px;
}

#visitaOnline .titulo {
    color: var(--verde-limon);
}

#verificacionDocumental {
    max-width: 340px;
    width: 100%;
    top: 290px;
    right: -315px;
}

#verificacionDocumental .titulo {
    color: var(--azul-claro);
    text-align: end;
}

.ruta .cont-items .item .titulo {
    font-size: 19px;
    color: #ff8300;
}

.ruta .cont-items .item .contenido {
    text-align: justify;
    font-size: 15px;
}

.estudios-seguridad {
    background: #95c83d;
    padding: 20px 0 0;
    height: 500px;
}

.estudios-seguridad .cont-estudios {
    display: flex;
    justify-content: center;
}

.estudios-seguridad .texto {
    max-width: 540px;
    width: 100%;
    margin-left: 40px;
}

.estudios-seguridad .texto .titulo {
    font-size: 28px;
    font-weight: bold;
    color: white;
}

.estudios-seguridad .texto .sub-titulo {
    font-size: 18px;
    font-weight: bold;
    color: white;
}


.estudios-seguridad .texto .contenido .item {
    font-size: 15px;
    color: white;
    padding: 10px 0;
    text-align: justify;
}

.estudios-seguridad .texto .contenido ul {
    list-style: none;
}

.estudios-seguridad .texto .contenido ul li {
    color: white;
    font-size: 15px;
    padding: 0 20px;
}

.estudios-seguridad .texto .sub-titulo:nth-child(3) {
    padding-bottom: 10px;
}

.estudios-seguridad .cont-estudios .contenedor-imagen {
    max-width: 460px;
    width: 100%;
}

.estudios-seguridad .cont-estudios .contenedor-imagen img {
    width: 100%;
}

.validacionReferencia {
    max-width: 990px;
    width: 100%;
    min-height: 370px;
}

.validacionReferencia .titulo {
    font-size: 28px;
    font-weight: bold;
    color: #00a376;
    padding-bottom: 10px;
}

.validacionReferencia .contenido {
    font-size: 15px;
    text-align: justify;
}

.informe {
    background: var(--azul-medio);
}

.informe .cont-informe {
    max-width: 1000px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 232px;
}

.informe .cont-informe .texto {
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.informe .cont-informe .texto .titulo {
    font-size: 28px;
    font-weight: bold;
    color: white;
    padding-bottom: 10px;
}

.informe .cont-informe .texto .contenido {
    font-size: 15px;
    color: white;
    text-align: justify;
}

.informe .cont-informe .contenedor-imagen {
    max-width: 350px;
    width: 100%;
}

.informe .cont-informe .contenedor-imagen .cont-img {
    max-width: 312px;
    width: 100%;
    position: relative;
    top: -103px;
}

.informe .cont-informe .contenedor-imagen .cont-img img {
    width: 100%;
}

.personalCalificado {
    background: url("../imagenes/fondos/bg-personal-calificado-min.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
}

.personalCalificado .cont-personal {
    width: 100%;
    min-height: 500px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.personalCalificado .cont-personal .item {
    max-width: 550px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.personalCalificado .cont-personal .item .titulo {
    max-width: 410px;
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    color: white;
}

.personalCalificado .cont-personal .item .contenido {
    max-width: 410px;
    width: 100%;
    font-size: 15px;
    color: white;
    padding-top: 20px;
    text-align: justify;
}

.seleccion-itemG-activo {
    top: 37px;
}

.animacion-complemento {
    animation-name: pulse;
    animation-duration: 2s;
}


/*que-hacemos fin*/

.titulo-estrategica .titulo {
    font-weight: bold;
    font-size: 26px;
    padding: 20px 75px;
    margin-top: 70px;
}

.seleccion-estrategica {
    width: 100%;
    background-color: var(--verde-limon);
    padding: 30px 0;
}

.seleccion-estrategica .contenedor-imagen {
    position: relative;
    height: 0;
    top: -147px;
    width: 100%;
    padding-left: 50px;
}

.seleccion-estrategica .item-img {
    max-width: 465px;
    width: 100%;
}

.seleccion-estrategica .item-img img {
    width: 100%;
}

.seleccion-estrategica .flex-item .item-text {
    width: 100%;
}

.seleccion-estrategica .flex-item .item-text .text {
    max-width: 511px;
    width: 100%;
    color: white !important;
    font-size: 20px;
    text-align: justify;
}

.titulo-como-hacemos {
    width: 100%;
    background: var(--azul-claro);
    padding: 10px 0;
}

.titulo-como-hacemos .text-align-center {
    color: white;
    font-size: 1.6em;
    font-weight: bold;
}

.numerales {
    padding: 40px 0 20px;
}

.numerales .cont-img {
    max-width: 950px;
    width: 100%;
}

.numerales .cont-img-responsive {
    display: none;
}

.numerales .cont-img img {
    width: 100%;
}

.titulo-entrevista-seleccion {
    background: var(--azul-claro);
    max-width: 980px;
    width: 100%;
    position: relative;
    top: 28px;
}

.titulo-entrevista-seleccion .caja-item {
    color: white;
    font-size: 1.1em;
    padding: 18px 0;
}

.entrevista-seleccion {
    background: url('../imagenes/fondos/fondo-estrategia-personal.jpg');
    min-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
}

.entrevista-seleccion .caja-texto {
    background: var(--verde-limon);
    max-width: 690px;
    width: 100%;
    padding: 20px 0;
}

.entrevista-seleccion .caja-texto li {
    color: white;
    list-style: none;
    font-size: 1.1em;
}

.entrevista-seleccion .caja-texto li:nth-child(1) {
    font-size: 1.8em;
    font-weight: bold;
}

.entrevista-seleccion .caja-texto .contenedor-texto {
    max-width: 537px;
    width: 100%;
}

.entrevista-seleccion .contenedor-caja {
    position: relative;
    top: 120px;
}

.entrevista-seleccion .cont-texto-complemento {
    max-width: 500px;
    width: 100%;
    font-size: 15px;
    text-align: justify;
    padding: 0 40px;
}

.separador-seleccion {
    min-height: 90px;
}

.capacitacion-entrenamiento .titulo {
    font-weight: bold;
    font-size: 26px;
}

.capacitacion-entrenamiento .texto {
    font-size: 15px;
    text-align: justify;
}

.caja-informativa .cont-caja {
    background: #00B8A6;
    max-width: 872px;
    width: 100%;
}

.caja-informativa .texto {
    max-width: 630px;
    min-height: 260px;
    font-size: 15px;
    width: 100%;
    color: white;
    text-align: justify;
    padding: 20px 40px;
}

.cont-img-porcentaje {
    position: relative;
    top: -230px;
    right: 37px;
    height: 50px;
}

.cont-img-porcentaje .cont-img {
    max-width: 278px;
    width: 100%;
}

.cont-img-porcentaje .cont-img img {
    width: 100%;
}

.capacitacion-como-hacemos .titulo {
    font-weight: bold;
    font-size: 26px;
}

.capacitacion-como-hacemos .texto {
    font-size: 15px;
    text-align: justify;
}

.capacitacion-como-hacemos .titulo-post {
    font-size: 20px;
    font-weight: bold;
}

.talleres-empresariales {
    margin-top: 30px;
}

.talleres-empresariales .item {
    max-width: 225px;
    min-height: 430px;
    border-radius: 30px;
    border: 2px solid #F04433;
    width: 100%;
}

.talleres-empresariales .flex-item {
    flex-direction: column;
}

.talleres-empresariales .item .item-superior {
    width: 100%;
    min-height: 66px;
    background: #F04433;
    border-radius: 27px 27px 0 0;
}

.talleres-empresariales .item .item-superior .titulo {
    color: white;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    line-height: 1;
}

.talleres-empresariales .item .flex-item {
    flex-direction: column;
}

.talleres-empresariales .item .item-inferior {
    padding-top: 40px;
}

.talleres-empresariales .item .item-inferior .texto {
    max-width: 166px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-align: center;
}

.talleres-empresariales .gestionCambio {
    background: #EF5835 !important;
}

.talleres-empresariales .gestionCambioBorde {
    border: 2px solid #EF5835 !important;
}

.talleres-empresariales .bg-liderazgo {
    background: #F48B3A !important;
}

.talleres-empresariales .liderazgoBorde {
    border: 2px solid #F48B3A !important;
}

.talleres-empresariales .bg-desarrolloP {
    background: #F4A721 !important;
}

.talleres-empresariales .desarrolloPBorde {
    border: 2px solid #F4A721 !important;
}

.talleres-empresariales .bg-imagen {
    background: #80BF56 !important;
}

.talleres-empresariales .imagenPBorde {
    border: 2px solid #80BF56 !important;
}

.talleres-empresariales .bg-imagen {
    background: #80BF56 !important;
}

.talleres-empresariales .imagenPBorde {
    border: 2px solid #80BF56 !important;
}

.talleres-empresariales .bg-cultura {
    background: #3EC0C2 !important;
}

.talleres-empresariales .culturaBorde {
    border: 2px solid #3EC0C2 !important;
}

.talleres-empresariales .bg-comunicacion {
    background: #1C7270 !important;
}

.talleres-empresariales .comunicacionBorde {
    border: 2px solid #1C7270 !important;
}

.talleres-empresariales .item .item-inferior .textDesarrollo {
    max-width: 200px !important;
    width: 100%;
}

.talleres-empresariales .item .desarrolloPadding {
    padding-top: 15px !important;
}

.talleres-empresariales .item .comunicacionPadding {
    padding-top: 5px !important;
}

.enfoqueMetodologico .caja-enfoque {
    position: relative;
    max-width: 680px;
    right: -170px;
    width: 100%;
    background: #80BF56;
    padding: 30px 0 50px;
    height: 100%;
}

.enfoqueMetodologico .contenedor-texto {
    max-width: 550px;
    width: 100%;
}

.enfoqueMetodologico .caja-enfoque .titulo {
    font-size: 26px;
    font-weight: bold;
    color: white;
}

.enfoqueMetodologico .caja-enfoque .texto {
    text-align: justify;
    color: white;
    font-size: 15px;
}

.enfoqueMetodologico .divisionIzq {
    width: 100%;
    background: #80BF56;
    min-height: 440px;
}

.enfoqueMetodologico .caja-relleno {
    width: 50%;
    background: white;
}

.enfoqueImagen .texto {
    max-width: 560px;
    width: 100%;
}

.enfoqueImagen .contenedor-img {
    position: relative;
    top: -425px;
    right: -55px;
    height: 0;
}

.enfoqueImagen .cont-texto {
    font-size: 18px;
    font-weight: bold;
    text-align: justify;
    padding: 20px;
    line-height: 1.3;
}

.enfoqueImagen .contenedor-img .cont-img {
    max-width: 500px;
    width: 100%;
}

.enfoqueImagen .contenedor-img .cont-img img {
    width: 100%;
}

.transformacion-cultura {
    padding-top: 40px;
}

.titulo-transformacion {
    padding-top: 20px;
}

.titulo-transformacion .titulo {
    font-size: 26px;
    font-weight: bold;
}

.transformacion-cultura .cita-texto {
    width: 50%;
    background: #6E991A;
}

.transformacion-cultura .contenedor-img {
    width: 50%;
}

.transformacion-cultura .contenedor-img .cont-img {
    max-width: 430px;
    width: 100%;
}

.transformacion-cultura .contenedor-img .cont-img img {
    width: 100%;
}

.transformacion-cultura .cita-texto .texto {
    max-width: 380px;
    width: 100%;
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    padding-right: 40px;
    line-height: 1.4;
}

.transformacion-cultura .cita-texto .autor {
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 40px;
}

.transformacion-cultura .cita-texto {
    flex-direction: column;
}

.cultura-organizacional .titulo {
    text-align: justify;
    font-weight: bold;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.cultura-organizacional .texto {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 15px;
}

.bg-transformacion {
    background: url('../imagenes/fondos/transformacion-cultura-bg.png');
    background-size: cover;
    background-position: center;
    min-height: 570px;
}

.bg-transformacion .cont-texto {
    max-width: 350px;
    width: 100%;
    position: relative;
    top: 32px;
}

.bg-transformacion .p-transaformacion {
    background: #00B8A6;
}

.bg-transformacion .cont-texto .titulo {
    font-size: 25px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 40px 0 10px;
}

.bg-transformacion .cont-texto .texto {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: justify;
    padding: 0 50px 40px;
}

.coaching-cont .coaching-texto {
    width: 50%;
    padding-right: 50px;
    padding-top: 40px;
}

.coaching-cont .contenedor-imagen {
    width: 50%;
}

.coaching-cont .coaching-texto .titulo {
    font-size: 26px;
    font-weight: bold;
}

.coaching-cont .coaching-texto .texto {
    font-size: 16px;
    text-align: justify;
    line-height: 1.4;
}

.coaching-cont .contenedor-imagen .cont-img {
    max-width: 410px;
    width: 100%;
}

.coaching-cont .contenedor-imagen .cont-img img {
    width: 100%;
}

.franja-coaching {
    background: #00A376;
    padding: 30px 20px;
    margin: 20px 0 10px;
}

.franja-coaching .titulo {
    font-size: 26px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding-bottom: 20px;
}

.franja-coaching .texto {
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1.4;
}

.pasos-coaching {
    padding: 60px 0;
}

.pasos-coaching .item {
    max-width: 315px;
    width: 100%;
}

.pasos-coaching .item:nth-child(2) {
    max-width: 375px !important;
    width: 100%;
    border-left: 1px solid #414042;
    border-right: 1px solid #414042;
}

.pasos-coaching .item .numero-sup {
    width: 100%;
    min-height: 50px;
    align-items: flex-end;
}

.pasos-coaching .item .numero-sup .cont-img {
    max-width: 56px;
    width: 100%;
}

.pasos-coaching .item .numero-sup .cont-img img {
    width: 100%;
}

.pasos-coaching .item .title {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    line-height: 1.4;
}

.bg-coaching {
    width: 100%;
    background: url('../imagenes/fondos/banner-coaching.png');
    min-height: 380px;
    background-position: center;
    background-size: cover;
}

.bg-coaching .cont-coaching {
    max-width: 500px;
    width: 100%;
    min-height: 380px;
    position: relative;
    top: 25px;
}

.bg-coaching .cont-coaching .titulo {
    font-weight: bold;
    font-size: 26px;
    padding-left: 40px;
    padding-bottom: 10px;
}

.bg-coaching .cont-coaching .item-sup {
    background: var(--azul-claro);
    padding: 20px 40px;
    color: white;
    font-size: 16px;
    text-align: justify;
    line-height: 1.4;
}

.bg-coaching .cont-coaching .item-inf {
    background: var(--verde);
    padding: 20px 40px;
    color: white;
    font-size: 16px;
    text-align: justify;
    line-height: 1.4;
    margin-top: 10px;
}

.cont-empleabilidad {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.cont-empleabilidad .imagen-empleabilidad {
    max-width: 800px;
    width: 100%;
}

.cont-empleabilidad .imagen-empleabilidad .cont-img {
    max-width: 800px;
    width: 100%;
}

.cont-empleabilidad .imagen-empleabilidad .cont-img img {
    width: 100%;
}

.cont-empleabilidad .cont-texto .cont-extra {
    max-width: 560px;
    width: 100%;
    background-color: #00B8A6;
    position: relative;
    padding: 40px;
    right: -80px;
}

.cont-empleabilidad .cont-texto .cont-extra .titulo {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
    color: white;
}

.cont-empleabilidad .cont-texto .cont-extra .texto {
    font-size: 15px;
    color: white;
    text-align: justify;
    line-height: 1.4;
    padding-top: 20px;
}

.texto-pp-empleabilidad .texto {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 30px;
    text-align: justify;
}

.texto-pp-empleabilidad .titulo {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}

.alineamientos {
    padding: 40px 0 20px;
}

.alineamientos .cont-img {
    max-width: 785px;
    width: 100%;
}

.alineamientos .cont-img-resp {
    display: none;
}

.alineamientos-texto {
    max-width: 790px;
    width: 100%;
}

.alineamientos-texto .texto {
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
}

.franja-empleabilidad {
    background: var(--azul-claro);
    padding: 10px 0;
    margin-top: 35px;
}

.franja-empleabilidad .texto {
    color: white;
    font-size: 15px;
}

.texto-preslider .titulo {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin: 110px 0 40px;
}

.slider-empleabilidad .item {
    cursor: pointer;
}

.slider-empleabilidad .item .cont-item {
    max-width: 800px;
    width: 100%;
}

.slider-emple-resp {
    display: none;
}

.legales {
    margin-top: 100px;
}

.legales .titulo-pp {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.legales .titulo {
    font-size: 18px;
    font-weight: bold;
    font-size: 16px;
}

.legales .texto {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: justify;
    font-size: 15px;
}

.legales .responsabilidad {
    max-width: 600px;
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 2;
}

.legales a {
    color: var(--verde-limon);
}

.legales a:hover {
    color: var(--verde);
}

@media (max-width: 1200px) {
    .menu {
        display: none;
    }
    .menu-responsive {
        z-index: 5;
        display: block;
        width: 100%;
        position: fixed;
        background: white;
        padding: 14px 18px 10px;
        -webkit-box-shadow: 0px 10px 8px -10px rgba(168, 168, 168, 1);
        -moz-box-shadow: 0px 10px 8px -10px rgba(168, 168, 168, 1);
        box-shadow: 0px 10px 8px -10px rgba(168, 168, 168, 1);
    }
    .menu-responsive .cont-menu {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .menu-responsive .cont-menu .wa-resp {
        max-width: 40px;
        width: 100%;
    }
    .menu-responsive .cont-menu .logo-resp {
        max-width: 70px;
        width: 100%;
    }
    .menu-responsive .cont-menu .logo-resp img {
        width: 100%;
    }
    .menu-responsive .cont-menu .lineas-responsive {
        max-width: 30px;
        width: 100%;
    }
    .menu-responsive .cont-menu .lineas-responsive img {
        width: 100%;
    }
    /* MODAL MENU RESP INICIA */
    .menuDespl {
        position: fixed;
        top: 0;
        height: 100vh;
        width: 100%;
        background-color: rgba(59, 189, 189, 0.9);
        z-index: 20;
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
        transition: 0.5s all ease;
        opacity: 0;
    }
    .abrirMenuDespl {
        display: block;
        opacity: 1;
        animation-duration: 0.8s;
        animation-name: fadeIn;
    }
    .menuDespl .cerrarMenu {
        display: flex;
        justify-content: center;
    }
    .menuDespl .cerrarMenu .contImgCerrar {
        max-width: 40px;
    }
    .menuDespl .cerrarMenu .contImgCerrar img {
        width: 100%;
    }
    .menuDespl .contenedorMenu {
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menuDespl .contenedorMenu .contExtra {
        width: 100%;
        min-height: 287px;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .menuDespl .contenedorMenu .contExtra .logoSalomon {
        max-width: 352px;
        min-height: 287px;
        width: 100%;
        display: flex;
        align-items: center;
        border-right: 1px solid white;
    }
    .menuDespl .contenedorMenu .contExtra .menuModal {
        width: 100% !important;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    .menuDespl .contenedorMenu .contExtra .menuModal a {
        display: block;
        color: white;
        text-decoration: none;
        font-size: 1.3em;
        font-weight: bold;
        padding: 15px 0 0 0;
        text-align: center;
    }
    .menuDespl .contenedorMenu .contExtra .menuModal a:hover {
        color: rgb(188, 230, 250);
        animation-name: pulse;
        animation-duration: 3s;
    }
    .menuDespl .contenedorMenu .contExtra .logoSalomon .contImg {
        max-width: 277px;
    }
    .menuDespl .contenedorMenu .contExtra .logoSalomon .contImg img {
        width: 100%;
    }
    /* MODAL MENU RESP INICIA */
    .banner-principal .cont-banner-principal {
        background: url(../imagenes/fondos/banner-principal.jpg);
        background-attachment: initial;
        min-height: 301px;
        background-repeat: no-repeat;
        background-position-y: 100px;
        background-position-x: center;
        background-size: 672px;
    }
    .banner-principal .float-soluciones-talento {
        display: none;
    }
    .banner-principal {
        height: 301px;
    }
    .descripcion-talento .cont-descripcion-talento {
        flex-wrap: wrap-reverse;
    }
    .descripcion-talento .cont-descripcion-talento .cont-text {
        padding: 20px 25px 0;
    }
    .descripcion-talento .cont-descripcion-talento .cont-text span {
        font-size: 1em;
    }
    .descripcion-talento .titulo-principal-seo {
        font-size: 1.4em;
    }
    .beneficios {
        flex-wrap: wrap;
        padding: 15px;
    }
    .beneficios .item {
        max-width: 105px;
        width: 100%;
        cursor: pointer;
        margin: 10px 0;
    }
    .beneficios .item:nth-child(5) {
        max-width: 85px;
        width: 100%;
    }
    .beneficios .item-coaching {
        max-width: 88px !important;
        width: 100%;
    }
    .caracteristicas-slider .diferencial {
        font-size: 1.5em;
    }
    .titulo-estrategica .titulo {
        margin-top: 10px;
    }
    .caracteristicas-slider .item .cont-item span {
        font-size: 1em;
        padding: 0 25px;
    }
    .elementoFlotante .cont-elemento {
        max-width: 128px;
    }
    .clientes span {
        font-size: 1.3em;
    }
    .sliderclientes .contImg {
        max-width: 75px;
    }
    .grupo-360-slider .item {
        flex-wrap: wrap;
    }
    .grupo-360-slider .item .fotografia-grupo {
        height: auto;
        margin:10px 0;
    }
    .grupo-360-slider .wrap-nombre {
        height: auto;
        padding: 0 20px;
    }
    .grupo-360-slider .cont-item .nombre-ficha {
        font-size: 1em !important;
        text-align: center;
        line-height: 1;
        padding: 0 !important;
    }
    .grupo-360-slider .cont-item span {
        font-size: 1em;
        padding: 10px 25px 0;
    }
    .grupo-360-slider .cont-item {
        padding-left: 0;
        height: auto;
    }
    .ficha-profesional-inferior .cont-ficha {
        flex-wrap: wrap;
    }
    .ficha-profesional-superior {
        padding: 20px;
        align-items: center;
        height: auto;
    }
    .ficha-profesional-superior .cont-fotografia {
        max-width: 250px;
        width: 100%;
        position: initial;
    }
    .ficha-profesional-superior .content-title .titulo {
        font-size: 1.2em;
    }
    .ficha-profesional-superior .content-title .subtitulo {
        font-size: 1em;
        line-height: 1;
    }
    .ficha-profesional-inferior {
        padding: 25px;
    }
    .ficha-profesional-inferior .cont-ficha .texto-profesional span {
        font-size: 1em;
    }
    .ficha-profesional-inferior .cont-ficha .texto-profesional {
        padding: 0;
        line-height: 1.1;
    }
    .ficha-profesional-inferior .text-leer-mas span {
        font-size: 1em;
    }
    .ficha-profesional-inferior .text-leer-mas {
        line-height: 1.1;
    }
    .slider-banner-secundario .content-img-2 {
        width: 100%;
        background-image: url(../imagenes/fondos/banner-secundario-1-2.jpg);
        min-height: 515px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slider-banner-secundario .content-img-3 {
        width: 100%;
        background-image: url(../imagenes/fondos/banner-secundario-1-3.jpg);
        min-height: 515px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slider-banner-secundario .content-img-1 {
        width: 100%;
        background-image: url(../imagenes/fondos/banner-secundario-1.jpg);
        min-height: 515px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slider-banner-secundario .etiqueta-flotante {
        background: url(../imagenes/complementos/etiqueta-banner-secundario-resp-3.png);
        background-position: center center;
        min-height: 148px;
        width: 75%;
        position: relative;
        background-size: 531px;
        background-size: contain;
        top: -446px;
        background-repeat: no-repeat;
    }
    .slider-banner-secundario .etiqueta-flotante-2 {
        background: url(../imagenes/complementos/etiqueta-banner-secundario-resp.png);
        background-position: center center;
        min-height: 148px;
        width: 75%;
        position: relative;
        background-size: 531px;
        background-size: contain;
        top: -446px;
        background-repeat: no-repeat;
    }
    .slider-banner-secundario .etiqueta-flotante-3 {
        background: url(../imagenes/complementos/etiqueta-banner-secundario-resp-1.png);
        background-position: center center;
        min-height: 148px;
        width: 75%;
        position: relative;
        background-size: 531px;
        background-size: contain;
        top: -446px;
        background-repeat: no-repeat;
    }
    .slider-banner-secundario .item-secundario {
        height: 182px;
    }
    .cuadrados-flotantes .cont-img {
        max-width: 94px;
        width: 100%;
        position: relative;
        top: -79px;
        right: 12px;
        z-index: 1;
    }
    .prefooter {
        height: auto;
        padding: 20px 0;
    }
    .prefooter .cont-prefooter {
        flex-wrap: wrap-reverse;
        justify-content: center;
        align-items: center;
    }
    .prefooter .cont-prefooter .item-prefooter:nth-child(2) span {
        font-size: 1.2em;
        padding: 0 25px;
    }
    .prefooter .cont-prefooter .item-prefooter:nth-child(2) {
        padding: 10px 0 0;
        text-align: center;
    }
    .prefooter .cont-prefooter .item-prefooter:nth-child(1) .cont-img {
        position: initial;
        padding-top: 20px;
    }
    .prefooter .cont-prefooter .item-prefooter {
        max-width: 160px;
        position: initial;
    }
    .pre-contacto {
        flex-wrap: wrap;
        margin: 0 !important;
        padding: 20px 40px 0;
        text-align: center;
    }
    .pre-contacto .item-texto {
        text-align: justify;
    }
    .pre-contacto .item-texto span {
        font-size: 1em;
    }
    .pre-contacto .item-contacto {
        min-height: auto;
        padding: 10px 0;
    }
    .imagen-decorativa-float .cont-img {
        position: initial;
        max-width: 350px;
    }
    .imagen-decorativa-float {
        height: auto;
    }
    .prefooter .cont-prefooter .item-prefooter:nth-child(3) {
        max-width: 146px;
        width: 100%;
    }
    .contacto {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 30px;
    }
    .triangulos-azules-float {
        display: none;
    }
    .contacto .btn-submit {
        justify-content: center;
    }
    .contacto .formulario {
        padding: 0;
    }
    .icon-redes .cont-items {
        position: initial;
        max-width: none;
        justify-content: center;
    }
    .icon-redes .cont-items .item {
        margin: 0 5px;
    }
    .text-prefooter {
        padding: 15px 25px 10px;
    }
    .franjaFooter .contFooter {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px 10px 3px;
    }
    .franjaFooter .contFooter .item:nth-child(1) {
        padding: 0 20px;
        font-size: 0.7em;
        text-align: center;
    }
    .franjaFooter .contFooter span:nth-child(2) {
        font-size: 0.7em;
    }
    .footer {
        padding: 5px 20px;
        line-height: 1;
        text-align: center;
    }
    .footer a {
        font-size: 0.7em;
    }
    /*ANALISIS QUE HACEMOS*/
    .para-que-hacemos .cont-que-hacemos .titulo {
        font-size: 1.6em;
        font-weight: bold;
        color: var(--azul-medio);
        text-align: center;
    }
    .para-que-hacemos {
        padding: 20px 40px 20px;
    }
    .ficha-domicilio .cont-ficha {
        padding: 20px 40px;
    }
    .fichas {
        height: initial;
    }
    .fichas .item {
        margin: 8px;
    }
    .fichas .item {
        max-width: 135px;
        min-height: 329px;
    }
    .fichas .item .titulo {
        font-size: 12px;
        font-weight: bold;
    }
    .fichas .item .encabezado .cont-img {
        max-width: 59px;
        width: 100%;
    }
    .ficha-domicilio .cont-ficha .texto {
        font-size: 1em;
    }
    .ficha-domicilio .cont-ficha .titulo {
        font-size: 16px;
        text-align: center;
    }
    .para-que-hacemos .cont-que-hacemos .texto-contenido {
        font-size: 15px;
    }
    .ficha-domicilio {
        min-height: auto;
    }
    .cont-fichas {
        position: initial;
    }
    .franja-azul {
        margin-top: 20px;
    }
    .franja-azul .cont-franja .titulo {
        font-size: 1.2em;
    }
    .franja-azul .cont-franja .sub-titulo {
        font-size: 1.1em;
    }
    .estudios-seguridad {
        height: auto;
        padding: 20px 40px;
    }
    .estudios-seguridad .cont-estudios {
        flex-wrap: wrap;
        justify-content: center;
    }
    .estudios-seguridad .texto {
        margin-left: 0;
    }
    .estudios-seguridad .texto .titulo {
        font-size: 1.2em;
        text-align: center;
    }
    .estudios-seguridad .texto .contenido .item {
        font-size: 1em;
    }
    .estudios-seguridad .texto .contenido ul {
        font-size: 1em;
    }
    .estudios-seguridad .texto .contenido ul li {
        font-size: 1em;
    }
    .validacionReferencia {
        max-width: 990px;
        width: 100%;
        min-height: auto;
        padding: 0 40px 36px;
    }
    .validacionReferencia .titulo {
        font-size: 1.2em;
        line-height: 1;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .validacionReferencia .contenido {
        font-size: 1em;
        text-align: justify;
        padding-top: 5px;
    }
    .ruta .cont-items .item {
        position: initial;
    }
    .ruta .cont-items {
        justify-content: center;
        flex-wrap: wrap;
    }
    .informe .cont-informe {
        height: auto;
        align-items: center;
        flex-wrap: wrap-reverse;
        justify-content: center;
        padding: 20px 40px;
    }
    .informe .cont-informe .contenedor-imagen .cont-img {
        position: initial;
        max-width: 170px;
    }
    .informe .cont-informe .contenedor-imagen {
        display: flex;
        justify-content: center;
    }
    .informe .cont-informe .texto .titulo {
        font-size: 1.2em;
    }
    .informe .cont-informe .texto .contenido {
        font-size: 1em;
    }
    section.seccion-movimiento {
        display: none;
    }
    .contenedor-menu-servicios {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }
    .contenedor-menu-servicios .regresar {
        max-width: 100px;
        width: 100%;
    }
    .contenedor-menu-servicios .servicios-menu {
        font-size: 15px;
        max-width: 170px;
        padding: 2px 5px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        background: #007dc3;
        border-radius: 20px;
    }
    .ruta {
        display: none;
    }
    .rutaResponsive {
        display: block;
        max-width: 350px;
        width: 100%;
        padding: 20px;
    }
    .rutaResponsive img {
        width: 100%;
    }
    .personalCalificado .cont-personal .item .titulo {
        font-size: 1.2em;
        text-align: center;
    }
    .personalCalificado .cont-personal {
        padding: 20px 40px;
        min-height: 420px;
    }
    .personalCalificado .cont-personal .item .contenido {
        font-size: 1em;
    }
    .personalCalificado {
        background: url(../imagenes/fondos/bg-personal-calificado-min.jpg);
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        min-height: 420px;
    }
    .gap-contacto {
        display: none;
    }
    .secccion-actual {
        display: block;
        max-width: 350px;
        width: 100%;
        margin-top: 30px;
    }
    .secccion-actual img {
        width: 100%;
    }
    .gap {
        display: none;
    }
    .gap-responsive {
        min-height: 110px;
    }
    .seleccion-estrategica .contenedor-imagen {
        position: inherit;
        height: auto;
        padding: 0;
    }
    .titulo-estrategica .titulo {
        padding: 20px 40px;
        line-height: 1.3;
        text-align: center;
    }
    .titulo-confiabilidad {
        padding: 20px 40px 0;
        font-size: 18px;
        line-height: 1;
        text-align: center;
    }
    .flex-item {
        display: flex;
        flex-wrap: wrap;
    }
    .seleccion-estrategica {
        width: 100%;
        background-color: var(--verde-limon);
        padding: 30px 40px;
    }
    .seleccion-estrategica .flex-item .item-text .text {
        padding-top: 20px;
        line-height: 1.2;
        font-size: 14px;
    }
    .numerales {
        padding: 0 40px;
    }
    .numerales .cont-img {
        display: none;
    }
    .numerales .cont-img-responsive {
        display: initial;
        max-width: 380px;
        width: 100%;
    }
    .titulo-entrevista-seleccion {
        background: var(--azul-claro);
        max-width: 340px;
        width: 100%;
        position: relative;
        top: 28px;
        padding: 0 20px;
    }
    .entrevista-seleccion {
        background: url(../imagenes/fondos/fondo-estrategia-personal.jpg);
        min-height: 530px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .entrevista-seleccion .contenedor-caja {
        position: initial;
    }
    .entrevista-seleccion .caja-texto {
        padding: 20px;
    }
    .entrevista-seleccion .cont-texto-complemento {
        padding: 20px 40px 0;
    }
    .entrevista-seleccion .caja-texto li {
        font-size: 1em;
    }
    .entrevista-seleccion .caja-texto li:nth-child(1) {
        font-size: 1.6em;
    }
    .entrevista-seleccion .caja-texto .contenedor-texto {
        text-align: center;
    }
    .wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    .separador-seleccion {
        display: none;
    }
    .cont-img-porcentaje {
        position: initial;
        height: auto;
    }
    .capacitacion-entrenamiento {
        padding: 0 40px;
    }
    .cont-img-porcentaje {
        justify-content: center !important;
    }
    .enfoqueMetodologico .caja-enfoque {
        position: initial;
    }
    .enfoqueImagen .contenedor-img {
        position: initial;
        height: auto;
    }
    .talleres-empresariales .item {
        max-width: 240px;
        width: 100%;
        margin: 0 auto;
    }
    .capacitacion-entrenamiento .titulo {
        text-align: center;
        line-height: 1.2;
        padding-top: 20px;
    }
    .caja-informativa .cont-caja {
        max-width: 300px;
        width: 100%;
        min-height: 610px;
        padding: 0 20px;
        margin: 0 auto;
    }
    .cont-img-porcentaje .cont-img {
        position: relative;
        top: -130px;
        height: 190px;
    }
    .caja-informativa .texto {
        padding: 40px 10px;
    }
    .capacitacion-como-hacemos {
        padding: 0 40px;
    }
    .capacitacion-como-hacemos .titulo-post {
        text-align: center;
    }
    .enfoqueMetodologico {
        padding: 0 30px;
        margin-top: 20px;
    }
    .enfoqueMetodologico .divisionIzq {
        padding: 0 20px 40px;
        min-height: auto;
    }
    .enfoqueMetodologico .caja-enfoque .titulo {
        text-align: center;
    }
    .enfoqueImagen {
        flex-wrap: wrap-reverse;
    }
    .enfoqueImagen .cont-texto {
        padding: 20px 40px 0;
    }
    .enfoqueImagen .contenedor-img .cont-img {
        max-width: 265px;
        width: 100%;
        position: relative;
        top: -78px;
        height: 217px;
    }
    .enfoqueImagen .cont-texto {
        font-size: 16px;
    }
    .transformacion-cultura .cita-texto {
        width: 100%;
        background: #6E991A;
        padding-bottom: 20px;
    }
    .titulo-transformacion {
        padding: 20px;
        text-align: center;
        line-height: 1.2;
    }
    .transformacion-cultura .contenedor-img {
        max-width: 250px;
        width: 100%;
    }
    .transformacion-cultura .cita-texto .texto {
        font-size: 20px;
        padding: 20px 40px 0;
        text-align: center;
    }
    .cultura-organizacional {
        padding: 0 40px;
    }
    .bg-transformacion {
        background: url(../imagenes/fondos/transformacion-cultura-bg.png);
        background-size: 542px;
        background-repeat: no-repeat;
        background-position: center right;
        min-height: 266px !important;
    }
    .bg-transformacion .cont-texto {
        top: 148px;
        margin: 0 auto;
    }
    .bg-transformacion .cont-extra {
        height: 200px !important;
    }
    .separacion-transformacion {
        min-height: 400px;
    }
    .coaching-cont .contenedor-imagen {
        width: 100%;
        margin-top: 40px;
    }
    .coaching-cont .coaching-texto {
        width: 100%;
        padding: 0;
    }
    .coaching-cont {
        padding: 20px 40px 0;
    }
    .coaching-cont .coaching-texto .titulo {
        text-align: center;
    }
    .coaching-cont .coaching-texto .texto {
        font-size: 15px;
    }
    .franja-coaching .texto {
        font-size: 15px;
        text-align: justify;
    }
    .franja-coaching {
        max-width: 330px;
        width: 100%;
        padding: 30px 40px 50px;
        margin: 20px auto 10px;
    }
    .pasos-coaching {
        padding: 60px 0 0;
    }
    .pasos-coaching .item:nth-child(2) {
        border: none;
    }
    .pasos-coaching .item {
        padding: 20px 0;
    }
    .bg-coaching .cont-coaching {
        max-width: 350px;
        width: 100%;
        min-height: 380px;
        margin: 0 auto;
        position: relative;
        top: 246px;
    }
    .bg-coaching {
        width: 100%;
        background: url(../imagenes/fondos/banner-coaching-resp.png);
        min-height: 380px;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .bg-coaching .cont-coaching .titulo {
        font-weight: bold;
        font-size: 26px;
        padding: 30px 0 20px;
        background: #3bbdbd;
        text-align: center;
        color: white;
    }
    .bg-coaching .cont-coaching .item-sup {
        padding: 0 40px 40px;
    }
    .separacion-coaching {
        min-height: 250px;
    }
    .cont-empleabilidad {
        margin-top: 30px;
    }
    .cont-empleabilidad .cont-texto .cont-extra .titulo {
        font-size: 26px;
        text-align: center;
    }
    .cont-empleabilidad .imagen-empleabilidad .cont-img {
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
    }
    .cont-empleabilidad .cont-texto .cont-extra {
        position: initial;
        min-height: 474px;
    }
    .cont-empleabilidad .imagen-empleabilidad {
        max-width: 800px;
        width: 100%;
        position: relative;
        top: -100px;
        height: 150px;
    }
    .texto-pp-empleabilidad {
        padding: 0 40px;
    }
    .texto-pp-empleabilidad .texto {
        margin-top: 15px;
    }
    .alineamientos .cont-img {
        display: none;
    }
    .alineamientos .cont-img-resp {
        display: initial;
        max-width: 850px;
        width: 100%;
        padding: 0 15px 0 5px;
    }
    .alineamientos-texto .texto {
        font-size: 24px;
        line-height: 1.2;
    }
    .alineamientos-texto {
        padding: 20px 40px;
    }
    .franja-empleabilidad {
        padding: 10px 23px;
        text-align: center;
    }
    .texto-preslider .titulo {
        font-size: 24px;
        line-height: 1.2;
    }
    .texto-preslider {
        padding: 0 40px;
    }
    .slider-empleabilidad {
        display: none;
    }
    .slider-emple-resp {
        display: initial;
    }
    .texto-pp-empleabilidad .titulo {
        text-align: center;
        padding-top: 20px;
    }
    .legales {
        margin: 0;
        padding: 0 40px;
    }

    .texto-preslider .titulo {
        font-size: 18px;
        margin: 0px 0 25px;
    }

    .slider-empleabilidad .item .cont-item {
        max-width: 297px;
        width: 100%;
    }
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


/* Sliding entrances */

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}