.inputs { flex: 1; }

.filter { border-bottom: 1px solid #ddd; padding: 10px 8px 10px 8px; }

.search-arrow { width: 220px; margin: 2px 0 0 12px;  }

.partners {
  display: -ms-flexbox; display: -webkit-flex; display: flex;
  -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row;
  height: 80px;
}
.partner {
  flex: 1;
  text-align: center; font-size: 0.9em; color: #aaa;
}
.partner p { display: block; margin-bottom: 6px; }
.partner a { color: inherit; }
.partner img { max-height: 50px;  }


.map_search_btn {
  position: absolute; top: 10px; left: 10px; /*z-index: 99;*/
  /*display: -ms-flexbox; display: -webkit-flex; display: flex;
  -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row;*/
  height: 40px;
  cursor:pointer; user-select:none; -webkit-user-select:none;
}
.map_search_btn p {
  position: absolute; top: 10px; left: 30px; /*z-index: 99;*/
  line-height: 40px; width: 125px; height: 40px;
  background-color: white; color: #288ceb;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  -webkit-box-shadow: rgba(0,0,0,0.47) 0 3px 8px 0;
  box-shadow: rgba(0,0,0,0.47) 0 3px 8px 0;
  padding-left: 30px;
  text-transform: uppercase;
  font-size: 0.8em;
}
.map_search_btn span {
  position: absolute; top: 10px; left: 10px; /*z-index: 99;*/
  width: 40px; height: 40px;
  background-color: white; color: #288ceb;
  border-radius: 50%; text-align: center; line-height: 40px;
  -webkit-box-shadow: rgba(0,0,0,0.47) 0 3px 8px 0;
  box-shadow: rgba(0,0,0,0.47) 0 3px 8px 0;
}

.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 3;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 3;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 3;
}

@-webkit-keyframes flash {
  0% { opacity: 1; }
  50% { opacity: 0.2; }
  100% { opacity: 1; }
}

@-moz-keyframes flash {
  0% { opacity: 1; }
  50% { opacity: 0.2; }
  100% { opacity: 1; }
}

@-ms-keyframes flash {
  0% { opacity: 1; }
  50% { opacity: 0.2; }
  100% { opacity: 1; }
}

.map { flex: 1; position: relative; }

.gmap-window { height:40px; width:160px; }

/*.mapbox {
  width: 100%;
  height: 100%;
  display: block;
}*/

.panel {
  margin:55px 0 0 10px; position:absolute; z-index:10; text-align:center;
  padding:30px 10px 20px 10px; color:white; width:300px; background-color:#288ceb;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.panel .close { float:right; margin-top:-24px; margin-right:-4px; cursor:pointer; }
.panel h1 { font-size:24px; line-height:34px; font-weight:normal; }
.panel em { display:block; font-size:17px; line-height:60px; }
.panel p { margin:20px 0; font-size:17px; line-height:21px; text-align:right; font-size:0.9em; }
.panel img.audiences { width:280px; }
.panel img.paris-region { margin:0 10px; vertical-align:middle; border:0; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform:scale(0.75, 0.75);
  }
  50% {
    -webkit-transform:scale(1, 1);
  }
  100% {
    -webkit-transform:scale(0.75, 0.75);
  }
}

#crosshair {
  position: absolute;
  z-index: 1000;
  cursor: inherit;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-image: url("/https/accessible.net/web/accessible/images/cross-hairs.gif");
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 250ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@media screen and (max-width: 750px) {

  [data-screen] { width: 100%; display: none; }

  [data-screen=list] { background-color: white; }

  [data-screen=search] {
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    background-color: #f5f5f5;
  }

  .chapo .close { display: none; }

  .poi-preview .chapo { width: 100%; }

  .search-arrow { display: none; }

}