/* resets */
html, body, ul, h1, h2, h3 {
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
body {
    font-family: Arial, sans-serif;
    font-size: 13px;
}
li {
    list-style: none;
}

/* types */
h1 {
    font-size: 18px;
    font-weight: normal;
}
h2 {
    font-size: 18px;
    color: rgba(0,0,0,.54);
    padding-bottom: 15px;
    font-weight: normal;
}
h3 {
    display: inline;
    font-size: 13px;
    vertical-align: middle;
    font-weight: normal;
}
a {
    color: #0093D4;
}

/* map */
#map {
    height: 500px;
}

/* sidebar */
.sidebar {
    position: fixed;
    top: 0;
    z-index: 999;
    max-width: 408px;
    width: 90%;
    left: -90%;
    height: 100%;
    background: white;
    overflow-y: scroll;
    -webkit-transition: left 200ms ease-out;
    transition: left 200ms ease-in-out;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.sidebar.open {
    left: 0;
}

/* sidebar icons */
.fa {
    color: #0093D4;
    font-size: 22px !important;
    width: 30px;
    vertical-align: middle;
}
.caret {
    width: 12px;
    height: 6px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMGRlOGE0Ny1iYzA0LTQ3NTEtYTBjNS1lNmQxZjkzYTU0NGEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkMxM0FCNUQyQUQ5MTFFNjg5NjVGNUVEMTFBNUQzREMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkMxM0FCNUMyQUQ5MTFFNjg5NjVGNUVEMTFBNUQzREMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzI4ZWUxNy00MzdkLTQ2OGQtYjEwZS1hNTQ3M2YxNDUwZTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YjBkZThhNDctYmMwNC00NzUxLWEwYzUtZTZkMWY5M2E1NDRhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+I/PvCgAAAHBJREFUeNpiYGBgOArEK4CYlwE3YAPieUB8GsQpAOL/QLwLiEWxKOYG4lVQNeUwQT+owBUglkBSLAjER6ByUegmWQDxJyC+D8TSUJNBBvwDYmdcbtUA4rtQTSD6CRAbMRAA8kB8A4gfALE6uiRAgAEABjAV0w7gJrIAAAAASUVORK5CYII=);
}
.caret.up {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* sidebar header */
.header-img {
    width: 100%;
    height: 256px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.header {
    background-color: #0093D4;
    color: white;
    padding: 16px 24px 20px;
}
.header-rating {
    margin-top: 8px;
}
.header-rating-stars {
    padding-left: 6px;
    padding-right: 8px;
    display: inline-block;
    height: 16px;
    font-size: 0;
    vertical-align: top;
}
.star {
    background-size: 14px 13px;
    vertical-align: top;
    display: inline-block;
    width: 14px;
    height: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAQAAAAOXfQCAAABCUlEQVR4AZ3LLUhDURyG8f8QhIEKLqhFBLEYTGoSlrQpzDbEJFosqzZNgslgWNIlEQTLwCQ2iwwGA4NtCKIwEEHDEC73kRMO93o9Hzv397YXHrGjzILkwQkH+cInHiQcM0BEKTzcR9kKD29RLkOzIn2UD4bCwnW0lbCwjnYcFr6gdcSGKi3af9YhrZ3ZIxs6LdNlUM8sS4JRLvCLOaMoWVTo4fLKmpgxQRObK8bFhT3+i6iKD0uYzPnDI0xq/rCFyZ0vmyLG5IcRd7hDossbiU13eIPWYIwS12jnrmyYL5QeFf2xzSfKOwV7uIrSZFJSmOYeZdEenvLNruEvUKPPoT1sMCsWzFOXlF/KUOr5gGt3VgAAAABJRU5ErkJggg==);
}
.star-empty {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAQAAAAOXfQCAAAA/0lEQVR4AZ3SW0sCQRjG8Skzkw5EGAWCCApJeBFFQSEtSGEURGoElnaw3fn+3+AfDDE7G3No9n2u3neen96scA+H7IkywwUn5eAzj2XYFpKUWjw8RiLpxsM7BYexrMJSwXdW4mAL+ZuDODjQ8DwOvmo4dZc6jJkUMkUamfzJE63845oh/5kX9s1/rZIQRhlXVDTSuM3Cy95oCvuwwcjJhqwL39CzoJSOCA0NpCU7YXhmhf0wHFvhfYjVyazwmzU/PDLKM+bG1vbDW11MqFLjRu/XPrbKpyot8t+ny4e6zX2wqSoj6oXrJg/q3nDDS77oWV/6LDl1w4Rt59suA3P/AYHdZDfGturmAAAAAElFTkSuQmCC);
}
.star-half {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAQAAAAOXfQCAAABEElEQVR4AZ3TsUoDQRCA4RXFKwTRoFiIGjCNEEEEGxGLaKUgQUELg6LmtvQBRBvfwtLOzsq8gEXwGYIIlrFKo2DhL6QYlmN2l71/uhs+prk1/mhSMWXikbVy8JODMmwFaJOlw3vAUkuHb4Clkcom+AUsZ4ykwQsALJa5NPgscCMNfgk8Mr64psc77nyAQMthYZosys9FHy2rzDGz7tVpXuKQnE1GTTFyBkF4yrzRY4GuFzYYN6G4U2CbZROLHfXiZBw+qLAehz0V7sVYlT8VXjEWhjcg9Wk5tBqGr8I6VMjYFbgdYhnfAAzI5VuN8yFsheAJAF2WCo96f0hn/PCJH27VTZ1L1v2ww6p3N8WWcfoHcgaqB/bLnsYAAAAASUVORK5CYII=);
}

.accordion h3 {
    cursor: pointer;
}
.accordion ul {
    display: none;
}
.accordion.open ul {
    display: block;
}

/* sidebar details */
.details {
    padding: 16px 24px 20px;
    background-color: #F5F5F5;
}
.details h3{font-size:18px;}
.details-row {
    margin: 10px 0;
}
.review-people ul,
.details-hours ul {
    padding: 10px 10px 10px 0
}
.review-people li,
.details-hours li {
    margin-bottom: 10px;
}
.review-people .label,
.details-hours .label {
    display: block;
    color: #808080;
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: bold;
}

/* sidebar reviews */
.review {
    padding: 16px 24px 20px;
}
.review-more-button {
    border: none;
    background-color: transparent;
    color: #0093D4;
    cursor: pointer;
}
.review-rating-number {
    font-size: 58px;
    font-weight: 300;
    color: #EB6E00;
    position: relative;
}
.review-rating-stars {
    margin-bottom: 15px;margin-top:26px;
}
.review-rating .star {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAABkklEQVR4Ac2Wu6oTQRzGf2JlZ+sFBbVRLMQXEJ9B0mgjgiEm+x8QtBC00FR5A5/B0kfQiIKNhcQmRDCSZGfgtOcU4Vw+SCCE3ZO9c37wwTD/y8fMsLNDUUKbSxJN4x0mNW9sDL3jK03y37gajENp2uEKTREiXgbHkaRxc8aOH2tjb3ynCWY9rq9NJW235qib2Hi9aSzFjlfUTTB+bhtrjjqJX3BDRklSrMg3+exEX3YpGH/SjBXL0kNe21v43BsHalKHvLEvD5IIPe57Y1KD6US9OY2/T7kYjM9VmaqXepKRc97xJhjLEoZL9VAv8jJ3PPSORV5T1aiWMvyLuOyNb1lNlauaqu7mQY4VD6r8945zrHhcjWmXe3nPWDVVrLafdiFIKbF+Fec7SvhUfi863JU0TjAfUYZZl9sJph+nLS6wQmPNbefNjTtltvnthuFeHPGIFBRTzsaT6F0Z41+rMxvO2lxjB8rRy1M1qi360ripay92fPjU4jwZUW5svFet73KLvCwiHgfjAQVRbWw84axxDHyajlb+vInhAAAAAElFTkSuQmCC);
}
.review-rating .star-empty {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAQAAADc8cciAAAA3ElEQVR4Aa3Sb2vCMBCA8WfStI6CTNdZwTdCtOow9/0/3o4hJbj8a9jvgULDHRQakhqt2qdWzWqVDE5rqDIg2kCVM6JZKhjkN4dhsS/k2VD70RpnFmoRr5aoLfZPE+I1BSa2PO14IAt6sMPzzq149abTL1acilZPrGK/xyUXnU4k9Nyjq3d6MhpscNXSUOAQXD5Q5BpcvlJgjURakzX6l0GTuZGsybuUnea/Z3Tz6JE3lD6P81lH0h7Rvtng2+iJaHuSLggWwyuDRbiQ0OIYiRlxtER90JPS68R/+QF+GizVfp9jWgAAAABJRU5ErkJggg==);
}
.review-rating .star-half {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAABjUlEQVR4Ac2VzeoSYRhHz78yCyGyL4MIpCm1cFwGXUF0AW5EzMlJ8qtuoEWLoFWtuoKW3UIXEOhkZmQULjKtEDdtg6Ae4RVMxo95Zxw6cLYe+DnzDD44ogyd08rQMZTh8bpMEjCV4c09qPAQyCnPEBbjOm8X4dDmdm5jzO7zZylsihH2zQebR4twqHPLzH2X8GX2SadIeh5dDSuPep+vQnNUo73N7w2GG8Ip0djB+Oor8mDa4pf64c2qsEez4inc6Ja48a3BeA/hjHicTfQLxL/c41WA4aR4iB05GNg8nrX47SNsimfRoXuHWz9azDTCV8UYfmhbXPxaw/EQNgL7cHyq8txD+DxBIU/6yEM4TRD0SlzX+I+P4ZePd3m2JpxVuoUT+GWizuSykzqfgagy5Xo+/fCmRG41OqzyYpz/5wodiBdc4lH9mW2eLILTJj/fWxRZzwnx2lL4HLrIpIN5dFTD6RS4xHYioqHCV9DBKZOZn0x5uJ6+zHMYbyREU+sb/c7C7lncRJ+YeJL/jb/xFy1olMjhLgAAAABJRU5ErkJggg==);
}

#input-row {
  height: 1px;
  overflow: visible;
  padding: 0px;
  margin: 0px;
}

.input-container {
    position: relative;
    left: 0;
    top: 2px;
    z-index: 2;
    max-width: 408px;
    width: 90%;
    padding: 8px;
}

#pac-input {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-size: 15px;
    font-weight: 300;
    outline: none;
    padding: 0 45px 0 13px;
    border: none;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    height: 48px;
    width: 100%;
    border-bottom: 1px solid transparent;
}
#pac-input:focus {
    border-color: #4d90fe;
}

.loader {
    display: none;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    height: 24px;
    width: 24px;
    background-size: 100%;
    background-color: white;
    background-image: url(https://www.powerstop.com/wp-content/themes/powerstop/asset/image/loader.gif);
}
.loader.show {
    display: inline-block;
}
.x {
    z-index: 3;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 18px;
}
.x .fa {
    color: #b5b5b5;
    font-size: 26px !important;
}
.ps-install {
    background-image: url('asset/install-icon.png');
    display: inline-block;
    width: 20px;
    height: 22px;
    margin-right: 10px;
    background-size: 100%;
    vertical-align: middle;
    background-repeat: no-repeat;
}