/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.autocomplete-suggestions { border: 1px solid #999; background: rgba(255,255,255,1); overflow: auto; width:300px; color:#333;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; width:100%; cursor: pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.menu-autocomplete a{
    overflow:visible;
}
.marker_h{
    position:relative;
}
.marker_h .teacher-c{
    transition-duration: 250ms;
    padding:20px;
    cursor:pointer;
    background:#f0f0f0;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}
.marker_h .teacher-c:hover{
    transition-duration: 250ms;
    background-color:#ffffff;
}
.marker_h.active .teacher-c{
    transition-duration: 250ms;
    background-color:#ffff88;
}

.marker_h.active .teacher-c:before{
    content:'';
    background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20height%3D%2260%22%20width%3D%2230%22%3E%0A%3Cpath%20d%3D%22M12%2C11.5A2.5%2C2.5%200%200%2C1%209.5%2C9A2.5%2C2.5%200%200%2C1%2012%2C6.5A2.5%2C2.5%200%200%2C1%2014.5%2C9A2.5%2C2.5%200%200%2C1%2012%2C11.5M12%2C2A7%2C7%200%200%2C0%205%2C9C5%2C14.25%2012%2C22%2012%2C22C12%2C22%2019%2C14.25%2019%2C9A7%2C7%200%200%2C0%2012%2C2Z%22%20fill%3D%22%23ff2222%22%2F%3E%0A%3C%2Fsvg%3E);
    display:block;
    width:30px;
    height:60px;
    zoom:2;
    position:absolute;
    right:5px;
    top:-10px;
    opacity:0.85;
}
.single-piano-teacher .teacher-c{
    padding:20px;
    background:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
    margin-bottom:2rem;
    width:500px;
}
.teacher-c .profile-photo{
    vertical-align:top;
    margin-right:10px;
    background-position: 50% 50%;
    
    display:inline-block;
    width:100px;
    height:100px;
    border-radius:100px;
    box-shadow:0 0 6px inset #c7c7c7;
}
.teacher-c .details p{
    padding:0;
    margin:0;
}
.teacher-c .details{
    display:inline-block;
    width:190px;
}
.single-piano-teacher .teacher-c .details{
    width:346px;
}
.teacher-c .details h4{
    margin-bottom:8px;
    line-height:25px;
}
.teacher-c .details .dist{
    font-size:14px;
}
.teacher-c .details a .fa-stack{
    color:#88a;
}
.teacher-c .details a:hover .fa-stack{
    color:inherit;
}
.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}