@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic&subset=latin,cyrillic,cyrillic-ext);

@import url(resto-font.css);

@import url(../vendor/mobile-angular-ui/mobile-angular-ui-base.min.css);
@import url(../vendor/angular-ui-select/select.min.css);
@import url(../vendor/angular-ui-tab-scroll/angular-ui-tab-scroll.css);

@import url(main-col-xxs.css);


.ui-tabs-scrollable > .nav-button.left-nav-button:before {
    font-family: 'Roboto';
    content: '<';
}
.ui-tabs-scrollable > .nav-button.right-nav-button:before {
    font-family: 'Roboto';
    content: '>'; }


.ui-select-container .btn-default-focus {
    border-color: transparent;
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}
.ui-select-container .dropdown-menu {
    display: none;
}
.ui-select-container.open .dropdown-menu {
    display: block !important;
}


.btn.active:focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
}


button.icon,
.btn.icon {
    border: none;
    background-color: transparent;
}


.form-control:focus {
    border-color: #ccc;
}


body {
    font-family: Roboto, Helvetica, sans-serif;
    color: #181717;
    background-color: #efefef
}

a,
button,
input,
select,
textarea {
    outline: none;
}

button:active { opacity: 1 !important; }

p {
    margin-bottom: 1em
}

a {
    color: #d91e18
}

.heading {
    margin-bottom: .618em
}

.heading.-large,
h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

.heading.-medium,
h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.heading.-small,
h3 {
    font-size: 12px;
    font-weight: 700;
    line-height: 13px
}

.heading.-smallest {
    font-size: 10px;
    font-weight: 700
}

.app {
    background: #efefef
}

.app.slided {
    -webkit-transition: .3s;
    transition: .3s;
}

.has-sidebar-left .app.slided {
    -webkit-transform: translateX(20em);
    transform: translateX(20em)
}
.has-sidebar-right .app.slided {
    -webkit-transform: translateX(-20em);
    transform: translateX(-20em)
}

.sidebar {
    display: block;
    background: #222;
    color: #fff;
    width: 20em;
    pointer-events: auto
}

.sidebar .list-group {
    margin-bottom: 0
}

.sidebar .list-group-item {
    background: #222;
    color: #fff;
    border-color: #666;
    padding: .8em 1.25em;
    font-size: 1.05em
}

.sidebar .list-group-item .icon {
    font-size: 1.6em;
    display: inline-block;
    vertical-align: bottom;
}

.back-propaginator {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.back-propaginator.active {
    display: block
}

.sidebar-toggle {
    padding-right: 8px
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.dark-section {
    background: #222;
    color: #fff;
    padding: 2.3rem 0 2rem
}

.text-muted {
    color: #a3a3a3
}

.centered {
    text-align: center
}

.underline {
    text-decoration: underline
}

.section-xs-wrap {
    padding: 0 8px
}

.red-label {
    color: #f24e4e;
    font-size: 1.5em
}

.deal-container-section,
.module-shadowed {
    background: #fff;
    box-shadow: 0 0 7px #c9c9c9
}

.tooltip.showed {
    opacity: 1
}

.tooltip.relative {
    position: relative
}

.tooltip .tooltip-inner {
    background: 0 0;
    width: 100%;
    border: 1px solid #181717;
    color: #181717;
    border-radius: 0;
    max-width: 100%;
    padding: 1em 0
}

.btn-main {
    background: #f24e4e;
    color: #fff;
    display: block
}

.spinner {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 999
}

.spinner:after {
    content: '';
    height: 40px;
    width: 40px;
    background-image: url(data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDovL2dvby5nbC83QUp6YkwgLS0+Cjxzdmcgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4IiB2aWV3Qm94PSIwIDAgMzggMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjguMDQyJSIgeTE9IjAlIiB4Mj0iNjUuNjgyJSIgeTI9IjIzLjg2NSUiIGlkPSJhIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjYzMSIgb2Zmc2V0PSI2My4xNDYlIi8+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIG9mZnNldD0iMTAwJSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtCiAgICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIHRvPSIzNjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgZHVyPSIwLjlzIgogICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L3BhdGg+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iI2ZmZiIgY3g9IjM2IiBjeT0iMTgiIHI9IjEiPgogICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIgogICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgdG89IjM2MCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICBkdXI9IjAuOXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -20px 0 0 -20px;
}


.app-messages {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 999;
    padding: 1em;
    color: #fff;
    text-align: center
}

.app-messages > div {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    display: table
}

.app-messages > div > span {
    position: relative;
    font-size: 1.4em;
    display: table-cell;
    vertical-align: middle
}

.app-messages .btn-main {
    font-size: .7em;
    margin-top: 2em;
    padding: .8em 0;
    width: 12em
}

.btn-text {
    background: 0 0;
    padding: 0
}

.btn-text span {
    padding-left: 1rem;
    font-size: 1.5rem;
    top: -.3rem;
    position: relative
}

.fa-rub {
    font-size: .9em
}

.icon.active {
    color: #d91e18;
}


.main-logo {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 43px;
    border-right: 1px solid #e0e0e0
}

.navbar-app {
    height: 45px;
    line-height: 45px;
    background: #d91e18;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border: 0;
    color: #181717
}

.navbar-app .btn,
.navbar-app .btn-navbar,
.navbar-brand .title {
    color: #fff;
}

.navbar-brand {
    font-size: 1.1em;
    float: none;
    margin-left: 25px;
    margin-right: 0;
}

.navbar-brand > a {
    color: #181717
}

.navbar-brand .title {
    font-size: 1.4em;
    font-weight: 300;
    text-align: left;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.header-title {
    background: #e0e0e0;
    text-align: center
}

.header-title h2 {
    margin: 0;
    font-size: 1.8rem
}

.header-sub-title {
    text-align: center;
    border-bottom: 1px solid #bcbcbc
}

.header-sub-title h2 {
    font-size: 1.8rem;
    margin: .8em 0
}

.navigate-section {
    padding: 1rem
}

.panel .panel-heading {
    text-align: center;
    font-size: 1.8rem
}

.panel .panel-body {
    padding: 1em
}

.panel.panel-success .panel-heading {
    background: #8dc73f;
    color: #fff
}

.panel.panel-success .panel-body {
    background: #d8ecbd
}


.section-header {
    font-size: 1.1em;
    margin: 1em 0;
    font-weight: 400;
    text-transform: uppercase
}

.section-desc {
    padding: .8em 0
}

footer {
    background: #efefef
}

footer .help-btns {
    background: #efefef;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    padding: 1rem 0;
    margin-top: 1rem
}

footer .help-btns > li {
    width: 20%;
    text-align: center
}

footer .help-btns > li > a {
    text-decoration: none
}

.page-section {
    margin-top: 15px
}

.page-section .deal-container-section,
.page-section .module-shadowed {
    padding: .5em 1em
}

.page-section h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.1em;
    margin: 0
}

.page-section .indent {
    padding-left: .8em
}

.page-section .red-label {
    font-size: 1.4em
}



.check {
    padding: 0.5em 0;
    padding-left: 2.3em;
}
.check > .icon {
    font-size: 1.0em;
    color: #fff;
    margin-left: -2.3em;
    padding: 0.4em;
    border: 1px solid #ccc;
    border-radius: 0.6em;
}
.check.active .icon {
    color: #777;
}



.btn-box {
    display: block;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    width: 100%;
    margin: 0.3em 0;
    padding: 0 0.8em;
    box-shadow: 1px 1px 2px #d4d4d4;
    border-radius: 1.0em;
}
.btn-box .icon {
}
.btn-box.active {
    background-color: #d91e18;
}
.btn-box.active:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    border-top: 0.7em solid #d91e18;
    border-left: 0.7em solid transparent;
    border-right: 0.7em solid transparent;
    left: 50%;
    margin-left: -0.7em;
}
.btn-box.active .title,
.btn-box.active .icon {
    color: #fff !important;
}


.home-section {
    background-color: transparent;
}
.home-section .row > div {
    padding-left: 10px;
    padding-right: 10px;
}
.home-section .row > div + div {
}
.home-section .btn-box .inner-align {
    text-align: center;
    margin: 0.5em auto;
    margin-top: 1em;
}
.home-section .btn-box,
.home-section .btn-box a,
.home-section .title {
    color: #676767;
}
.home-section .eq-height {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.home-section .eq-height > * {
    /*width: ..%;*/           /* For old syntax, otherwise collapses. */
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.home-section .title,
.home-section .search_more {
    text-transform: uppercase;
    font-size: 1.1em;
    text-align: center;
    display: block;
}
.home-section .search_more {
    margin-top: 0.6em;
    text-decoration: underline;
}
.home-section .btn-box .title {
    font-size: 1.3em;
}
.home-section .btn-box .icon.large {
    font-size: 3.0em;
}
.home-section .icons {
    display: table;
    table-layout: auto;
    margin: auto;
    width: 100%;
}
.home-section .icons > .icon {
    display: table-cell;
}
.home-section .icon.prix_1 {
    font-size: 1.9em;
}
.home-section .icon.prix_2 {
    font-size: 2.3em;
}
.home-section .icon.prix_3 {
    font-size: 2.7em;
}
.home-section .icon.prix_4 {
    font-size: 3.4em;
}
.home-section .icon.prix_5 {
    font-size: 4em;
}
.home-section .features {
    padding: 0.5em 0;
}
.home-section .features {
    padding: 0.5em 0;
}
.home-section .features .title {
    font-size: 1.0em;
}
.home-section .features .col-feature {
    padding-right: 0;
}
.home-section .feature {
    display: block;
    background-color: transparent;
    border: none;
    text-align: left;
    font-size: 1.1em;
    white-space: normal;
}
.home-section .feature.active .icon {
    color: #fff;
    background-color: #d91e18;
    border-color: #d91e18;
}

.home-section .feature.more {
    color: #d91e18;
    text-transform: uppercase;
    font-size: 0.9em;
}
.home-section .feature.more span {
    text-decoration: underline;
}
.home-section .feature.more .icon {
    font-size: 0.6em;
    color: #d91e18;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.btn-section {
    background-color: transparent;
    padding: 0.7em;
}

.btn-section .btn-primary,
.order-section .btn-primary,
.comment-section .btn-primary,
.user-section .btn-primary {
    background-color: #2FAE45;
    border-color: #2FAE45;
    border-radius: 0.6em;
    font-size: 1.3em;
    letter-spacing: 0.04em;
    padding: 10px 12px;
}

.search-section input,
.order-section input,
.comment-section input,
.user-section input {
    font-size: 1.2em;
    padding: 0.685em 0.5em;
    height: auto;
    border-radius: 1.3em;
}
.order-section .form-group,
.comment-section .form-group,
.user-section .form-group {
    padding-top: 0;
}
.order-section .form-group.row,
.comment-section .form-group.row,
.user-section .form-group.row {
    margin-right: 0.5em;
}
.order-section label,
.comment-section label,
.user-section label {
    font-weight: normal;
    text-transform: uppercase;
    color: #777;
}

.comment-section textarea {
    min-height: 20em;
}

.search-section {
    background-color: transparent;
    padding: 0.7em;
    padding-bottom: 0;
    margin-bottom: 0;
}
.search-section .title {
    color: #676767;
    font-size: 1.7em;
    text-align: center;
    display: block;
    margin-top: 0.5em;
}
.search-section .query {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 1.0em;
}
.search-section .input-group-addon {
    border-radius: 1.3em 0 0 1.3em;
    min-width: 0.5em;
}
.search-section input + .input-group-addon {
    border-left: none;
    border-radius: 0 1.3em 1.3em 0;
    min-width: 0;
}
.search-section .input-group-addon .icon {
    display: block;
    font-size: 1.9em;
    margin-bottom: -1em;
    margin-top: -0.48em;
    margin-right: 0;
}
.search-section .form-group {
    padding-top: 0;
    padding-bottom: 0;
}

.metro-section .query-station,
.cuisines-section .query-cuisine {
    font-size: 1.2em;
    padding: 0.685em 0.5em;
    padding-left: 1.0em;
    height: auto;
    border-right: none;
    border-radius: 1.3em 0 0 1.3em;
}
.metro-section input + .input-group-addon,
.cuisines-section input + .input-group-addon {
    border-left: none;
    border-radius: 0 40% 40% 0;
}
.metro-section .input-group-addon .icon,
.cuisines-section .input-group-addon .icon {
    display: block;
    font-size: 1.4em;
    margin-bottom: -2em;
    margin-top: -0.43em;
    margin-right: 0.2em;
    color: #d91e18;
}


.station i,
.cuisine i {
    display: inline-block;
    border: 0.33em solid;
    border-radius: 1.1em;
    width: 1.2em;
    height: 1.2em;
}


.list-group .station,
.list-group .cuisine {
    position: relative;
    cursor: pointer;
    color: #676767;
    font-size: 1.3em;
    text-align: left;
    font-weight: 400;
    padding-left: 2em;
}
.list-group .cuisine {
    padding-left: 1em;
}
.list-group .station a,
.list-group .cuisine a {
    color: #676767;
}
.list-group .station i,
.list-group .cuisine i {
    left: 0.5em;
    bottom: 0.65em;
    position: absolute;
    display: block;
}


.grid-group {
    padding-left: 0;
}
.grid-group-item {
    display: block;
    float: left;
    width: 33%;
}
.grid-group-item a {
    display: block;
    position: relative;
    text-align: center;
    color: #000;
    margin: auto;
    width: 96%;
}


.restoraunts-section,
.restoraunt-section {
    padding: 0;
}
.restoraunts-section .list-group-item {
    padding: 0;
}
.restoraunts-section .list-group .station {
    font-size: inherit;
    padding-left: 0;
}


.restoraunt .summary {
    position: relative;
    margin: 0.5em;
    margin-bottom: 1.5em;
}
.restoraunt .cover {
    position: relative;
}
.restoraunt .cover a {
    display: block;
    position: relative;
}
.restoraunt .cover .photo {
    min-width: 100%;
    z-index: -1;
}
.restoraunt .cover .mask {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+DQogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPg0KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4NCiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+DQogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuODUiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4NCjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.85)), color-stop(30%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 );
}
.restoraunt .status {
    position: absolute;
    right: 0.5em;
    top: 2.0em;
    padding: 0.4em 0.8em;
    border: 0.11em transparent;
    font-size: 1.2em;
    letter-spacing: 0.06em;
    font-weight: 300;
    background-color: #FFEB3B;
    border-radius: 0.5em;
}
.restoraunt .booking {
    position: absolute;
    right: 0.5em;
    top: -2.9em;
    padding: 0.8em 0.9em;
    border: 0.11em solid #fff;
    font-size: 1.2em;
    letter-spacing: 0.06em;
    font-weight: 300;
    background-color: #d91e18;
    border-radius: 1.0em;
}
.restoraunt .btn.disabled,
.restoraunt .btn[disabled],
.restoraunt fieldset[disabled] .btn {
    background-color: #bcbcbc;
    opacity: 1;
}
.restoraunt .prices-level {
    position: absolute;
    left: 0;
    bottom: 0.7em;
    color: #d91e18;
    background-color: rgba(0,0,0,0.6);
    padding: 0.5em 1em;
    min-width: 4.5em;
    font-size: 1.4em;
    line-height: 0;
}
.restoraunt .prices-level > * {
    letter-spacing: 0.2em;
}
.restoraunt .metro-distance {
    position: absolute;
    right: 0;
    top: 0.2em;
    color: #ccc;
    padding: 0.3em 0.5em;
    font-size: 1.0em;
    font-weight: 300;
    letter-spacing: 0.02em;
}
.restoraunt .metro-distance span {
    text-transform: uppercase;
}
.restoraunt .title {
    display: block;
    color: #246683;
    font-size: 1.4em;
    margin-bottom: 0;
}
.restoraunt .station i {
    position: inherit;
    margin-right: 0.3em;
    vertical-align: bottom;
    display: inline-block;
    left: 0;
    bottom: 0;
}
.restoraunt .cuisine + .cuisine:before {
    content: ', ';
}

.restoraunt-section .station {
    white-space: nowrap;
    margin-right: 0.5em;
}
.restoraunt-section .address,
.restoraunt-section .timetable,
.restoraunt-section .cuisines {
    position: relative;
    margin: 0.5em 0;
    margin-left: 1.5em;
}
.restoraunt-section .timetable i,
.restoraunt-section .cuisines i {
    position: absolute;
    top: 0;
    left: -1.5em;
}


.restoraunt .btn-box .inner-align {
    text-align: center;
    margin: 0.5em auto;
    margin-top: 1em;
}
.restoraunt .btn-box,
.restoraunt .btn-box a,
.restoraunt .title {
    color: #676767;
}
.home-section .title {
    text-transform: uppercase;
    font-size: 1.1em;
    text-align: center;
    display: block;
}
.restoraunt .btn-box .title {
    font-size: 1.3em;
}
.restoraunt .btn-box .icon.large {
    font-size: 3.0em;
}
.restoraunt_ .icons {
    display: table;
    table-layout: auto;
    margin: auto;
    width: 100%;
}
.restoraunt_ .icons > .icon {
    display: table-cell;
}


.summary-section {
    background-color: #E9E9E9;
}
.summary-section > div {
    display: table-cell;
}
.summary-section .breadcrumps {
    text-transform: uppercase;
    padding-right: 0.5em;
}
.summary-section a {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 400;
}
.summary-section .icon {
    position: absolute;
    color: #888;
    font-size: 1.5em;
    top: 0.42em;
}
.summary-section .summary {
    padding-left: 1.0em;
    line-height: 1.1em;
}
.summary-section .summary .found {
    text-transform: uppercase;
    font-weight: 500;
}
.summary-section .summary .params {
    font-size: 0.85em;
    padding-top: 0.3em;
}

.summary-section .summary *[class^="so-icon-"] {
    font-size: 2.6em;
    line-height: 0;
    width: 0.6em;
    display: inline-block;
    position: relative;
    color: #666;
}
.summary-section .summary *[class^="so-icon-"]:before {
    position: absolute;
    top: -0.1em;
}


.photos-section {
    background-color: transparent;
    padding: 0;
}
.photos-section .photo {
    min-width: 100%;
    margin-bottom: 0.5em;
}

.order-section {
    background-color: transparent;
}
.order-section select,
.order-section .btn {
    font-size: 1.2em;
    padding: 0.685em;
    border-radius: 1.3em;
}
.order-section .btn.clock {
    margin-bottom: 0.5em;
}
.order-section .btn.active {
    background-color: #d91e18;
    color: #fff;
}
.order-section .btn.clock.more {
    min-width: 3.95em;
}
.order-section .form-group.row {
    margin-right: 0.5em;
}
.order-section .form-control {
    font-size: 1.2em;
    padding: 0.685em 0.5em;
    padding-left: 1.0em;
    height: auto;
    border-radius: 1.3em;
    min-height: 3em;
}
.order-section .btn-block {
    background-color: #2FAE45;
    border-color: #2FAE45;
    border-radius: 0.6em;
}

.oferta-section.scrollable {
    top: 3em;
    padding-bottom: 4.0em;
}
.offerta_warning {
    text-transform: uppercase;
    text-align: center;
    font-size: 0.66em;
    margin-top: 1.0em;
}
.offerta_warning a {
    color: #d91e18;
}

.offerta_agree {
    font-size: 1.0em;
    text-transform: uppercase;
}
.offerta_agree .icon {
    border: 1px solid #ccc;

}


.success-section {
    background-color: transparent;
}
.success-section .summary,
.success-section .summary * {
    height: auto;
    border-radius: 1.3em;
}
.success-section .summary {
    background-color: #fff;
    margin: 1%;
    padding: 0.8em;
    margin-top: 0.5em;
}
.success-section .summary .title {
    background-color: #666;
    color: #fff;
    text-align: center;
    padding: 0.685em 1.0em;
    font-size: 1.2em;
}
.success-section .summary .title span {
    overflow: hidden;
    white-space: nowrap;
}
.success-section .summary .details {
    display: table;
    table-layout: auto;
    width: 100%;
    margin-top: 1.0em;
}
.success-section .summary .details > * {
    display: table-cell;
    width: 33.33%;
    text-align: center;
    line-height: 1;
    color: #777;
    font-size: 2.5em;
    padding: 0.2em;
}
.success-section .summary .details small {
    display: block;
    font-size: 0.4em;
}
.success-section .summary .details .time {
    border-radius: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.success-section .message {
    font-size: 1.7em;
    line-height: 1;
    text-align: center;
    color: #777;
    margin-bottom: 2em;
}
.success-section .message > .icon {
    color: #d91e18;
    font-size: 1.8em;
    margin-bottom: 0.2em;
    display: inline-block;
}




.ui-tabs-scrollable,
.ui-tabs-scrollable .nav-button,
.ui-tabs-scrollable ul.nav-tabs {
    border: none;
    height: 3.0em;
    overflow: hidden;
}
.ui-tabs-scrollable > .spacer .tab-content {
    display: none;
    border: none;
}
.ui-tabs-scrollable .nav-button {
    color: #888;
}
.ui-tabs-scrollable > .spacer:not(.hidden-buttons) {
    margin: 0 0.5em;
}
.ui-tabs-scrollable ul.nav-tabs > li {
    position: relative;
    white-space: normal;
    width: 3.6em;
    margin: 0 0.5em;
    padding: 0  0.3em;
    overflow: hidden;
}
.ui-tabs-scrollable ul.nav-tabs > li > a {
    margin-right: 0;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.2em;
    border: none;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
    color: #888;
    position: relative;
    padding-top: 2.7em;
    display: block;
    text-align: center;
}
.ui-tabs-scrollable ul.nav-tabs > li i {
    display: block;
    position: absolute;
    border-radius: 2.1em;
    left: 50%;
    top: 0.1em;
    width: 2.1em;
    height: 2.1em;
    margin-left: -1.05em;
}
.ui-tabs-scrollable ul.nav-tabs > li .all i {
    background:
            linear-gradient(36deg, #272b66 42.34%, transparent 42.34%) 0 0,
            linear-gradient(72deg, #2d559f 75.48%, transparent 75.48%) 0 0,
            linear-gradient(-36deg, #9ac147 42.34%, transparent 42.34%) 100% 0,
            linear-gradient(-72deg, #639b47 75.48%, transparent 75.48%) 100% 0,
            linear-gradient(36deg, transparent 57.66%, #e1e23b 57.66%) 100% 100%,
            linear-gradient(72deg, transparent 24.52%, #f7941e 24.52%) 100% 100%,
            linear-gradient(-36deg, transparent 57.66%, #662a6c 57.66%) 0 100%,
            linear-gradient(-72deg, transparent 24.52%, #9a1d34 24.52%) 0 100%,
            #43a1cd linear-gradient(#ba3e2e, #ba3e2e) 50% 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
}
.ui-tabs-scrollable .nav-button {
    width: 2.0em;
}
.ui-tabs-scrollable .nav-button.right-nav-button {
    right: 0.5em;
    overflow: visible;
    text-align: right;
    background-color: transparent !important;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1.0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1.0)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%); !important;
}
.ui-tabs-scrollable .nav-button.right-nav-button:before {
    margin-right: -0.5em;
}
.ui-tabs-scrollable .nav-button.left-nav-button {
    left: 0.5em;
    overflow: visible;
    text-align: left;
    background-color: transparent !important;
    background: -moz-linear-gradient(right,  rgba(255,255,255,0) 0%, rgba(255,255,255,1.0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1.0)));
    background: -webkit-linear-gradient(right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%);
    background: -o-linear-gradient(right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%);
    background: -ms-linear-gradient(right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%);
    background: linear-gradient(to left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1.0) 100%); !important;
}
.ui-tabs-scrollable .nav-button.left-nav-button:before {
    margin-left: -0.5em;
}