.promo-rests.page-section { position: relative; clear: both; }
.promo-rests .sec-more { position: absolute; white-space: nowrap; width: auto; right: 1.25rem; left: 1.25rem; top: auto; bottom: 1.25rem; font-size: 1.094rem; text-align: center; height: 3.031rem; line-height: 2.68; border: 1px solid #fff; background-color: rgba(255,255,255,0.64); box-shadow: 0 0.25rem 0.5rem 0 rgba(0,0,0,0.07); text-decoration: none; }
.promo-rests .sec-more > span { color: #6D6D6D; font-size: 0.938rem; line-height: 1; text-decoration: none; }
.promo-rests .sec-more > span:after { display: none; }
.promo-rests .sec-heading a:hover, .sec-more span:hover { cursor: pointer; }
.promo-rests .mobile-scroller { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; margin: 0.38rem 0 0.38rem -1.25rem; padding: 0.5rem 0; /*needed to show shadows*/ }
.promo-rests .mobile-scroller::-webkit-scrollbar { display: none; }
.promo-rests .mobile-scroller .inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.promo-rests .mobile-scroller .item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding-left: 0.1rem; }
.promo-rests .mobile-scroller .item:last-child { margin-left: 0 !important; padding-left: 0 !important; }
.promo-rests .sec-heading h2.sec-title { color: #4A4A4A; font-size: 22px; line-height: 1; font-weight: 400; margin: 0; }
.promo-rests .sec-heading h2.sec-title span.click-able { cursor: pointer; }
.promo-rests .sec-heading a { display: inline; text-decoration: none; color: inherit; }
.promo-rests .sec-heading p { color: #585559; font-size: 1.079rem; line-height: 1; margin: 0.2rem 0 0; }
.promo-rests .customer-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; /* fill the area */ max-height: 100%; /* you can make it more like 110-120 to show more zoomed pic */ width: auto; z-index: 0; transition: 300ms ease-out; }
.promo-rests .customer-info { position: absolute; right: 1rem; left: 0.5rem; bottom: 0.438em; font-size: 0.938em; z-index: 1; line-height: 1; text-align: right; color: #fff; }
.promo-rests .customer-name { text-decoration: none; color: #fff; font-weight: 700; line-height: 0.9; text-align: right; text-shadow: 0 0 1rem rgba(0,0,0,0.4); width: 80%; font-size: 1.063rem; }
.promo-rests .customer-type { color: #eee; text-decoration: none; line-height: 1; margin-top: 0; font-size: 0.9rem; width: 80%; }
.promo-rests .customer-location { color: #eee; width: 80%; text-decoration: none; font-size: 0.9rem; line-height: 1; margin-top: 0.24rem; }
.promo-rests .customer-phone { width: 80%;  font-size: 0.9rem; line-height: 1; margin-top: 0.24rem; }
.promo-rests .customer-phone a { color: #eee; }

/*@supports (-webkit-overflow-scrolling: touch) {
    @media(min-width:768px) and (max-width:1024px) {
        .customers .mobile-scroller .item { padding-left: 10.5rem; }
    }
}*/

@media(min-width:64rem) {
    .promo-rests .customer-info { font-size: 0.882rem; }
    .promo-rests .customer-name { font-size: 1.25rem; }
    .promo-rests .customer-type, .promo-rests .customer-location, .promo-rests .customer-phone { font-size: 1rem; width: 88%; }
}

.promo-rests .mobile-scroller-wrap { position: relative; }
.promo-rests .arrows-nav { display: none; }

@media(min-width:64rem) {
    .promo-rests .arrows-nav { display: block; }
    .promo-rests .arrows-nav-left, .promo-rests .arrows-nav-right { position: absolute; top: 50%; left: -0.75rem; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 7.125rem; width: 2.438rem; opacity: 0.93; border-radius: 0.125rem; background: #E4DFE5 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIuMTYiIGQ9Ik0yIDlhLjMxLjMxIDAgMCAxIC4wODUtLjIxNWw2LjQxNy02LjY5NmEuMjgzLjI4MyAwIDAgMSAuNDEyIDAgLjMxMy4zMTMgMCAwIDEgMCAuNDNMMi43MDQgOWw2LjIxIDYuNDhhLjMxMy4zMTMgMCAwIDEgMCAuNDMxLjI4My4yODMgMCAwIDEtLjQxMiAwTDIuMDg1IDkuMjE1QS4zMS4zMSAwIDAgMSAyIDl6Ii8+PC9zdmc+) no-repeat 50% 50%; background-size: auto 1.68rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,0.36); text-indent: -200rem; overflow: hidden; cursor: pointer; }
    .promo-rests .arrows-nav-right { right: -0.75rem; left: auto; -webkit-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); }
}
/* 1024px */
@media(min-width:64rem) {
    .promo-rests.page-section { margin-bottom: 12px; height: 305.078px }
    .promo-rests .sec-heading h2.sec-title { font-size: 29px; }
    .promo-rests .sec-heading p { font-size: 1.125rem; }
    .promo-rests .sec-more > span { font-size: 1.063rem; }
}

.promo-rests { padding: 0 1.25rem 6px; margin-top: 0; margin-left: -1.25rem; margin-right: -1.25rem; position: relative; }
.promo-rests.no-more-rests { padding-bottom: 0.9rem; }
.promo-rests .sec-heading { width: auto; }
.promo-rests .counter.inner-wrap { counter-reset: top-counter; }
.promo-rests .counter.inner-wrap .item { counter-increment: top-counter; }
.promo-rests .counter.inner-wrap .item-wrap:before { content: counter(top-counter); font-family: Segoe, "Segoe UI", "DejaVu Sans"; color: #fff; font-size: 4.688rem; position: absolute; z-index: 4; top: 2rem; right: 0.8rem; line-height: 1; font-weight: 700; text-shadow: 0 0.063rem 2.62rem rgba(0,0,0,0.5); }
    /* 375 */
    /*@media(min-width:23.43rem) {
    .customers .sec-heading { width: 78%; }
}*/
/* customers */
.promo-rests .mobile-scroller .item > .item-wrap { height: 12.656rem; width: 10.438rem; position: relative; overflow: hidden; text-decoration: none; cursor: pointer; }
.promo-rests .item > .item-wrap:after { background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%); content: ''; display: block; position: absolute; height: 64%; left: 0; bottom: 0; right: 0; }
.promo-rests .customer-name a { color: #fff; text-decoration: none; }
.promo-rests .customer-review { font-size: 0.719rem; margin-top: 0.12rem; }
.promo-rests .customer-review a { text-decoration: none; color: inherit; }
/* rating stars css in general css */
.promo-rests .more-info { position: absolute; top: 0.5rem; right: 0; left: 0.5rem; font-size: 0.938rem; font-weight: 700; color: #fff; }
.promo-rests .order-table { float: left; }
.promo-rests .order-table span { display: block; height: 1.875rem; width: 5.8rem; text-align: center; line-height: 1.7; background-color: #CC1F0C; box-shadow: 0 0.25rem 0.5rem 0 rgba(0,0,0,0.07); cursor: pointer; }
.promo-rests .order-table span:after { content: '>'; color: #FFB7B7; padding-right: 0.2rem; }
.promo-rests .distance { float: right; height: 1.344rem; padding: 0 0.5rem; border-radius: 0.313rem 0 0 0.313rem; background-color: rgba(0,0,0,0.6); }

@media(max-width:63.938rem) {
    .promo-rests .mobile-scroller .item:last-child { padding-left: 1.25rem !important; }
}
/* 1024px */
@media(min-width:64rem) {
    .promo-rests { padding: 0 0.625rem 0; margin-left: -0.625rem; margin-right: -0.625rem; }
    .promo-rests.no-more-rests { padding-bottom: 0; }
    .promo-rests .mobile-scroller { margin-left: 0; overflow: hidden; }
    .promo-rests .mobile-scroller .item { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16.666%; display: block; min-width: 213px; }
    .promo-rests .mobile-scroller .item > .item-wrap { height: 15.875rem; width: 100%; }
    .promo-rests .customer-review { font-size: 0.75rem }
    .promo-rests .more-info { font-size: 1.021rem; }
    .promo-rests .order-table span { height: 2.072rem; width: 6.334rem; line-height: 1.9; }
    .promo-rests .distance { display: none; }
    .promo-rests .counter.inner-wrap .item-wrap:before { font-size: 5rem; top: 0; right: 0.68rem; text-shadow: 0 0.125rem 5.188rem rgba(0,0,0,0.5); }
}

@media(min-width:64rem) {
    .promo-rests .sec-more { width: 38%; right: auto; left: 0.625rem; top: 1rem; bottom: auto; font-size: 1.063rem; text-align: left; height: auto; line-height: 1; border: none; background-color: transparent; box-shadow: none; }
    .promo-rests .sec-more > span:after { content: ''; display: inline-block; width: 0.438rem; height: 0.875rem; vertical-align: -0.13rem; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzlCOUI5QiIgc3Ryb2tlPSIjOUI5QjlCIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0yIDE2YzAtLjE1Ni4wNTctLjMxMS4xNy0uNDNMMTUuMDA1IDIuMTc5YS41NjYuNTY2IDAgMCAxIC44MjUgMCAuNjI2LjYyNiAwIDAgMSAwIC44NkwzLjQxIDE1Ljk5OWwxMi40MiAxMi45NjJhLjYyNy42MjcgMCAwIDEgMCAuODYxLjU2Ny41NjcgMCAwIDEtLjgyNSAwTDIuMTcxIDE2LjQzQS42Mi42MiAwIDAgMSAyIDE2eiIvPjwvc3ZnPg==) no-repeat 0 50%; background-size: contain; margin-right: 0.2rem; }
}

@media(min-width:48rem) {
    .promo-rests.no-more-rests { padding-bottom: 0; }
}