@font-face {font-family: "Centra No2";
  src: url("../fonts/centra2/229a57bbeef591e04a1fdfe347c90864.eot"); /* IE9*/
  src: url("../fonts/centra2/229a57bbeef591e04a1fdfe347c90864.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/centra2/229a57bbeef591e04a1fdfe347c90864.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/centra2/229a57bbeef591e04a1fdfe347c90864.woff") format("woff"), /* chrome、firefox */
  url("../fonts/centra2/229a57bbeef591e04a1fdfe347c90864.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/centra2/229a57bbeef591e04a1fdfe347c90864.svg#Centra No2") format("svg"); /* iOS 4.1- */
}

.centra-font{
    font-family:"Centra No2" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.search_div, .search_div_flip{
  font-family:"Centra No2" !important;
    /* font-size:16px; */
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.search_div .search_query, .search_query_flip{
  padding-top: 10px !important;
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 3%;
  right: 3%;
  
}
.pac-matched {
    font-weight: 400;
}


.pac-matched .fa {
  color: #999;
  margin-right: 6px;
}

.autocomplete-items div {
    padding: 10px 6px;
    cursor: pointer;
    background-color: white; 
    /* border-bottom: 1px solid #d4d4d4;  */
    color:black;
    font-size:14px;
    margin: 0;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e7edfd; 
  color: black;
}

.empty-autocomplete-items div:hover {
  background-color: white !important;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: blue; 
}


.empty-location  {
  background-color: #d4d4d4;
  padding: 0px 40% 0px 0px; 
  border-radius: 10px;
}

.empty-location div:hover  {
  background-color: #fff;
}




/*the container must be positioned relative:*/
.autocomplete_flip {
  position: relative;
  display: inline-block;
}
.autocomplete-items_flip {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 3%;
  right: 3%;
  
}

.autocomplete-items_flip div {
    padding: 10px 6px;
    cursor: pointer;
    background-color: white; 
    /* border-bottom: 1px solid #d4d4d4;  */
    color:black;
    font-size:14px;
    margin: 0;
}

/*when hovering an item:*/
.autocomplete-items_flip div:hover {
  background-color: #e7edfd; 
  color: black;
}



/*the container must be positioned relative:*/
.autocomplete_Hotel {
  position: relative;
  display: inline-block;
}
.autocomplete-items_Hotel {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 75%;
  left: 15px;
right: 15px;
  
}

.autocomplete-items_Hotel div {
    padding: 10px 6px;
    cursor: pointer;
    background-color: white; 
    border-bottom: 1px solid #d4d4d4; 
    color:black;
    font-size:14px;
    margin: 0;
}

/*when hovering an item:*/
.autocomplete-items_Hotel div:hover {
  background-color: #e7edfd; 
  color: black;
}