/****************** ESTILO | MAPA ************************/
.container-map{
	display: flex;
	justify-content: center;
	align-items: center;
}

#btn-btn{
    background: white;
    z-index: 80;
    cursor: pointer;
    border-style: solid;
    width: 34px;
    height: 34px;
    margin-bottom: 474px;
    margin-left: -43px;
    border-radius: 5px;
    border-color: #AEB9BB;
}
#btn-btn:hover{
    background: #F4F4F4;
}
#btn-btn >img{
    background-position: center;
    background-size: contain;
    width: 15px;
}
#map{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 650px;
	z-index: 1;
}
@media(max-width: 425px){
    #map{
        height: 500px;
    }
    #btn-btn{
        margin-bottom: 322px;
    }
}
/****************** ESTILO | POP UP MAPA ************************/
.contenedor-popup{
	visibility: hidden;
	display: none;
	
}
.container-popup{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.leaflet-popup-content-wrapper{

}
.container-popup p{
	line-height: 1.8;
	text-transform: uppercase;
	text-align: justify;
	font-size: 18px;
	
}
.leaflet-container a.leaflet-popup-close-button span:hover{
	font-size: 30px;
	color: #0057aa;
	transition: 0.5s;

}
.leaflet-container a.leaflet-popup-close-button {
    font-size: 25px;
    transition: 0.5s;
}
.container-popup h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
}
.container-popup h3{
	color: #0057aa;
	margin-top: 5px;
}
.container-popup a{
display: inline-block;
	width: 30%;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	color: #0057aa;
	border: 1px solid #0057aa;
	border-radius: 16px;
	transition: all 400ms ease;
	margin-bottom: 5px;
}
.container-popup a:hover{
	background: #009adc;
	transform: scale(1.1);
	color: #fff;
	transition: all 300ms;
}
select {
	appearance:none;
	text-transform: uppercase;
	outline:0;
	box-shadow:none;
	border:1px solid #000000;
	border-radius: 6px;
	background: #fff;
	flex: 1;
	padding: 0 .5em;
	cursor:pointer;
	font-size: 1em;
}

select::-ms-expand {
   display: none;
}
.container-alls{
	display: flex;
	justify-content: flex-start;
	width: auto; 
}

.container-selec {
   position: relative;
   display: flex;
   width: 28em;
   height: 3em;
   padding: 0 1em;
   line-height: 3;
   overflow: hidden;
   border-radius: .25em;
}
.container-selec::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 14px;
	border-radius: 0px 6px 6px 0px;
    padding: 0 1em;
    background: #009adc;
    cursor:pointer;
    pointer-events:none;
    transition:.25s all ease;
}

.select:hover::after {
   color: #23b499;
}
@media(max-width: 475px){
  .container-alls{
    display: flex;
    justify-content: flex-start;
    width: 80%; 
    }
    .container-selec::after {
        right: 0;
    }
}