/*Estilos de secciones de paginas*/
/*//////////////////////////////////////////////////////////////////////////////////

/*
    naranja: ff9f23;
    naranja-claro: ffc376;
    azul: 18225a;
    gris: 808080;
    azul: 18225a;
    azul-fuerte: 010F40

*/
body {
    font-family: Helvetica, Arial, sans-serif;
}
.main{
    overflow: hidden !important;
}
:root{
    --blanco: #fff;
    --naranja: #ff9f23;
    --gris: #808080;
    --azul-fuerte: #010F40;
}

@media only screen and (max-device-width: 1366px) {

    /*
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        background:none;
        color: #fff !important;
        border-radius: 20px;
        text-align: center;
    }
    
    .navbar-nav a:hover {
        background: none;
        color: #fff !important;
        animation: none;
        border-radius: 20px;
        text-align: center;
    }
    .navbar-nav a:hover {
        background: none;
        color: #fff !important;
        animation: none;
    }*/
    
}

/* MENÚ */
@media only screen and (max-width:550px){

	body{
		background: rgb(235, 232, 232) !important;
	}
	/* menu movil */
	.navbar-movil{
		padding:0px !important;
	}
	.menu-movil{
		background-color: var(--azul-fuerte) !important;
		height: 100vh !important;
		overflow-y: scroll;
	}
	.menu-movil li{
		margin-top: 5%;
		margin-left: 50px;
	}
	.menu-movil li a{
		text-align: left;
		text-decoration: none;
		background-color: none;
		color: white !important;
	}

    .dropdown-menu{
        display: block;
        position: static;
        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0;
        position:static;
        width:100%;
    }
    .navbar-nav .dropdown-menu > li > a, 
    .navbar-nav .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 25px;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
        border-bottom: 1px solid white;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a{
        color:#777;
	}
	.dropdown-item{
		border-bottom: 1px solid white !important;
		font-size: 12px;
		margin-bottom: 20px;
		padding-left:0px;
		width: 90% !important;
	}
	.link-movil{
		font-weight: bold;
		border-bottom: 2px solid white !important;
		margin-bottom: 15px;
	}
	.navbar-nav .nav-link{
		width: 90%;
		background: none;
	}
	.otra-clase {
		background-image: url("../img/movil/webp/icon-close.png") !important;
		background-repeat: no-repeat;
	}
	.dropdown-item:focus, .dropdown-item:hover{
		background-color: var(--azul-fuerte);
	}
	.container-blog{
		margin-top: 4em;
		background: #fff;
	}

	.btn-tramite{
		width: 300px;
		font-size: 16px;
	}
	
}

@media only screen and (min-width:550px){
	body{
		background: #ffffff !important;
	}

	::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
		height: 4px;
	}
	::-webkit-scrollbar-thumb {
		border-radius: 4px;
		/*background-color: red;*/
		box-shadow: 0 0 1px rgba(255,255,255,.5);
	}

	.navbar-light .navbar-nav .active > .nav-link,
	.navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show,
	.navbar-light .navbar-nav .show > .nav-link {
		background: #ff9f23;
		color: #fff !important;
		border-radius: 20px;
		/*width: 10em;*/
		text-align: center;
	}
	
	.navbar-nav a:hover {
		background: #ff9f23;
		color: #fff !important;
		animation: none;
		border-radius: 20px;
		/*width: 10em;*/
		text-align: center;
	}
	
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
		color: #fff !important;
		width: 135px;
	}

	.container-blog{
		margin-top: 10em;
	}
}
/* END MENÚ */

@media only screen and (max-width: 575px){
	h3{
		font-size: 25px;
		font-weight: 500;
	}

	#div-tramita-mb{
		margin-top: 15vh !important;
	}
	
	/** slick **/
	.slick-prev .slick-arrow{
		left: 5px !important;
	}
	.slick-next .slick-arrow{
		right: 5px !important;
	}
	.slick-prev:before, .slick-next:before{
		font-size: 30px !important;
	}

	#img-grupo{
		background-image: url('../img/movil/webp/mk-movil-img2.webp');
		z-index: -1;
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
		height: 140% !important;
		width: 100%;
		top: 0px;
		right: -40px;
	}

	#img-maskapital{
		background-image: url('../img/movil/webp/mk-movil-img3.webp');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		height: 110%;
		bottom: 30px;
		position: absolute;
		/* top: 0px; */
		width: 100%;
	}

	#sec5-mb #img-requisitos div{
		background-image: url('../img/movil/webp/mk-movil-img5.webp');
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		bottom: 0px;
		height: 100%;
		margin: 0px;
		padding: 0px;
		position: absolute;
		right: -20px;
		width: 100%;
	}

	/* FORMULARIOS */
	#modal-frm-cliente .div-titulo-frm-clientem, #modalFrmCandidato .div-titulo-frm-cliente{
		width: 100% !important;
		border-radius: 0px !important;
	}
	#modal-frm-cliente input, #modalFrmCandidato input{
		border-radius: 5px !important;
		margin: 5px 0px 5px 0px !important;
	}
	#modal-frm-cliente select, #modalFrmCandidato select{
		border-radius: 0px !important;
	}
	.label-aviso-privacidad{
		margin-left: 20px;
	}

	#btn-enviar-frm, #btn-frm-candidato{
		border-radius: 5px !important;
	}
	/* END FORMULARIOS */

	#btn-postulate{
		margin-top: 30px !important;
	}
	
	.btn-tramite{
		width: 300px;
		font-size: 16px;
	}
	.btn-cancelar{
		border-radius: 10px;
	}
	.btn-aceptar{
		border-radius: 10px;
	}
    #div-btn-foto-ine{
        margin-top: 25px !important;
    }

}
@media only screen and (max-width: 450px){
    .play-button{
        padding: 15px 20px !important;
    }
    h3{
        font-size: 25px;
        font-weight: 500;
    }
    h2{
        font-size: 20px !important;
    }
    #div-tramita-mb{
        margin-top: 5vh !important;
    }
    
    /** slick **/
    .slick-prev .slick-arrow{
        left: 5px !important;
    }
    .slick-next .slick-arrow{
        right: 5px !important;
    }
    .slick-prev:before, .slick-next:before{
        font-size: 30px !important;
    }

    #img-sec2-mb{
        height: 250px !important;
    }
    #sec3-mb h2{
        width: 100%;
    }

    #img-grupo{
        right: 20px !important;
    }
    .slide-beneficios div{
        font-size: 16px;
    }

    #descrip-beneficio-personalizado{
        padding-left: 40% !important;
        padding-top: 10% !important;
        z-index: 2 !important;
    }

    .txt-leyenda{
        z-index: 2 !important;
    }
    .img-sec6-mb{
        z-index: 1 !important;
    }

    #img-maskapital{
        background-image: url('../img/movil/webp/mk-movil-img3.webp');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right top;
        height: 110%;
        bottom: 30px;
        position: absolute;
        /* top: 0px; */
        width: 100%;
    }

    #sec5-mb #img-requisitos div{
        background-image: url('../img/movil/webp/mk-movil-img5.webp');
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;
        bottom: 0px;
        height: 100%;
        margin: 0px;
        padding: 0px;
        position: absolute;
        right: -20px;
        width: 100%;
    }


    /* SECCIÓN NOSOTROS */
    #nosotros-historia-mb{
        margin-top: 60px !important;
    }
    #nosotros-historia-mb p{
        font-size: 14px !important;
    }
    #nosotros-historia-mb h3{
        margin-top: 30px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    #nosotros-valores-mb{
        font-size: 12px !important;
    }
    /* END SECCIÓN NOSOTROS */

    /* SECCIÓN BOLSA */
    #sec1-bolsa-trabajo{
        margin-top: 60px;
    }
    #sec2-bolsa-trabajo p{
        font-size: 12px !important;
        font-weight: 500;
    }
    
    .tarjeta-bolsa-trabajo{

        font-size: 12px !important;
    }
    #listado-vacantes{
        margin-bottom: 40px !important;
    }
    #separador-sec-4-bolsa-trabajo{
        height: 240px !important;
    }
    #separador-sec5-bolsa-trabajo{
        background-size: contain !important;
        height: 400px !important;
    }
    #separador-universidad-mb {
        margin-bottom: 20%;
    }
    /* END SECCIÓN BOLSA */


    /* FORMULARIOS */
    #modal-frm-cliente .div-titulo-frm-cliente, #modalFrmCandidato .div-titulo-frm-cliente{
        width: 100% !important;
        border-radius: 0px !important;
    }
    #modal-frm-cliente input, #modalFrmCandidato input{
        border-radius: 5px !important;
        margin: 5px 0px 5px 0px !important;
    }
    #modal-frm-cliente select, #modalFrmCandidato select{
        border-radius: 0px !important;
    }
    #label-aviso-privacidad{
        margin-left: 20px;
    }

    #btn-enviar-frm, #btn-frm-candidato {
        border-radius: 5px !important;
    }


    /* END FORMULARIOS */

    #btn-postulate{
        margin-top: 30px !important;
    }
}

@media only screen and (min-width: 580px){
    .div-btn-lo-quiero{
        float: right !important;
        margin-right: 40% !important;
        margin-top: 50% !important;
    }
    .sub-section-inicio{
        margin-top: 25% !important;
        margin-bottom: -35% !important
    }
}

@media only screen and (min-width: 800px){
    .sub-section-inicio{
        margin-top: 20% !important;
        margin-bottom: -20% !important
    }
    .div-btn-lo-quiero{
        float: right !important;
        margin-right: 35% !important;
        margin-top: 25% !important;
    }
    .link-footer{
        padding: 15px;
        font-size: 14px;
    }

}

@media only screen and (min-width: 1000px){
    .sub-section-inicio{
        margin-top: 5% !important;
        margin-bottom: -5% !important;
    }
    .div-btn-lo-quiero{
        float: right !important;
        margin-right: 25% !important;
        /* margin-top: 15% !important; */
        margin-bottom: 15%;
    }
}


.grecaptcha-badge{
    visibility: collapse !important;  
}

.borde:after, .borde2:after {
    content: "";
    display: block;
    height: 10px;
    background-image: url('../img/movil/webp/border.webp');
    background-repeat: repeat;
    background-position: left bottom;
    width: 50%;
    margin-top: 5px;
}
.borde2:after{
    width: 35%;
}

.navbar-light .navbar-nav .nav-link {
    color: #010F40;
    font-weight: 300;
    font-size: 15px;
}  

/** range slider **/
.slideinleft {
    margin-left:-300px;
    max-width:100%;
}

.irs--flat .irs-bar{
    border-radius: 20px;
    background: rgba(16,68,126,1);
    background: -moz-linear-gradient(left, rgba(16,68,126,1) 0%, rgba(16,68,126,1) 18%, rgba(16,68,126,1) 27%, rgba(109,180,238,1) 90%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,68,126,1)), color-stop(18%, rgba(16,68,126,1)), color-stop(27%, rgba(16,68,126,1)), color-stop(90%, rgba(109,180,238,1)));
    background: -webkit-linear-gradient(left, rgba(16,68,126,1) 0%, rgba(16,68,126,1) 18%, rgba(16,68,126,1) 27%, rgba(109,180,238,1) 90%);
    background: -o-linear-gradient(left, rgba(16,68,126,1) 0%, rgba(16,68,126,1) 18%, rgba(16,68,126,1) 27%, rgba(109,180,238,1) 90%);
    background: -ms-linear-gradient(left, rgba(16,68,126,1) 0%, rgba(16,68,126,1) 18%, rgba(16,68,126,1) 27%, rgba(109,180,238,1) 90%);
    background: linear-gradient(to right, rgba(16,68,126,1) 0%, rgba(16,68,126,1) 18%, rgba(16,68,126,1) 27%, rgba(109,180,238,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10447e', endColorstr='#6db4ee', GradientType=1 );
}

.irs--flat .irs-handle{
    top: 20px;
    width: 30px;
    height: 30px;
    margin-top: -5px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 3.6px 3.6px 9.7px rgba(0, 0, 0, 0.17), 0px 0px 3.6px rgba(13, 13, 13, 0.17);
    border: 0px solid #000000;
}

.irs--flat .irs-line{
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 20px;
}
.irs--flat .irs-handle>i:first-child{
    background-color: #fff;
}

.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
    background-color: #fff;
}
/** end range slider **/


/* radio */
.radiobtn {
    position: relative;
    display: block;
}
.radiobtn label {
    display: block;
    background: #fee8c3;
    color: #444;
    border-radius: 5px;
    padding: 10px 20px;
    border: 2px solid #fdd591;
    margin-bottom: 5px;
    cursor: pointer;
}
.radiobtn label:after, .radiobtn label:before {
    content: "";
    position: absolute;
    right: 11px;
    top: 11px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #fdcb77;
}
.radiobtn label:before {
    background: transparent;
    -webkit-transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
    transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
    z-index: 2;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 0;
    height: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
}
.radiobtn input[type="radio"] {
    display: none;
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
            appearance: none;
}
.radiobtn input[type="radio"]:checked + label {
    background: #fdcb77;
    -webkit-animation-name: blink;
            animation-name: blink;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    border-color: #fcae2c;
}
.radiobtn input[type="radio"]:checked + label:after {
    background: #fcae2c;
}
.radiobtn input[type="radio"]:checked + label:before {
    width: 20px;
    height: 20px;
}

@-webkit-keyframes blink {
    0% {
    background-color: #fdcb77;
    }
    10% {
    background-color: #fdcb77;
    }
    11% {
    background-color: #fdd591;
    }
    29% {
    background-color: #fdd591;
    }
    30% {
    background-color: #fdcb77;
    }
    50% {
    background-color: #fdd591;
    }
    45% {
    background-color: #fdcb77;
    }
    50% {
    background-color: #fdd591;
    }
    100% {
    background-color: #fdcb77;
    }
}

@keyframes blink {
    0% {
    background-color: #fdcb77;
    }
    10% {
    background-color: #fdcb77;
    }
    11% {
    background-color: #fdd591;
    }
    29% {
    background-color: #fdd591;
    }
    30% {
    background-color: #fdcb77;
    }
    50% {
    background-color: #fdd591;
    }
    45% {
    background-color: #fdcb77;
    }
    50% {
    background-color: #fdd591;
    }
    100% {
    background-color: #fdcb77;
    }
}
/* radio */


.div-tarjeta{
    background: #fff;
    border-radius: 10px;
    color: #ff9f23 !important;
    font-weight: lighter;
    margin: 0px 10px;
    overflow: hidden;
    padding: 40px 10px 20px 10px;
}
.div-tarjeta h2{
    width: 70%;
    font-size: 25px;
    font-weight: 300;
}

.btn-tramita{
    background: rgb(248,135,36);
    background: linear-gradient(0deg, rgba(248,135,36,1) 0%, rgba(251,210,105,1) 100%);
    border: none;
    border-radius: 25px;
    color: #ffffff;
    font-size: 17px;
    padding: 8px 40px;
}

/* seccion 1 movil */
div.fixed {
    position: fixed;
    bottom: 0;
    /* background: #fff; */
    /* color: #bebebe; */
    /* border-radius: 5px 5px 0px 0px; */
    /* font-size: 12px; */
    /* padding: 20px 25px; */
    right: 10%;
    width: 80%;
    z-index: 5;
}
div.fixed > div > a{
    text-decoration: none;
    background: #fff;
    color: #bebebe;
    border-radius: 8px;
    font-size: 12px;
    padding: 20px 25px;
}
div.fixed > div:first-child{
    float: right;
    /* display: block; */
    height: 50px;
    position: absolute;
    top: -40px;
    right: 0px;
}

#divDudasLlamar{
    display:none;
}
#divDudasLlamar > div{
    background:rgb(61, 60, 60);
    padding: 15px 10px;
    font-size: 20px;
    text-align: center;
    color: #3e9ec4;
    margin-bottom: 5px;
    border-radius: 15px;
}
#divDudasLlamar > div a{
    text-decoration: none;
}
.fixed div:target > div{
    display:block;
}

#sec1-mb{
    background-color: #ff9f23;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f79d29' fill-opacity='0.95' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
    color: #ffffff;
    height: 65vh;
    margin-top: -10px;
}
#bg-sec1-mb{
    background-image: url('../img/movil/webp/mk-movil-img7.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    height: 60%;
    right: 0px;
    position: absolute;
    top: 30px;
    width: 100%;
}
#sec1-mb p{
    color: rgba(255, 255, 255, 0.877);
    font-size: 14px;
    font-weight: lighter;
}

.btn-mobile{
    border: 4px solid #fff;
    border-radius: 35px;
    padding: 10px 30px;
    color: #fff;
    font-size: 1.2em;
    width: 70%;
}
.btn-mobile:hover{
    color: #ff9f23;
    background: #ffffff;
}
#div-tramita-mb{
    margin-top: 20vh;
}

#tab-dudas{
    position: absolute;
    bottom: 0px;
    background: #fff;
    color: #ccc;
    border-radius: 5px 5px 0px 0px;
    font-size: 12px;
    padding: 15px 5px;
}
/* end seccion 1 movil */

/* seccion 2 movil */
#sec2-mb{
    padding:0px !important;
}

#sec2-mb .row > div{
    height: 40vh;
}
#img-sec2-mb{
    background-image: url('../img/movil/webp/mk-movil-img1.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    bottom: -20px;
    height: 300px;
    right: -10px;
    position: absolute;
    width: 100%;
}
/* end seccion 2 movil */

/* seccion 3 movil*/
#sec3-mb{
    padding:0px !important;
}
/* end seccion 3 movil */

/* seccion 4 movil */
#sec4-mb{
    background: #ff9f23;
    color:#fff;
    font-weight: lighter;
    font-size: 14px;
    /*height: 100vh;*/
}
#sec4-mb-beneficios{
    color:rgba(255, 255, 255, 0.847);
    font-size: 2em;
    font-weight: lighter;
}
#sec4-mb h2{
    font-size: 1.8em;
    font-weight: bold;
}
#sec4-mb h3{
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 500;
}
#sec4-mb p{
    color:rgba(255, 255, 255, 0.847);
}
/* seccion 5 movil */
#sec5-mb{
    padding:0px !important;
}
#sec5-mb #img-requisitos{
    height: 200px;
    position: relative;
}
/* #sec5-mb #img-requisitos div{
    background-image: url('../img/movil/webp/mk-movil-img5.webp');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -20px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: -16%;
    width: 100%;
} */
/* end seccion 5*/

/* seccion 6 movil */
#sec6-mb{
    padding: 0px !important;
    color: white !important;
}
#sec6-mb .div-tarjeta{
    background: #ff9f23;
    color: #fff !important;
    padding-top: 20px;
}
#sec6-mb h2{
    color: #fff;
    font-size: 14px;
}
#sec6-mb h3{
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    z-index: 3;
}
#img-sec6-mb{
    position: relative;
}
#img-sec6-mb{
    background-image: url('../img/movil/webp/mk-movil-img6.webp');
    background-repeat: no-repeat;
    background-position: 10px bottom;
    background-size: contain;
    position: absolute;
    height: 85%;
    width: 85%;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}
/* end seccion 6 */

/* nosotros movil */

    /* historia */
#nosotros-historia-mb{
    margin: 5px;
    margin-top: 90px;
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
}
#bg-mapa-nosotros-mb{
    background-image: url('../img/movil/webp/mk-mapa-mexico.webp');
    background-repeat: no-repeat;
    background-position: 35% 50%;
    background-size: contain;
    /* z-index: -1; */
    position: absolute;
    height: 15%;
    opacity: .4;
}
#nosotros-historia-mb h2{
    font-size: 15px;
}
#nosotros-historia-mb h3{
    font-size: 14px;
    font-weight: lighter;
}
#nosotros-historia-mb p{
    font-size: 10px;
    font-weight: lighter !important;
}
#nosotros-historia-mb hr{
    border-top: 1px dotted #202020;
    margin: 0px;
    margin-bottom: 10px;
}

    /* vision y mision */
#nosotros-vision-mision-mb{
    background: #252323;
    background-image: url('../img/movil/webp/mk-movil-img8.webp');
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
    padding-bottom: 10vh;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}
#bg-nosotros-vision-mision-mb{
/*  background-image: url('../img/movil/webp/mk-movil-img8.webp');
    background-position: 50% 42%;
    background-size: contain;
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;*/
}
#nosotros-vision-mision-mb h3{
    font-size: 18px;
    font-weight: lighter;
    color: #fff;
}
#nosotros-vision-mision-mb h4{
    font-size: 18px;
    font-weight: bold;

}
    /* valores */
#nosotros-valores-mb{
    background: #fff;
    border-radius: 10px;
    font-size: 11px;
    font-weight: lighter !important;
    margin: 5px;
    margin-top: 90px;
    padding: 10px 15px;
    padding-bottom: 5vh;
}
#nosotros-valores-mb h4{
    color: var(--naranja);
    font-weight: lighter;
    font-size: 1.25rem;
}
#nosotros-valores-mb h5{
    color: var(--naranja);
}

    /* bolsa de trabajo */
#bolsa-trabajo-mb{
    font-size: 12px;
}
#bolsa-trabajo-mb h2{
    color: var(--naranja);
    font-size: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
    padding-left: 0px !important;
}
#bolsa-trabajo-mb h3{
    color: var(--naranja);
    font-size: 1rem;
    margin-bottom: 10px;
}
#bolsa-trabajo-mb h4{
    color: var(--naranja);
    font-size: 14px;
}
.tarjeta-bolsa-trabajo{
    background: #fff;
    border-radius: 10px;
    font-size: 11px;
    font-weight: lighter !important;
    margin: 5px;
    margin-top: 90px;
    padding: 10px 15px;
    padding-bottom: 5vh;
}

#sec2-bolsa-trabajo p{
    margin-bottom: 5px;
}
#separador-sec2-bolsa-trabajo{
    background-image: url('../img/movil/webp/mk-movil-img9.webp');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -15px;
    right: 0px;
}
.link-vacante-mb{
    color: var(--naranja);
    font-size: 1rem;
    margin-bottom: 10px;
    text-decoration: none;
}
#separador-sec-4-bolsa-trabajo{
    background-image: url('../img/movil/webp/mk-movil-img10.webp');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: -15px;
}

#separador-sec5-bolsa-trabajo{
    background-image: url('../img/movil/webp/mk-movil-img11.webp');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 0px;
}

#separador-universidad-mb{
    width: 30%;
    float: right;
    margin-top: 10%;
}
/* end nosotros movil */

/* footer movil */
#footer-mb{
    background: var(--naranja);
    color: var(--blanco);
    font-weight: lighter;
    font-size: 11px;
}
#footer-mb h3{
    color: var(--blanco);
    font-size: 13px;
}
#footer-mb .icon-movil{
    height: 18px;
}
#logos-footer{
    border-bottom: 2px solid var(--blanco);
}
#derechos > div{
    width: 50%;
    font-size: 10px;
}
/* end footer movil */

#img-grupo{
    background-image: url('../img/movil/webp/mk-movil-img2.webp');
    background-size: contain;
    background-repeat: no-repeat;
    height: 50vh;
    z-index: -1;
}

#img-maskapital{
    /*background-image: url('../img/general/mano.webp');
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vh;
    z-index: -1;*/
}
.padre{
    position: relative;
    height: 200px;
}
.absolute{
    background-image: url('../img/movil/webp/mk-movil-img3.webp');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    bottom: 50px;
    right: 0px;
    height: 100%;
    z-index: -1;
}
.absolute-izq{
    /*background-image: url('../img/general/mano.webp');
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 20px;
    height: 100%;
    z-index: -1;*/

    /*background-image: url('../img/movil/webp/mk-movil-img4.webp');
    position: absolute;
    width: 180px;
    bottom: 0px;
    height: 400px;*/
    background-image: url('../img/movil/webp/mk-movil-img4.webp');
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    height: 75%;
    width: 100%;
    bottom: 0px;
}
#descrip-beneficio-personalizado{
    padding-left: 40%;
    padding-top: 20%;
}

/** slick **/
.slick-prev .slick-arrow{
    left: 10px !important;
}
.slick-next .slick-arrow{
    right: 10px !important;
}

/* end seccion 4 movil */

.active-estado {
    color: #ff9f23;
}

.rojo {
    color: red;
}
.negro {
    color: #000000;
}
.naranja {
    color: #ff9f23 !important;
}
.gris {
    color: #808080;
}
.azul-oficial {
    color: #18225a !important;
}

.footer {
    background: #010f40;
    color: #fff;
    padding: 30px;
}
.bg-azul {
    background: #18225a;
}

.link-footer {
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
}

.link-footer:hover {
    text-decoration: none;
    color: #ff9f23;
}

.link-naranja {
    text-decoration: none;
    color: #ff9f23;
}

.link-azul {
    text-decoration: none;
    color: #18225a;
}
.link-azul:hover {
    color: #ff9f23;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.link-sucursal {
    text-decoration: none;
    font-size: 1.3em;
    font-weight: 300;
    text-align: center;
}
.link-sucursal div {
    padding: 30px;
    border: 1px solid #18225a;
    border-radius: 90px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.link-sucursal:hover {
    text-decoration: none;
}
.link-sucursal div:hover {
    color: #ff9f23;
    border: 1px solid #ff9f23;
    -webkit-transition: 0.2s; /* For Safari 3.1 to 6.0 */
    transition: 0.2s;
}

.fuente-gral {
    font-weight: 300;
    font-size: 2em;
}

.fuente-gral-sm {
    font-weight: 300;
    font-size: 1.5em;
}

.azul {
    color: #18225a;
}
.azul-fuerte {
    color: #010f40;
}

.fuente-azul {
    color: #010f40;
    font-weight: 300;
    font-size: 1.2em;
}

.fuente-azul-sm {
    color: #010f40;
    font-weight: 300;
    font-size: 1em;
}

.borde-azul {
    border-width: 15px;
    border-right: 0px;
    border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(to bottom, #0399d5, #010f40) 1
        100%;
    border-image: linear-gradient(to bottom, #0399d5, #010f40) 1 100%;
}

.titulo {
    font-weight: bold;
    font-size: 3.5em;
    color: #808080;
}

h3 {
    color: #808080;
    font-weight: bold;
}

#sucursales a {
    text-decoration: none;
    color: #808080;
    font-size: 1.2em;
    position: relative;
    margin-right: 15px;
}
#sucursales i {
    font-size: 12px !important;
}

#sucursales a:hover {
    color: #ff9f23;
}

#contenido-sucursal b {
    font-size: 14px;
    font-weight: 500;
}

#contenido-sucursal p {
    color: #808080;
    font-size: 11px;
    font-weight: 300;
}

.texto-gral {
    font-size: 1em;
    font-weight: 300;
}

/*espacio entre secciones*/
.mt-section {
    margin-top: 4em;
}

.greca p {
    margin-top: 50px;
    color: #808080 !important;
    left: 136.43px;
    top: 3767.04px;
    font-size: 20px;
    font-family: sans-serif;
}
/*sub section inicio*/
.sub-section-inicio {
	/*background-image: url('../img/bg/bg-principal.jpg');*/
	background-size: contain;
	background-repeat: no-repeat;
	position: static;
	height: 500px;
	margin-top: 4em;
	background-size: contain;
	background-position: center;
}

.input-1 {
    /*position: absolute;*/
    padding-top: 20%;
    padding-right: 4%;
    float: right;
    /*left: 62em;
    right: 3em;*/
}

.btn-lo-quiero-1 {
    /*position: absolute;*/
    padding-top: 20%;
    padding-right: 4%;
    float: right;
    /*left: 62em;
    right: 3em;*/
}

.input-2 {
    position: absolute;
    right: 30em;
}

.sub-section-inicio .blanco {
    font-size: 18px;
    margin-top: 2em;
    padding-left: 34%;
}

.sub-section-inicio .h1-header {
    position: absolute;
    top: 3em;
    left: 2em;
    right: 2em;
    color: #fff;
    font-size: 70px;
    font-weight: bold;
}

.sub-titulo {
    position: absolute;
    top: 15em;
    left: 5em;
    right: 3em;
    color: #fff;
}

.imagen-requisitos {
    background: #ff9f23;
}

.modal-body p {
    font-size: 13px;
}
.modal-body h3 {
    color: #000000;
    font-size: 16px;
}
.modal-body li {
    font-size: 13px;
}

/*navbar-nav*/
.nav-link {
    color: #fff;
    width: 10em;
    text-align: center;
}

/*
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    background: #ff9f23;
    color: #fff !important;
    border-radius: 20px;
    text-align: center;
}

.navbar-nav a:hover {
    background: #ff9f23;
    color: #fff !important;
    animation: none;
    border-radius: 20px;
    text-align: center;
}
*/
.sub-section-greca {
    background-image: url("../assets/img/bg/bg-greca.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 5px;
    display: inline;
}

.titulo-sucursal h1 {
    font-size: 3em;
    font-weight: bold;
    display: inline-block;
    color: #000;
    background: #fff;
    mix-blend-mode: multiply;
    position: relative;
}

.titulo-sucursal h1:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, orange, white);
    mix-blend-mode: screen;
    position: absolute;
    top: 0;
    left: 0;
}

.menu-sucursales h1 {
    font-size: 3.5em;
    font-weight: bold;
    margin-left: 100px;
    display: inline-block;
    color: #000;
    background: #fff;
    mix-blend-mode: multiply;
    position: relative;
}
.menu-sucursales h1:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, orange, white);
    mix-blend-mode: screen;
    position: absolute;
    top: 0;
    left: 0;
}
.link a {
    color: #808080;
    font-size: 20px;
}

.link a:hover {
    color: #ff9f23 !important;
    text-decoration: none;
}

.active {
    color: #fff !important;
    text-decoration: none;
}

.brd-orange {
    border-bottom: 0.5px solid #ff9f23;
}

/*punto de estado*/
#punto_c_mexico {
    display: none;
}
#punto_e_mexico {
    display: none;
}
#punto_guerrero {
    display: none;
}
#punto_morelos {
    display: none;
}
#punto_puebla {
    display: none;
}
#punto_tlaxcala {
    display: none;
}
#punto_veracruz {
    display: none;
}

#punto_oaxaca {
    display: none;
}

#punto_chiapas {
    display: none;
}

/*estados con sucursal*/
#suc-c-mexico {
    display: none;
}
#suc-e-mexico {
    display: none;
}
#suc-guerrero {
    display: none;
}
#suc-morelos {
    display: none;
}
#suc-puebla {
    display: none;
}
#suc-tlaxcala {
    display: none;
}
#suc-veracruz {
    display: none;
}


#suc-oaxaca {
    display: none;
}


#suc-chiapas {
    display: none;
}

/*estados */

#estado-c-mexico {
    display: none;
}
#estado-e-mexico {
    display: none;
}
#estado-guerrero {
    display: none;
}
#estado-morelos {
    display: none;
}
#estado-puebla {
    display: none;
}
#estado-tlaxcala {
    display: none;
}
#estado-veracruz {
    display: none;
}
#estado-oaxaca {
    display: none;
}
#estado-chiapas {
    display: none;
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #fff;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #343434;
}

/* For all zoom buttons */
.mapael .zoomButton {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 0;
    font-weight: bold;
    left: 10px;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Reset Zoom button first */
.mapael .zoomReset {
    top: 10px;
}

/* Then Zoom In button */
.mapael .zoomIn {
    top: 30px;
}

/* Then Zoom Out button */
.mapael .zoomOut {
    top: 50px;
}

.mapael .map {
    position: relative;
}

.mapcontainer {
    margin: 10px;
}
/*animacion svg*/

/*animacion svg*/
.nkYoNlIx_0 {
    stroke-dasharray: 335 337;
    stroke-dashoffset: 336;
    animation: nkYoNlIx_draw_0 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_1 {
    stroke-dasharray: 108 110;
    stroke-dashoffset: 109;
    animation: nkYoNlIx_draw_1 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_2 {
    stroke-dasharray: 42 44;
    stroke-dashoffset: 43;
    animation: nkYoNlIx_draw_2 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_3 {
    stroke-dasharray: 42 44;
    stroke-dashoffset: 43;
    animation: nkYoNlIx_draw_3 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_4 {
    stroke-dasharray: 902 904;
    stroke-dashoffset: 903;
    animation: nkYoNlIx_draw_4 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_5 {
    stroke-dasharray: 146 148;
    stroke-dashoffset: 147;
    animation: nkYoNlIx_draw_5 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_6 {
    stroke-dasharray: 511 513;
    stroke-dashoffset: 512;
    animation: nkYoNlIx_draw_6 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_7 {
    stroke-dasharray: 65 67;
    stroke-dashoffset: 66;
    animation: nkYoNlIx_draw_7 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_8 {
    stroke-dasharray: 95 97;
    stroke-dashoffset: 96;
    animation: nkYoNlIx_draw_8 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_9 {
    stroke-dasharray: 48 50;
    stroke-dashoffset: 49;
    animation: nkYoNlIx_draw_9 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_10 {
    stroke-dasharray: 902 904;
    stroke-dashoffset: 903;
    animation: nkYoNlIx_draw_10 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_11 {
    stroke-dasharray: 134 136;
    stroke-dashoffset: 135;
    animation: nkYoNlIx_draw_11 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_12 {
    stroke-dasharray: 539 541;
    stroke-dashoffset: 540;
    animation: nkYoNlIx_draw_12 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_13 {
    stroke-dasharray: 187 189;
    stroke-dashoffset: 188;
    animation: nkYoNlIx_draw_13 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_14 {
    stroke-dasharray: 77 79;
    stroke-dashoffset: 78;
    animation: nkYoNlIx_draw_14 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_15 {
    stroke-dasharray: 77 79;
    stroke-dashoffset: 78;
    animation: nkYoNlIx_draw_15 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_16 {
    stroke-dasharray: 77 79;
    stroke-dashoffset: 78;
    animation: nkYoNlIx_draw_16 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_17 {
    stroke-dasharray: 77 79;
    stroke-dashoffset: 78;
    animation: nkYoNlIx_draw_17 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_18 {
    stroke-dasharray: 71 73;
    stroke-dashoffset: 72;
    animation: nkYoNlIx_draw_18 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
.nkYoNlIx_19 {
    stroke-dasharray: 901 903;
    stroke-dashoffset: 902;
    animation: nkYoNlIx_draw_19 14900ms linear 0ms infinite,
        nkYoNlIx_fade 14900ms linear 0ms infinite;
}
@keyframes nkYoNlIx_draw {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_fade {
    0% {
        stroke-opacity: 1;
    }
    97.31543624161074% {
        stroke-opacity: 1;
    }
    100% {
        stroke-opacity: 0;
    }
}
@keyframes nkYoNlIx_draw_0 {
    5.369127516778524% {
        stroke-dashoffset: 336;
    }
    9.87414227786939% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_1 {
    9.87414227786939% {
        stroke-dashoffset: 109;
    }
    11.335590518818512% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_2 {
    11.335590518818512% {
        stroke-dashoffset: 43;
    }
    11.912125145981925% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_3 {
    11.912125145981927% {
        stroke-dashoffset: 43;
    }
    12.488659773145342% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_4 {
    12.488659773145342% {
        stroke-dashoffset: 903;
    }
    24.595886943577046% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_5 {
    24.595886943577046% {
        stroke-dashoffset: 147;
    }
    26.5668309015543% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_6 {
    26.5668309015543% {
        stroke-dashoffset: 512;
    }
    33.43161529940705% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_7 {
    33.43161529940705% {
        stroke-dashoffset: 66;
    }
    34.316528913192755% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_8 {
    34.316528913192755% {
        stroke-dashoffset: 96;
    }
    35.60367598779015% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_9 {
    35.60367598779015% {
        stroke-dashoffset: 49;
    }
    36.2606573071159% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_10 {
    36.2606573071159% {
        stroke-dashoffset: 903;
    }
    48.367884477547605% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_11 {
    48.367884477547605% {
        stroke-dashoffset: 135;
    }
    50.17793505120019% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_12 {
    50.17793505120019% {
        stroke-dashoffset: 540;
    }
    57.418137345810514% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_13 {
    57.41813734581051% {
        stroke-dashoffset: 188;
    }
    59.93880036689706% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_14 {
    59.93880036689707% {
        stroke-dashoffset: 78;
    }
    60.98460736500746% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_15 {
    60.984607365007435% {
        stroke-dashoffset: 78;
    }
    62.03041436311783% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_16 {
    62.03041436311783% {
        stroke-dashoffset: 78;
    }
    63.076221361228214% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_17 {
    63.076221361228214% {
        stroke-dashoffset: 78;
    }
    64.12202835933859% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_18 {
    64.12202835933859% {
        stroke-dashoffset: 72;
    }
    65.08738866528664% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes nkYoNlIx_draw_19 {
    65.08738866528662% {
        stroke-dashoffset: 902;
    }
    77.18120805369128% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
/*Estilos de modolo nosotros*/
/*Estilos de modolo nosotros*/

#parrafo-1 {
    color: #000;
    font-size: 1.5em;
    padding-left: 20%;
    padding-right: 20%;
}

#parrafo-2 {
    color: #000;
    font-size: 1.5em;
    padding-left: 20%;
    padding-right: 20%;
}

#Capa_1 {
    position: static;
    left: 200px;
}

/* Bounce To Right */
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18225a;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 20px;
}
.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
    color: white;
}
.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #18225a;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
    right: 0;
}

/** OVERLAY IMG VALORES **/

.contenedor-valores {
    position: relative;
    width: 100%;
    padding: 0px;
}

.overlay-valores {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: #18225a;
}

.contenedor-valores:hover .overlay-valores {
    opacity: 1;
}

.text-valores {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 20%;
    left: 40%;
    -webkit-transform: translate(-40%, -20%);
    -ms-transform: translate(-40%, -20%);
    transform: translate(-40%, -20%);
    text-align: left;
}

.ul-normatividad {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ul-normatividad li {
    line-height: 1;
}

.ul-normatividad li::before {
    content: "•";
    color: #ff9f23;
    display: inline-block;
    width: 50px;
    padding-right: 1em;
    font-size: 4em;
}

/*#tabla-normatividad table, th, td{
  color: #808080;
  width: 100%;
  text-align: center;
  padding: 18px;
  font-size: 13px;
  font-weight: 200;
  border: 2px solid #ff9f23 !important;
}*/

#div-faq h4 {
    color: #ff9f23;
    margin-top: 1.5em;
}

.input-frm-lo-quiero {
    /*width:90%;*/
    text-align: center;
    padding: 8px;
    outline: none !important;
    border: 1px solid #ff9f23;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
}

.input-frm-buzon {
    width: 100%;
    padding: 8px;
    padding-left: 1.2em;
    outline: none !important;
    border: 1px solid #ff9f23;
    border-radius: 30px;
    display: inline-block;
}

.select-frm {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    width: 100%;
    padding: 8px;
    padding-left: 1.2em;
    border: 1px solid #ff9f23;
    border-radius: 30px;
    display: inline-block;
}

.txt-frm-lo-quiero {
    padding: 5px;
    outline: none !important;
    border: 1px solid #ff9f23;
    border-radius: 10px;
}
.btn-enviar-frm {
    width: 150px;
    background: #ff9f23;
    padding: 10px;
    border: none;
    color: white;
    border-radius: 30px;
    box-shadow: 10px 0px 10px #e1e1e1;
}
.btn-enviar-frm:hover {
    background: #ff950c;
}

.div-titulo-frm-cliente {
    margin-right: auto;
    margin-left: auto;
    width: 50%;
    padding: 10px;
    border-radius: 30px;
    background: #ff9f23;
    color: #fff;
}

.mrg-btm-1 {
    margin-bottom: 1em;
}

.mrg-btm-2 {
    margin-bottom: 2em;
}

.scrolldown {
    position: relative;
    bottom: 20px;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-80px) translateX(-50%) rotate(45deg);
}

.scrolldown span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 4px solid #ff9f23;
    border-right: 4px solid #ff9f23;
    animation: animate 1.5s linear infinite;
    opacity: 0;
}

.scrolldown span:nth-child(1) {
    transform: translate(-15px, -15px);
    animation-delay: -0.4s;
}

.scrolldown span:nth-child(2) {
    transform: translate(0, 0);
    animation-delay: -0.2s;
}

.scrolldown span:nth-child(3) {
    transform: translate(15px, 15px);
    animation-delay: 0s;
}

@keyframes animate {
    0% {
        top: -5px;
        left: -5px;
        opacity: 0;
    }
    25% {
        top: 0px;
        left: 0px;
        opacity: 1;
    }
    50%,
    100% {
        top: 5px;
        left: 5px;
        opacity: 0;
    }
}

.degradado-azul {
    background: rgba(16, 68, 126, 1);
    background: -moz-linear-gradient(
        left,
        rgba(16, 68, 126, 1) 0%,
        rgba(16, 68, 126, 1) 18%,
        rgba(16, 68, 126, 1) 27%,
        rgba(109, 180, 238, 1) 90%
    );
    background: -webkit-gradient(
        left top,
        right top,
        color-stop(0%, rgba(16, 68, 126, 1)),
        color-stop(18%, rgba(16, 68, 126, 1)),
        color-stop(27%, rgba(16, 68, 126, 1)),
        color-stop(90%, rgba(109, 180, 238, 1))
    );
    background: -webkit-linear-gradient(
        left,
        rgba(16, 68, 126, 1) 0%,
        rgba(16, 68, 126, 1) 18%,
        rgba(16, 68, 126, 1) 27%,
        rgba(109, 180, 238, 1) 90%
    );
    background: -o-linear-gradient(
        left,
        rgba(16, 68, 126, 1) 0%,
        rgba(16, 68, 126, 1) 18%,
        rgba(16, 68, 126, 1) 27%,
        rgba(109, 180, 238, 1) 90%
    );
    background: -ms-linear-gradient(
        left,
        rgba(16, 68, 126, 1) 0%,
        rgba(16, 68, 126, 1) 18%,
        rgba(16, 68, 126, 1) 27%,
        rgba(109, 180, 238, 1) 90%
    );
    background: linear-gradient(
        to right,
        rgba(16, 68, 126, 1) 0%,
        rgba(16, 68, 126, 1) 18%,
        rgba(16, 68, 126, 1) 27%,
        rgba(109, 180, 238, 1) 90%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10447e', endColorstr='#6db4ee', GradientType=1 );
}

.bg-seccion-5-1 {
    height: 600px !important;
    /*background-image: url('../img/bg/bg-greca.png') !important;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bg-seccion-6 {
    height: 600px;
    /*background-image: url('../img/bg/bg-greca.png') !important;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bg-seccion-6-sm {
    height: 400px;
    /*background-image: url('../img/bg/bg-greca-sm.png') !important;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.btn-valores {
    width: 375px;
    padding: 30px;
    border: 1px solid #18225a;
    border-radius: 50px;
    font-size: 2em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.btn-valores-sm {
    width: 200px;
    padding: 15px;
    border: 1px solid #18225a;
    border-radius: 50px;
    font-size: 1.4em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.beneficios-mk {
    width: 260px;
    padding: 15px;
    border: 1.5px solid #18225a;
    border-radius: 50px;
    font-weight: 300;
    font-size: 1.4em;
    color: #18225a;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.carousel-control-prev-icon {
    background-image: url("../img/icons/arrow-prev.png") !important;
    height: 40px;
    width: 40px;
}
.carousel-control-next-icon {
    background-image: url("../img/icons/arrow-next.png") !important;
    height: 40px;
    width: 40px;
}

.marcador-vacante {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ff9f23;
    position: absolute;
    z-index: 2;
    bottom: -40px;
}

.link-vacante:hover > .marcador-vacante {
    /*width:220px;
  height:45px;
  border-radius: 20px;*/
    width: 50px;
    height: 50px;
    opacity: 0.8;
    -webkit-transition: 0.3s;
}

.titulo-vacante {
    position: absolute;
    z-index: 3;
    left: 20px;
    font-weight: 300;
    font-size: 1.4em;
    color: #18225a;
}

.titulo-detalle-vacante {
    position: absolute;
    z-index: 3;
    left: 20px;
    font-weight: 400;
    font-size: 2em;
    color: #18225a;
}

.descripcion-promocion {
    font-weight: 300;
    color: #18225a;
    width: 80%;
}

.seccion-universidad {
    width: 40%;
    padding: 8px;
    border: 1.5px solid #18225a;
    border-radius: 50px;
    font-weight: 300;
    font-size: 1.4em;
    color: #18225a;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#div-agenda {
    font-weight: 300;
    text-align: center;
}
#div-agenda .div-dia {
    font-weight: 400;
}

#div-titulo-agenda {
    color: #ff9f23;
    text-align: center;
    font-size: 2em;
    font-weight: 400;
}

#div-mes {
    font-size: 2em;
    font-weight: 300;
}
#div-year {
    font-size: 2em;
    font-weight: 300;
}
#div-dias {
    margin-top: 30px;
}
#div-dias div {
    display: inline-block;
}
#div-horarios span {
    margin-left: 20px;
    margin-right: 20px;
}

#div-horarios span:hover {
    color: #ff9f23;
    cursor: pointer;
    font-weight: 400;
}
#div-horarios .celda-deshabilitada{
    cursor: not-allowed;
    color: #7f8c8d;
}

.hora-seleccionada {
    color: #ff9f23;
    font-weight: 400;
}

#modal-agenda-citas .modal-content {
    padding: 15px;
    border-radius: 30px;
}

#modal-agenda-citas .btn-primary {
    background: #ff9f23;
    border-radius: 20px;
    border: none;
    color: #fff;
    font-size: 1.2em;
    width: 80px;
}
#modal-agenda-citas .btn-primary:hover {
    background: #ff950c;
}

#modal-agenda-citas .btn-secondary {
    border-radius: 20px;
    width: 70px;
}

/*** detalle de las vacantes ***/
#div-detalle-vacante {
    color: #18225a;
    font-weight: 300;
}

#div-detalle-vacante #titulo-vacante {
    margin-bottom: 30px;
}

#div-detalle-vacante .subtitulo {
    color: #ff9f23;
}

/*** estilos agenda ***/
.celda-deshabilitada {
    cursor: not-allowed;
    color: #7f8c8d;
}

.grid-header {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
/*.grid-body{
    width:100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}*/
.grid-agenda {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 30px 10px;
    padding: 10px;
    font-weight: 400;
    text-align: center;
}
.header-agenda {
    font-size: 2em;
    font-weight: 300;
}
.grid-celda-dia {
    padding: 15px;
}
.grid-celda-dia:hover {
    border-bottom: 3px solid #ff9f23;
    cursor: pointer;
}
.celda-deshabilitada,
.celda-deshabilitada:hover {
    border: none;
    cursor: not-allowed;
    background: #ecf0f1;
}
.celda-actual {
    background: #010f40;
    color: #fff;
}
.celda-actual:hover {
    border: none;
    cursor: not-allowed;
}
.dia-seleccionado {
    border-bottom: 3px solid #ff9f23;
}
.hora-apartada, .hora-apartada:hover{
	border: none !important;
	cursor: not-allowed !important;
	background: #ecf0f1 !important;
	color: #7f8c8d !important;
}

/* sweetalert */
.swal2-popup .swal2-styled.swal2-confirm{
	border-radius: 30px;
}
.swal2-popup .swal2-styled.swal2-cancel{
	border-radius: 30px;
}
.swal2-popup{
	border-radius: 20px;
}