body {
    font-family: "Rubik", sans-serif !important;
}

.bg-unimex {
    background-color: #004b93 !important;
}

.color-unimex {
    color: #004b93;
}

.fs-unimex1 {
    font-size: 1.4em;
    color: #666;
}

.fs-unimex2 {
    font-size: 1.5em;
    line-height: normal;

}

.logo-unimex {
    width: 200px !important;
    height: auto !important;
}

.icono-Unimex {
    max-width: 140px !important;
    margin: 0 auto 30px;
}

.text-justify {
    text-align: justify !important;
}

.slick-track {
    height: 400px !important;
}

#licenciaturas {
    background-color: #eff0f0;
}

.icon_licenciatura {
    width: 79px !important;
    height: 65px !important;
}

.slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin: -20px 0px 0px 0px;
    z-index: 10;
    font-size: 0;
    width: 30px;
    height: 30px;
}

.slider .slick-arrow.slick-prev {
    left: 0;
    background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0 0 / 100% no-repeat;
}

.slider .slick-arrow.slick-next {
    right: 0;
    background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;
}

.bg-footer {
    background-image: url(../img/footer/bg.webp);
    background-position: center;
    background-size: cover;
}

.slick-prev {
    position: absolute;
    z-index: 10;
    margin: -20px 0px 0px -55px;
    width: 40px;
    color: #004b93;
    height: 100px;
    font-size: 70px;
    background-color: transparent;
    border: 0;
}

.slick-next {
    position: absolute;
    z-index: 10;
    margin: -20px -13px 0px 0px;
    width: 40px;
    color: #004b93;
    height: 100px;
    font-size: 70px;
    background-color: transparent;
    border: 0;
}

.slick-prev-banner {
    position: absolute;
    top: 40%;
    z-index: 10;
    margin: -20px -13px 0px 0px;
    width: 43px;
    color: #ffff;
    height: 100px;
    font-size: 70px;
    left: -12px;
    background-color: transparent;
    border: 0;
}

.slick-next-banner {
    position: absolute;
    top: 40%;
    z-index: 10;
    margin: -20px -13px 0px 0px;
    width: 43px;
    color: #ffff;
    height: 100px;
    font-size: 70px;
    right: 29px;
    background-color: transparent;
    border: 0;
}


.input-unimex {
    height: 48px;
}

#portada {
    background-position: center;
    background-size: cover;
}

.etiqueta-titulo {
    display: inline-flex;
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    vertical-align: middle;
    align-items: center;
    justify-content: space-evenly;
}

.underlined-head {
    text-align: left;
    margin-top: 0;
    padding-bottom: 13px;
    background: url(../img/extras/underlined.png) no-repeat left bottom;
}

.underlined_head_obj {
    text-align: center;
    margin-top: 0;
    padding-bottom: 30px;
    background: url(../img/extras/underlined.png) no-repeat left bottom;
    background-position: center;
    background-position-y: 76%;
}

.underlined-head-center {
    margin-top: 0;
    padding-bottom: 13px;
    background: url(../img/extras/underlined.png) no-repeat bottom;
}

.bg-articule {
    background-color: #f1f1f1;
}

.slick-prev-tema {
    position: absolute;
    top: 30%;
    z-index: 10;
    margin: -20px 0px 0px -55px;
    width: 40px;
    color: #de951b;
    height: 100px;
    font-size: 70px;
    left: 0;
    background-color: transparent;
    border: 0;
}

.slick-next-tema {
    position: absolute;
    top: 30%;
    z-index: 10;
    margin: -20px -13px 0px 0px;
    width: 40px;
    color: #de951b;
    height: 100px;
    font-size: 70px;
    right: 0;
    background-color: transparent;
    border: 0;
}

.slick-next-calculadora {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin: -20px -13px 0px 0px;
    width: 40px;
    color: white; 
    height: 100px;
    font-size: 70px;
    right: 5%;
    background-color: transparent;
    border: 0;
}

.slick-prev-calculadora {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin: -20px 0px 0px -55px;
    width: 40px;
    color: white;
    height: 100px;
    font-size: 70px;
    left: 5%;
    background-color: transparent;
    border: 0;
}

.contenedorBannerCal{
    height: 500px !important;
}

.slick-prev-plantel {
    position: absolute;
    top: 30%;
    z-index: 10;
    margin: -20px 0px 0px -55px;
    width: 40px;
    color: #fff;
    height: 100px;
    font-size: 70px;
    background-color: transparent;
    border: 0;
}

.slick-next-plantel {
    position: absolute;
    top: 30%;
    z-index: 10;
    margin: -20px -13px 0px 0px;
    width: 40px;
    color: #fff;
    height: 100px;
    font-size: 70px;
    background-color: transparent;
    border: 0;
}

.slick-prev-campo {
    position: absolute;
    top: 30%;
    z-index: 10;
    margin: 9px 0px 0px -17px;
    width: 40px;
    color: #ffff;
    height: 100px;
    font-size: 70px;
    left: 0;
    background-color: transparent;
    border: 0;
}

.slick-next-campo {
    position: absolute;
    top: 30%;
    z-index: 10;
    margin: 9px 19px 0px 0px;
    width: 40px;
    color: #ffff;
    height: 100px;
    font-size: 70px;
    right: 0;
    background-color: transparent;
    border: 0;
}

.slick-prev-requisitos {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 40px;
    margin-left: 9px;
    color: #808080;
    height: 100px;
    font-size: 30px;
    left: 0;
    background-color: transparent;
    border: 0;
}

.slick-next-requisitos {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    margin-left: 50px;
    width: 40px;
    color: #808080;
    height: 100px;
    font-size: 30px;
    right: 0;
    background-color: transparent;
    border: 0;
}

.slick-next-requisitos:hover,
.slick-prev-requisitos:hover {
    color: #de951b;
}

.bg_planteles_dis {
    background-color: #5f5f5f !important;
}

.error {
    color: red;
    margin: 0;
}

#emailProspecto-error {
    width: 100%;
}



.bg-outline-purple {
    border-color: #6610f2 !important;
    color: #6610f2 !important;
}

.bg-outline-purple:hover {
    background-color: #6610f2 !important;
    color: #ffff !important;
}

.bg-outline-purple:active {
    background-color: #6610f2 !important;
    color: #ffff !important;
}

.bg-outline-orange {
    border-color: #fd7e14 !important;
    color: #fd7e14 !important;
}

.bg-outline-orange:hover {
    background-color: #fd7e14 !important;
    color: #000 !important;
}

.bg-outline-orange:active {
    background-color: #fd7e14 !important;
    color: #000 !important;
}


.bg-outline-teal {
    border-color: #20c997 !important;
    color: #20c997 !important;
}

.bg-outline-teal:hover {
    background-color: #20c997 !important;
    color: #000 !important;
}

.bg-outline-teal:active {
    background-color: #20c997 !important;
    color: #000 !important;
}

.bg-outline-pink {
    border-color: #d63384 !important;
    color: #d63384 !important;
}

.bg-outline-pink:hover {
    background-color: #d63384 !important;
    color: #000 !important;
}

.bg-outline-pink:active {
    background-color: #d63384 !important;
    color: #000 !important;
}

.bg-outline-vine {
    border-color: #581845 !important;
    color: #581845 !important;
}

.bg-outline-vine:hover {
    background-color: #581845 !important;
    color: #fff !important;
}

.bg-outline-vine:active {
    background-color: #581845 !important;
    color: #fff !important;
}

.bg-outline-brisa {
    border-color: #3D74C2 !important;
    color: #3D74C2 !important;
}

.bg-outline-brisa:hover {
    background-color: #3D74C2 !important;
    color: #fff !important;
}

.bg-outline-brisa:active {
    background-color: #3D74C2 !important;
    color: #fff !important;
}

.bg-outline-durazno {
    border-color: #EEA5A6 !important;
    color: #EEA5A6 !important;
}

.bg-outline-durazno:hover {
    background-color: #EEA5A6 !important;
    color: #000 !important;
}

.bg-outline-durazno:active {
    background-color: #EEA5A6 !important;
    color: #000 !important;
}

.bg-outline-pasto {
    border-color: #43766C !important;
    color: #43766C !important;
}

.bg-outline-pasto:hover {
    background-color: #43766C !important;
    color: #fff !important;
}

.bg-outline-pasto:active {
    background-color: #43766C !important;
    color: #fff !important;
}

.bg-outline-paleta {
    border-color: #2B2A4C !important;
    color: #2B2A4C !important;
}

.bg-outline-paleta:hover {
    background-color: #2B2A4C !important;
    color: #fff !important;
}

.bg-outline-paleta:active {
    background-color: #2B2A4C !important;
    color: #fff !important;
}

.etiqueta-titulo-acercade,
.etiqueta-titulo-acercade-mensaje {
    text-align: center !important;
    color: #fff;
    margin: auto;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
}

.fondoServicios,
.fondoServiciosSm {
    background: no-repeat center center;
    background-size: cover;
}

#historia {
    background: no-repeat center center;
    background-size: cover;
    margin: auto;
}

#estadisticas {
    background-image: url(../img/extras/acercade/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#bannerCalculadoraInicial {
    background-image: url('../img/calculadora_de_cuotas/unimex_banner_calculadora.jpg');
    height: 50vh !important;
    background-position: center !important;
    background-size: cover !important;
}

::placeholder {
    color: #004b93 !important;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #004b93 !important;
}

/* #plantelSelect,
#nivelSelect,
#periodoSelect,
#carreraSelect,
#horarioSelect
{
    box-shadow: none;
}

#plantelSelect:focus,
#nivelSelect:focus,
#periodoSelect:focus,
#carreraSelect:focus,
#horarioSelect:focus{
    border: 1px solid #003e7a;
}
 */

#abrirForm {
    display: block;
    margin: 0 auto;
    padding: 12px 20px;
    background: #004BAE;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    transition: background 0.8s;
}
#abrirForm:hover {
    background: #003b8a;
}