#map {
    height: 500px; 
    width: 100%; 
}
.close-icon {
    font-size: 20px;
    color: white;
    cursor: pointer;
    padding: 0;
}





.titulo-footer-proximos-eventos {
    font-family: var(--font-family-Humanistist521BT-Bold) !important;
    font-weight: bold;
    font-size: 18px;
    text-transform: capitalize;
    color: #000000;
}


.titulo-se-libre-text-city {
    font-size:2.8vh;
    color:gray;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    letter-spacing:0.03em;
    width: auto;height:auto;
}


.menu-op {
    color: white !important;
}

.menu-op-actual {
    color: white !important;
}

.fixed_menu .mainnav .main_menu .menu-op {
    color: #383838 !important;
}




.icon-container-historia {
    background-color: #00CCFF;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-comercio {
    background-color: #CF1C8E;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-arte {
    background-color: #FFA400;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-gastro {
    background-color: #00A8BC;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-turismo {
    background-color: #F17221;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.icon-container-diversion {
    background-color: #0071A2;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.icon-container-visitanos{
    background-color: #F17221;
    font-size: 18px;
    font-family: var(--font-family-Humanistist521BT-Bold);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.dropdown-menu-historia {
    position: absolute;
    bottom: 100%;
    left: 0!important;
    width: 17% !important;
    background-color: rgba(0,204,255,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #00CCFF; 
    display: none; 
    z-index: 999;
}

.dropdown-menu-comercio {
    position: absolute;
    bottom: 100%;
    left: 0!important;
    width: 17% !important;
    background-color: rgba(207,28,142,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #CF1C8E; 
    display: none; 
    z-index: 999;
}

.dropdown-menu-arte {
    position: absolute;
    bottom: 100%;
    left: 0!important;
    width: 17% !important;
    background-color: rgba(255,164,0,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #FFA400; 
    display: none; 
    z-index: 999;
}

.dropdown-menu-gastro {
    position: absolute;
    bottom: 100%;
    left: 0!important;
    width: 17% !important;
    background-color: rgba(0,168,188,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #00A8BC; 
    display: none; 
    z-index: 999;
}

.dropdown-menu-turismo {
    position: absolute;
    bottom: 100%;
    left: 0!important;
    width: 17% !important;
    background-color: rgba(241,114,33,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #F17221; 
    display: none; 
    z-index: 999;
}

.dropdown-menu-diversion {
    position: absolute;
    bottom: 100%;
    left: 0!important;
    width: 17% !important;
    background-color: rgba(0,113,162,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #0071A2; 
    display: none; 
    z-index: 999;
}

.dropdown-menu-visitanos{
    position: absolute;
    bottom: 100%;
    left: 0!important;
    width: 17% !important;
    background-color: rgba(241,114,33,0.8);
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(241,114,33,1); 
    display: none; 
    z-index: 999;
}



















.owl-prev-slider-sec2 {
    position: absolute;
    bottom: 20vh;
    left: 6.5vw;
}
.owl-prev-sliders-info-banner {
    position: absolute;
    bottom: 20vh;
    left:-2.5vw
}
.owl-next-sliders-info-banner {
    position: absolute;
    bottom: 20vh;
    right:-2.5vw
}

.owl-next-slider-sec2 {
    position: absolute;
    bottom: 20vh;
    right: 6.5vw;
}

.owl-prev-fil-carr {
    position: absolute;
    bottom: 50%;
    left: -3vw;
}

.owl-next-fil-carr {
    position: absolute;
    bottom: 50%;
    right: -3vw;
}

.btn_planifica {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    border-style: Solid;
    border-color: rgba(56, 56, 56, .5);
    border-width: 0.3px;
    border-radius: 3px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    font-size: 17px;
    letter-spacing: 0.68px;
    color: rgb(128, 128, 128);
    display: inline-block;
    width: 13vw;
    height: 6vh;
    text-align: center;
    margin-right: 1vw;
}







.texto-plani-viaje-carru-foot {
    font-size: 1.6vh !important;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    color: #3FA9F5 !important;
}

.hotel-block_one-heading a {
    color: #3FA9F5 !important;
}

.ciudades-prox-event a img {
    margin-right: 5px; 
}
.ciudades-prox-event a {
    color: #666666 !important;
    font-size: 15px;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;;
}

.leer-mas {
    font-size: 1.5vh !important;
    color: #3FA9F5 !important;
    opacity: .6;
}

.texto-amarillo {
    color: #00CCFF !important;
}

.texto-amarillo a {
    color: #00CCFF !important;
    font-size: 15px;
    font-family: var(--font-family-Humanistist521BT-Bold) !important;;
}

.velo_hover_filtros {
    background-color: #00CCFF;

}

.verde-bold {
    font-weight: bold;
    font-size: 16px;
}



.widget-title {
    font-size: 15px;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    letter-spacing: 0.53px;
    color: rgb(128, 128, 128);
}

.sidebar-filter {
    padding: 0 !important;
    border-radius: 0;
    box-shadow: none;
}





.scrolling-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px; 
}

.scrolling-wrapper .card {
    display: inline-block;
    width: 200px; 
    margin-right: 10px; 
}

.vertical-line {
    border-left: 1px solid #000; 
    height: 30px; 
}

.menu_ciudades {
    font-size: 16px;
    font-family: var(--font-family-Humanistist521BT-Roman);
    font-weight: normal;
    letter-spacing: 0.75px;
    color: rgb(255, 255, 255);
    padding-bottom: 50vw !important;
}

.botones_unidos {
    background: #E1F3D5;
    background: rgba(225, 243, 213, 1);
    
    
    
    
    height: 9.694vh;
    font-family: var(--font-family-Humanistist521BT-Roman) !important;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.73px;
    color: rgb(56, 56, 56);
}

.borde_izq {
    border-top-left-radius: 52px; 
    border-bottom-left-radius: 52px; 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0; 
    margin-right: -0.5vw;
}

.borde_der {
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0; 
    border-top-right-radius: 52px; 
    border-bottom-right-radius: 52px; 
    margin-left: -0.5vw;
}

.titulo-carru-sec2 a {
    font-family: var(--font-family-Humanistist521BT-Bold) !important;
    font-weight: bold !important;
    font-size: 20px !important;
    color: rgb(56, 56, 56) !important;
}









.popup-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.descripcion_gastro_modal {
    font-family: var(--font-family-MyriadPro) !important;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.30px;
    color: rgb(0, 0, 0);
}

.titulo_gastro_modal {
    font-family: var(--font-family-Humanistist521BT-Bold) !important;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: -1px;
    color: rgb(105, 196, 47);
}

.titulo-platillos-bebidas {
    font-family: var(--font-family-Humanistist521BT-Bold) !important;
    font-weight: bold;
    font-size: 13px;
    margin: -5px 0 0 10px;
    padding: 0;
}

.descr-platillos-bebidas {
    font-family: var(--font-family-MyriadPro) !important;
    font-size: 13px;
    line-height: 13px;
    color: rgb(102, 102, 102);
    margin: -5px 0 0 10px;
}

.fon-verde {
    background-color: #E1F3D5;
}







.menu_ciudades {
    font-size: 16px;
    font-family: var(--font-family-Humanistist521BT-Roman);
    font-weight: normal;
    letter-spacing: 0.75px;
    color: rgb(255, 255, 255);
    padding-bottom: 0 !important;
}

.logo_gobierno {
    width: auto;height: 18vh;position: absolute;top: -70.5vh;right: -1vw;opacity: 0;
}

 .fecha-prox-eventos-sup {
     position: absolute !important;
     top: 10px !important;
     right: 10px !important;
     height: 8vh !important;
     display: inline-block;
     width:auto !important;
     background-color: transparent;
     font-size: 15px;
     font-weight: bold;
     text-align: center;
 }
.texto-prox-eventos
{
    font-family : var(--font-family-Humanistist521BT-Roman);
    font-size : 12px;
    letter-spacing : 1px;
    text-transform : uppercase;
    color : rgb(56, 56, 56)!important;
}
.titulo-prox-eventos{
    font-family : var(--font-family-Humanistist521BT-Bold);
    font-weight : bold;
    font-size : 14px;
    letter-spacing : 1.3px;
    text-transform : uppercase;
    color : rgb(56, 56, 56);
    text-align: end;
}

.item-prox-even-carousel.style-two.all.web.cloud.shadow-lg.shadow-3d.rounded .card:hover .cor-hover {
    display: block!important;
}

.item-prox-even-carousel.style-two.all.web.cloud.shadow-lg.shadow-3d.rounded .card:hover .card-body {
    opacity: 1!important;
    background-color: white !important;
}
.item-prox-even-carousel{
    cursor: pointer;
}

.sliderCiudPrincipal .item img {
    height: 34vh;
    object-fit: cover;
    width: 100%;
}