#mymap {
    width: 100%;
    height: 50vh;
}


.mapa {
    z-index: 2;
    position: relative;
    background: #fff;
}

.mapa .row {align-items: center;}

.button-group.flex-style {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

select.select-dropdown {
    background: transparent;
    /* border: 1px solid; */
    /* border-radius: 3px; */
    padding: 0 10px !important;
    margin-right: 20px;
}

button.search-btn {
    padding: 6px 25px !important;
    margin-left: 30px;
}

button.search-btn:hover {
    background: #ffcc29;
    color: #000;
}

.map-zoom-out-btn{
    background: #1266af;
    border-radius: 3px;
    color: #fff;
    padding: 6px 25px;
}

.map-zoom-out-btn:hover{
    background: #ffcc29;
    color: #000;
}

.map-desc {
    display: flex;
    align-items: center;
}

.map-desc p {margin: 0 !important;padding-bottom: 4px;font-size: 15px;font-weight: 500;font-family: arial;}


.leaflet-popup-content h3 {text-align: center;margin-bottom: 0;font-weight: 600;font-family: arial;}

.component1 {
    display: none;
    margin-bottom: 10px;
}

@media(max-width:  767px){
   .button-group.flex-style{
        flex-direction: column !important;
    align-items: center !important;
   }
}

.map-contato iframe {
    width: 100%;
    height: 320px;
}

.component2 {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    margin-bottom: 50px;
    flex-wrap: nowrap;
}

.select_container {
    width: 100%;
}