/* 
    Created on : 23 dic. 2024, 11:25:36
    Author     : Eric Palacios Portilla
*/



.titulo_blanco_s {
    color: #ffffff;
    font-family: 'DMSansbold';
    font-size: 29px;
    line-height: 1;
}

.boleto_01{
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(../images/boleto_01.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 184px;
    position: relative;
    float: left;
    margin-right: 15px;
    background-size: contain;     
    background-position: center;
}

.boleto_02{
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(../images/boleto_02.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 184px;
    position: relative;
    float: left;
    margin-right: 15px;
    background-size: contain;    
    background-position: center;
}


.container-faq{
    position: relative;
    width: 100%;
    margin: 5px auto;
    padding: 0 40px;
}


.total_align{
    text-align: right;
}

.titulo_interior {
    font-family: DMSansbold;
    font-size: 50px;
    line-height: 1;
}

/* Estilo general del área FAQ */
.faq_area {
    background: #0A192F;
    padding: 60px 15px;
}

/* Envoltorio centrado y full width */
.faq_wrapper {
    margin: 0 auto;
    width: 100%;
}

/* Card Header */
#faqAccordion .card-header {
    background-color: #2a9cb7;
    border-radius: 0.7rem;
    border: none;
    padding: 1rem 1.25rem;
}

/* Texto y botón en la cabecera */
.card-header h3 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
}

/* Cuerpo de la respuesta */
.card-body {
    background-color: #95ddee;
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    /*color: #000000;*/
    font-family: 'DMSans';
    margin-top: 5px;
    border-radius: 8px;
}
.card-body h4{
    font-family: 'mark_probold';
    line-height: 1;
    color: #003697;
}
.card-body p{
    font-family: 'DMSans';
    color: #1e7a8f;
    font-size: 17px;
    line-height: 1;
}
.card-body ul p{
    font-family: 'DMSans';
    color: #1e3659;
}

.card-body a{
    color: #003697;
}
.card-body a:hover{
    color: #3888db;
}
a[aria-expanded="true"] .arrow-icon {
    transform: rotate(180deg);
}

.arrow-icon {
    width: 30px;
    height: 30px;
    background-image: url(../images/arrow_r.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.3s ease;
}



/* FAQS */

body {


    background-color: #000000;
}

.texto_comollegar{
    font-size: 16px;
    color: #ffffff;
}


.fondo_aviso {
    background-color: #052d44;
    min-height: 450px;
    height: auto;
    overflow: hidden;
    padding-bottom: 50px;
    padding: 30px;
}


.fechas{
    width: 100%;
    min-height: 202px;
    height: auto;
    position: relative;
    float: left;
    background-image: url(../images/1.jpg);
    margin-top: 20px;
    margin-bottom: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.cont_entradas{
    width: 100%;
    min-height: 50px;
    height: auto;
    background-color: #064569;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    float: left;
}



.icon_ubicacion{
    background-image: url(../images/location.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}

.icon_auto{
    background-image: url(../images/location.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}

.icon_metro{
    background-image: url(../images/subway-public-sign-mark-svgrepo-com.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}

.icon_ecobici{
    background-image: url(../images/bycicle-svgrepo-com.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}


.titulo_recorrido{
    font-size: 19px;
    font-family: 'DMSansbold';
}

.f_boutique {
    background-image: url(../images/f_boutique.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_alimentos {
    background-image: url(../images/f_alimentos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_lockers {
    background-image: url(../images/f_lockers.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_sanitarios {
    background-image: url(../images/f_sanitarios.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_serv_medico {
    background-image: url(../images/f_servicio_medico.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_rh {
    background-image: url(../images/f_rh.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_facturacion {
    background-image: url(../images/f_facturacion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_viajero {
    background-image: url(../images/f_viajero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_carriolas {
    background-image: url(../images/f_carriolas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_sillaruedas {
    background-image: url(../images/f_sillas_ruedas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_estacionamiento {
    background-image: url(../images/f_estacionamiento.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}


.f_recorrido_01 {
    background-image: url(../images/f_azulejos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_02 {
    background-image: url(../images/f_frida.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_03 {
    background-image: url(../images/f_chavo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_04 {
    background-image: url(../images/f_xochimilco.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_05 {
    background-image: url(../images/f_monarca.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_06 {
    background-image: url(../images/f_catrinas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_07 {
    background-image: url(../images/f_tequila.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_08 {
    background-image: url(../images/f_bernal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_09 {
    background-image: url(../images/f_puebla.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_10 {
    background-image: url(../images/f_veracruz.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_11 {
    background-image: url(../images/f_guelaguetza.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_12 {
    background-image: url(../images/f_rivera.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}

.f_recorrido_13 {
    background-image: url(../images/f_cdmx.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 8px;
}




.margin_quince {
    margin-bottom: 15px;
}

.spacer_gris {
    height: 1px;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    float: left;
    background-color: #333333;
}


.pleca_amarilla2 {
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(../images/pleca_puntos.png);
    background-position: center;
    z-index: 1001;
    background-repeat: repeat-x;
    margin-top: 40px;
    margin-bottom: 40px;
}

.texto_centrado{
    text-align: center;
}


.titulo_blanco_interior {
    color: #ffffff;
    font-family: 'DMSansbold';
    font-size: 40px;
    margin-bottom: 15px;
}

.slogan_odisea{
    font-family: 'DMSansmedium';
    font-size: 21px;
    text-transform: uppercase;

}






.boton_boletos_large_compra2 {
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 14px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    border-radius: 100px;
    width: 220px;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 3%;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    float: right;
    text-align: center;
    background-image: url(../images/icono_boleto.svg);
    background-position-x: 185px;
    background-position-y: 7px;
    float: right;
    background-repeat: no-repeat;
    background-size: 25px;
}

.boton_boletos_large_compra2:hover {
    background-color: #007eff;
}


.boton_boletos_large {
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 13px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    border-radius: 100px;
    width: 220px;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 10%;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    float: right;
    text-align: center;
    background-image: url(../images/icon_comollegar.png);
    background-position-x: 185px;
    background-position-y: 7px;
    float: right;
    background-repeat: no-repeat;
}

.boton_boletos_large:hover {
    background-color: #007eff;
}

.contenedor_carac{
    position: relative;
    float: left;
    width: 100%;

}


.icon_estatura{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(../images/icon_altura.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}


.icon_seguridad{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(../images/icon_seguridad.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}

.icon_calendario{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(../images/calendario.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}

.icon_adolescentes{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(../images/adolescentes.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}

.pleca_sup{
    width: 100%;
    height: 38px;
    float: left;
    background-image: url(../images/pleca_azul_top.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    margin-bottom: 15px;
}

.pleca_inf{
    width: 100%;
    height: 38px;
    float: left;
    background-image: url(../images/pleca_azul_down.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    margin-bottom: 0px !important;
    position: absolute;
    bottom: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.spacer_descripciones{
    width: 100%;
    height: 1px;
    float: left;
    background-color: #084b59;
    margin-bottom: 30px !important;
    margin-top: 10px;
    position: relative;
}



.contenedor_caracteristicas {
    margin-top: 6px;
    margin-bottom: 6px;
    width: 100%;
    position: relative;
    float: left;
    font-size: 15px;
    min-height: 30px;
    height: auto;
    overflow: hidden;
}

.contenedor_textos_descripion {
    padding: 30px !important;
    font-family: 'DMSans';
    color: #ffffff;
    line-height: 1.2;
    font-size: 16px;
    text-align: justify;
    /* height: auto;
     overflow: hidden;
     min-height: 300px;*/
}

.fondo_descripcion{
    background-color: #0b7287;
    min-height: 450px;
    height: auto;
    overflow: hidden;
    padding-bottom: 50px;
}

.fb_beneficios_empresariales{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_beneficios_empresariales.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.fb_eventos_especiales{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_eventos_especiales.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_agencias{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_agencias.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_contacto{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/f_contacto.jpg);
    height: auto;
    min-height: 850px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.fb_visitas_escolares{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_visistas_escolares_01.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_planifica1{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_planifica_01.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.fb_planifica2{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_planifica_02.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.fb_ubicacion{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_ubicacion.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.f_temporales{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/f_temporales.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.f_flying{    
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/f_flying.jpg);
    height: auto;
    min-height: 750px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.f_darkride  {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/f_dark-ride.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_recorrido  {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/fb_recorrido.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}




.atraccion_01s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/banner_s_recorrido.png);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}

.atraccion_02s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/banner_s_exposiciones.png);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}

.atraccion_03s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/banner_s_dark.jpg);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}

.atraccion_04s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/banner_s_vuelo.png);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}






.iconos_ubicacion{

    padding:10px;
    border-radius: 100px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/comollegar.png);
    height: 39px;
    background-repeat: no-repeat;
    background-position: center;

}


.texto_ubicacion{
    font-family: 'DMSans';
    color: #ffffff;
    line-height: 1.2;
    font-size: 14px;
    margin-bottom: 25px;

}    

.border_lateral{
    border-left:solid;
    border-left-color: #fc5900;
    border-left-width: 1px;

    border-right:solid;
    border-right-color: #fc5900;
    border-right-width: 1px;
    padding-left: 50px;

}

.icono_ubicacion{
    background-image: url(../images/ubicacion.png);
    background-position-x: 5px;
    background-position-y: 7px;
    float: left;
    background-repeat: no-repeat;
    padding-left: 45px;

}

.boton_ubicacion {
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 13px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    border-radius: 100px;
    width: 80%;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 10% ;/* margin-left: 360px; */ /* margin: 0 auto; */ 
    float: right;
    text-align: center;
    background-image: url(../images/icon_comollegar.png);
    background-position-x: 88%;
    background-position-y: 7px;
    float: left;
    background-repeat: no-repeat;
}


.margin_cero{
    margin-left: -15px;
    margin-right: -15px
}

.fondo_ubicacion{
    width: 100%;
    background-color: #000000;
    padding: 30px;
    min-height: 300px;
    height: auto;
    overflow: hidden;
}


.banner_grupos{
    position: relative;
    background-image: url(../images/banner_grupos.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 365px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;
    /* margin-right: 10px; */
    /* border-radius: 12px; */
}

.banner_realidad{
    position: relative;
    background-image: url(../images/banner_realidad.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 365px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;
    /* margin-right: 10px; */
    /* border-radius: 12px; */
}

.banner_tienda {
    position: relative;
    background-color: #000000;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    /* padding: 20px; */
    /* margin-right: 10px; */
    /* border-radius: 12px; */
}

.icon_accesibilidad {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(../images/icon_mariposa.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}


.icon_faqs {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(../images/icono_faqs.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.icon_piramide {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(../images/icon_piramide.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}


.icon_trompeta {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(../images/iconos_trompeta.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.fondo_galeria{
    width: 100%;
    background-color: #000000;
    padding: 50px;
    min-height: 300px;
    height: auto;
    overflow: hidden;
}

.fondo_medios{
    width: 100%;
    background-color: #000000;
    padding: 50px;
    min-height: 680px;
    height: auto;
    overflow: hidden;
}

.medio_01{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(../images/logo_cdmx.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_02{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(../images/logo_universal.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}


.medio_03{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(../images/logo_cnn.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_04{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(../images/logo_gandhi.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_05{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(../images/logo_inba.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_06{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(../images/logo_11.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_07{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(../images/logo_culturaunam.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}






.tit_tienda{
    position: relative;
    float: left;
    width: 100%;
    min-height: 65px;
    background: url(../images/tit_boutique.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-top: -1px;
    margin-bottom: 10px;
}

.tarjeta{
    position: relative;
    float: left;
    width: 100%;
    min-height: 314px;
    background: url(../images/tarjeta.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-top: -1px;
    margin-bottom: 10px;
}

.tienda{
    position: relative;
    float: left;
    width: 100%;
    min-height: 364px;
    background: url(../images/tienda.jpg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: cover;
    margin-top: -1px;
    margin-bottom: 10px;
}

.fondo_testimoniales {
    position: relative;
    float: left;
    width: 100%;
    min-height: 571px;
    height: auto;
    background: url(../images/fondo_testimoniales.jpg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: cover;
    margin-top: -1px;
    /* margin-bottom: 10px;*/
    padding: 20px;
}


.text-negro {
    text-align: justify !important;
    color: #000000;
    font-size: 15px;
    line-height: 1;
}


.icon_lucha {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(../images/icon_lucha.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 25px;
}

.logo_footer{
    position: relative;
    float: left;
    width: 100%;
    height: 130px;
    background-image: url(../images/sello.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 70px;
    margin-top: 60px;
}

.icon_sombrero{
    position: relative;
    float: left;
    width: 100%;
    min-height: 76px;
    height: auto;
    background: url(../images/iconos_sombrero.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 25px;
}



.text-blanco {
    text-align: justify !important;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
}


.titulo_azul{
    color: #104487;
    font-family: 'DMSansbold';
    font-size: 40px;
    line-height: 1;
}

.titulo_blanco{
    color: #ffffff;
    font-family: 'DMSansbold';
    font-size: 40px;
    line-height: 1;

}

.boton_tarjeta{
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 13px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 0.5rem .75rem;
    border-radius: 100px;
    width: 187px;
    margin-top: 10px;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    margin-top: 20px;
    float: right;
    text-align: center;
}

.boton_tarjeta:hover {
    background-color: #047edc;
    border-color: #047edc;
}


.icon_jaguar {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(../images/iconos_jaguar.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
}


.icon_calaca {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(../images/iconos_calavera.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 50px;
}


.fondo_quienes {
    position: relative;
    float: left;
    width: 100%;
    min-height: 571px;
    height: auto;
    background-color: black;
/*    background: url(../images/back_quienes.jpg) center center;*/
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: cover;
    margin-top: -1px;
    margin-bottom: 10px;
    padding: 25px;
    padding-top: 130px;
}


.centradoo{
    text-align: center;
}

.tituloo{
    font-family: DMSansbold;
    font-size: 80px;
    line-height: 1.2;
}


.tituloo_foto {
    font-family: DMSansbold;
    font-size: 80px;
    line-height: 1.2;
}

.subtituloo{
    font-family: DMSans;
    font-size: 32px;
    font-family: 'DMSansmedium';
    line-height: 1;
}

.subtituloo_m{
    font-family: DMSans;
    font-size: 22px;
    line-height: 1;
}


.pleca_rojas{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(../images/pleca_rojas.png);
    background-position: center;
    z-index: 1001;
    background-repeat: repeat-x;
    margin-top: 10px;
    margin-bottom: 10px;

}

.pleca_amarilla{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(../images/pleca_puntos.png);
    background-position: center;
    z-index: 1001;
    background-repeat: repeat-x;
    margin-top: -25px;

}

.pleca_azul_sup{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(../images/pleca_azul_down.png);
    background-position: center;
    z-index: 1001;
    background-repeat: repeat-x;
    /* margin-top: -25px;*/

}




.powerby{
    position: relative;
    float: right;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'DMSans';
}

.alejandronasta{
    position: relative;
    float: left;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: 'DMSans';
}

.boldDM{
    font-family: DMSansbold;
}



.btn-primary :hover{
    color: #fff;
    background-color: #1f4295;
    border-color: #1f4295;
}

html {
    min-height:100vh;
    scroll-behavior: smooth;
}
.bg-dark {
    background-color: #000000 !important;
}
video{
    width:100%;
}
dl, ol, ul {
    color: #ed1277 !important;
    text-align: justify !important;
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("../images/hamburguesa.svg");
}
.custom-toggler.navbar-toggler {
    border-color: #1938da;
}
.titulo_ventajas {
    font-size: 21px;
    color: #1e3659;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
}

.w-100 {
    width: 100% !important;
    height: auto;

    overflow: hidden;
}
.carousel-caption {
    bottom: 4px;

}
.container-quienes-2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 500px;
    overflow: hidden;
    overflow: hidden;
}
.centrado_vertical {
    display: flex;
    align-items: center;
}


.contenedor123{
    position: relative;
    float:left;
    width: 100%;
    display: flex;
    justify-content: center;

}

.i_01{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(../images/i_01.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.i_02{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(../images/i_02.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.i_03{
    position: relative;
    float:left;
    width: 168px;
    min-height: 50px;
    height: auto;
    background: url(../images/i_03.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.H_01{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(../images/1.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-right: 45px;
}

.H_02{
    position: relative;
    float:left;
    width: 179px;
    min-height: 45px;
    height: auto;
    background: url(../images/2.png) center center;
    background-repeat: no-repeat !important;
    overflow: hidden;
}
/*.H_02{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(../images/2.png) center center;
    background-repeat: no-repeat !important;
    overflow: hidden;
}*/

.H_03{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(../images/3.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
}


.f_infra{
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/infra.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_01.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn02 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_02.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn03 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_03.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn04 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_04.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn05 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_05.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn06 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_06.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn07 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_07.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn08 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_08.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn09 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_09.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_empresa_01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/f_empresa_01.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_empresa_02 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/f_empresa_02.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_empresa_03 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/f_empresa_03.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.padding_cero {
    padding: 0px;
}
.logo_empresa {
    position: relative;
    width: 100%;
    min-height: 140px;
    background: url(../images/logo_header.svg) center center;
    background-size: auto;
    background-size: contain;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    background-repeat: no-repeat;
}
.textobig {
    font-family: 'metropolisregular';
    text-align: center;
    font-size: 22px;
}
.container-quienes-txt {
    position: relative;
    width: 85%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 30px;
}
.box{
    position: relative;
    width: 100%;
    height: 305px;
    overflow: hidden;
    border-radius: 0px;
    /*background: #000;*/
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    margin-bottom: 11px;
}

.box:hover
{
    transform: translateY(-10px);
    box-shadow: 0 50px 50x rgba(0,0,0,0.5);
}

.box .imgbox
{
    position: relative;
}

.box .imgbox img
{
    transition: .5s;
}

.box:hover .imgbox img
{
    opacity: .5;
    transform: translateY(-10px);
}
.box .content
{
    position: absolute;
    bottom: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: .5s;
    opacity: 0;
    width: 100%;
    background: rgba(0,0,0,.8);
    height: 100%;

}
.box:hover .content
{
    opacity: 1;
    bottom: 0;
}
.box .content h3
{
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.box .content p
{
    font-size: 16px;
    line-height: 1;

    color: #fff;
    /*font-weight: 400;*/
}
.box .content .btnD {
    position: absolute;
    font-family: 'neue_haas_grotesk_text55roman';
    border: none;
    background-color: #fc5900;
    border-color: #fc5900;
    color: #fff;
    font-size: 16px;
    padding: 10px 40px;
    font-weight: 400;
    transition: .5s;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    text-transform: uppercase;





}

.box .content .btnD:hover, .box .content .btnD:focus  {
    background: #fe5401;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0);

}

/*
*/

.box2{
    position: relative;
    width: 100%;
    height: 590px;
    overflow: hidden;
    border-radius: 0px;
    /*background: #000;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    margin-bottom: 11px;
}

.box2:hover
{
    transform: translateY(-10px);
    box-shadow: 0 50px 50x rgba(0,0,0,.5);
}

.box2 .imgbox
{
    position: relative;
}

.box2 .imgbox img
{
    transition: .5s;
}

.box2:hover .imgbox img
{
    opacity: .5;
    transform: translateY(-10px);
}

.box2 .content
{
    position: absolute;
    bottom: -40px;
    left: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: .5s;
    opacity: 0;

}

.box2:hover .content
{
    opacity: 1;
    bottom: 0;
}

.box2 .content h3
{
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.box2 .content p
{
    font-size: 16px;
    line-height: 1;

    color: #fff;
    /*font-weight: 400;*/
}

.box2 .content .btnD
{
    border: none;
    background: #ff0000;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 700;
    transition: .5s;
}

.box2 .content .btnD:hover
{
    background: #ff3232;

}

/*
*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'DMSans';
    color: #ffffff;
}
p {
    font-family: 'DMSans';
    color: #ffffff;
    line-height: 1.3;
    text-align: justify;

}
.navbar {
    padding:1rem;
    margin-top: 0px;
}
.nav-link{
    font-family: 'DMSans';
    font-size: 16px;
    padding: 0 1rem;
    margin-top: 16px;
}
.navbar-light .navbar-nav .nav-link{
    color: #fc5900;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link.link-shop{
    color: #3e76fb;
}
.navbar-dark .navbar-nav .nav-link.link-shop:focus, .navbar-dark .navbar-nav .nav-link.link-shop:hover {
    color: #059dfd;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #3ec3fb;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0bc8f4;
}
.logo-nav{
    /*width:360px;*/
    margin-left: 20px;
    width: 150px;
}
.icon-shop{
    display: inline-block;
    width: 16px;
    height: 17px;
    background-image: url("../images/icon-shop.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.margin15{
    margin-bottom: 15px;
}

.margin25{
    margin-bottom: 25px;
}

.margin35{
    margin-bottom: 35px;
}
.spacer15{
    width: 100%;
    height: 15px;
    float: left;
    position: relative;
}
.titulo {
    font-size: 21px;
    color: #1e3659;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
}
.centrado{
    text-align: center !important;
}
.texto_general_blue {
    font-size: 19px;
    color: #3863a3;
    line-height: 1.2;
    width: 100%;
    font-style: italic;
    font-weight: bold;
    text-align: justify;
}
.texto_bold {
    font-family: 'neue_haas_grotesk_text_pr65Md';
}
.texto_general {
    font-size: 19px;
    color: #1e3659;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
    text-align: justify;
}
.texto_general_w {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
}
.titulo_w {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    margin-bottom: 10px;
}
.relativo{
    position: relative;
    float: left;
}
.back_int
{
    width: 100%;
    position: relative;
    float: left;
    min-height: 800px;
    height: auto;
    overflow: hidden;
    background-image: url(../images/back_int.jpg);
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;

}
.cont_ventajas{
    width: 100%;
    position: relative;
    float: left;
    min-height: 800px;
    height: auto;
    overflow: hidden;
    background-color: #f36001;
    color: #ffffff;
    border-radius:0px 0px 15px 15px ;
    margin-bottom: 30px;
}
.cont_ventajas_gris{
    width: 100%;
    position: relative;
    float: left;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-radius:15px 15px 15px 15px ;
    margin-bottom: 30px;
    padding: 30px;
}
.bullett{
    list-style-image: url('../images/bullet_m.png');
}
.cont_valores_gris{
    width: 100%;
    background-image: url(../images/back_bullets.jpg);
    background-repeat: no-repeat;
    position: relative;
    float: left;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-radius:15px 15px 15px 15px ;
    margin-bottom: 30px;
    padding: 30px;
}
.ventaja_cont_texto{
    width: 100%;
    position: relative;
    float: left;
    padding: 15px;
}
.contenedor_texto_ventajas{
    width: 80%;
    position: relative;
    float: left;
}
.icon_vent_01{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_01.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.icon_vent_02{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_02.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_vent_03{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_03.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_vent_04{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_04.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ventaja_01{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_00.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_02{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_02.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_03{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_03.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_04{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_04.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_05{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_00.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_06{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_06.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-header{
    position: relative;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.header_aviso {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_aviso.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
    overflow: hidden;
}
.header_contacto {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_contacto.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
    overflow: hidden;
}

.header_empresas {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_empresas.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_visitasescolares {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_grupos.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}


.header_soluciones {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_soluciones.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.width_video_int {
    width: 100%;
}

.header_innovacion {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_ventajas.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_innovacion {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_innovacion.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_ventajas {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_ventajas.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_infraestructura {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_infraestructura.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_flying {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_flying.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_temporales{
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_temporales.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_darknigth {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_darkride.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}


.header_recorrido {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_recorrido.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}


.header_quienes {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_compania.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}
.navbar-brand {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;


}
.navbar-toggler {
    border: 1px solid white;
}
.nav-top{
    position: relative;
    width: 100%;
    height: 45px;
    margin-top: 0px;
    overflow: hidden;
    z-index: 5000;
    background-color: #000000;
    padding-top: 20px;
    display: block;
}

.dm_topnav{
    color:#fb61a8 !important;
    font-family: 'DMSansmedium' !important;
    font-size: 12px !important;

}

.bg-nav-top2{
    position: absolute;
    right: 0;
    top: 10px;
    width: 320px;
    height: 250px;
    /* background-color: #214089; */
    border-radius: 40px;
    margin-right: 26px;
}

.bg-nav-top{
    position: absolute;
    right: 0;
    top: 24px;
    width: 320px;
    height: 25px;
    /* background-color: #214089; */
    border-radius: 40px;
    margin-right: 26px;
}
.container-top-social{
    position: relative;
    float: right;
    width: 140px;
    height: 25px;
    margin-top: 10px;
}
.container-top-tel{
    position: relative;
    float: right;
    width: 207px;
    height: 25px;
    margin-top: 5px;
}
.container-top-tel p{
    font-family: 'nunitolight';
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    text-align: right;
}
.container-top-faq{
    position: relative;
    float: right;
    width: 64px;
    height: 25px;
    margin-top: 5px;
}
.container-top-tel a{
    font-family: 'nunitolight';
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    line-height: 1;
}
.container-top-tel a span{
    font-family: 'nunitomedium';
    color: #ffffff;
    font-size: 14px;
}

.container-top-faq a{
    font-family: 'nunitolight';
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    text-align: right;
    display: block;
    line-height: 1;
}
.container-top-faq a:hover, .container-top-tel a:hover, .container-top-tel a:hover span{
    color: #3ec3fb;
    text-decoration: none;
}
.bt-redes-1{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #0059b2;
    border-radius: 50px;
    transition: all 0.5s;
}

.bt-redes-1 .facebook{
    position: absolute;
    width: 14px;
    height: 22px;
    background-image: url("../images/facebook.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 22%;
    left: 31%;
}
.bt-redes-2{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background: linear-gradient(to right,  rgb(255,168,0) 0%,rgb(255,11,91) 50%,rgb(255,0,192) 100%);

    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-2 .instagram{
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url("../images/instagram.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 20%;
    left: 21%;
}
.bt-redes-3{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #ff0000;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-3 .youtube{
    position: absolute;
    width: 21px;
    height: 21px;
    background-image: url("../images/youtube.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 17%;
    left: 20%;
}
.bt-redes-4{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #000000;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-4 .tiktok{
    position: absolute;
    width: 21px;
    height: 21px;
    background-image: url("../images/tik-tok.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 21%;
    left: 21%;
}
.slider-top-bg{
    position: absolute;
    background-color: #214089;
    width: 35%;
    height: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    top: 10px;
}
.slider-bottom-bg{
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url("../images/pleca_slider.png");
    background-position: center;
    z-index: 1001;
    bottom: -49px;
    background-repeat: no-repeat;
}
.header-top-bg{
    position: absolute;
    background-color: #214089;
    width: 35%;
    height: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    top: 10px;
}
.header-bottom-bg{
    position: absolute;
    background-color: #214089;
    width: 35%;
    height: 23px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    bottom: -6px;
}
.carousel-item h1{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 63px;
    line-height: 1;
    text-align: left;
    margin-bottom: 0;
}
.carousel-item h2{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 63px;
    line-height: 1;
    text-align: left;
    letter-spacing: 3px;
}
.btn-menu{
    color: #fff;
    background-color: #fc5900;
    background-image: url(../images/icono_boleto.svg);
    background-position-x: 99px;
    background-position-y: 9px;
    background-repeat: no-repeat;
    background-size: 27px;
    border-color: #fc5900;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 14px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    padding-top: 12px;
    border-radius: 100px;
    width: 138px;
    margin-top: 9px !important;
    margin-top: 6px;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    margin-right: 10px;
}

.btn-menu:hover, .btn-slider:focus, .btn-slider:not(:disabled):not(.disabled).active, .btn-slider:not(:disabled):not(.disabled):active, .show > .btn-slider.dropdown-toggle{
    background-color: #047edc;
    border-color: #047edc;
}


.btn-slider{
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 0.5rem .75rem;
    border-radius: 100px;
    width: 215px;
    margin-top: 10px;
    /*   margin-left: 360px;*/
    margin: 0 auto;
}
.btn-slider:hover, .btn-slider:focus, .btn-slider:not(:disabled):not(.disabled).active, .btn-slider:not(:disabled):not(.disabled):active, .show > .btn-slider.dropdown-toggle{
    background-color: #047edc;
    border-color: #047edc;
}
.carousel-control-prev-icon {
    background-image: url("../images/prev-icon.svg");
    width: 40px;
    height: 40px;
}
.carousel-control-next-icon{
    background-image: url("../images/next-icon.svg");
    width: 40px;
    height: 40px;
}
.carousel-indicators li {
    width: 50px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    opacity: .5;
}
.carousel-indicators {
    bottom: 15px;

}
.container-bloque-1{
    margin-top: 14px;
    margin-bottom: 40px;
}

.container-descripcion{
    font-family: 'DMSansmedium';
    font-size: 17px;
    padding-top: 45px;
    padding-bottom: 45px;
    line-height: 1.1;
    /* margin-top: 20px; */
    margin-bottom: 40px;
    text-align: justify;
    background-image: url(../images/fondo_interior.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}

.bold_blanco{
    font-family: 'DMSansmedium';
    font-size: 17px;
    color: #ffffff;
}

.color_gris{
    color: #c1c0c0;
}


.container-bloque-1 p, .container-bloque-2 p{
    font-family: 'DMSans';
    font-size: 18px;
    color: #ffffff;
    line-height: 1.1;
}
.container-bloque-1 p strong, .container-bloque-2 p strong{
    font-family: 'neue_haas_grotesk_text_pr65Md';
}
.container-bloque-1 h1, .container-bloque-2 h1{
    font-family: 'din_next_lt_proMdCn';
    color: #214089;
    font-size: 60px;
    line-height: 1;
}
.container-bloque-1 h3, .container-bloque-2 h3{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    color: #1e3659;
    font-size: 28px;
    line-height: 1.1;
}
.bg-soluciones-1{
    position: relative;
    background-image: url("../images/soluciones-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-2{
    position: relative;
    background-image: url("../images/soluciones-2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-3{
    position: relative;
    background-image: url("../images/soluciones-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 590px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-3int{
    position: relative;
    background-image: url("../images/interior_soluciones-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 590px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}
.no-margin-padding{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.row-margin-padding{
    padding-left: 10px;
    padding-right: 10px;
}
.container-txt-soluciones-white{
    position: absolute;
    width: calc(100% - 50px);
    bottom: 45px;
    padding-left: 50px;
}
.container-txt-soluciones-white h3, .container-txt-soluciones-black h3{
    color: #ffffff;
    text-transform: uppercase;
}
.container-txt-soluciones-black p{
    font-family: 'neue_haas_grotesk_text55roman';
    color: #ffffff;
    font-size: 18px;
    text-align: justify;
}
.container-txt-soluciones-black{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 50px;
    background-color: rgba(3, 3, 3, .67);
    height: auto;
    min-height: 150px;
    overflow: hidden;
    padding: 35px;
}
.container-txt-soluciones{
    position: absolute;
    width: 100%;
    top: 45px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.container-txt-soluciones h1{
    font-family: 'din_next_lt_proMdCn';
    font-size: 80px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
.container-txt-soluciones h4{
    font-family: 'nunitoregular';
    font-size: 22px;
    line-height: 1;
    color: #fff;
}
.icon-sight{
    position: relative;
    display: inline-block;
    background-image: url("../images/icon-mira.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 50px;
    width: 50px;
}
.bg-soluciones-4{
    position: relative;
    background-image: url("../images/soluciones-4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-5{
    position: relative;
    background-image: url("../images/soluciones-5.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-6{
    position: relative;
    background-image: url("../images/soluciones_pegado.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-7{
    position: relative;
    background-image: url("../images/soluciones_distribucion.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}
.bg-soluciones-8{
    position: relative;
    background-image: url("../images/banner_big_recorrido.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}
.bg-soluciones-9{
    position: relative;
    background-image: url("../images/banner_big_dark.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}
.bg-soluciones-10{
    position: relative;
    background-image: url("../images/banner_big_flying.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}


.bg-soluciones-11{
    position: relative;
    background-image: url("../images/banner_big_temporal.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}

.bg-soluciones-12{
    position: relative;
    background-image: url("../images/banner_big_vuelo.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}

.banner_tarjeta{
    position: relative;
    background-image: url(../images/bannert_giftcard.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;

    /* margin-right: 10px; */
    /* border-radius: 12px;*/
}

.banner_boutique{
    position: relative;
    background-image: url(../images/banner_boutique.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;
    /* margin-right: 10px; */
    /* border-radius: 12px;*/
}

.container-video-home{
    margin-right: 5px;
}
.container-video-home-1{
    margin-right: 0px;
}
.logo-bg{
    position: absolute;
    background-image: url("../images/logo-bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 1363px;
    height: 1500px;
    left: -640px;
    top: -120px;
    opacity: 0.1;
}
.container-img-contacto{
    position: relative;
    width: 100%;
    background-image: url("../images/img-contacto.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    height: auto;
    min-height: 650px;
    overflow: hidden;
}
#formulario .form-control {
    font-family: 'neue_haas_grotesk_text55roman';
    height: calc(1.8em + .75rem + 2px);
    padding: .375rem 1.4rem;
    font-size: 1.1rem;
    line-height: 1.5;
    color: #214089 ;
    background-color: #f3f1f1;
    border: none;
    border-radius: 50px;
}
#formulario .form-control::placeholder {
    color: #214089;
    opacity: 1;
}
#formulario textarea.form-control {
    height: 120px;
    border-radius: 20px;
    resize: none;
}
.form-control:focus, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
.btn-form{
    font-family: 'DMSans';
    font-size: 18px;
    background-color: #ff6c00;
    /*  border-color: #214089;*/
    padding: .8rem 50px;
    border-radius: 60px;
    float: right;
}

.btn-form:hover{

    background-color: #181818;

}
.col-contacto-phone{
    position: relative;
    float: left;
    width: 240px;
}
.col-contacto-mail{
    position: relative;
    float: left;
    width: calc(100% - 240px)
}
.phone-icon{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    background-image: url("../images/phone-icon.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
    margin-right: 5px
}
.datos-form-1{
    position: relative;
    float: left;
    width: calc(100% - 40px);

}
.datos-form-1 p, .datos-form-2 p{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 0;
}
.datos-form-1 a, .datos-form-1 a:hover, .datos-form-2 a, .datos-form-2 a:hover{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    text-decoration: none;
}
.mail-icon{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../images/mail-icon.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
    margin-right: 5px
}
.datos-form-2{
    position: relative;
    float: left;
    width: calc(100% - 45px);

}
.footer-bg{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 530px;
    /* background-image: url(../images/footer-bg.jpg); */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    padding: 30px 100px;
    background-color: #000000;
}
.footer-bg-top{
    position: relative;
    float: left;

    width: 100%;
    height: 20px;
    background-color: #cdcdcd;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-top: 100px;
}
.logo-footer{
    position: relative;
    width: 128px;
    height: 134px;
    background-image: url("../images/logo-footer.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.footer-bg p{
    font-family: 'DMSans';
    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
}
.footer-bg strong{
    font-family: 'DMSansmedium';
    color: #ffffff;
}
a.tel-footer{
    font-family: 'DMSansmedium';
    font-size: 15px;
    color: #cccccc;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
}
a.tel-footer:hover{
    color: #ffffff;
}
a.mail-footer{
    font-family: 'DMSans';
    font-size: 15px;
    color: #cccccc;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
}
a.mail-footer span{
    font-family: 'DMSansmedium';
    font-size: 15px;
    color: #cccccc;
    text-decoration: none;
    transition: all 0.3s;
}
a.mail-footer span:hover{
    color: #ffffff !important;
}
.footer-bg p.horario{
    font-family: 'DMSansmedium';
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 0px;
}
.container-redes{
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: 30px;
    /*overflow: hidden;*/
}
.container-redes-txt{
    position: relative;
    float: left;
    width: 60px;
}
.container-redes-txt p{
    color: #ffffff;
    margin-top: 10px;
}
.container-redes-txt p.txt-siguenos{
    font-size: 12px;
}
.container-redes-icons{
    position: relative;
    float: left;
    width: 100%;

}
.bt-redes{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 3px;
    background-color: #111111;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes:hover{
    background-color: #820459;
}
.bt-redes .facebook{
    position: absolute;
    width: 12px;
    height: 18px;
    background-image: url(../images/facebook.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 23%;
    left: 30%;
}
.bt-redes .instagram {
    position: absolute;
    width: 19px;
    height: 21px;
    background-image: url(../images/instagram.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 20%;
    left: 22%;
}
.bt-redes .youtube{
    position: absolute;
    width: 21px;
    height: 20px;
    background-image: url("../images/youtube.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 22%;
    left: 21%;
}
.bt-redes .tiktok{
    position: absolute;
    width: 18px;
    height: 19px;
    background-image: url(../images/tiktok.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 21%;
    left: 25%;
}
.bt-redes .x{
    position: absolute;
    width: 18px;
    height: 19px;
    background-image: url(../images/x.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 21%;
    left: 25%;
}


.container-footer-links{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
    overflow: hidden;
    /*  margin-top: 80px;*/
}
.container-footer-items{
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.container-footer-links h6{
    font-family: 'DMSans';
    font-size: 14px;
    color: #ffffff;
}
.container-footer-links h6 a{
    font-family: 'DMSans';
    font-size: 19px;
    color: #ffffff;
    text-decoration: none;

}
.container-footer-links h6 a:hover{
    color: #ffffff;

}
ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.no-bullets li{
    margin-bottom: 1px;
}
.no-bullets a{
    color: #cccccc;
    font-family: 'DMSans';
    font-size: 13px;
    text-decoration: none;
}
.no-bullets a:hover{
    color: #ffffff;
}
.container-footer-copy{
    position: relative;
    width: 100%;
    border-top: 1px solid #333333;
    margin-top: 20px;
    padding-top: 15px;
}

.powerby a{
    display: block;
    float: right;
    color: rgba(255,255,255,.7);
    text-decoration: none;
    font-family: 'nunitomedium';
    font-size: 15px;
}
.powerby a span{
    font-family: 'nunitolight';
    font-size: 11px;
}
.container-porque{
    position: relative;
    margin: 60px 0;
    height: auto;
    min-height: 100px;
    overflow: hidden;
}
.bg-porque{
    position: absolute;
    background-color: #f0f0f0;
    width: 80%;
    height: 100%;
    right: 0;
}
.porque-img{
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(../images/porque-panda.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
}
.porque-img-2{
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(../images/porque-panda-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.porque-img-3{
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(../images/porque-panda-4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.porque-img-4{
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(../images/porque-panda-3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.container-porque-txt{
    position: relative;
    margin: 80px 80px;
}
.container-porque-txt h1, .container-productos h1{
    font-family: 'din_next_lt_proMdCn';
    font-size: 60px;
    line-height: 1;
    color: #214089;
}
.container-porque-txt h4, .container-productos h4{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 24px;
    line-height: 1.2;
    color: #1e3659;
    text-align: justify;
}
.container-porque-txt strong{
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-weight: normal;
}
.container-productos{
    position: relative;
    width: 100%;
    margin: 60px 0;
    height: auto;
    min-height: 100px;
    overflow: hidden;
}
.container-productos-col{
    position: relative;
    width: 100%;
    margin: 20px 0 30px 0;
    height: auto;
    min-height: 100px;
    overflow: hidden;
    padding: 0 20px;
}
.container-productos-img{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 255px;
    overflow: hidden;
}
.container-num{
    position: relative;
    float: left;
    width: 50%;
    color: #041936;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 13px;
}
.container-productos-color{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
}
.container-color{
    position: relative;
    float: left;
    width: 50%;
}
.color-circulo{
    position: relative;
    float: right;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin-left: 4px;
}
.color-1{
    background-color: #f26543 ;
}
.color-2{
    background-color: #000000;
}
.container-productos-titulo h4{
    color: #041936;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 24px;
    line-height: 1;
    text-align: center;
    /* margin: 30px 0; */
    /* min-height: 80px; */
    height: auto;
    overflow: hidden;
}
.container-productos-descripcion{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 55px;
    overflow: hidden;
    color: #214089;
    font-size: 16px;
}
.container-productos-descripcion p{
    color: #5e5e5e;
    font-size: 16px;
    line-height: 1;
    font-family: 'nunitomedium';
    text-align: justify;
}
.btn-mas-info{
    background-color: #0e388d;
    border-color: #0e388d ;
    display: block;
    width: 200px;
    border-radius: 50px;
    margin: 0 auto;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    margin-bottom: 30px;
}
.btn-mas-info:hover, .btn-mas-info:active, .btn-mas-info:focus, .btn-mas-info:not(:disabled):not(.disabled).active, .btn-mas-info:not(:disabled):not(.disabled):active, .show > .btn-mas-info.dropdown-toggle{
    background-color: #000;
    border-color: #000 ;
}
.btn-mas-productos{
    background-color: #000;
    border-color: #000 ;
    display: block;
    width: 200px;
    border-radius: 50px;
    margin: 0 auto;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    float: right;
    margin-right: 30px;
    margin-top: 40px;
}
.btn-mas-productos:hover, .btn-mas-productos:active, .btn-mas-productos:focus, .btn-mas-productoso:not(:disabled):not(.disabled).active, .btn-mas-productos:not(:disabled):not(.disabled):active, .show > .btn-mas-productos.dropdown-toggle{
    background-color: #0e388d;
    border-color: #0e388d ;
}
.breadcrumb {
    padding: 0rem 1rem .75rem 1rem;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}
ol.breadcrumb {
    padding: 10px 16px 0px 16px;
    list-style: none;
    background-color: transparent;
}
ol.breadcrumb li {
    display: inline;
    font-size: 13px;
    font-family: 'robotoregular';
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #545454;
}
ol.breadcrumb li a {
    color: #676566;
    text-decoration: none;
}
ol.breadcrumb li a:hover {
    color: #b8b7b7;
    text-decoration: none;
}
.container-no-letal-1{
    position: relative;
    width: 100%;
    min-height: 90px;
    height: auto;
    overflow: hidden;
    background-color: #2f5cc6;
    border-radius: 15px;
    padding: 28px 10px 15px 10px;
}
.container-naranja-2{
    background-color: #244ca8;
}
.container-naranja-3{
    background-color: #214089;
}
.icon-mira-blanco{
    position: relative;
    float: left;
    width: 75px;
    min-height: 75px;
    background-image: url(../images/icon-mira-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
}
.container-no-letal{
    position: relative;
    float: left;
    width: calc(100% - 95px);
}
.container-no-letal h4{
    color: #ffffff;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 25px;
    line-height: 1;
    text-align: justify;
}
.container-no-letal h5{
    color: #ffffff;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 24px;
    line-height: 1;
    text-align: justify;
}
.container-valores{
    position: relative;
    width: 100%;
    min-height: 30px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.container-valores-icon{
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 20px;
}
.container-valores-text{
    position: relative;
    float: left;
    width: calc(100% - 120px);
}
.baner-footer{
    display: block;
    position: relative;
    width: 100%;
    background-image: url(../images/baner-footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 280px;
    height: auto;
}
a.aviso{
    /*position: relative;
    float: left;*/
    font-family: 'DMSans';
    color: #cccccc;
    font-size: 13px;
    padding-left: 5px;
    text-decoration: none;
}
a.aviso:hover{
    text-decoration: none;
    color: #ffffff;
}
p.footer-derechos{
    position: relative;
    float: left;
}
.demo-tienda{
    display: block;
    position: relative;
    width: 100%;
    background-image: url(../images/home_xpertshop.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    height: 5641px;
}
@media (max-width: 1200px){
    .logo-nav {
        width: 150px;
    }
    .container-txt-soluciones h1 {
        font-size: 65px;
    }
}
@media (min-width: 1180px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }

}
@media (max-width: 1180px){
    .nav-link {
        padding: .5rem 1rem;
        text-align: center;
    }
    .bg-nav-top{
        display: none;
    }
    .navbar-dark .navbar-nav .nav-link.link-shop{
        margin-bottom: 40px;
    }
}

@media (max-width: 1280px){
    .carousel-item h1{
        font-size: 55px;
    }
    .carousel-item h2 {
        font-size: 53px;
    }
}








@media (max-width: 992px){
    
    
    .boton_ubicacion {

    width: 100%;

    background-image: url(../images/icon_comollegar.png);
    background-position-x: 95%;
    margin-left: 0%;
    margin-right: 0%;

}
    
    
    .container-top-tel, .container-top-faq{
        display: none;
    }
    .navbar-brand {
        padding-top: 0;
    }
    .carousel-item h1{
        font-size: 45px;
    }
    .carousel-item h2 {
        font-size: 43px;
    }
    .container-footer-links{
        display: block;
    }
    .container-txt-soluciones h1 {
        font-size: 55px;
    }
}


@media (max-width: 898px){
    .banner_realidad{

        min-height: 386px;

    }
}


@media (max-width: 848px) {
    .banner_realidad {
        min-height: 426px;
    }
}


@media (max-width: 768px){

    
    
    .banner_realidad {
        min-height: 365px;
    }

    .tituloo_foto {
        font-size: 60px;

    }

    .tituloo {
        font-size: 53px;
    }

    .back_int{
        background-size: contain;
    }
    .bg-soluciones-3, .bg-soluciones-5 {
        margin-left: 0;
    }
    .container-bg-contacto-1{
        margin-top: 40px;
    }
    .btn-form {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .g-recaptcha {
    }
    .col-contacto-phone, .col-contacto-mail{
        display: none;
    }
    .footer-bg-top{
        margin-top: 0;
    }
    .carousel-item h1, .carousel-item h2, .btn-slider{
        display: none;
    }


}
@media (max-width: 768px) {


    .fechas {

        min-height: 118px;

    }


    .total_align{
        text-align: left;
    }

    dl, ol, ul {
        margin-bottom: 0rem !important;
    }

    .carousel-card {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .carousel-card .carousel {
        padding: 1px 0 !important;
    }
    .row_00{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .no-gutters>.col, .no-gutters>[class*=col-] {
        padding-right: 15px;
        padding-left: 15px;
    }

    .bg-soluciones-3int {
        margin-left: 0px !important;
    }

    .bg-soluciones-6 {
        margin-left: 0px !important;
    }

    .bg-soluciones-7 {
        margin-left: 0px !important;
    }

    .contenedor_texto_ventajas {
        width: 100% !important;
    }

    .icon_vent_01 {
        width: 100% !important;
    }
    .icon_vent_02 {
        width: 100% !important;
    }
    .icon_vent_03 {
        width: 100% !important;
    }
    .icon_vent_04 {
        width: 100% !important;
    }
    .titulo_ventajas {
        text-align: center !important;
    }

    .container-quienes-2 {
        min-height: 100px !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px){
    
    
        .tituloo_foto {
        font-size: 40px;
    }
    
    
    .fondo_medios{

    padding: 10px;

}
    
    
    
    .carousel-item h1{
        font-size: 34px;
    }
    .nav-top{
        display: none;
    }
    .navbar {
        padding: .5rem 1rem;
        margin-top: 0px;
    }
    .logo-nav{
        width:140px;
    }
    .container-bloque-1 p {
        font-size: 18px;
    }
    .container-bloque-1 h1{
        font-size: 33px;
    }
    .container-bloque-1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer-bg {
        padding: 30px 30px;
    }
    .logo-footer {
        margin: 0 auto;
    }
    .footer-bg p, a.tel-footer, a.mail-footer {
        text-align: center;
    }
    .container-redes {
        width: 194px;
        margin-left: auto;
        margin-right: auto;
    }
    .bg-soluciones-8, .bg-soluciones-9, .container-video-home{
        margin-right: 0px;
    }
    .container-video-home{
        margin-bottom: 15px;
    }
    .bg-soluciones-8, .bg-soluciones-9, .bg-soluciones-10{
        min-height: 305px;
    }
    .box{
        height: 305px;
    }
    .powerby a{
        text-align: center;
        float: none;
    }
    .btn-mas-productos{
        float: none;
        margin: 40px auto 0 auto;
    }
    .container-porque-txt {
        position: relative;
        margin: 20px 20px;
    }
    .porque-img-2, .porque-img-3 {
        margin: 40px 0;
        min-height: 836px;
    }
    .container-bloque-2{
        margin-top: 40px;
    }
    .container-porque {
        margin: 20px 0;
    }
    .baner-footer{
        background-image: url(../images/baner-footer-mobile.png);
        min-height: 280px;
    }
    .pleca_roja{
        margin-left: 40px;
        margin-right: 40px !important;
    }
}
@media (max-width: 440px){

    .tituloo_foto {
        font-size: 30px;
    }


    .header_infraestructura {
        font-size: 28px !important;
    }
    .w-100 {
        min-height: 50px;
    }
    .container-porque-txt {
        margin: 80px 20px;
    }
}


@media (max-width: 440px){
    .titulo_interior {

        font-size: 34px;

    }

    .fondo_galeria {

        padding: 0px;

    }

}