@font-face {
    font-family: "medium_italic";
    src: url(../../font/Poppins-MediumItalic.ttf);
    /* font-weight: 400; */
}
@font-face {
    font-family: "regular";
    src: url(../../font/Poppins-Regular.ttf);
    /* font-weight: 400; */
}
@font-face {
    font-family: "semibold";
    src: url(../../font/Poppins-SemiBold.ttf);
    /* font-weight: 400; */
}
@font-face {
    font-family: 'black';
    src: url(../../font/Poppins-Black.ttf);
}
.content_titulo_general{
    width: 100%;
    text-align: center;
    margin: 30px 0px 0px 0px;
}
.content_titulo_general span{
    margin: 0 auto;
    color: var(--thm-base);
    font-size: 45px;
    font-family: 'black';
    border-bottom: 7px solid var(--thm-celeste);
}
.content_titulo_general p{
    color: var(--thm-base);
    margin-top: 10px;
}
.header_titulo h3{
    color: var(--thm-base);
    font-size: 35px;
    text-align: center;
    margin: 80px 0px 20px 0px;
}
.header_section_title{
    margin: 10px 0px;
}
.atf-hero-text h1{
    font-family: 'black';
}
.header_section_title h3{
    color: var(--thm-base);
    font-family: 'black';
    font-size: 40px;
}

.enlaces_header{
    font-size: 13px;
}

.title_center{
    text-align: center !important;
    color: var(--thm-base) !important;
}
/* NAVBAR */
.enlace_header img{
    width: 50px !important;
    height: 50px;
    margin: 0 auto;
    padding: 9px;
    text-align: center;
}

/* BUTTON FLOTANTE MAS INFORMACION */

.btn-whatsapp:before,
.btn-whatsapp:after{
    content: "";
    position: absolute;
    top: 17px;
    left: -5px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #4cd7fa;
    opacity: 0;
    animation: onda 1.7s infinite;
}
.btn-whatsapp:before{
    animation-delay: 1s;
}
.btn-whatsapp:after{
    animation-delay: 1.3s;
}
.btn-whatsapp img{
    position: relative;
    z-index: 2;
}
@keyframes onda{
    0%{
        transform: scale(1);
    }
    15%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: scale(1.2);
    }
}

/* ------------------------------------------ */

#hashLink {
    display: none;
}

#hashLink:target {
    display: block;
}

.float-nav {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
}

.float-nav:hover {
    cursor: pointer;
}

.float-nav-2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.float-nav-2:hover {
    cursor: pointer;
}

.main-nav-2 {
    font-family: sans-serif;
    position: absolute;
    bottom: 7px;
    right: 0px;
    width: 120px;
    margin-bottom: 40px;
}

.main-nav-2.active {
    display: block;
    opacity: 1;
}

.main-nav-2>ul {
    width: 100%;
    display: block;
    list-style: none;
    z-index: 10;
}

.main-nav-2>ul>li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    animation-name: variable;
    animation-duration: 0.3s;
}
@keyframes variable {
    0%  {height: 0px;}
    100% {height: 53px;}
}
.main-nav-2>ul>li>a {
    text-decoration: none;
    display: block;
    font-weight: 200;
    padding: 18px 80px 18px 18px;
    color: black;
}

.main-nav-2>ul>li>a:hover {
    font-weight: 400;
}

/* SECCION ABAJO DE LOS CARRUSELES */
.que_es_empleabilidad{
    width: 100%;
	height: 497px;
	/* background: #2963ba;   */
	background: -webkit-linear-gradient(to right, hsla(340, 95%, 50%, 0.486), hsla(317, 45%, 52%, 0.459)),url(../img/empleabilidad/fondo.png);  
	/* Chrome 10-25, Safari 5.1-6 */
	background: url(../img/empleabilidad/fondo.png);
	background-size: cover;
	/* background-attachment: fixed; */
	position: relative;
}
.que_es_empresa{
    width: 100%;
	height: 497px;
	/* background: #2963ba;   */
	background: -webkit-linear-gradient(to right, hsla(340, 95%, 50%, 0.486), hsla(317, 45%, 52%, 0.459)),url(../img/empresa/empresa.png);  
	/* Chrome 10-25, Safari 5.1-6 */
	background: url(../img/empleabilidad/fondo.png);
	background-size: cover;
	/* background-attachment: fixed; */
	position: relative;
}
.ctnt_grande_q_es_empleabilidad{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.content_text{
    width: 40%;
    margin: 0 auto;
    color: #fff;
    text-align: justify;
}
.content_text h3{
    font-weight: 600;
    color: #fff;
    padding-bottom: 20px;
}
.content_img{
    width: 40%;
    margin: 0 auto;
    position: relative;
}
.content_img img{
    width: 90%;
    bottom: -248px;
    position: absolute;
}
@media screen and (max-width:1210px){
    .content_img img{
        width: 130%;
    }
}
@media screen and (max-width:118px){
    .content_img img{
        width: 360%;
    }
}
@media screen and (max-width:902px){
    .content_img{
        width: 0%;
    }
    .content_text{
        width: 80%;
    }
    .que_es_empleabilidad{
        height: 100%;
        padding: 40px 0px;
    }
}
@media screen and (max-width:532px){
    .content_text{
        width: 100%;
    }
}
/* SECTION TABLE OF CONTETNT */
.section_table_of_content{
    position: relative;
}
.content_img_table_of_content img{
    width: 100%;
}
.content_text_table_of_content{
    width: 93%;
    margin: 0 auto;
    padding-top: 2%;
}
.content_text_table_of_content h2{
    font-family: 'black';
    color: #4cd7fa;
    font-size: 50px;
}
.content_text_table_of_content p{
    width: 40%;
    text-align: justify;
    color: var(--thm-base);
    font-family: 'semibold';
}
.content_caja_cifras{
    width: 40%;
    position: absolute;
    top: 290px;
    right: 10%;
}
.caja_cifras{
    background: #0049a6b1;
    border-radius: 30px;
    padding: 10px;
}
.title_caja_cifras{
    text-align: left;
    margin: 40px 0px;
    margin-left: -70px;
}
.filas_caja_cifras{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.filas_caja_cifras div{
    width: 40%;
    margin-bottom: 40px;
}

/* OPCIONES EMPLEABILIDAD */
.opciones_empleabilidad{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.opciones_empleabilidad .portfolio{
    width: 25%;
    margin: 0 20px;
}

/* SECCION LOGO NUESTRA BOLSA DE TRABAJO */
.caja_logo_conve{
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

/* SECTION CONTACTANOS */
.caja_contactanos{
    width: 60%;
    margin: 80px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.caja_contactanos_img{
    width: 50%;
}
.caja_contactanos_text{
    width: 40%;
    color: var(--thm-base) !important;
}
.caja_contactanos_text h3{
    color: var(--thm-base);
}
.caja_contactanos_img img{
    width: 100%;
}
@media screen and (max-width:990px){
    .content_text_table_of_content h2{
        font-family: 'black';
        color: var(--thm-celeste);
        font-size: 30px;
    }
    .portfolio-content h3{
        font-size: 20px !important;
    }
    .portfolio-content .post{
        font-size: 10px !important;
    }
    .opciones_empleabilidad .portfolio{
        width: 35%;
        margin-bottom: 30px;
    }
    .header_titulo h3{
        margin-top: 10px;
    }
    .title_caja_cifras{
        text-align: left;
        margin: 30px 0px;
        margin-left: -30px;
    }
    .title_caja_cifras img{
        width: 40%;
    }
    .content_text_table_of_content p{
        width: 48%;
        font-size: 13px;
    }
    .content_caja_cifras{
        right: 5%;
    }
}
@media screen and (max-width:620px){
    .content_caja_cifras{
        width: 80%;
        position: relative;
        top: -15px;
        left: 0%;
        right: 0%;
        margin: 0 auto;
    }
    .content_text_table_of_content h2{
        font-size: 33px;
    }
    .content_text_table_of_content p{
        width: 100%;
        text-align: justify;
    }

    .caja_contactanos_img{
        width: 100%;
        margin-bottom: 10px;
    }
    .caja_contactanos_text{
        width: 100%;
        color: var(--thm-base) !important;
    }
    .portfolio-content h3{
        font-size: 15px !important;
    }
}
@media screen and (max-width:473px){
    .opciones_empleabilidad .portfolio{
        width: 100% !important;
    }
    .caja_contactanos_text{
        width: 100%;
        color: var(--thm-base) !important;
    }
    .portfolio-content h3{
        font-size: 25px !important;
    }
    .portfolio-content .post{
        font-size: 14px !important;
    }
    .caja_contactanos{
        width: 100%;
        margin: 80px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
    }
}
/* SECTION INNOVACION LABORAL */
.content_caja_innovacion_laboral{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.caja_img_innovacion_laboral{
    width: 45%;
    text-align: right;
    margin: 0 auto;
}
.caja_txt_innovacion_laboral{
    width: 47%;
    margin: 0 auto;
}
.caja_txt_innovacion_laboral h4{
    color: #4cd7fa;
    font-size: 40px;
}
.caja_txt_innovacion_laboral .cajita_text_txt{
    color: var(--thm-base);
    text-align: justify;
    margin-top: 30px;
}
.caja_txt_innovacion_laboral .cajita_txt_btn_conectate{
    width: 100%;
    margin-top: 10%;
    text-align: center;
}
.caja_txt_innovacion_laboral .cajita_txt_btn_conectate .btn{
    width: 100%;
    color: #fff;
    background: #174ea1;
    border-radius: 10px;
    padding: 15px 20px;
}
/* SECTION PROGRAMAS DE EMPLEABILIDAD */
.content_caja_programas_empleabilidad{
    width: 100%;
    margin: 60px 0px;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
}
.caja_img1_programas_empleabilidad{
    text-align: right;
}
.caja_img1_programas_empleabilidad img{
    width: 80%;
}
.cajas_img2_programas_empleabilidad img{
    width: 100%;
}
/* SECTION ALIADOS PARA EL EXITO */
.content_caja_aliados_exitos{
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
}
.caja_text_aliados_exitos{
    width: 47%;
    position: absolute;
    background: #174ea1;
    border-radius: 0px 17px 17px 0px;
    padding: 30px 150px 30px 180px;
    z-index: 11;
    color: #fff;
    left: 0;
}
.caja_img_aliados_exitos{
    width: 60%;
    text-align: right;
    position: relative;
}
.caja_img_aliados_exitos img{
    width: 100%;
    /* height: 500px; */
}
.caja_text_aliados_exitos h3{
    color: #fff;
    font-size: 70px;
}
.caja_text_aliados_exitos .cajita_txt_aliados_exitos{
    text-align: justify;
    margin-bottom: 60px;
}
.caja_text_aliados_exitos .cajita_btn_aliados_exitos{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
}
.caja_text_aliados_exitos .cajita_btn_aliados_exitos a{
    width: 100%;
    background: #45c5e4;
    color: #fff;
    text-align: center;
    padding: 6px 70px;
    border-radius: 20px;
    font-size: 18px;
}

@media screen and (max-width:1711px){
    .caja_text_aliados_exitos{
        width: 47%;
        position: absolute;
        background: #174ea1;
        border-radius: 0px 17px 17px 0px;
        padding: 30px 100px 30px 100px;
        z-index: 11;
        color: #fff;
        left: 0;
    }
    .caja_img_aliados_exitos{
        width: 78%;
    }
}
@media screen and (max-width:1428px){
    .caja_text_aliados_exitos{
        width: 55%;
        position: absolute;
        background: #174ea1;
        border-radius: 0px 17px 17px 0px;
        padding: 30px 70px 30px 70px;
        z-index: 11;
        color: #fff;
        left: 0;
    }
    .caja_text_aliados_exitos h3{
        font-size: 50px;
    }
    .caja_img_aliados_exitos{
        width: 88%;
    }
}
@media screen and (max-width:1231px){
    .caja_txt_innovacion_laboral h4{
        font-size: 35px;
    }
    .caja_img_innovacion_laboral{
        width: 38%;
    }
}
@media screen and (max-width:1017px){
    .caja_txt_innovacion_laboral h4{
        font-size: 28px;
    }
    .caja_img_innovacion_laboral{
        width: 0%;
        display: none;
    }
    .caja_txt_innovacion_laboral{
        width: 80%;
        margin: 0 auto;
    }
    .caja_img1_programas_empleabilidad{
        text-align: center;
        margin: auto;
    }
    .caja_img1_programas_empleabilidad img{
        width: 70%;
        text-align: center;
        margin: auto;
    }
    .cajas_img2_programas_empleabilidad{
        text-align: center;
        margin: auto;
    }
    .cajas_img2_programas_empleabilidad img{
        width: 70%;
    }
    .caja_text_aliados_exitos{
        width: 98%;
        /* position: relative; */
        background: #174ea1;
        border-radius: 0px 17px 17px 0px;
        padding: 30px 50px 30px 80px;
        z-index: 11;
        color: #fff;
        left: 0;
    }
    .caja_img_aliados_exitos{
        width: 0%;
        text-align: right;
        position: relative;
    }
    .caja_img_aliados_exitos img{
        width: 100%;
        height: 500px;
    }
    .content_caja_programas_empleabilidad{
        margin-bottom: 0px;
    }
}
@media screen and (max-width:696px){
    .content_caja_innovacion_laboral .cajita_txt_btn_conectate a::before{
    }
    .caja_img1_programas_empleabilidad{
        text-align: center;
        margin: auto;
    }
    .caja_img1_programas_empleabilidad img{
        width: 90%;
    }
    .cajas_img2_programas_empleabilidad{
        text-align: center;
        margin: auto;
    }
    .cajas_img2_programas_empleabilidad img{
        width: 90%;
    }
}
@media screen and (max-width:535px){
    .caja_txt_innovacion_laboral{
        width: 100%;
    }
    .caja_img1_programas_empleabilidad img{
        width: 98%;
    }
    .cajas_img2_programas_empleabilidad img{
        width: 98%;
    }
    .caja_text_aliados_exitos{
        width: 100%;
        /* position: relative; */
        background: #174ea1;
        border-radius: 0px 17px 17px 0px;
        padding: 10px 15px 30px 15px;
        z-index: 11;
        color: #fff;
        left: 0;
    }
}
/* SECTION EVENTOS NETWORKING */
.title_eventos_netw{
    color: var(--thm-base);
    font-family: 'black';
    text-align: center;
    font-size: 40px;
    margin-bottom: 45px;
}
.content_eventos_netw{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}
.content_eventos_netw .caja_txt_eventos_netw{
    width: 50%;
    display: flex;
    justify-content: end;
}
.caja_txt_eventos_netw .cajita_txt_eventos_netw{
    width: 50%;
    margin-right: 100px;
}
.cajita_txt_eventos_netw h3{
    color: var(--thm-celeste);
    font-size: 40px;
}
.cajita_txt_eventos_netw p{
    color: #174ea1;
    text-align: justify;
}
.content_eventos_netw .caja_img_eventos_new{
    width: 50%;
    background: var(--thm-base);
    padding: 20px;
    border-radius: 20px 0px 0px 20px;
}
.content_eventos_netw .caja_img_eventos_new img{
    border-radius: 20px;
}

/* ------------------ 2 ---------------------- */

.content_eventos_netw2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}
.content_eventos_netw2 .caja_txt_eventos_netw2{
    width: 50%;
    display: flex;
    justify-content: start;
}
.caja_txt_eventos_netw2 .cajita_txt_eventos_netw2{
    width: 50%;
    margin-left: 100px;
}
.cajita_txt_eventos_netw2 h3{
    color: var(--thm-celeste);
    font-size: 40px;
}
.cajita_txt_eventos_netw2 p{
    color: #174ea1;
    text-align: justify;
}
.content_eventos_netw2 .caja_img_eventos_new2{
    width: 50%;
    background: var(--thm-base);
    padding: 20px;
    border-radius: 0px 20px 20px 0px;
    text-align: right;
}
.content_eventos_netw2 .caja_img_eventos_new2 img{
    border-radius: 20px;
}

@media screen and (max-width:1258px){
    .caja_txt_eventos_netw .cajita_txt_eventos_netw{
        width: 80%;
        margin-right: 60px;
    }
    .cajita_txt_eventos_netw h3{
        color: #45c5e4;
        font-size: 30px;
    }

    .caja_txt_eventos_netw2 .cajita_txt_eventos_netw2{
        width: 80%;
        margin-left: 60px;
    }
    .cajita_txt_eventos_netw2 h3{
        color: #45c5e4;
        font-size: 30px;
    }
}

@media screen and (max-width:838px){
    .caja_txt_eventos_netw .cajita_txt_eventos_netw{
        width: 95%;
        margin-right: 10px;
    }
    .cajita_txt_eventos_netw h3{
        color: #45c5e4;
        font-size: 20px;
    }

    .caja_txt_eventos_netw2 .cajita_txt_eventos_netw2{
        width: 95%;
        margin-left: 10px;
    }
    .cajita_txt_eventos_netw2 h3{
        color: #45c5e4;
        font-size: 20px;
    }
}

@media screen and (max-width:659px){
    .content_eventos_netw .caja_img_eventos_new{
        /* width: 0%; */
        display: none;
        /* background: none;
        padding: none;
        border-radius: none; */
    }
    .content_eventos_netw2 .caja_img_eventos_new2{
        display: none;
        /* width: 0%;
        background: #174ea1;
        padding: 20px;
        border-radius: 20px 0px 0px 20px; */
    }
    .content_eventos_netw{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .content_eventos_netw2{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .content_eventos_netw .caja_txt_eventos_netw {
        width: 98%;
        display: flex;
        justify-content: end;
    }
    .content_eventos_netw2 .caja_txt_eventos_netw2 {
        width: 98%;
        display: flex;
        justify-content: end;
    }
}

/* SECTION ESTUDIANTES */
/* SECTION GUIA EMPLEABILIDAD */
.content_guia_empleabilidad{
    color: #fff;
    margin: 50px 0px;
    background: var(--thm-celeste);
    display: flex;
   /*  flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center;
}
.content_guia_empleabilidad .content_caja_chica_guia_empleabilidad{
    cursor: pointer;
    text-align: center;
    font-family: 'black';
    width: 100%;
    /* background: rgba(255, 0, 0, 0.524); */
    padding: 25px 20px;
    font-size: 35px;
    transition: all 0.3s;
}
.content_guia_empleabilidad .content_caja_chica_guia_empleabilidad:hover{
    background: var(--thm-base);
    /* transform: translate(-50%, -50%); */
    transform: scale(1.2);
}
.title_estudiantes_tst{
    text-align: center;
    color: var(--thm-base);
    font-size: 45px;
    font-family: 'black';
}

@media screen and (max-width:1018px){

    .content_guia_empleabilidad{
        width: 100%;
        color: #fff;
        margin: 50px 0px;
        background: var(--thm-celeste);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .content_guia_empleabilidad .content_caja_chica_guia_empleabilidad{
        cursor: pointer;
        text-align: center;
        font-family: 'black';
        width: 50%;
        /* background: rgba(255, 0, 0, 0.524); */
        padding: 25px 20px;
        font-size: 35px;
        transition: all 0.3s;
    }


    .caja_text_aliados_exitos {
        width: 98%;
        position: none;
        background: #174ea1;
        border-radius: 0px 17px 17px 0px;
        padding: 30px 50px 30px 80px;
        z-index: 11;
        color: #fff;
        left: 0;
    }
    .content_caja_aliados_exitos {
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        align-items: start;
    }
}

.div_contactanos{
    width: 100%;
    display: flex;
    /* flex-wrap: nowrap; */
    flex-direction: row;
}
.div_contactanos .cajita_div_contactanos{
    width: 20%;
    margin-right: 5px;
}

/* PONIENDO TODO RESPONSIVE PARA CELULAR */
/* --------- EMPLEABILIDAD ---------- */
@media screen and (max-width:512px){
    .content_text_table_of_content h2{
        font-size: 40px !important;
        text-align: center;
    }
    .owl-controls .owl-dots{
        display: none !important;
    }
    .section_table_of_content .content_caja_cifras{
        width: 100% !important;
    }
}
@media screen and (max-width:435px){
    .content_text_table_of_content h2{
        font-size: 30px !important;
        text-align: center;
    }
}
/* EMPRESAS */
@media screen and (max-width:512px){
    .content_caja_aliados_exitos{
        align-items: center;
    }
    .ctnt_grande_q_es_empleabilidad .content_text{
        font-size: 20px !important;
    }
    .content_caja_aliados_exitos .caja_text_aliados_exitos{
        padding: 20px 20px 20px 10px !important;
    }
    .content_caja_aliados_exitos .caja_text_aliados_exitos h3{
        font-size: 35px !important;
    }
    .titulo_inovacion_movil{
        display: block !important;
    }
    .titulo_inovacion_pc{
        display: none !important;
    }
}
/* ESTUDIANTES */
@media screen and (max-width:1013px){
    .content_caja_aliados_exitos .bolsa_caja_movil_estudiantes{
        width: 100% !important;
    }
    .content_caja_aliados_exitos .bolsa_caja_text_movil_estudiantes{
        width: 100%;
        position: absolute;
        background: #174ea19b;
        border-radius: 0px 0px 0px 0px;
        padding: 30px 100px 30px 100px;
        z-index: 11;
        color: #fff;
        left: 0;
    }
}

@media screen and (max-width:915px){
    .content_caja_aliados_exitos .bolsa_caja_movil_estudiantes{
       /*  width: 100% !important; */
       display: none;
    }
    .content_caja_aliados_exitos .bolsa_caja_text_movil_estudiantes{
        /* width: 100%; */
        position: relative;
        background: var(--thm-base);
        border-radius: 0px 0px 0px 0px;
/*         padding: 30px 100px 30px 100px;
        z-index: 11;
        color: #fff;
        left: 0; */
    }
}

@media screen and (max-width:512px){
    .content_eventos_netw_movil{
        display: flex;
        align-items: center !important;
    }
    .cajita_webinars_text_movil .cajita_txt_eventos_netw h3{
        font-size: 38px !important;
    }
    .content_eventos_netw .cajita_webinars_img_movil{
        display: block;
        width: 100%;
    }
    .content_eventos_netw .cajita_webinars_img_movil img{
        width: 100% !important;
        height: 100% !important;
    }
}
@media screen and (max-width:435px){
    .content_titulo_general_movil span{
        font-size: 30px !important;
    }
    .title_estudiantes_tst_movil{
        font-size: 30px !important;
    }
    .cajita_webinars_text_movil .cajita_txt_eventos_netw h3{
        font-size: 30px !important;
    }
    /* .slick-list .slick-track{
        transform: translate3d(0px, 0px, 0px) !important;
    } */
}

/* EGRESADOS */
@media screen and (max-width: 659px){
    .content_eventos_netw2 .caja_txt_eventos_netw2 {
        width: 98%;
        display: flex;
        justify-content: start;
    }
}