/*  -------------------------------------------------------------------------------------------------------------------------------
    -------------------------------------------------------- MAP (MEYER) --------------------------------------------------------
    ------------------------------------------------------------------------------------------------------------------------------- */

/* Search block */
.map .search-block { text-align: center; background-color: rgba(255, 255, 255, 0.04); width: 100%; padding: 30px 0; }
.map .search-block h1 {    margin-top: 20px; margin-bottom: 40px; font-size:38px; line-height: 42px; font-weight: bold; font-family: "Avenir Condensed"; }
.map .search-block .search-block-form {  }
.map .search-block .search-block-form img { margin: 0 7px -6px 0; }
.map .search-block .search-block-form input { color: white; background-color: transparent; height: 25px; width: 226px; border: none; border-bottom: 1px solid #95989A; font-size: 18px; text-align: center;}
.map .search-block .search-block-form button { color: white; background-color: transparent; border: 1px solid #95989A; padding: 5px 20px; cursor: pointer; font-family: "Avenir Condensed"; font-size: 20px; margin-left: 10px; border-radius: 0;
    padding: 5px 35px;
    font-weight: lighter;}
.map .search-block .search-block-form button:hover {color:#009DE1; border:1px solid #009DE1;}
.map .search-block .search-block-form input:focus, .map .search-block .search-block-form button:focus { outline:none; }

/* Map content */
.map .map-content {display: flex; flex-direction: column; align-items: center; line-height: 36px; justify-content: center; margin: 5%; text-align: center; font-family: "Avenir Condensed";}
.map .map-content p.content-block {margin:0% 25%;}

.tax-centro-provincia .map .map-content {margin: 5% 10%;}
.map .map-content.maps { height: 600px;}
.map .map-content #map {position: relative; overflow: hidden; width: 100%; height: 100%;}

.map .maps-section {display:none;}
.map .provinces-section {display:flex;}


/* Provinces list */
.map .provinces-list { display: flex; flex-direction: row; align-items: start; justify-content: center; flex-wrap: wrap; margin: 100px 30%; }
.map .provinces-list .province {  padding: 20px; text-align: center; font-weight: 400; cursor: pointer; font-family: "Avenir Condensed"; }

/* Locations list */
.map .locations-list { justify-content: center; margin: 5%;}
.map .locations-list ul { list-style: none; margin: 0; padding: 0; color: white;}
.map .locations-list ul li { padding: 25px; border-bottom: 1px solid #95989A; display: flex; flex-direction: row; align-items: start; justify-content: space-between; }
.map .locations-list ul li > div { flex: 33.333; padding:30px; }
.map .locations-list ul li .location-name { font-weight: 400; }
.map .locations-list ul li .location-street { flex:30; }
.map .locations-list ul li .premium { color: #009DE1 }
.map .locations-list ul li:first-child { border-top: 1px solid #95989A; }

/* Google maps info window */
.map-info-window {text-align: left; padding: 15px;}
.map-info-window h1, .map-info-window #bodyContent p, .map-info-window #bodyContent a { color: #000; float:left; display:block; width:100%;}
.map-info-window #bodyContent p.icon-marker {margin-bottom:20px; width: 30px; height: 30px;text-align: center;font-size: 28px; float:left;}
.map-info-window #bodyContent p.contactar-marker, .map-info-window #bodyContent p.contactar-marker a {width: 100%; margin-bottom:10px; color:#000;}
.map-info-window .contactar-marker a, .map-info-window .contactar-marker em { color:#000;}
.map-info-window .contactar-marker {margin-bottom:10px; display: block; width: 100%; color:#000;}
.map-info-window .contactar-marker.gmaps {font-weight: bold;font-size: 12px;text-decoration: underline;}

.map-info-window h1.premium { color: #009DE1 }
.map-info-window h1 { margin: 10px 0; font-size: 16px; font-weight: 400; color: #009DE1;}

/* General styles */
.truncate {width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.map .map-content {margin-bottom: 65px;}

.map .provinces-list {margin-top:40px;}


@media only screen and (max-width:970px) {
.map .search-block h1 {   font-size:26px; line-height: 42px; font-weight: bold; font-family: "Avenir Condensed"; }
}
