@charset "UTF-8";
/* CSS Document */

#map{
    height: 100%;
    width: 50%;
    display: inline-block;
    position: fixed;
	top: 0;
	z-index: -1;
    border-left: 1px solid #fff;
}
.singleMap #map{
	width: 100%;
    border-left: none;
    z-index: 0;
}

/* POPUP - MAPBOX */
.mapboxgl-popup-content{
	min-width: 200px;
	background: #03182a !important;
	padding: 2px !important;
}
.mapboxgl-popup-tip{
	margin-bottom: 6px;
	border: 6px solid transparent !important;
}
.mapboxgl-popup-content a{
	width: 100%;
	display: block;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mapboxgl-popup-content a:hover{
	opacity: 0.8;
}
.mapboxgl-popup-content a .typebloc{
	width: 100%;
	height: 120px;
	background-size: 80% 80%;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
	border-top-color: #03182a !important;
}
/* ZOOM CONTROL - MAPBOX */
.mapboxgl-ctrl-group{
    border-radius: 2px !important;
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in{
    padding: 10px !important;
}
.mapboxgl-ctrl-group > button{
    width: 25px !important;
    height: 25px !important;
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > div.arrow{
    width: 15px !important;
    height: 15px !important;
}