.specific_map{
  
  #map{
    width:70%;
    float:left;
    height:500px;
  }

  #list{
    
    
    width:30%;
    float:left;
    height:500px;
    overflow:auto;
    
    .specific_map_item{
      
      padding:10px 5px;
      padding-right:60px;
      color:#23282d;
      background: white;
      border-bottom: 1px solid #dfdfdf;
      position:relative;
      .distance{
        position:absolute;
        top:2px;
        right:5px;
        font-size:0.9em;
        color:#9e9e9e;
      }
      &.active{
        background:#f6f6f6;
      }
      .place{
        color:#9e9e9e;
      }
    }
    
  }

}
#place{
  width:300px;
  padding:7px;
  font-size:1em;
  padding-left:40px;
  border-radius:20px;
  border:1px solid gray;
   outline: none;
}
.map_form{
  padding:30px 10px;
  text-align:center;
  
  .wrapper{
    position:relative;
    display:inline;
    
    .search_icon{
      position:absolute;
      top:0px;
      left:15px;
      
    }
  }
  
}
.map_container{
  box-shadow:0 0 10px rgba(0,0,0,0.3);
  
}
.detail_inner{
  display:none;
  background:$orange;
  background-size:cover;
  padding:30px;
  h3{
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin-top:0;
  }

  #details{
    margin:auto;
    max-width:700px;
    padding:20px;
    box-shadow:0 0 20px rgba(0,0,0,0.1);
    background:white;
    border-radius:5px;
   
    .row_50{
      width:50%;
      float:left;
      box-sizing:border-box;

    }
  }
}

