/* Hide capas */
.leaflet-control-layers.leaflet-control,
.leaflet-control-attribution
{
    display: none;
}

/* !Close button */
.map-area .close-btn{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    float: right;
    top: 10px;
    right: 10px;
    z-index: 999999;
    transition: all 2s;
    opacity: 1;
}
.map-area .close-btn:hover {
    cursor: pointer;
}
.map-area .close-btn:after {
    /*content: '\e938';*/
    content: '\e963';
    font-family: 'mfn-icons';
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    height: 100%;
    line-height: 1px;
    font-size: 40px;
    position: absolute;
    top: 19px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}


.transparent{
    opacity: 0 !important;
}
.map-area .close-btn.transparent{
    opacity: 0;
}

.map-tooltip.market-tooltip img{
    max-width: 200px !important;
}


/* !General Map */
.map-area{
    min-height: 600px;
}

/*  !Map panel overlay */
.main_map_display{
    z-index: 999;
    position: absolute;
    right: 0;
    float: revert;
    background-color: rgba(20, 108, 148, 0.8) !important;
    display: block;
    height: 100%;
    top: 0;
    width: 50%;
    max-width: 500px;
    padding: 70px 15px;
}
.main_map_display:before{
    content: "";
    background-image: url(../imagenes/citland-logo-white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 190px;
    height: 40px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.main_map_display h3{
	font-family:var(--font-deco);

}
.marker-panel h4{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff;
}
.marker-panel p, .marker-panel a{ 
    color: #fff !important;
    font-size: 16px;
}
.marker-panel p strong{
    text-transform: uppercase;
}



@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    animation-duration: 1s;
}
/*
.slideInRight{
    -webkit-animation: slideInRight 1s forwards;
    animation: slideInRight 1s forwards;
}
**/

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


/*
.slideOutRight{
    -webkit-animation: slideOutRight 1s forwards;
    animation: slideOutRight 1s forwards;
}
*/



.google-map .marker-panel img {
    max-width: 100% !important;
}


/* !Marker state */
.leaflet-marker-icon{
    transition: all 0.5s;
}
/*
.leaflet-marker-icon.marker_active{
    -webkit-filter: hue-rotate(160deg);
    filter: hue-rotate(160deg);
    width: 47px !important;
    height: 61px !important;
    transition: all 0.5s;
}
*/
.marker_hover{
    -webkit-filter: drop-shadow(3px 3px 5px gray);
    filter: drop-shadow(3px 3px 5px gray);

    transition: all 0.5s;
}

/* !Marker tooltip state */
.leaflet-tooltip{
    display: none !important;
}
.leaflet-tooltip.tooltip_active,
.leaflet-tooltip.tooltip_hover
{
    display: block !important;
}



/* !MISC */
.hidden{
    display: none !important;
}

.google-map img{
	 max-width: 100% !important;
}
.leaflet-container a.btn-primary{
	background-color:var(--primary) !important;
	border-radius: 0px;
    text-transform: uppercase;
    font-family: var(--font-medium) !important;
font-size:15px !important;

padding:10px 20px;
display: block;
    width: max-content;
    margin-top: 35px;

}

.leaflet-tooltip-pane{
	display:none;
}


/* ! Buscador localizaciones */
.select-busqueda-localizaciones,
.map-area .select2-container
{
  position: absolute;
  top: 30px;
  left: 100px;
  z-index: 999;
  display: none;
}


/* ! Ajustes en los marcadores del mapa */

.leaflet-marker-icon.marker-cluster div{
  border: 1px solid black;
}
.leaflet-pane.leaflet-marker-pane{
    margin-top:-20px !important ;
}