@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  padding: 0;
  border: 0; }

@font-face {
  font-family: 'Calibri';
  src: url("../fonts/Calibri-Bold.eot");
  src: url("../fonts/Calibri-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Calibri-Bold.woff") format("woff"), url("../fonts/Calibri-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'Calibri';
  src: url("../fonts/Calibri.eot");
  src: url("../fonts/Calibri.eot?#iefix") format("embedded-opentype"), url("../fonts/Calibri.woff") format("woff"), url("../fonts/Calibri.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Calibri';
  src: url("../fonts/Calibri-Light.eot");
  src: url("../fonts/Calibri-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Calibri-Light.woff") format("woff"), url("../fonts/Calibri-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'LifehackSans';
  src: url("../fonts/LifehackSans-Regular.eot");
  src: url("../fonts/LifehackSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LifehackSans-Regular.woff") format("woff"), url("../fonts/LifehackSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'LifehackSans';
  src: url("../fonts/LifehackSans-Bold.eot");
  src: url("../fonts/LifehackSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LifehackSans-Bold.woff") format("woff"), url("../fonts/LifehackSans-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
  font-style: normal; }

body {
  font-family: "Calibri", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: normal;
  background-color: #e7e7e9;
  min-height: 400px;
  min-width: 320px;
  color: #303030; }

body .wrapper {
  -webkit-overflow-scrolling: touch; }

html, body {
  width: 100%;
  height: 100%; }

body.modal-open {
  overflow: hidden; }

input, button, textarea, select {
  font-family: "Calibri", Arial, Helvetica, sans-serif;
  font-size: 14px; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none; }

img {
  vertical-align: middle;
  max-width: 100%; }

div {
  position: relative; }

.pointer {
  cursor: pointer; }

a {
  cursor: pointer;
  color: #121924;
  text-decoration: none; }

.under a, a.under {
  text-decoration: underline; }

.under a:hover, a.under:hover {
  text-decoration: none; }

b, .bold {
  font-weight: bold; }

.light {
  font-weight: 300;
  font-family: 'Open Sans', sans-serif; }

i, .italic {
  font-style: italic; }

.upper {
  text-transform: uppercase; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

h1, .h1 {
  font-size: 5em;
  line-height: 0.9286;
  color: #ffffff; }

h2, .h2 {
  font-size: 1.5em;
  line-height: 1.25; }

h3, .h3 {
  font-size: 1.125em;
  line-height: 1.333; }

h4, .h4 {
  font-size: 1em;
  line-height: 1.5; }

.dotted {
  border-bottom: 1px dotted; }

.dashed {
  border-bottom: 1px dashed; }

.font-title {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif; }

.plus {
  color: #4a6900; }

.blue {
  color: #399bca; }

.icon-question {
  color: #c8ccd0; }
  .icon-question i {
    display: inline-block;
    vertical-align: middle; }

.super {
  vertical-align: super;
  font-size: 11px; }

.caret {
  color: inherit;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  display: block;
  width: 0;
  height: 0; }

.box-inline {
  display: inline-block;
  vertical-align: top; }

.box-inline-middle {
  display: inline-block;
  vertical-align: middle; }

.block-flex {
  display: -webkit-flex;
  display: flex; }

.block-flex-center {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center; }

.block-flex-start {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center; }

.block-flex-end {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: center;
  -webkit-align-items: center; }

.btn {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.btn.btn-middle {
  vertical-align: middle; }

.container {
  max-width: 1200px;
  margin: 0 auto; }

.row-half {
  width: 50%;
  float: left; }

.row-double-three {
  width: 66.666666%;
  float: left; }

.row-three {
  width: 33.333333%;
  float: left; }

.box-right {
  float: right; }

.box-left {
  float: left; }

.box-margin-top {
  margin-top: -5.625em; }

.padding-block {
  padding-left: 0.94em;
  padding-right: 0.94em; }

.border-bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d4d4; }

.padding-none {
  padding: 0 !important; }

.clearfix:after {
  clear: both; }

input::-ms-clear {
  display: none; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.double-block .row-half:first-child {
  padding-right: 10px; }

.double-block .row-half:last-child {
  padding-left: 10px; }

.box-table {
  width: 100%;
  display: table; }

.vertical-middle {
  height: 100%;
  display: table;
  width: 100%; }

.content-vertical,
.item-cell {
  display: table-cell;
  vertical-align: middle;
  float: none; }

.box-tab {
  display: none; }

.box-tab.active {
  display: block; }

.none-margin {
  margin-bottom: 0 !important; }

/*colors*/
.grey {
  color: #686869; }

.black {
  color: #000000; }

.white {
  color: #ffffff; }

.blue {
  color: #399bca; }

.red {
  color: #e93e21; }

.yellow {
  color: #ffa200; }

.green {
  color: #8cc23c; }

.green-dark {
  color: #509600; }

/*CONTENT*/
.wrapper {
  width: 100%; }

.wrapper-block {
  min-height: 100%;
  overflow-x: hidden; }

.main {
  min-height: 47.5em;
  overflow: hidden; }
  .main-padding {
    padding-top: 6em; }

.block-central {
  min-height: 100%; }

.block-central:before {
  position: absolute;
  content: '';
  top: 0;
  right: 100%;
  height: 100%;
  background: #303030;
  width: 21.25em; }

.show-print {
  display: none; }

.btn {
  font-size: 0.875em;
  text-align: center;
  text-transform: uppercase;
  padding: 0.75em 1em;
  line-height: normal;
  border-radius: 4px;
  position: relative; }
  .btn .large {
    font-size: 1.14em;
    line-height: 0.8em; }
  .btn-register {
    padding: 1em !important;
    line-height: 16px;
    text-transform: none;
    height: 59px; }
  .btn-sm {
    padding: 0.375em 2em 0.4115em;
    line-height: normal;
    font-size: 0.875em; }
  .btn-lg {
    font-size: 1em;
    padding: 1.0625em 2em;
    border: 2px solid transparent;
    min-width: 13.75em; }
  .btn-gray {
    color: #949494;
    background-color: #e6e6e6; }
    .btn-gray:hover {
      background: #e4e4e4; }
    .btn-gray.active {
      color: #ffffff;
      background-color: #686e7b; }
  .btn-gray-dark {
    color: #ffffff;
    background-color: #cfd1d8; }
    .btn-gray-dark:hover {
      background: #b2b2b3; }
    .btn-gray-dark.active {
      color: #ffffff;
      background-color: #686e7b; }
  .btn-taupe {
    color: #ffffff;
    background-color: #7f8490; }
    .btn-taupe:hover {
      background: #949494; }
  .btn-green {
    color: #949494;
    background-color: #8cc23c; }
    .btn-green:hover {
      background: #74a123; }
  .btn-white-green {
    color: #ffffff;
    background-color: #8cc23c; }
    .btn-white-green:hover {
      background: #74a123; }
  .btn-white {
    color: #686e7b;
    font-weight: 700;
    background-color: #ffffff;
    border: 2px solid #686e7b; }
    .btn-white:hover {
      background: #e7e7e9; }
  .btn-white-red {
    color: #686e7b;
    font-weight: 700;
    background-color: #ffffff;
    border: 2px solid #e93e21; }
    .btn-white-red:hover {
      color: #ffffff;
      background: #ff7575; }
  .btn-black {
    color: #ffffff;
    font-weight: 700;
    height: 38px;
    line-height: 22px;
    background-color: #121924;
    border: 2px solid #686e7b;
    padding: 0.5em 0.75em; }
    .btn-black:hover {
      background: #aaaaaa; }
    .btn-black.btn-benefits {
      color: #9a6743; }
  .btn-red {
    color: #ffffff;
    background-color: #e93e21; }
    .btn-red:hover {
      background: #ff7575; }
  .btn-dashed {
    color: #aaaaaa;
    border: 2px dashed #d2d2d4; }
    .btn-dashed:hover {
      border-color: transparent;
      background: #ffffff;
      color: #8cc23c;
      -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
    .btn-dashed span {
      font-size: 0.875em; }
  .btn-grey {
    color: #aaaaaa; }
    .btn-grey span {
      font-size: 0.875em; }
  .btn-full {
    width: 100%; }
  .btn .icon-bar {
    background: #ffffff;
    width: 30px;
    height: 3px;
    display: block;
    margin: 6px 0; }
  .btn-menu {
    text-align: right;
    line-height: 2px !important;
    position: relative;
    z-index: 1000; }
  .btn-menu-close {
    font-size: 1em;
    padding: 1.125em;
    height: 3.75em; }
    .btn-menu-close .icon-bar {
      background: #303030; }
      .btn-menu-close .icon-bar:first-child {
        -webkit-transform: translateY(4px) rotate(45deg);
        -moz-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg); }
      .btn-menu-close .icon-bar:last-child {
        -webkit-transform: translateY(-5px) rotate(-45deg);
        -moz-transform: translateY(-5px) rotate(-45deg);
        transform: translateY(-5px) rotate(-45deg); }
  .btn-message .label-count {
    position: absolute;
    left: 55%;
    top: 0; }
  .btn-message.btn-menu .label-count {
    left: 62%; }
  .btn-toggle {
    background: #d7d7d9;
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 26px;
    text-decoration: none;
    transition: all .2s ease;
    height: 26px;
    width: 46px;
    position: relative;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); }
    .btn-toggle .toggle {
      width: 22px;
      height: 22px;
      background: #ffffff;
      border-radius: 50%;
      display: block;
      position: absolute;
      left: 2px;
      top: 2px;
      transition: all .2s ease;
      -webkit-transition: all .2s ease; }
    .btn-toggle.on {
      background: #8cc23c; }
      .btn-toggle.on .toggle {
        right: 2px;
        left: inherit; }
  .btn-toggle-open.open .icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }
  .btn.disabled, .btn:disabled {
    background: #e0e0e5;
    color: #aaaaaa; }
  .btn-add-item-bank {
    width: 14.75em;
    height: 11.25em;
    padding: 3.7em 0;
    font-size: 1em;
    text-align: center;
    text-transform: capitalize; }
    .btn-add-item-bank .box-icon {
      margin-bottom: 1em; }
  .btn-view-all {
    text-align: center;
    font-weight: 700;
    background-color: #ffffff;
    border: 2px solid #ea3e22;
    color: #ea3e22;
    text-transform: uppercase; }
    .btn-view-all:hover {
      background: #e7e7e9; }

.link {
  display: inline-block;
  vertical-align: top; }
  .link-info {
    z-index: 1;
    position: relative;
    color: #509600; }
    .link-info span {
      font-size: 0.875em;
      text-decoration: underline; }
    .link-info:hover span {
      text-decoration: none; }
  .link-register {
    color: #f28b88;
    text-decoration: underline;
    float: right;
    padding: 20px 0;
    margin: 0 20px; }
    .link-register:hover {
      text-decoration: none; }
  .link-grey {
    color: #888888;
    font-size: 0.875em;
    display: inline-block;
    vertical-align: top;
    padding: 0 2em; }
    .link-grey + .link-grey {
      border-left: 1px solid #dededf; }
    .link-grey .name {
      margin-left: 0.75em; }
  .link-back {
    color: #aaaaaa; }
    .link-back .name {
      font-size: 1.125em; }
  .link-dotted span {
    border-bottom: 1px dotted;
    font-size: 0.875em; }
  .link-border {
    line-height: 1.25em; }
    .link-border .icon-left {
      margin-right: 1em; }
    .link-border span {
      text-decoration: underline; }
    .link-border:hover span {
      text-decoration: none; }
  .link-underline a {
    text-decoration: underline; }
    .link-underline a:hover {
      text-decoration: none; }

.click-toggle-collapse .number-closed-card {
  border: 1px solid #d2d2d4;
  border-radius: 0.6em;
  padding: 0 0.55em;
  margin-left: 0.5em; }

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -2px;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  .icon-left {
    margin-right: 0.75em; }
  .icon-right {
    margin-left: 0.75em; }
  .icon-middle {
    vertical-align: middle;
    margin-top: -2px; }
  .icon-bag {
    width: 19px;
    height: 20px;
    background-image: url(../img/icons/bag.png); }
  .icon-profile {
    width: 17px;
    height: 21px;
    background-image: url(../img/icons/profile.png); }
  .icon-arrow {
    width: 7px;
    height: 5px;
    background-image: url(../img/icons/arrow-bottom.png); }
  .icon-arrow.asc {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .icon-arrow-bold {
    width: 10px;
    height: 6px;
    background-image: url(../img/icons/arrow-bold.png); }
  .icon-search {
    width: 17px;
    height: 17px;
    background-image: url(../img/icons/icon-search.png); }
  .icon-prev {
    width: 7px;
    height: 5px;
    background-image: url(../img/icons/arrow-bottom.png); }
  .icon-next {
    width: 7px;
    height: 5px;
    background-image: url(../img/icons/arrow-bottom.png); }
  .icon-address {
    width: 9px;
    height: 12px;
    background-image: url(../img/icons/address.png); }
  .icon-address-white {
    width: 9px;
    height: 14px;
    background-image: url(../img/icons/address-white.png); }
  .icon-like {
    width: 16px;
    height: 14px;
    background-image: url(../img/icons/like.png); }
  .icon-add-to-like {
    width: 16px;
    height: 14px;
    background-image: url(../img/icons/add-to-like.png); }
  .icon-add-to-like-white {
    width: 16px;
    height: 14px;
    background-image: url(../img/icons/add-to-like-white.png); }
  .icon-star {
    width: 13px;
    height: 12px;
    background-image: url(../img/icons/star.png); }
    .icon-star.active {
      background-image: url(../img/icons/star-active.png); }
  .icon-star-white {
    width: 13px;
    height: 12px;
    background-image: url(../img/icons/star-white.png); }
    .icon-star-white.active {
      background-image: url(../img/icons/star-white-active.png); }
  .icon-menu {
    width: 20px;
    height: 15px;
    background-image: url(../img/icons/btn-menu.png); }
  .icon-filter {
    width: 14px;
    height: 14px;
    background-image: url(../img/icons/filter.png); }
  .icon-city {
    width: 11px;
    height: 15px;
    background-image: url(../img/icons/icon-city.png); }
  .icon-search-address {
    width: 37px;
    height: 48px;
    background-image: url(../img/icons/res.svg); }
  .icon-restaurant {
    width: 48px;
    height: 41px;
    background-image: url(../img/icons/rest.svg); }
  .icon-foodies {
    width: 47px;
    height: 37px;
    background-image: url(../img/icons/pay.svg); }
  .icon-takeaway {
    width: 43px;
    height: 31px;
    background-image: url(../img/icons/dos.svg); }
  .icon-circle-plus {
    width: 39px;
    height: 43px;
    background-image: url(../img/icons/plus.png); }
  .icon-card {
    width: 53px !important;
    height: 41px;
    background-image: url(../img/icons/card.png); }
  .icon-account {
    width: 88px !important;
    height: 38px;
    background-image: url(../img/icons/malta_logo_dark.png); }
  .icon-cash {
    width: 61px !important;
    height: 38px;
    background-image: url(../img/icons/cash.png); }
  .icon-correction {
    width: 14px;
    height: 14px;
    background-image: url(../img/icons/correction.png); }
  .icon-close-grey {
    width: 9px;
    height: 9px;
    background-image: url(../img/icons/close-grey.png); }
  .icon-closed {
    width: 40px;
    height: 20px;
    background-image: url(../img/icons/closed-text.png); }
  .icon-pickup {
    width: 17px;
    height: 17px;
    background-image: url(../img/icons/Pickup.svg); }
  .icon-delivery {
    width: 26px;
    height: 17px;
    background-image: url(../img/icons/Delivery.svg); }
  .icon-back {
    width: 6px;
    height: 10px;
    background-image: url(../img/icons/arrow-left-bold.png); }
  .icon-waiting {
    width: 13px;
    height: 18px;
    background-image: url(../img/icons/waiting.png); }
  .icon-confirmed {
    width: 18px;
    height: 13px;
    background-image: url(../img/icons/confirmed.png); }
  .icon-canceled {
    width: 13px;
    height: 13px;
    background-image: url(../img/icons/canceled.png); }
  .icon-user {
    width: 17px;
    height: 21px;
    background-image: url(../img/icons/user.png); }
  .icon-arrow-right {
    width: 4px;
    height: 6px;
    background-image: url(../img/icons/arrow-right-white.png); }
  .icon-warning {
    width: 42px;
    height: 35px;
    background-image: url(../img/icons/warning.png); }
  .icon-shopping {
    width: 24px;
    height: 24px;
    background-image: url(../img/icons/shopping-cart.svg); }
  .icon-cross {
    width: 13px;
    height: 13px;
    background: url(../img/icons/icons-close.svg) no-repeat;
    background-size: 13px 13px; }
  .icon-remove {
    width: 20px;
    height: 20px;
    background: url(../img/icon/cross.svg) no-repeat;
    background-size: 20px; }
  .icon-close-black {
    width: 12px;
    height: 12px;
    background-image: url(../img/icons/close-black.png); }
  .icon-info-delivery {
    width: 15px;
    height: 25px;
    background-position: center;
    background-image: url(../img/icons/v.svg); }
    .icon-info-delivery.passive {
      background-position: center;
      background-image: url(../img/icons/x.svg); }
  .icon-info-takeaway {
    width: 15px;
    height: 30px;
    background-position: center;
    background-image: url(../img/icons/v.svg); }
    .icon-info-takeaway.passive {
      background-image: url(../img/icons/x.svg);
      background-position: center; }
  .icon-info-eat-in {
    width: 15px;
    height: 30px;
    background-position: center;
    background-image: url(../img/icons/v.svg); }
    .icon-info-eat-in.passive {
      background-image: url(../img/icons/x.svg);
      background-position: center; }
  .icon-time-soon {
    width: 25px !important;
    height: 30px;
    background-position: center;
    background-image: url(../img/icons/time-clock.png); }
    .icon-time-soon.active {
      background-image: url(../img/icons/time-clock-active.png);
      background-position: center; }
  .icon-time-plan {
    width: 25px !important;
    height: 30px;
    background-position: center;
    background-image: url(../img/icons/time-clock-2.png); }
  .icon-genesis {
    width: 50px !important;
    height: 56px;
    background-position: center;
    background-image: url(../img/icons/logo-genesis.png); }
  .icon-english-first {
    width: 43px !important;
    height: 50px;
    background-position: center;
    background-image: url(../img/icons/ef.png); }
  .icon-eat-in {
    width: 28px;
    height: 28px;
    background-image: url(../img/icons/restaurant-table.png); }
  .icon-schedule {
    width: 20px;
    height: 20px;
    background-image: url(../img/icons/schedule_1.svg); }

.white .icon.icon-schedule {
  background-image: url(../img/icons/schedule_white.svg); }

.white-search {
  width: 19px;
  height: 18px;
  background-image: url(../img/icons/search.png); }

.white-pdf {
  width: 18px;
  height: 22px;
  background-image: url(../img/icons/pdf.png); }

.white-csv {
  width: 18px;
  height: 22px;
  background: url(../img/icons/icon-csv.svg) no-repeat; }

.white-cancel {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/spr_cancel.png); }

.white-sliding {
  width: 18px;
  height: 18px;
  background-image: url(../img/icons/sliding.png); }

a:hover .icon-cancel {
  background-position: 0 -16px; }

.close .icon-menu {
  width: 15px;
  height: 15px;
  background-image: url(../img/icons/close.png); }

header {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0.92em 0;
  width: 100%;
  z-index: 3;
  line-height: 3.5em;
  transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out; }
  header .box-header .navbar-header {
    width: 10.15em;
    height: 4.37em; }
    header .box-header .navbar-header img {
      display: block;
      width: 10.15em;
      height: 4.37em; }
  header .box-header .navbar-collapse {
    z-index: 10;
    width: 100%; }
    header .box-header .navbar-collapse .navbar-navigate {
      flex-direction: row;
      -webkit-flex-direction: row;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: center;
      -webkit-align-items: center; }
      header .box-header .navbar-collapse .navbar-navigate .nav {
        font-size: 0.92em;
        line-height: 1.25em;
        text-transform: uppercase; }
        header .box-header .navbar-collapse .navbar-navigate .nav li {
          display: inline-block;
          vertical-align: middle;
          font-weight: bold;
          margin-left: 1em;
          -webkit-transition: all 0.15s ease-in-out;
          -moz-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out; }
          header .box-header .navbar-collapse .navbar-navigate .nav li:hover {
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out; }
            header .box-header .navbar-collapse .navbar-navigate .nav li:hover a {
              color: #e93e21; }
          header .box-header .navbar-collapse .navbar-navigate .nav li a {
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
            color: #ffffff;
            font-size: 15px;
            font-weight: normal; }
          header .box-header .navbar-collapse .navbar-navigate .nav li:first-child {
            margin-left: 3.5em; }
          header .box-header .navbar-collapse .navbar-navigate .nav li.card {
            cursor: pointer; }
            header .box-header .navbar-collapse .navbar-navigate .nav li.card .box-img {
              display: inline-block;
              margin-left: 5px;
              margin-right: 6px; }
              header .box-header .navbar-collapse .navbar-navigate .nav li.card .box-img img {
                height: 28px;
                border-radius: 5px; }
      header .box-header .navbar-collapse .navbar-navigate .box-user-info {
        display: flex;
        margin-top: 15px;
        margin-bottom: 20px; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .item-cell.padded-left {
          padding-left: 0.5em; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-basket {
          display: inline-block;
          vertical-align: middle;
          height: 2.65em;
          width: 5.4em;
          line-height: 13px;
          border-radius: 3px;
          padding: 0.5em;
          background-color: #bac64a;
          color: #ffffff; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-basket .box-name {
            font-size: 0.625em; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-basket .box-current {
            font-size: 0.875em; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions {
          height: 42.5px;
          display: inline-block;
          vertical-align: middle;
          min-width: 3.12em;
          white-space: nowrap; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions .box-icon {
            display: inline-block; }
            header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions .box-icon .icon-profile {
              vertical-align: initial; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions .dropdown-menu {
            position: absolute;
            line-height: 13px;
            top: 100%;
            right: 0;
            z-index: 6;
            display: none;
            min-width: 14.5em;
            margin: 1em 0 0;
            font-size: 14px;
            text-align: center;
            list-style: none;
            background-color: #fff;
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
            header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions .dropdown-menu:after {
              position: absolute;
              top: -6px;
              left: 95%;
              display: inline-block;
              border-right: 6px solid transparent;
              border-bottom: 6px solid #ffffff;
              border-left: 6px solid transparent;
              content: '';
              margin-left: -6px; }
            header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions .dropdown-menu li a {
              padding: 0.875em 0;
              display: block;
              font-size: 1em;
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
              header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions .dropdown-menu li a:hover {
                background-color: #F5F6FB; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-topup {
          background-color: #7bb92e;
          color: white;
          display: inline-block;
          height: 42.5px;
          padding: 0.5em;
          line-height: 29px;
          border-radius: 0 3px 3px 0;
          font-size: 13px;
          white-space: nowrap;
          cursor: pointer; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .balance-block {
          display: flex; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-balance {
          display: inline-block;
          vertical-align: middle;
          min-width: 3.12em;
          height: 42.5px;
          padding: 0.5em;
          line-height: 13px;
          background-color: #273144;
          color: #b1b1b1;
          border-radius: 3px 0 0 3px; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-balance .icon-drop {
            position: absolute;
            top: 34%;
            right: 10px; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-balance .box-name {
            font-size: 0.625em; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-balance .box-current {
            font-size: 0.875em;
            margin-right: 15px;
            white-space: nowrap; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .dropdown {
          display: inline-block;
          vertical-align: middle;
          min-width: 3.12em;
          height: 42.5px;
          padding: 0.5em;
          line-height: 13px;
          background-color: #273144;
          color: #b1b1b1;
          border-radius: 3px 0 0 3px; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .dropdown .icon-drop {
            position: absolute;
            top: 34%;
            right: 10px; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .dropdown .box-name {
            font-size: 0.625em; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .dropdown .box-current {
            font-size: 0.875em;
            margin-right: 15px;
            white-space: nowrap; }
        header .box-header .navbar-collapse .navbar-navigate .box-user-info .button-refresh {
          margin-left: 10px; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .button-refresh a {
            display: inline-flex;
            opacity: 0.6;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            header .box-header .navbar-collapse .navbar-navigate .box-user-info .button-refresh a:hover {
              opacity: 1;
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .button-refresh.loading img {
            -webkit-animation-name: spin;
            -webkit-animation-duration: 4000ms;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: spin;
            -moz-animation-duration: 4000ms;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            -ms-animation-name: spin;
            -ms-animation-duration: 4000ms;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;
            animation-name: spin;
            animation-duration: 4000ms;
            animation-iteration-count: infinite;
            animation-timing-function: linear; }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
          header .box-header .navbar-collapse .navbar-navigate .box-user-info .button-refresh img {
            height: 20px;
            width: 20px;
            max-width: none; }
      header .box-header .navbar-collapse .navbar-navigate .box-header-mobile {
        background-color: #060e1b;
        width: 100%;
        color: #ffffff;
        line-height: normal;
        padding: 1.25em 1em 1.25em 1.875em; }
        header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .box-foto-user {
          width: 3.75em; }
        header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .box-info-user {
          font-size: 1.56em;
          line-height: 1.22em;
          padding-left: 0.4em; }
        header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .box-dropdown-menu-double {
          font-size: 1em;
          padding-top: 0.7em; }
          header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .box-dropdown-menu-double a {
            color: #ffffff;
            display: block;
            padding: 0.7em 0; }
        header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .button-refresh {
          margin-left: 20px;
          display: inline-block; }
          header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .button-refresh.loading img {
            -webkit-animation-name: spin;
            -webkit-animation-duration: 4000ms;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: spin;
            -moz-animation-duration: 4000ms;
            -moz-animation-iteration-count: infinite;
            -moz-animation-timing-function: linear;
            -ms-animation-name: spin;
            -ms-animation-duration: 4000ms;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;
            animation-name: spin;
            animation-duration: 4000ms;
            animation-iteration-count: infinite;
            animation-timing-function: linear; }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
          header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .button-refresh img {
            height: 20px;
            margin-bottom: 5px; }
        header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .benefits.genesis {
          margin-left: 25px; }
        header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .balance-block > div {
          display: inline-flex; }
        header .box-header .navbar-collapse .navbar-navigate .box-header-mobile .box-account-info .balance-block {
          display: inline-flex; }
      header .box-header .navbar-collapse .navbar-navigate .box-dropdown-double {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 1.25em 1em 1.25em 1.875em; }
        header .box-header .navbar-collapse .navbar-navigate .box-dropdown-double a {
          color: #ffffff; }
  header.headerblack {
    background-color: #121924; }
  header .box-log-in {
    color: #ffffff;
    padding: 0 1em;
    line-height: 2.5em;
    height: 2.5em;
    background-color: #060e1b;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    header .box-log-in span {
      padding: 0 0.35em;
      text-transform: uppercase; }
    header .box-log-in:hover {
      background-color: #525252; }
  header.scroll {
    background-color: #121924;
    padding: 0.5em 0; }
    header.scroll .box-header .navbar-header {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      width: 7.15em;
      height: 3em; }
      header.scroll .box-header .navbar-header img {
        width: 7.15em;
        height: 3em; }
  header .box-link-login {
    display: flex; }
    header .box-link-login a {
      background: #ffffff;
      text-transform: uppercase;
      height: 42.5px;
      padding: 12px 15px;
      border-radius: 4px;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      display: inline-block;
      vertical-align: top;
      line-height: normal; }
      header .box-link-login a:hover {
        color: #e93e21; }
    header .box-link-login .text-link {
      margin: auto;
      margin-right: 10px; }
  header .text-link {
    margin-right: 10px;
    height: 42.5px;
    padding: 12px 10px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer; }
    header .text-link .icon {
      vertical-align: top; }
    header .text-link.benefits {
      color: white;
      font-size: 13px;
      white-space: normal;
      padding: 0; }
      header .text-link.benefits.english-first a {
        background-color: #004b70;
        height: 42px;
        padding-left: 42px;
        padding-right: 0;
        padding-top: 10px;
        line-height: 14px;
        width: 120px; }
      header .text-link.benefits.english-first .icon {
        margin-top: -4px;
        position: absolute;
        left: 10px;
        top: 0; }
      header .text-link.benefits.genesis .icon {
        margin-top: -13px;
        position: absolute;
        left: -22px;
        top: 0; }
      header .text-link.benefits.genesis a {
        height: 42px;
        padding-left: 25px;
        padding-top: 4px;
        width: 100px;
        line-height: 17px; }
      header .text-link.benefits .icon {
        margin-top: -5px;
        position: absolute;
        left: -20px;
        top: 0; }
      header .text-link.benefits a {
        color: white;
        font-size: 12px;
        display: inline-block;
        padding-left: 25px;
        padding-right: 5px;
        height: 30px;
        text-align: center;
        line-height: 14px;
        background-color: #bc006f;
        border-radius: 4px;
        width: 100px; }

.box-header-logo {
  transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out; }
  .box-header-logo.scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #121924;
    padding: 0.5em 0;
    z-index: 10; }
    .box-header-logo.scroll .img-logo-reg {
      width: 7.15em !important;
      height: 3em;
      padding: 0 !important; }

.school-header-block .balance-block {
  margin-right: 20px; }

footer {
  background-color: #121924;
  color: #ffffff;
  padding: 1.87em 0; }
  footer .padding-block {
    padding-bottom: 5px; }
  footer .bottom-text {
    font-size: 0.8em;
    margin-top: 20px; }
  footer .box-footer {
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center; }
    footer .box-footer .box-social ul li {
      display: inline-block;
      vertical-align: middle; }
      footer .box-footer .box-social ul li a {
        font-family: "FontAwesome", Arial, Helvetica, sans-serif;
        color: #898c92;
        font-size: 25px;
        padding: 0.65em; }
        footer .box-footer .box-social ul li a :hover {
          color: #ffffff; }
        footer .box-footer .box-social ul li a i {
          font-family: "FontAwesome", Arial, Helvetica, sans-serif; }
    footer .box-footer .navbar-header > div {
      margin-left: 1em; }
    footer .box-footer .navbar-header > a {
      display: inline-block;
      vertical-align: middle;
      width: 8.15em;
      height: 3.5em; }
      footer .box-footer .navbar-header > a img {
        display: block;
        width: 8.15em;
        height: 3.5em; }
    footer .box-footer .navbar-header .box-as .box-btn:not(:first-child) {
      margin-left: 1.5em; }
    footer .box-footer .box-footer-info .box-link-footer {
      max-width: 23.6em;
      margin: auto; }
      footer .box-footer .box-footer-info .box-link-footer a {
        color: #aaaaaa;
        text-transform: uppercase;
        font-size: 14px; }
        footer .box-footer .box-footer-info .box-link-footer a:hover {
          color: #ffffff; }
        footer .box-footer .box-footer-info .box-link-footer a:not(:last-child) {
          margin-right: 16px; }
  footer .box-link-footer a {
    color: #aaaaaa;
    text-transform: uppercase;
    font-size: 14px; }
    footer .box-link-footer a:hover {
      color: #ffffff; }
    footer .box-link-footer a:not(:last-child) {
      margin-right: 16px; }
  footer .box-link-footer.social {
    text-align: center;
    margin-top: 5px; }
    footer .box-link-footer.social a {
      font-size: 20px; }
      footer .box-link-footer.social a:not(:last-child) {
        margin-right: 10px; }
  footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; }

@media (max-width: 768px) {
  footer .box-footer .navbar-header > a {
    width: 100%; } }

@media (max-width: 1070px) {
  footer .box-footer .navbar-header .box-as {
    display: block; }
    footer .box-footer .navbar-header .box-as .box-btn {
      width: 165px;
      margin: 0.2em !important; }
      footer .box-footer .navbar-header .box-as .box-btn .btn {
        width: 100%; } }

.block-map {
  height: 100vh; }
  .block-map .main {
    height: 100%;
    min-height: inherit !important; }
    .block-map .main .box-map-left {
      width: 370px;
      height: 100%;
      background-color: #fff;
      padding-top: 72px;
      padding-bottom: 171px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 1; }
      .block-map .main .box-map-left .box-left-name {
        height: 100%;
        padding-top: 120px; }
      .block-map .main .box-map-left .box-search {
        padding: 14px;
        position: absolute;
        border-bottom: 1px solid #e4e4e4;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background: #fff; }
        .block-map .main .box-map-left .box-search .icon-control-cancel {
          display: none; }
      .block-map .main .box-map-left .block-item-restaurant {
        height: 100%;
        overflow: auto; }
        .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant {
          border-bottom: 1px solid #e4e4e4; }
          .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .item-cell-logo {
            width: 5.8em; }
            .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .item-cell-logo .box-img {
              width: 5.8em;
              height: 5.8em;
              overflow: hidden;
              border-top-right-radius: 20px 50%;
              border-bottom-right-radius: 20px 50%; }
              .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .item-cell-logo .box-img img {
                height: 100%;
                max-width: inherit; }
          .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .item-cell-about {
            padding: 0.4em 0.8em; }
            .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .item-cell-about .box-about .name {
              max-width: 100%;
              font-size: 1.76em;
              line-height: 30px;
              width: 100%;
              display: block; }
            .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .item-cell-about .box-about .box-rest-info {
              display: block;
              font-size: 14px;
              margin-top: 2px; }
          .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant.active {
            background: #f6f6f8; }
            .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant.active .box-open-info {
              display: block; }
          .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info {
            display: none;
            width: 360px;
            position: fixed;
            left: 390px;
            background: #fff;
            top: 180px;
            z-index: 6;
            max-width: 40%; }
            .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .close {
              position: absolute;
              right: 0;
              top: 0;
              z-index: 5;
              padding: 10px; }
            .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-header {
              height: 160px;
              background-image: url(../img/fon-menu.jpg);
              background-size: cover;
              background-position: center;
              position: relative;
              padding: 50px 25px 15px 25px; }
              .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-header .item-cell-logo {
                width: 4.5em; }
                .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-header .item-cell-logo .box-logo-restaurants {
                  width: 4.5em;
                  height: 4.5em;
                  background-color: #ffffff;
                  padding: 3px;
                  border-radius: 3px; }
                  .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-header .item-cell-logo .box-logo-restaurants .box-img {
                    width: 100% !important;
                    height: 100% !important;
                    overflow: hidden !important;
                    border-top-right-radius: inherit !important;
                    border-bottom-right-radius: inherit !important; }
            .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-body {
              padding: 25px; }
              .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-body .box-info-text {
                color: #686e7b; }
                .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-body .box-info-text .name-text {
                  font-size: 12px;
                  padding-bottom: 6px; }
              .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info .box-open-info-body .box-like-btn {
                padding-top: 20px;
                position: relative;
                top: inherit;
                right: inherit;
                width: 100%;
                -webkit-flex-direction: row;
                flex-direction: row;
                -webkit-justify-content: space-between;
                justify-content: space-between; }
    .block-map .main .box-map {
      padding-left: 370px;
      min-height: 100%;
      padding-top: 64px;
      display: block;
      width: 100%;
      height: 100%;
      padding-bottom: 170px; }
      .block-map .main .box-map .box-card-1 {
        height: 100%; }
    .block-map .main .btn-set-location {
      color: #ea3e22;
      text-decoration: underline;
      margin-top: 7px;
      margin-bottom: -5px;
      outline: none; }
      .block-map .main .btn-set-location:hover {
        text-decoration: none; }
  .block-map .box-open-info {
    display: none;
    width: 360px;
    position: fixed;
    left: 390px;
    background: #fff;
    top: 180px;
    z-index: 6; }
    .block-map .box-open-info .close {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 5;
      padding: 10px; }
    .block-map .box-open-info .box-open-info-header {
      height: 160px;
      background-image: url(../img/fon-menu.jpg);
      background-size: cover;
      background-position: center;
      position: relative;
      padding: 50px 25px 15px 25px; }
      .block-map .box-open-info .box-open-info-header .box-about {
        padding-left: 15px;
        font-size: 1.875em; }
      .block-map .box-open-info .box-open-info-header .item-cell-logo {
        width: 4.5em; }
        .block-map .box-open-info .box-open-info-header .item-cell-logo .box-logo-restaurants {
          width: 4.5em;
          height: 4.5em;
          background-color: #ffffff;
          padding: 3px;
          border-radius: 3px; }
          .block-map .box-open-info .box-open-info-header .item-cell-logo .box-logo-restaurants .box-img {
            width: 100% !important;
            height: 100% !important;
            overflow: hidden !important;
            border-top-right-radius: inherit !important;
            border-bottom-right-radius: inherit !important; }
    .block-map .box-open-info .box-open-info-body {
      padding: 25px; }
      .block-map .box-open-info .box-open-info-body .box-info-text {
        color: #686e7b; }
        .block-map .box-open-info .box-open-info-body .box-info-text .name-text {
          font-size: 12px;
          padding-bottom: 6px; }
      .block-map .box-open-info .box-open-info-body .box-like-btn {
        padding-top: 20px;
        position: relative;
        top: inherit;
        right: inherit;
        width: 100%;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
  .block-map footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5; }

@media (max-width: 1450px) {
  .block-map footer {
    display: none; }
  .block-map .main .box-map-left {
    width: 350px;
    padding-bottom: 0; }
    .block-map .main .box-map-left .block-item-restaurant .box-item-restaurant .box-open-info {
      left: 361px; }
  .block-map .main .box-map {
    padding-bottom: 0;
    padding-left: 350px; } }

.cursor {
  cursor: pointer; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f; }
  .alert.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d; }

table {
  width: 100%;
  font-size: 0.875em; }
  table th {
    color: #888888;
    text-align: left; }
  table td {
    vertical-align: middle; }
  table .table-last td {
    padding-bottom: 1.5em !important; }

.check-info-table {
  margin: 0.3em 0; }
  .check-info-table .value {
    color: #303030;
    font-size: 1.285em;
    margin-right: 0.5em; }
    .check-info-table .value.not-active {
      color: #9a9a9a; }
  .check-info-table .cell-count {
    text-align: right;
    color: #9a9a9a; }
  .check-info-table td {
    padding: 2em 0;
    color: #888888; }
  .check-info-table tr + tr {
    border-top: 1px solid #303030; }

.box-bank-table {
  display: table; }
  .box-bank-table .box-icon,
  .box-bank-table .box-bank {
    display: table-cell;
    vertical-align: middle; }
  .box-bank-table .box-bank {
    width: 100%; }

.menu-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background: #ffffff;
  width: 100%;
  min-width: 60px;
  color: #303030;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  line-height: normal; }
  .menu-dropdown a {
    display: block; }

.box-item-restaurants .item-restaurants {
  background-color: #ffffff;
  margin: 0 0 0.5em; }
  .box-item-restaurants .item-restaurants .item-cell-logo {
    width: 10em; }
    .box-item-restaurants .item-restaurants .item-cell-logo .box-img {
      width: 10em;
      height: 10em;
      overflow: hidden;
      border-top-right-radius: 35px 50%;
      border-bottom-right-radius: 35px 50%; }
      .box-item-restaurants .item-restaurants .item-cell-logo .box-img img {
        height: 100%;
        max-width: inherit; }
  .box-item-restaurants .item-restaurants .item-cell-about {
    padding: 0.65em 1.35em; }
    .box-item-restaurants .item-restaurants .item-cell-about .box-about .name {
      font-size: 2.2em;
      line-height: 30px;
      max-width: 70%;
      width: 100%;
      display: block; }
    .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-address {
      max-width: 70%;
      width: 100%; }
    .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-rest-info {
      display: block; }
  .box-item-restaurants .item-restaurants .closed {
    text-transform: uppercase;
    color: #ea3e22;
    border: 1px solid #ea3e22;
    font-size: 0.75em;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-weight: bold;
    padding: 0.2em 0.25em 0; }
    .box-item-restaurants .item-restaurants .closed strong {
      font-weight: bold;
      font-size: 14px; }

.box-save {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.7em;
  height: 2.7em;
  background-image: url(../img/icons/radius.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 10px; }
  .box-save .save {
    text-align: center;
    width: 70%;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.81em;
    -moz-transform: rotate(-45deg);
    /* Firefox */
    -o-transform: rotate(-45deg);
    /* Opera */
    -webkit-transform: rotate(-45deg);
    /* Safari y Chrome */ }

.box-save.eat-in {
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.7em;
  height: 2.7em;
  background-image: url(../img/icons/radius-red.png);
  background-size: contain;
  background-repeat: no-repeat; }
  .box-save.eat-in .save {
    font-size: 0.7em;
    text-align: initial; }

.box-rest-info {
  margin-top: 1em;
  display: table-cell; }
  .box-rest-info .box-info {
    display: table-cell;
    vertical-align: top; }
    .box-rest-info .box-info:not(:last-child) {
      padding-right: 1.85em;
      width: 6.75em;
      white-space: nowrap; }
    .box-rest-info .box-info .name-info {
      font-size: 0.625em;
      color: #303030;
      opacity: 0.75;
      line-height: 0.625em;
      padding-bottom: 0.5em;
      text-transform: uppercase; }
      .box-rest-info .box-info .name-info.white {
        color: #ffffff; }
    .box-rest-info .box-info .title-info span {
      font-weight: 700; }
      .box-rest-info .box-info .title-info span.offline {
        padding-left: 0.5em;
        color: #e02c39; }
        .box-rest-info .box-info .title-info span.offline:after {
          content: '';
          position: absolute;
          top: 50%;
          margin-top: -1px;
          border-radius: 50%;
          left: 0;
          width: 5px;
          height: 5px;
          background-color: #e02c39; }
    .box-rest-info .box-info .title-info .hidden {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 240px; }
    .box-rest-info .box-info.box-rating {
      position: absolute;
      top: 0;
      right: 0; }

.box-rating-star .box-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 0 3px; }

.box-like-btn {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  align-items: stretch;
  -webkit-align-items: stretch;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  display: -webkit-flex;
  display: flex; }
  .box-like-btn .block-view-menu {
    text-align: right; }
  .box-like-btn .box-like {
    padding-top: 5px;
    text-align: left !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.95em;
    text-transform: uppercase;
    font-weight: 700; }
    .box-like-btn .box-like .box-active-like {
      display: none; }
    .box-like-btn .box-like .box-add-to-like {
      display: block;
      text-align: left; }
    .box-like-btn .box-like.active .box-active-like {
      display: block; }
      .box-like-btn .box-like.active .box-active-like span {
        color: #bac64a; }
    .box-like-btn .box-like.active .box-add-to-like {
      display: none; }
  .box-like-btn .box-rest-btn {
    display: inline-block;
    vertical-align: middle;
    text-align: right; }
    .box-like-btn .box-rest-btn .btn {
      padding: 5px 10px; }
  .box-like-btn .restaurant-types {
    margin-top: 2px; }
    .box-like-btn .restaurant-types .restaurant-type {
      font-family: "LifehackSans", Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
      font-size: 19px;
      text-align: right; }
      .box-like-btn .restaurant-types .restaurant-type.passive .icon-info-delivery {
        background-position: center;
        background-image: url(../img/icons/x.svg); }
      .box-like-btn .restaurant-types .restaurant-type.passive .icon-info-takeaway {
        background-image: url(../img/icons/x.svg);
        background-position: center; }
      .box-like-btn .restaurant-types .restaurant-type.passive .icon-info-eat-in {
        background-image: url(../img/icons/x.svg);
        background-position: center; }
      .box-like-btn .restaurant-types .restaurant-type.passive .text {
        color: #f2593c; }
      .box-like-btn .restaurant-types .restaurant-type .text {
        color: #9ac95e;
        display: inline-block; }

.item-social {
  background-color: #ffffff;
  width: 16.87em;
  left: -1px; }
  .item-social > .box-img {
    height: 10.5em;
    overflow: hidden;
    border-bottom-right-radius: 50% 45px;
    border-bottom-left-radius: 50% 45px; }
  .item-social .box-social-info {
    padding: 1em 1.5em;
    text-align: center; }
    .item-social .box-social-info .title {
      font-size: 1.875em;
      padding: 0.2em 0; }
    .item-social .box-social-info .box-info {
      font-size: 0.8125em;
      flex-direction: row;
      -webkit-flex-direction: row;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: center;
      -webkit-align-items: center;
      padding: 0.3em 0; }
      .item-social .box-social-info .box-info .box-house {
        font-weight: 700; }

.box-address {
  text-align: left;
  font-size: 1.125em;
  padding-left: 1em; }
  .box-address i {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 0.875em; }

.box-working-hours {
  text-align: left;
  font-size: 1em;
  color: #ffffff;
  margin-bottom: -20px;
  margin-top: 10px; }
  .box-working-hours .name-info {
    font-size: 0.625em;
    opacity: 0.75;
    line-height: 0.625em;
    padding-bottom: 0.5em; }

.box-collapse .box-accordion {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center; }
  .box-collapse .box-accordion .filter-hide {
    display: none; }
  .box-collapse .box-accordion .filter-show {
    display: inline-block; }
  .box-collapse .box-accordion.open .filter-hide {
    display: inline-block; }
  .box-collapse .box-accordion.open .filter-show {
    display: none; }
  .box-collapse .box-accordion.open .icon-arrow-bold {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform: rotate(-180deg);
    /* Firefox */
    -o-transform: rotate(-180deg);
    /* Opera */
    -webkit-transform: rotate(-180deg);
    /* Safari y Chrome */ }

.box-collapse.active .box-select {
  display: block; }

.box-logo-restaurants {
  width: 11.5em;
  height: 11.5em;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 3px; }
  .box-logo-restaurants .box-img {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .box-logo-restaurants .box-img img {
      width: 100%;
      height: 100%; }

.box-about-restaurants .box-status-like > div {
  position: relative;
  top: inherit;
  right: inherit;
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  padding-bottom: 0.875em; }

.box-about-restaurants .box-status-like .box-like-btn {
  padding-left: 1em; }

.box-about-restaurants .box-address {
  color: #ffffff;
  padding-bottom: 1.25em; }

.box-about-restaurants .box-rest-info {
  color: #ffffff; }
  .box-about-restaurants .box-rest-info a {
    color: #ffffff; }

.box-item-menu .item-cell {
  vertical-align: top; }

.box-item-menu .box-tab-menu {
  width: 14.5em;
  background-color: #fafafa;
  padding: 1.875em; }
  .box-item-menu .box-tab-menu ul li {
    position: relative;
    line-height: 38px;
    margin-bottom: 1em; }
    .box-item-menu .box-tab-menu ul li.active:after {
      content: '';
      width: 5px;
      height: 100%;
      position: absolute;
      top: 0;
      left: -30px;
      background-color: #262c36; }
    .box-item-menu .box-tab-menu ul li a {
      color: #ea3e22; }

.box-item-menu .box-tab-content {
  background-color: #ffffff;
  padding: 1.875em 0.92em; }
  .box-item-menu .box-tab-content .box-name-tab {
    padding-top: 10px;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    color: #ea3e22; }
  .box-item-menu .box-tab-content .box-item-accordion > div:first-child {
    padding-top: 10px;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: "LifehackSans", Arial, Helvetica, sans-serif; }
  .box-item-menu .box-tab-content .box-item-accordion div:not([class]) {
    padding-top: 10px;
    font-size: 25px;
    font-weight: bold;
    font-family: "LifehackSans", Arial, Helvetica, sans-serif; }
  .box-item-menu .box-tab-content .box-item-accordion .box-name-cat {
    padding-top: 10px;
    font-size: 25px;
    font-weight: bold;
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    color: #ea3e22; }

.box-item-accordion .item-accordion {
  margin: 5px 0; }
  .box-item-accordion .item-accordion.open-accordion .item-accordion-body {
    display: block; }
  .box-item-accordion .item-accordion .item-accordion-header {
    height: 100%;
    min-height: 8.125em;
    background-color: #fcfcfc; }
    .box-item-accordion .item-accordion .item-accordion-header .box-logo {
      width: 8.125em;
      vertical-align: top !important; }
      .box-item-accordion .item-accordion .item-accordion-header .box-logo .box-img {
        width: 8.125em;
        height: 8.125em;
        overflow: hidden;
        border-top-right-radius: 35px 50%;
        border-bottom-right-radius: 35px 50%; }
        .box-item-accordion .item-accordion .item-accordion-header .box-logo .box-img img {
          max-width: inherit;
          max-height: 100%;
          height: 100%; }
        .box-item-accordion .item-accordion .item-accordion-header .box-logo .box-img .colorbox-img {
          height: 100%; }
          .box-item-accordion .item-accordion .item-accordion-header .box-logo .box-img .colorbox-img .cboxElement {
            display: block;
            height: 100%; }
    .box-item-accordion .item-accordion .item-accordion-header .box-table {
      height: 100%; }
      .box-item-accordion .item-accordion .item-accordion-header .box-table .item-cell {
        vertical-align: middle; }
    .box-item-accordion .item-accordion .item-accordion-header .box-content {
      padding: 1.35em 1em;
      vertical-align: top !important; }
      .box-item-accordion .item-accordion .item-accordion-header .box-content .text-information {
        color: #444444;
        line-height: 1.25em; }
        .box-item-accordion .item-accordion .item-accordion-header .box-content .text-information .link-more a {
          color: #e93e21;
          text-decoration: underline;
          margin-left: 0.3em; }
          .box-item-accordion .item-accordion .item-accordion-header .box-content .text-information .link-more a:hover {
            text-decoration: none; }
    .box-item-accordion .item-accordion .item-accordion-header .box-name {
      flex-direction: row;
      -webkit-flex-direction: row;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: center;
      -webkit-align-items: center; }
      .box-item-accordion .item-accordion .item-accordion-header .box-name .title {
        font-size: 2.4em; }
      .box-item-accordion .item-accordion .item-accordion-header .box-name .box-add > div {
        display: inline-block;
        vertical-align: middle; }
      .box-item-accordion .item-accordion .item-accordion-header .box-name .box-add .current {
        font-weight: 700;
        padding-right: 0.75em; }
      .box-item-accordion .item-accordion .item-accordion-header .box-name .box-add .open-btn {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 1.1em; }
        .box-item-accordion .item-accordion .item-accordion-header .box-name .box-add .open-btn:after {
          content: '';
          position: absolute;
          top: 50%;
          margin-top: -2px;
          left: 50%;
          margin-left: -6px;
          width: 12px;
          height: 4px;
          background-color: #ffffff;
          border-right: 1px; }
        .box-item-accordion .item-accordion .item-accordion-header .box-name .box-add .open-btn:before {
          content: '';
          position: absolute;
          top: 50%;
          margin-top: -6px;
          left: 50%;
          margin-left: -2px;
          width: 4px;
          height: 12px;
          background-color: #ffffff;
          border-right: 1px; }
        .box-item-accordion .item-accordion .item-accordion-header .box-name .box-add .open-btn.open {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .box-item-accordion .item-accordion .item-accordion-header .box-name .box-add .open-btn.open:before {
            display: none; }
    .box-item-accordion .item-accordion .item-accordion-header.open {
      background-color: #f1f2f7; }
  .box-item-accordion .item-accordion .item-accordion-body {
    display: none;
    background-color: #f1f2f7;
    padding: 0.3em 0.8125em;
    margin-top: 8px; }
    .box-item-accordion .item-accordion .item-accordion-body .box-control {
      flex-direction: row;
      -webkit-flex-direction: row;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: center;
      -webkit-align-items: center;
      margin-bottom: 0;
      line-height: 4em; }
      .box-item-accordion .item-accordion .item-accordion-body .box-control:not(:last-child) {
        border-bottom: 2px dashed #9a9a9a; }
      .box-item-accordion .item-accordion .item-accordion-body .box-control .box-price {
        font-weight: 700; }
    .box-item-accordion .item-accordion .item-accordion-body .box-card {
      flex-direction: row;
      -webkit-flex-direction: row;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      align-items: center;
      -webkit-align-items: center;
      padding: 1em 0; }
      .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity {
        width: 19.5em; }
        .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .btn-count {
          width: 60px;
          font-size: 25px;
          padding: 0.5em; }
        .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count {
          background-color: #ffffff;
          margin-right: 1em;
          text-align: center;
          height: 3.875em;
          border: 2px solid #dee0e2; }
          .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count {
            height: 100%;
            border-radius: 0;
            background-color: #f1f2f7;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.minus, .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.m {
              float: left;
              border-right: 2px solid #dee0e2; }
            .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.plus, .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.p {
              float: right;
              border-left: 2px solid #dee0e2; }
            .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count:hover {
              background-color: #e6e6e8; }
          .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .count {
            line-height: 60px; }
      .box-item-accordion .item-accordion .item-accordion-body .box-card .box-btn {
        width: 100%; }
        .box-item-accordion .item-accordion .item-accordion-body .box-card .box-btn .btn {
          width: 100%;
          font-weight: 700;
          padding: 1.55em 1em; }
    .box-item-accordion .item-accordion .item-accordion-body .block-ingredient:not(:last-child) {
      padding-bottom: 1em; }
    .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .title-choose {
      font-size: 30px; }
    .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .box-ingredients {
      display: flex;
      display: -webkit-flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: flex-start;
      align-content: flex-start;
      justify-content: space-between;
      -webkit-justify-content: space-between; }
      .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .box-ingredients .box-control {
        border-bottom: none !important;
        width: 48%;
        line-height: 1.5em; }
        .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .box-ingredients .box-control .box-checkbox input[type=radio]:checked + label,
        .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .box-ingredients .box-control .box-checkbox input[type=checkbox]:checked + label {
          opacity: 1; }
        .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .box-ingredients .box-control .box-checkbox label {
          line-height: 20px; }
      .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .box-ingredients .box-price {
        font-weight: 700;
        line-height: 1;
        padding-left: 30px;
        width: 100px;
        text-align: right; }

.list .box-orders {
  padding: 0; }
  .list .box-orders .box-item-basket {
    margin-top: 0; }

.box-orders {
  padding: 1.875em 0; }
  .box-orders .box-name {
    color: #ffffff;
    font-size: 0.93em; }
    .box-orders .box-name.box-name-black {
      color: #303030; }
  .box-orders .box-attachments .goods-attachment {
    color: #908e8e; }
    .box-orders .box-attachments .goods-attachment .box-price {
      color: #303030; }
  .box-orders .box-attachments .box-price {
    font-size: 14px;
    color: #87878a !important; }
  .box-orders .box-attachments .items-attachments .name {
    text-align: left;
    font-weight: bold; }
  .box-orders .box-minimal {
    margin-top: 1.22em;
    border: 2px dashed #cfd1d8;
    color: #262c36;
    padding: 2.6em;
    font-size: 0.93em;
    text-align: center; }
  .box-orders .box-check-out {
    padding-top: 0.875em; }
    .box-orders .box-check-out .btn {
      width: 100%;
      padding: 1.5em;
      font-weight: 700; }
  .box-orders-check-out .box-minimal {
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em; }
  .box-orders-check-out .box-time {
    text-align: center;
    margin-top: 1em;
    color: #afb0b4; }
  .box-orders-check-out .box-select-radio .box-checkbox label {
    font-weight: 700; }
  .box-orders .box-select-radio {
    margin: 1em 0; }

.items-attachments {
  padding-top: 10px; }
  .items-attachments .name {
    text-align: left;
    position: absolute;
    left: -52px;
    top: 9px;
    font-weight: bold; }
  .items-attachments .goods-attachment {
    padding-left: 20px; }

.box-quantity {
  margin-top: 0.1em;
  min-width: 70px; }
  .box-quantity .box-variable-count {
    background-color: #ffffff;
    text-align: center;
    height: 1.5em;
    border: 2px solid #dee0e2; }
    .box-quantity .box-variable-count .btn-count.minus, .box-quantity .box-variable-count .btn-count.m {
      float: left;
      border-right: 2px solid #dee0e2; }
    .box-quantity .box-variable-count .count {
      line-height: 18px;
      font-size: 0.875em; }
    .box-quantity .box-variable-count .btn-count.plus, .box-quantity .box-variable-count .btn-count.p {
      float: right;
      border-left: 2px solid #dee0e2; }
    .box-quantity .box-variable-count .btn-count {
      width: 21px;
      font-size: 15px;
      padding: 0;
      border-radius: inherit;
      height: 100%;
      background-color: #e2e3e8; }
      .box-quantity .box-variable-count .btn-count:hover {
        background-color: #aaaaaa; }

.cart-restaurant-name {
  font-size: 2.2em;
  font-weight: normal;
  font-family: "LifehackSans", Arial, Helvetica, sans-serif; }

.box-attachments .items-attachments .name {
  text-align: left;
  position: absolute;
  left: 0;
  top: 10px; }

.box-attachments .items-attachments .goods-attachment {
  padding-left: 80px;
  color: #87878a !important;
  text-align: left; }

.box-item-basket {
  margin-top: 2em; }
  .box-item-basket .loader {
    margin: auto;
    display: block; }
  .box-item-basket .item-basket {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 2px dashed #cfd1d8; }
    .box-item-basket .item-basket .item-img {
      width: 45px;
      height: 45px;
      overflow: hidden; }
      .box-item-basket .item-basket .item-img .box-img {
        width: 45px;
        height: 45px; }
    .box-item-basket .item-basket .item-order {
      padding-left: 0.5em;
      text-align: left; }
      .box-item-basket .item-basket .item-order .box-info-order {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        -webkit-align-items: center; }
        .box-item-basket .item-basket .item-order .box-info-order .box-price {
          font-weight: 700; }
      .box-item-basket .item-basket .item-order .text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 210px;
        font-weight: bold; }
    .box-item-basket .item-basket .box-close {
      position: absolute;
      right: 100%;
      top: 50%;
      padding: 0.5em;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
    .box-item-basket .item-basket.item-basket-check .item-order .text span {
      position: absolute;
      right: 102%;
      top: 0;
      font-weight: 700; }

.box-total .info-prise:not(:last-child) {
  padding-bottom: 0.65em; }

.box-total .info-prise:last-child {
  font-weight: 700; }

.link-check a {
  color: #444444; }
  .link-check a span {
    text-decoration: underline; }
  .link-check a:hover span {
    text-decoration: none; }

.new-ranking .box-options {
  display: table;
  width: 100%; }
  .new-ranking .box-options > div {
    display: table-cell;
    vertical-align: top;
    float: none; }
  .new-ranking .box-options .block-left-main-new {
    margin-right: 0; }
  .new-ranking .box-options .block-left-main {
    padding-right: 1.785em; }

body .select2-container {
  margin: 0;
  font-size: 1em;
  height: 2.43em;
  outline: none; }
  body .select2-container .selection {
    margin: 0;
    font-size: 1em;
    height: 2.43em;
    outline: none; }
    body .select2-container .selection .select2-selection {
      margin: 0;
      outline: none;
      font-size: 1em;
      height: 2.43em;
      line-height: 2.42em;
      padding: 0 1.25em; }
      body .select2-container .selection .select2-selection .select2-selection__rendered {
        margin: 0;
        outline: none;
        font-size: 1em;
        height: 2.43em; }
      body .select2-container .selection .select2-selection .select2-selection__arrow {
        border-left: none;
        height: 100%; }

.block-cookie {
  color: #7c8386;
  background: #121e25;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  line-height: 2.25em;
  z-index: 201;
  text-align: center;
  font-size: 1em;
  min-width: 320px;
  -webkit-text-size-adjust: none; }
  .block-cookie .box-inline {
    padding: 0 0.2em;
    position: relative;
    display: inline-block;
    vertical-align: top; }
  .block-cookie .box-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    font-size: .85em; }
    .block-cookie .box-text a {
      cursor: pointer;
      color: #8cc23c;
      text-decoration: none; }
  .block-cookie .btn-close-box {
    position: absolute;
    right: .5em;
    top: 0; }
  .block-cookie .btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 7px;
    outline: none;
    border: 0;
    border-radius: 0;
    background: none;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative; }

.block-cookie + .wrapper + footer {
  margin-bottom: 36px; }

.tooltip {
  position: relative; }

.tooltip .tooltip-text {
  visibility: hidden;
  min-width: 220px;
  background-color: #e7e7e9;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  font-weight: normal;
  font-size: 14px; }

.tooltip:hover .tooltip-text {
  visibility: visible; }

.wrapper .fade.show {
  opacity: 1;
  display: block; }

.wrapper .modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  display: none;
  overflow: hidden;
  outline: 0;
  background: rgba(0, 0, 0, 0.5); }

.wrapper .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear; }

.wrapper .modal.fade.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out; }

.wrapper .modal.fade .modal-dialog {
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%); }

.wrapper .modal-dialog {
  position: relative;
  width: 768px;
  left: 50%;
  margin-left: -384px; }

.wrapper .modal-content {
  background: #ffffff; }

.wrapper .box-basket {
  padding: 1.875em 2em; }
  .wrapper .box-basket .box-name {
    color: #303030;
    font-size: 1em; }
    .wrapper .box-basket .box-name.box-name-black {
      color: #303030; }
    .wrapper .box-basket .box-name.map-text {
      font-weight: bold;
      font-size: 1.2em; }
  .wrapper .box-basket .box-modal-close {
    position: absolute;
    right: 1.35em;
    top: 0.975em;
    font-size: 1.125em;
    color: #cfd1d8;
    padding: 0.5em; }
  .wrapper .box-basket .box-minimal {
    margin-top: 1.22em;
    border: 2px dashed #cfd1d8;
    color: #262c36;
    padding: 1.6em;
    font-size: 0.93em;
    text-align: center; }
  .wrapper .box-basket .box-check-out {
    padding-top: 0.875em; }
    .wrapper .box-basket .box-check-out .btn {
      width: 100%;
      padding: 1.5em;
      font-weight: 700; }
  .wrapper .box-basket .box-confirm-checkout {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around; }
    .wrapper .box-basket .box-confirm-checkout .box-btn {
      width: 40%; }
      .wrapper .box-basket .box-confirm-checkout .box-btn:last-child {
        background-color: #888888; }
        .wrapper .box-basket .box-confirm-checkout .box-btn:last-child a {
          color: #ffffff; }
  .wrapper .box-basket-check-out .box-minimal {
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em; }
  .wrapper .box-basket-check-out .box-time {
    text-align: center;
    margin-top: 1em;
    color: #afb0b4; }
  .wrapper .box-basket-check-out .box-select-radio .box-checkbox label {
    font-weight: 700; }
  .wrapper .box-basket .box-select-radio {
    margin: 1em 0; }

.wrapper .box-item-basket-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.wrapper .box-item-basket-modal {
  margin-top: 1.5em; }
  .wrapper .box-item-basket-modal .loader {
    margin: auto;
    display: block; }
  .wrapper .box-item-basket-modal .item-basket {
    margin-bottom: 1em;
    border-bottom: 2px dashed #cfd1d8;
    padding-bottom: 1em; }
    .wrapper .box-item-basket-modal .item-basket .item-img {
      width: 45px;
      height: 45px;
      overflow: hidden; }
      .wrapper .box-item-basket-modal .item-basket .item-img .box-img {
        height: 100%; }
    .wrapper .box-item-basket-modal .item-basket .item-order {
      padding-left: 0.5em; }
      .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        -webkit-align-items: center; }
        .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-price {
          font-weight: 700; }
      .wrapper .box-item-basket-modal .item-basket .item-order .text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 210px;
        font-weight: bold; }
    .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity {
      margin-top: 0.1em; }
      .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count {
        background-color: #ffffff;
        text-align: center;
        height: 1.5em;
        border: 2px solid #dee0e2; }
        .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.minus, .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.m {
          float: left;
          border-right: 2px solid #dee0e2; }
        .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .count {
          line-height: 18px;
          font-size: 0.875em; }
        .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.plus, .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.p {
          float: right;
          border-left: 2px solid #dee0e2; }
        .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count {
          width: 21px;
          font-size: 15px;
          padding: 0;
          border-radius: inherit;
          height: 100%;
          background-color: #e2e3e8; }
          .wrapper .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count:hover {
            background-color: #aaaaaa; }
    .wrapper .box-item-basket-modal .item-basket .box-close {
      position: absolute;
      right: 100%;
      top: 50%;
      padding: 0.5em;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
    .wrapper .box-item-basket-modal .item-basket.item-basket-check .item-order {
      padding-left: 0.5em; }
      .wrapper .box-item-basket-modal .item-basket.item-basket-check .item-order .box-info-order {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        -webkit-align-items: center; }
        .wrapper .box-item-basket-modal .item-basket.item-basket-check .item-order .box-info-order .box-price {
          font-weight: 700; }
        .wrapper .box-item-basket-modal .item-basket.item-basket-check .item-order .box-info-order .text {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 210px;
          font-weight: bold; }

.eat-in-menu-empty {
  margin-bottom: 40px;
  display: block !important; }

.item-basket .order-time .box-open {
  float: right; }
  .item-basket .order-time .box-open .open-btn {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 1.1em; }
    .item-basket .order-time .box-open .open-btn:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -2px;
      left: 50%;
      margin-left: -6px;
      width: 12px;
      height: 4px;
      background-color: #ffffff;
      border-right: 1px; }
    .item-basket .order-time .box-open .open-btn:before {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -6px;
      left: 50%;
      margin-left: -2px;
      width: 4px;
      height: 12px;
      background-color: #ffffff;
      border-right: 1px; }
    .item-basket .order-time .box-open .open-btn.open {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .item-basket .order-time .box-open .open-btn.open:before {
        display: none; }

.form-control {
  background: none;
  margin: 0;
  font-size: 1em;
  height: 2.43em;
  border: 1px solid #e4e4e4;
  background: #f6f6f8;
  border-radius: 4px;
  padding: 0.55em 1.5em;
  outline: none;
  width: 100%;
  vertical-align: top;
  line-height: normal;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box; }
  .form-control:disabled {
    background: #e2e2eb;
    color: #888888; }
  .form-control:focus, .form-control:hover {
    border-color: #aaaaaa; }
  .form-control.small {
    width: 10.7em; }
  .form-control.tiny {
    width: 6.4em; }
  .form-control.less {
    width: 8em; }

textarea.form-control {
  height: auto;
  resize: vertical;
  max-height: 25.5em; }

.control-middle {
  font-size: 0.875em; }
  .control-middle .input__label,
  .control-middle .form-control {
    padding-left: 1.15em; }

.control-small {
  font-size: 0.875em;
  padding: 0.68em 1.15em; }
  .control-small + .control-sep,
  .control-small + .control-btn {
    line-height: 2.5em; }

.control-tiny {
  font-size: 0.875em;
  padding: 0.322em 0.75em; }

.control-link {
  font-size: 0.875em;
  margin-left: 1.5em;
  color: #509600; }

.control-sep {
  color: #c9c9ca;
  width: 1em;
  text-align: center;
  display: inline-block;
  vertical-align: top; }

.control-loader {
  width: 150px;
  height: 150px;
  background: url("../img/pleloader_poceed.gif") no-repeat;
  margin: 0 auto; }

.input-control-error {
  position: absolute;
  right: 0;
  top: 0;
  width: 68%;
  text-align: right;
  line-height: 12px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
  color: #e93e21;
  font-size: 13px; }

.control-error {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 1em;
  cursor: pointer; }
  .control-error .error-text {
    position: absolute;
    color: #303030;
    font-size: 0.925em;
    white-space: nowrap;
    padding: 0.695em 1.2em;
    left: 70%;
    bottom: 70%;
    background: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
    display: none; }
  .control-error:hover .error-text {
    display: block; }

.input__field {
  padding-top: 1.75em;
  padding-bottom: 0.5em; }
  .input__field:not(.error):not(.warning):focus + .input__label {
    color: #8cc23c; }

.input__label {
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 100%;
  left: 0;
  pointer-events: none;
  overflow: hidden;
  padding-top: 1.25em;
  padding-left: 1.5em;
  font-size: 1em;
  margin: 0;
  color: #aaaaaa;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .input__label span {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
    display: inline-block;
    vertical-align: top; }

.input--filled .input__label {
  -webkit-transform: translate3d(0, 75%, 0);
  transform: translate3d(0, 75%, 0);
  transform-origin: left center;
  -webkit-transform-origin: left center; }
  .input--filled .input__label span {
    -webkit-transform: scale(0.8125);
    transform: scale(0.8125); }

.box-checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin: 0;
  text-align: left;
  line-height: 26px;
  padding: 0;
  padding-left: 30px;
  font-size: 1em;
  font-weight: normal;
  color: #444444; }
  .box-checkbox label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #dcdcdd;
    margin-top: -10px;
    position: absolute;
    left: 0;
    top: 50%;
    color: #ffffff;
    background: #ffffff;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
    line-height: 17px;
    font-size: 12px; }

.box-checkbox input[type=radio],
.box-checkbox input[type=checkbox] {
  display: none; }

.box-checkbox:hover label:before {
  border-color: #aaaaaa; }

.box-checkbox input[type=checkbox]:checked + label:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  border-color: #8cc23c;
  background-color: #8cc23c; }

.box-checkbox input[type=radio]:checked + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  border: 5px solid #ffffff;
  box-shadow: 0 0 0.1em #666;
  color: #8cc23c;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.box-checkbox input[type=radio] + label:before {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  line-height: 22px; }

.box-checkbox input:disabled + label {
  color: #aaaaaa; }
  .box-checkbox input:disabled + label:before {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: #aaaaaa; }

input[type=radio]:checked + label {
  opacity: 1; }

.box-checkbox label {
  opacity: 0.75; }

input[type=radio]:checked + label:before {
  background: #8cc23c; }

.box-select {
  position: relative; }
  .box-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.box-selection select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.box-icon-control.right {
  position: absolute;
  right: 0.625em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

.box-control:not(:last-child) {
  margin-bottom: 0.92em; }

.box-control.control-middle:not(:last-child) {
  margin-bottom: 1em; }

.box-control-toggle {
  text-align: right; }

.box-control .hover-info.absolute-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3em;
  text-align: center;
  right: 0; }
  .box-control .hover-info.absolute-right .box-popover {
    margin-left: 0.75em; }
  .box-control .hover-info.absolute-right .box-link {
    padding: 0.5em 1em; }

.box-control .value-cur {
  padding-right: 1.5em;
  font-size: 0.875em;
  color: #9a9a9a;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

.box-control .box-icon-card {
  width: 55px;
  margin-right: 0.75em;
  text-align: center;
  display: inline-block;
  vertical-align: top; }

.box-control-cur {
  height: 2.43em;
  border: 1px solid #e4e4e4;
  background: #f6f6f8;
  border-radius: 4px;
  padding: 0.55em 1.5em 0.55em 0.75em;
  display: block; }
  .box-control-cur .control-value {
    color: #303030; }
  .box-control-cur .box-value {
    height: 100%; }
  .box-control-cur input {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1em;
    color: #303030;
    outline: none;
    width: 100%; }
  .box-control-cur .value {
    font-size: 0.875em;
    color: #9a9a9a;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); }
    .box-control-cur .value .count {
      font-size: 1.15em;
      color: #303030;
      margin-right: 0.5em; }
  .box-control-cur .label {
    color: #8cc23c;
    font-size: 0.8125em; }
  .box-control-cur .title {
    font-size: 0.875em;
    color: #303030;
    line-height: 1.75em; }
  .box-control-cur .id {
    font-size: 0.75em;
    color: #aaaaaa; }
  .box-control-cur .not-active {
    color: #aaaaaa; }

.box-control-dropdown .arrow-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  text-align: center;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.box-control-dropdown .box-icon {
  position: absolute;
  width: 100%;
  top: 75%;
  height: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

.box-control-dropdown a {
  padding-right: 1.5em; }

.box-control-dropdown .menu-dropdown {
  max-height: 240px;
  overflow-y: auto; }
  .box-control-dropdown .menu-dropdown a {
    border-top: 1px solid #d7d7d7; }
    .box-control-dropdown .menu-dropdown a:hover {
      background: #e8f3d8; }
    .box-control-dropdown .menu-dropdown a.active {
      display: none; }

.box-control-dropdown .href-dropdown:hover {
  border: 1px solid #898989; }

.box-control-dropdown .open .href-dropdown {
  border: 1px solid #898989; }

.box-control-dropdown .open .menu-dropdown {
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }

.box-control-dropdown .open .arrow-dropdown {
  border-color: transparent; }
  .box-control-dropdown .open .arrow-dropdown .fa:before {
    content: "\f058"; }

.box-control-dropdown.border .href-dropdown {
  border: 1px solid #d7d7d7;
  border-radius: 3px; }

.box-control-dropdown.border .menu-dropdown {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7; }
  .box-control-dropdown.border .menu-dropdown a {
    border-top: 0;
    border-bottom: 1px solid #d7d7d7; }

.box-control-dropdown .select-question {
  position: absolute;
  right: -2.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer; }

.box-control-dropdown .box-dropdown.open.scroll-shadow:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  height: 1px;
  width: 100%;
  border: red;
  -webkit-box-shadow: 0 0 20px black;
  -moz-box-shadow: 0 0 20px black;
  box-shadow: 0 0 20px black; }

.box-control-phone .code {
  width: 4.15em;
  margin-right: 0.4em; }

.box-control-date .day {
  width: 22.5%;
  float: left; }

.box-control-date .month {
  width: 41.5%;
  padding-left: 1em;
  float: left; }

.box-control-date .year {
  width: 32%;
  float: right; }

.box-control .text-error {
  display: none;
  color: #e93e21;
  font-size: 0.85em;
  padding-top: 0.5em;
  text-align: left; }

.box-control.error .form-control {
  border: 1px solid #e93e21; }

.box-control.error .text-error {
  display: block; }

.box-control-view-icon .box-inline {
  background: #ffffff;
  margin: 5px;
  padding: 5px;
  text-align: center;
  height: 100px;
  width: 140px; }
  .box-control-view-icon .box-inline.no-bg {
    background: none; }

.box-successful-info {
  background: #ffffff; }
  .box-successful-info .box-successful {
    margin-bottom: 0; }
  .box-successful-info .box-text-info {
    padding: 2.2em; }
    .box-successful-info .box-text-info .text-info {
      font-size: 0.8125em;
      color: #888888;
      padding-bottom: 1.46em; }
    .box-successful-info .box-text-info .btn {
      max-width: 22em; }

.box-successful {
  background-color: #e8f3d8;
  font-size: 0.875em;
  padding: 1.35em;
  margin-bottom: 2em;
  border-radius: 3px; }
  .box-successful .text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2.5em; }
  .box-successful:before {
    background: #8cc23c;
    border: 2px solid #8cc23c;
    box-shadow: none;
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #ffffff;
    text-align: center;
    padding: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    top: 50%;
    margin-top: -12px;
    position: absolute; }

.control-tablesorter {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 16.2em;
  color: #aaaaaa;
  z-index: 1; }
  .control-tablesorter .change-value {
    text-transform: lowercase; }
    .control-tablesorter .change-value .icon {
      display: none; }
  .control-tablesorter .box-icon-control {
    font-size: 1.4em;
    color: #8cc23c; }

.contact-select .control-middle {
  font-size: 1em;
  text-align: left; }

.contact-select .box-control-dropdown .href-dropdown:hover,
.contact-select .box-control-dropdown .href-dropdown {
  box-shadow: none; }

.contact-select .box-control-dropdown .arrow-dropdown {
  border: none; }

.contact-select .box-control-dropdown.border .menu-dropdown a,
.contact-select .box-control-dropdown.border .href-dropdown {
  padding-left: 0.8em !important; }

.name-form {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1; }

.label-control {
  font-size: 1em;
  color: #b1b1b1;
  margin: 0.5em 0; }

.label-info {
  font-size: 0.75em;
  color: #aaaaaa;
  clear: both;
  line-height: 1.2; }

.label-value {
  font-size: 0.875em;
  color: #303030; }
  .label-value .code-phone {
    color: #aaaaaa; }

.form-name {
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 30px;
  padding-bottom: 10px; }

.form-group {
  margin-bottom: 5px; }

.form-btn {
  margin-top: 35px; }

.form-text {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px; }

.form-control {
  margin: 0;
  font-size: 18px;
  color: #121924;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 2px solid #d7d7d7;
  vertical-align: top;
  line-height: normal;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  padding: 18px 20px;
  height: 58px; }
  .form-control:disabled {
    background: #121924;
    color: #ffffff; }
  .form-control:focus:hover, .form-control:hover:hover {
    border-bottom: 2px solid #8cc23c;
    -webkit-box-shadow: 0 2px 0px 0 rgba(72, 173, 51, 0.4);
    -moz-box-shadow: 0 2px 0px 0 rgba(72, 173, 51, 0.4);
    box-shadow: 0 2px 0px 0 rgba(72, 173, 51, 0.4); }
  .form-control::-webkit-input-placeholder {
    color: #121924; }
  .form-control:-moz-placeholder {
    color: #121924; }
  .form-control:-ms-input-placeholder {
    color: #121924; }
  .form-control.error {
    border-color: #e93e21; }
  .form-control.valid {
    border-color: #8cc23c; }
  .form-control.warning {
    border-color: #ffa200; }

textarea.form-control {
  resize: vertical;
  max-height: 300px;
  min-height: 120px; }

.box-inputfile {
  position: relative; }

.box-inputfile .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  display: block;
  border-bottom: 2px solid #d7d7d7; }

.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
  border-bottom: 2px solid #8cc23c;
  -webkit-box-shadow: 0 2px 0px 0 rgba(72, 173, 51, 0.4);
  -moz-box-shadow: 0 2px 0px 0 rgba(72, 173, 51, 0.4);
  box-shadow: 0 2px 0px 0 rgba(72, 173, 51, 0.4); }

.inputfile + label span {
  width: 100%;
  min-height: 2em;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #121924;
  font-size: 18px;
  vertical-align: top;
  padding: 16px 20px; }

.inputfile + label strong {
  height: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px; }

.inputfile.selected + label span {
  color: #e8f3d8; }

.inputfile:focus + label strong,
.inputfile.has-focus + label strong,
.inputfile + label:hover strong {
  /*background-color: #722040;*/ }

.icon-attachment {
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 14px;
  height: 20px;
  background-image: url(/assets/img/icon/attachment.svg); }

.icon-close {
  width: 2px;
  height: 20px;
  background: #e93e21;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: block;
  position: relative; }
  .icon-close:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: inherit;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); }

.form .box-btn {
  margin-top: 1.875em; }

.form-add-card {
  text-align: center;
  border-top: 1px solid #d7d7d7;
  margin-top: 1.25em; }
  .form-add-card .box-form-card {
    padding: 1.5em 1.875em;
    border-radius: 1.2em;
    background: #ffffff;
    margin: 0.5em 1em 2.375em; }
  .form-add-card .box-logo {
    line-height: 30px;
    margin-bottom: 1.5em; }
    .form-add-card .box-logo .icon {
      margin: 0 0.65em; }
  .form-add-card .box-text {
    color: #aaaaaa;
    font-size: 0.8125em;
    line-height: 1.38em;
    text-align: left;
    margin-top: 2em; }
    .form-add-card .box-text a {
      color: #1191cf;
      text-decoration: underline; }
      .form-add-card .box-text a:hover {
        text-decoration: none; }
    .form-add-card .box-text p:not(:last-child) {
      margin-bottom: 1.2em; }
  .form-add-card .btn-full {
    max-width: 23.75em; }

.form-authentication {
  max-width: 47.5em; }
  .form-authentication .box-form .box-btn {
    max-width: 20em;
    margin-top: 0.5em; }
  .form-authentication .box-btn:not(:last-child) {
    margin-bottom: 1.5em; }
  .form-authentication .block-key {
    padding-right: 3.75em; }
    .form-authentication .block-key .box-btn {
      max-width: 25em; }
  .form-authentication .box-key {
    text-align: center;
    margin-bottom: 2.5em; }
  .form-authentication .value-key {
    font-weight: bold;
    font-size: 0.875em;
    margin-top: 0.75em; }
  .form-authentication .label-key {
    color: #aaaaaa;
    font-size: 0.8125em;
    margin-top: 1.5em; }
  .form-authentication .box-text {
    padding: 0.5em 0; }
  .form-authentication .box-key,
  .form-authentication .box-steps {
    margin-top: 3.125em; }
  .form-authentication .box-steps {
    counter-reset: ul-steps; }
    .form-authentication .box-steps li {
      color: #898989;
      font-size: 0.8125em;
      position: relative;
      padding: 0.5em 0 0.5em 3.5em;
      margin-bottom: 1.75em; }
      .form-authentication .box-steps li:before {
        content: counter(ul-steps);
        counter-increment: ul-steps;
        position: absolute;
        left: 0;
        top: 50%;
        font-size: 13px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        color: #8cc23c;
        text-align: center;
        line-height: 24px;
        background: #ffffff;
        margin-top: -12px;
        font-weight: bold; }
      .form-authentication .box-steps li:not(:last-child):after {
        content: "\f111 \A \f111";
        font-family: 'FontAwesome';
        position: absolute;
        left: 10px;
        top: 100%;
        font-size: 5px;
        color: #d3e4bc;
        margin: 0.5em 0;
        width: 4px;
        line-height: 10px;
        text-align: center; }
  .form-authentication .box-links .items-link {
    margin-top: 0;
    max-width: 20em;
    margin-left: auto;
    margin-right: auto; }

.form-inline .box-control-inline {
  line-height: 1.875em; }
  .form-inline .box-control-inline:not(:last-child) {
    margin-bottom: 0.75em; }
  .form-inline .box-control-inline .box-control {
    margin: 0; }
  .form-inline .box-control-inline .label-value,
  .form-inline .box-control-inline .label-control {
    margin: 0;
    line-height: 1.2;
    padding: 0.5em 0; }
  .form-inline .box-control-inline .label-control {
    width: 50%;
    float: left; }
  .form-inline .box-control-inline .box-control {
    width: 50%;
    margin-left: 50%; }

.form.contact-form {
  max-width: 37.5em;
  margin: auto;
  padding-top: 3.1em; }
  .form.contact-form select.form-control {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .form.contact-form .box-form {
    padding-bottom: 1em; }
  .form.contact-form textarea.form-control {
    height: auto;
    min-height: 5.3em; }
  .form.contact-form .box-btn {
    margin-top: 1em;
    text-align: center; }
    .form.contact-form .box-btn .btn {
      max-width: 24em;
      width: 100%; }

.form-captcha.box-form {
  margin-top: 1em; }

.form-captcha .box-control .box-icon,
.form-captcha .label-control .box-icon {
  display: inline-block;
  vertical-align: middle;
  color: #9a9a9a;
  font-size: 1.25em;
  margin: 0 12px;
  cursor: pointer; }

.form-captcha .box-img-code {
  display: inline-block;
  vertical-align: middle; }

.form-captcha .box-control {
  padding: 0.47em 0;
  text-align: left; }

.form-captcha .label-control {
  text-align: right; }

.form-captcha input {
  font-size: 0.75em;
  height: 3.3em;
  padding: 0 1em;
  max-width: 17em; }

.form-contact {
  margin-top: 3em;
  border-top: 2px dashed #d7d7d7;
  padding: 1em 0; }
  .form-contact .row {
    margin: 0 -15px; }
  .form-contact .row-half {
    padding: 0 15px; }
  .form-contact .title {
    display: block; }
  .form-contact .box-btn {
    margin-top: 2.5em; }

.change-control .btn-edit-control {
  z-index: 1;
  position: relative; }

.change-control.edit {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background: #121924;
  padding: 0.75em 2.75em;
  margin: -0.75em -2.75em 0; }
  .change-control.edit .hide {
    display: none; }
  .change-control.edit .show {
    display: block; }

.change-control .box-btn-small {
  text-align: right;
  margin-top: 0.75em; }

input.error {
  border-color: #ff3b3b !important; }

.error .text-error {
  color: #ff3b3b;
  display: block;
  font-size: 0.8125em;
  text-align: left;
  padding-top: 0.5em; }
  .error .text-error a {
    color: #ff3b3b !important; }

.error .href-dropdown,
.error .form-control {
  border-color: #ff3b3b !important; }

.text-error {
  display: none; }

.warning .href-dropdown,
.warning .form-control {
  border-color: #ffa200 !important; }

.cookie-settings {
  background: rgba(160, 160, 160, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5em;
  overflow-y: auto;
  z-index: 1000;
  font-size: 0.75em; }

.cookie-settings-content {
  min-height: 100%;
  justify-content: center;
  -ms-flex-pack: center !important;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center; }

.cookie-settings-form {
  max-width: 64em;
  width: 110%;
  background-color: #FFFFFF;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  color: #303030; }

.cookie-settings-form_header {
  font-size: 1.75em;
  text-align: center;
  position: relative;
  border-bottom: 1px solid rgba(170, 170, 170, 0.5);
  padding: 0.75em; }

.cookie-settings-form_header .close {
  color: #AAAAAA;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 20px;
  z-index: 3;
  width: 16px;
  height: 16px; }

.cookie-settings-form_header .cross {
  width: 2px;
  height: 20px;
  background: #AAAAAA;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: block; }

.cookie-settings-form_header .cross:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

.cookie-settings-form_tabs {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  text-align: left; }

.cookie-settings-form_tabs .nav-tabs {
  background: #e9e9ef;
  width: 28%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none; }

.cookie-settings-form_tabs .nav-tabs a {
  display: block;
  border-left: 3px solid transparent;
  font-size: 1.16em;
  line-height: 1.125;
  color: #010101;
  padding: 1.15em 1.25em; }

.cookie-settings-form_tabs .nav-tabs a:hover {
  background: rgba(170, 170, 170, 0.3); }

.cookie-settings-form_tabs .nav-tabs .active a {
  background: white;
  border-color: #8CC23C;
  color: #033564;
  font-weight: bold; }

.cookie-settings-form_tabs .tab-content .box-right {
  float: right;
  margin-left: 0.5em; }

.cookie-settings-form_tabs .tab-content {
  width: 72%;
  padding: 2.25em 2.5em;
  min-height: 24em;
  position: static; }

.cookie-settings-form_tabs .tab-content .text {
  font-size: 1.12em;
  margin-top: 1.5em;
  line-height: 1.5em; }

.cookie-settings-form_tabs .tab-content h2 {
  font-size: 1.4em;
  font-weight: normal; }

.tab-pane {
  display: none; }

.tab-pane.active {
  display: block; }

.cookie-settings-switcher-text {
  color: #8CC23C;
  font-size: 1em;
  line-height: 2.25em; }

.cookie-settings-switcher {
  background: #E7E7E9;
  cursor: pointer;
  padding: 0 5px;
  border-radius: 26px;
  text-decoration: none;
  transition: all .2s ease;
  height: 26px;
  width: 46px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  z-index: 2; }

.cookie-settings-switcher .switcher {
  width: 22px;
  height: 22px;
  background: #ffffff;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease; }

.cookie-settings-switcher.on {
  background: #8CC23C; }

.cookie-settings-switcher.on .switcher {
  left: 100%;
  margin-left: -24px; }

.cookie-settings-close-panel {
  font-size: 14px;
  color: #999999;
  padding: 16px 55px;
  position: absolute;
  left: 0;
  background: white;
  width: 100%;
  display: none;
  z-index: 1;
  bottom: 100%; }

.cookie-settings-close-panel:before {
  height: 2px;
  width: 15px;
  background-color: #AAAAAA;
  margin-top: -1px; }

.cookie-settings-close-panel:after {
  height: 8px;
  width: 8px;
  border-top: 2px solid #AAAAAA;
  border-left: 2px solid #AAAAAA;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-top: -5px; }

.cookie-settings-close-panel:before,
.cookie-settings-close-panel:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 1.75em; }

@media screen and (max-width: 720px), screen and (max-device-width: 720px) {
  .cookie-settings-form_header {
    padding-bottom: 0.5em;
    border: 0; }
  .cookie-settings-form_tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative; }
  .cookie-settings-form_tabs .nav-tabs {
    width: 100%;
    background: none; }
  .cookie-settings-form_tabs .nav-tabs li + li {
    border-top: 1px solid rgba(170, 170, 170, 0.5); }
  .cookie-settings-form_tabs .nav-tabs a {
    border-left: 0;
    padding-left: 1.5em;
    padding-right: 1.5em;
    position: relative; }
  .cookie-settings-form_tabs .nav-tabs a:after {
    height: 7px;
    width: 7px;
    border-right: 2px solid #8CC23C;
    border-bottom: 2px solid #8CC23C;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    content: '';
    right: 1.5em; }
  .cookie-settings-form_tabs .nav-tabs .active a {
    border-color: transparent;
    color: #010101;
    font-weight: normal; }
  .cookie-settings-form_tabs .tab-pane {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: white;
    height: 100%;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1em;
    overflow-y: auto; }
  .cookie-settings-form_tabs .tab-pane.active {
    left: 0; }
  .cookie-settings-form_tabs .tab-pane.active ~ .cookie-settings-close-panel {
    display: block; } }

.do-add-to-cart {
  position: relative; }
  .do-add-to-cart.loading:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(/assets/img/rolling.gif);
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: center center; }

.slick-arrow {
  cursor: pointer; }

.box-find-restaurants .icon-input {
  top: 12px; }

.block-cart-chooser {
  padding: 2em; }
  .block-cart-chooser .box-check-error .box-name {
    padding-top: 0; }

.box-orders.mobile .box-minimal {
  padding: 1.35em; }

.results.date-list a.btn.btn-capacity {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 1em; }

.box-orders .box-minimal {
  padding: 1em; }

.cart-good-discount {
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #ffffff;
  background-color: #8cc23c;
  font-size: 0.75em;
  padding: 2px;
  line-height: 1; }

.box-item-basket .item-basket .item-img .box-img {
  position: relative; }
  .box-item-basket .item-basket .item-img .box-img img {
    height: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }

header .box-header .navbar-collapse .navbar-navigate .box-dropdown-double {
  bottom: auto;
  left: 0; }

.like-restaurant {
  text-align: right !important;
  padding-right: 1em;
  white-space: nowrap;
  cursor: pointer; }
  .like-restaurant.left {
    text-align: left !important; }
  .like-restaurant .box-active-like {
    display: none !important; }
  .like-restaurant .box-add-to-like {
    display: block !important; }
  .like-restaurant.active .box-active-like {
    display: block !important; }
  .like-restaurant.active .box-add-to-like {
    display: none !important; }
  .like-restaurant.loading {
    background-image: url(/assets/img/rolling.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    width: 16px;
    height: 16px;
    margin-right: 50px; }
    .like-restaurant.loading .box-active-like {
      display: none !important; }
    .like-restaurant.loading .box-add-to-like {
      display: none !important; }

.btn-red.loading:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(/assets/img/rolling.gif);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: center center; }

.restaurant-info .box-like-btn {
  padding-left: 0 !important; }

body.anon .hide_anon {
  display: none !important; }

body.reg .hide_reg {
  display: none !important; }

.addr-edit-buttons {
  text-align: right; }
  .addr-edit-buttons .box-btn {
    display: inline-block; }
  .addr-edit-buttons .save-btn .btn-red {
    border: 2px solid #e93e21; }
    .addr-edit-buttons .save-btn .btn-red:hover {
      border-color: #ff7575; }

textarea.order-notes {
  margin-top: 0;
  margin-bottom: 0;
  height: 56px; }

.block-orders.time .item-select-pay {
  max-width: none;
  min-height: 7em !important;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center; }
  .block-orders.time .item-select-pay .box-icon {
    height: inherit; }
  .block-orders.time .item-select-pay .time-container {
    width: 220px;
    display: inline-block;
    margin-top: 10px; }
    .block-orders.time .item-select-pay .time-container .container {
      border-radius: 4px;
      border: 1px solid #dcdfe6;
      background: #f6f6f8; }
      .block-orders.time .item-select-pay .time-container .container .hours {
        width: 56%;
        border-radius: 0;
        border: none;
        border-right: 1px solid #e4e4e4;
        background: #f6f6f8; }
      .block-orders.time .item-select-pay .time-container .container .plus, .block-orders.time .item-select-pay .time-container .container .p {
        width: 20%;
        border-right: 1px solid #dcdfe6; }
      .block-orders.time .item-select-pay .time-container .container .minus, .block-orders.time .item-select-pay .time-container .container .m {
        width: 20%; }
      .block-orders.time .item-select-pay .time-container .container a.btn {
        border-radius: 0; }
      .block-orders.time .item-select-pay .time-container .container div {
        display: inline-block; }
  .block-orders.time .item-select-pay .box-icon {
    display: inline-block; }
  .block-orders.time .item-select-pay .text {
    display: inline-block; }

.block-orders.inline {
  margin-bottom: 2em; }
  .block-orders.inline .block-orders {
    padding: 0 !important;
    margin: 0 !important; }
  .block-orders.inline .box-comment {
    margin-top: 0; }
  .block-orders.inline .box-modal {
    position: static !important;
    background: transparent;
    overflow: visible !important; }
    .block-orders.inline .box-modal .box-modal-dialog {
      border: 0;
      max-width: none !important;
      margin: 0 !important; }
      .block-orders.inline .box-modal .box-modal-dialog .box-item-select {
        padding: 0 !important; }
  .block-orders.inline .box-add-address {
    padding: 0 !important; }
  .block-orders.inline .box-item-select .item-select {
    margin-right: 1em !important;
    margin-bottom: 1em !important; }
  .block-orders.inline .block-orders .btn-save {
    top: 0;
    right: 0; }
  .block-orders.inline .block-orders .box-link {
    top: 0.5em;
    right: 9.5em; }

.item-default-address {
  font-weight: bold; }

.box-modal.error, .box-modal.info-popup {
  z-index: 200; }
  .box-modal.error .block-title, .box-modal.info-popup .block-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 0.8em; }
  .box-modal.error .box-add-address, .box-modal.info-popup .box-add-address {
    padding: 1em !important; }
  .box-modal.error .box-img, .box-modal.info-popup .box-img {
    text-align: center;
    width: 50%;
    margin: 0 auto; }
    .box-modal.error .box-img img, .box-modal.info-popup .box-img img {
      width: 70px; }
  .box-modal.error .box-modal-close, .box-modal.info-popup .box-modal-close {
    top: 0 !important;
    right: 0 !important;
    padding: 0.75em !important; }
  .box-modal.error .box-modal-dialog, .box-modal.info-popup .box-modal-dialog {
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none; }
    .box-modal.error .box-modal-dialog .box-modal-content, .box-modal.info-popup .box-modal-dialog .box-modal-content {
      width: 100%;
      max-width: 450px;
      margin: 0 auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
  .box-modal.error .box-item-select, .box-modal.info-popup .box-item-select {
    padding-top: 1em;
    text-align: center; }
    .box-modal.error .box-item-select h3, .box-modal.info-popup .box-item-select h3 {
      font-family: 'LifehackSans', Arial, Helvetica, sans-serif;
      font-size: 2em; }
  .box-modal.error .box-btn, .box-modal.info-popup .box-btn {
    margin-top: 1em; }
    .box-modal.error .box-btn .btn, .box-modal.info-popup .box-btn .btn {
      padding: 0.75em 3em; }

.confirm-cart-delete-btns {
  overflow: hidden;
  margin-bottom: 1em;
  max-width: 300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .confirm-cart-delete-btns .box-btn {
    display: inline-block;
    width: 49%; }
    .confirm-cart-delete-btns .box-btn .btn {
      width: 100%; }
    .confirm-cart-delete-btns .box-btn.confirm {
      float: left; }
    .confirm-cart-delete-btns .box-btn.decline {
      float: right; }

.block-preloader {
  width: 100%;
  text-align: center; }

.box-options.checkout {
  width: 100%;
  margin-bottom: 0.625em; }

.checkout-preloader {
  width: 100%;
  background: #fff;
  padding: 4rem; }

.anon-checkout-cart {
  width: 50%;
  margin: 0 auto;
  margin-top: 2em; }

@media (max-width: 768px) {
  .anon-checkout-cart {
    width: 100%;
    margin-top: 0; } }

.block-about-page-home {
  background-image: url("/assets/img/fon-home.png"); }

.block-fon-registration {
  background-image: url("/assets/img/fon-registration.png"); }
  .block-fon-registration .login-logo img {
    width: 10.15em;
    height: 4.37em; }

.order-history-goods .box-info-order .box-price {
  padding-top: 12px; }

.block-orders-history-page {
  background-image: url("/assets/img/fon-history.png"); }

.block-restaurants-list-page {
  background-image: url("/assets/img/fon-about.png"); }

.edit-details .field .input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* padding: 5px; */
  background-image: url("/assets/img/icons/selectIcon.png");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: 98% center; }

.field.terms {
  font-weight: bold; }
  .field.terms .input {
    width: initial !important; }
    .field.terms .input input[type="checkbox"] {
      margin: 0.5em 0; }
  .field.terms .title {
    margin-left: 10px;
    font-size: 15px;
    width: initial !important; }

.btn-profile-activate {
  text-align: center; }

.input small.hint {
  text-align: right;
  font-size: 0.8em;
  display: block; }

.box-recover-btns {
  text-align: center; }
  .box-recover-btns .box-btn {
    display: inline-block;
    width: 49% !important; }

.input-control-error {
  font-size: 0.875em; }

.brief-login .box-registration-btn {
  text-align: center;
  display: block; }
  .brief-login .box-registration-btn .box-btn {
    display: inline-block; }

.block-registration.brief-login .box-registration, .block-registration.brief-login .box-registration-wrapper {
  padding-top: 0;
  padding-bottom: 0; }

.main-registration .block-fon-registration.school {
  width: calc(100% - 35em);
  background-position: center; }

.main-registration .block-registration.school {
  max-width: 35em;
  right: 0;
  left: inherit;
  height: 100%;
  background: white; }
  .main-registration .block-registration.school .box-registration {
    top: 0; }
    .main-registration .block-registration.school .box-registration h1 {
      color: inherit; }

@media (max-width: 1340px) {
  .main-registration .block-fon-registration.school {
    width: calc(100% - 28em); }
  .main-registration .block-registration.school {
    max-width: 28em; }
    .main-registration .block-registration.school .box-registration {
      padding-left: 2.6em;
      padding-right: 2.6em; }
      .main-registration .block-registration.school .box-registration h1 {
        font-size: 4em; }
      .main-registration .block-registration.school .box-registration .box-logo-img img {
        max-width: 240px; }
      .main-registration .block-registration.school .box-registration .box-registration-header .name {
        font-size: 3em; } }

@media (max-width: 768px) {
  .main-registration .block-fon-registration.school {
    width: 100%;
    background-size: cover;
    background-position: center 20%; }
  .main-registration .block-registration.school {
    max-width: 100%; }
    .main-registration .block-registration.school .box-registration h1 {
      margin-bottom: 0.5em;
      font-size: 3.25em; }
    .main-registration .block-registration.school .box-registration .box-logo-img img {
      max-width: 100%; } }

@media (max-width: 520px) {
  .main-registration .block-fon-registration.school {
    background-size: cover;
    background-position: center 20%; } }

.block-malta-menu-orders .box-order-wrapper {
  display: block !important; }

.input-joint-email .input-control-error {
  font-size: 0.8em; }

.block-malta-menu-orders .box-order-wrapper .box-member {
  max-width: 25em; }

.block-malta-menu-orders .box-order-wrapper .box-member .input-search {
  max-width: none; }

.joint-order-edit .box-table-header th:nth-child(1) {
  width: 40%; }

.joint-order-edit .box-table-header th:nth-child(2) {
  width: 40px; }

.joint-order-edit .box-modal {
  display: block; }

.joint-order-edit .box-modal-dialog {
  max-width: 30em; }

.joint-order-edit .fee {
  font-size: 0.8em;
  display: block; }

.joint-order-edit .box-user-actions .box-line {
  text-align: right;
  display: block; }
  .joint-order-edit .box-user-actions .box-line .box-btn {
    display: inline-block;
    width: 49%; }

.joint-order-edit .item-assigned-stats {
  text-align: right;
  font-size: 0.9em; }

.joint-order-edit .box-user-actions + .item-assigned-stats {
  padding-top: 0.5em; }

.joint-order-edit .btn-red {
  border: 2px solid #e93e21; }
  .joint-order-edit .btn-red:hover {
    border-color: #ff7575; }

#block-orders .box-contents .box-item-select .item-select-pay {
  padding-bottom: 0; }

#block-orders .box-contents .box-item-select .item-select-pay.active .table .box-img:after {
  display: none; }

.box-joint-items-picker .box-item-basket {
  margin-top: 0 !important; }

#block-orders .box-contents .box-item-select .item-select-pay .box-price {
  text-align: right; }

.dropdown-filtered-input {
  position: relative; }
  .dropdown-filtered-input .options-list {
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    border: 1px solid #c0c0c0;
    background: #fff;
    z-index: 4;
    height: 250px;
    overflow: auto; }
    .dropdown-filtered-input .options-list li {
      cursor: pointer; }
      .dropdown-filtered-input .options-list li:hover {
        text-decoration: underline; }

.form-control.multiselect {
  padding-left: 1.0em !important; }

.input.multiselect.error .multiselect__tags {
  border-color: #ff3b3b !important; }

.eat-in {
  background-color: #fde6e6 !important; }

.tooltip {
  display: block !important;
  z-index: 10000;
  max-width: 200px; }
  .tooltip .tooltip-inner {
    background: #f3f3f3;
    color: #303030;
    border-radius: 0;
    padding: 5px 10px 4px;
    border: 1px solid #cfd1d8;
    font-size: 14px; }
  .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: grey;
    z-index: 1; }
  .tooltip[x-placement^="top"] {
    margin-bottom: 5px; }
    .tooltip[x-placement^="top"] .tooltip-arrow {
      border-width: 5px 5px 0 5px;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      bottom: -5px;
      left: calc(50% - 5px);
      margin-top: 0;
      margin-bottom: 0; }
  .tooltip[x-placement^="bottom"] {
    margin-top: 5px; }
    .tooltip[x-placement^="bottom"] .tooltip-arrow {
      border-width: 0 5px 5px 5px;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      border-top-color: transparent !important;
      top: -5px;
      left: calc(50% - 5px);
      margin-top: 0;
      margin-bottom: 0; }
  .tooltip[x-placement^="right"] {
    margin-left: 5px; }
    .tooltip[x-placement^="right"] .tooltip-arrow {
      border-width: 5px 5px 5px 0;
      border-left-color: transparent !important;
      border-top-color: transparent !important;
      border-bottom-color: transparent !important;
      left: -5px;
      top: calc(50% - 5px);
      margin-left: 0;
      margin-right: 0; }
  .tooltip[x-placement^="left"] {
    margin-right: 5px; }
    .tooltip[x-placement^="left"] .tooltip-arrow {
      border-width: 5px 0 5px 5px;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      right: -5px;
      top: calc(50% - 5px);
      margin-left: 0;
      margin-right: 0; }
  .tooltip.popover .popover-inner {
    background: #f9f9f9;
    color: black;
    padding: 10px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); }
    .tooltip.popover .popover-inner a {
      font-weight: bold;
      text-decoration: underline; }
  .tooltip.popover .popover-arrow {
    border-color: #f9f9f9; }
  .tooltip[aria-hidden='true'] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s; }
  .tooltip[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s; }

.v-popover {
  display: inline-block; }

.modal-dialog.rates .box-name {
  text-align: center; }

.modal-dialog.rates table {
  width: inherit;
  margin: auto; }

.modal-dialog.rates .rate-price {
  padding-left: 10px; }

@media (max-width: 768px) {
  .modal-dialog.rates .box-basket {
    max-height: 400px;
    overflow-y: auto; } }

.terms {
  margin-top: 10px; }

.terms.error .input-control-error {
  width: 100%;
  left: 0;
  text-align: left; }

.pay-form .input-control-error {
  width: 100%; }

header .text-link.benefits .icon {
  width: 60px !important;
  height: 60px;
  background-position: center;
  left: -30px;
  top: -3px; }

header .text-link.benefits a {
  height: 42px;
  padding-left: 30px;
  padding-right: 0;
  padding-top: 10px;
  line-height: 14px;
  width: 100px;
  display: block; }

header .text-link.benefits.invesus .icon {
  left: -10px; }

header .text-link.benefits.invesus a {
  line-height: 12px; }

header .text-link.benefits .icon.icon-genesis {
  width: 50px !important;
  height: 56px !important;
  background-position: center;
  background-image: url(../img/icons/logo-genesis.png) !important; }

header .text-link.benefits .icon.icon-english-first {
  width: 43px !important;
  height: 50px !important;
  background-position: center;
  background-image: url(../img/icons/ef.png) !important; }

header .text-link.benefits .icon.icon-mm {
  width: 40px !important;
  height: 40px !important;
  left: -8px;
  top: 5px; }

.box-delivery-types {
  border: 5px solid #F4F4F4;
  font-size: 1.3em;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between; }
  .box-delivery-types .box-control {
    border-bottom: none !important;
    line-height: 2.5em;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 0; }
    .box-delivery-types .box-control .box-checkbox input[type=radio]:checked + label,
    .box-delivery-types .box-control .box-checkbox input[type=checkbox]:checked + label {
      opacity: 1; }
    .box-delivery-types .box-control .box-checkbox label {
      line-height: 20px; }

.box-item-accordion .item-accordion .item-accordion-body .price-by-dish .box-control {
  line-height: 1.2em; }

.box-about .name-info {
  margin-bottom: 0.4em; }
  .box-about .name-info .closed .preorder {
    color: #509600; }

.box-about .box-rest-info {
  margin-top: 0.3em; }

.box-item-restaurants .item-restaurants .item-cell-about .box-about div .name {
  line-height: 28px; }

.text-black {
  color: #000000 !important; }

.box-table .box-like-btn {
  top: 1em;
  right: 1.65em; }

.vue-tabs.stacked {
  display: flex; }

.vue-tabs .tabs__link {
  text-decoration: none;
  color: gray; }

.vue-tabs .nav {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  list-style: none; }

.vue-tabs .nav:before, .vue-tabs .nav:after {
  content: " ";
  display: table; }

.vue-tabs .nav:after {
  clear: both; }

.vue-tabs .nav > li {
  position: relative;
  display: block; }

.vue-tabs .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.vue-tabs .nav > li > a:hover, .vue-tabs .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }

.vue-tabs .nav > li span.title {
  display: flex;
  justify-content: center; }

.vue-tabs .nav > li.disabled > a {
  color: #777777; }

.vue-tabs .nav > li.disabled > a:hover, .vue-tabs .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent; }

.vue-tabs .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.vue-tabs .nav > li > a > img {
  max-width: none; }

.vue-tabs .nav-tabs {
  border-bottom: 1px solid #ddd; }

.vue-tabs .nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.vue-tabs .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.vue-tabs .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd; }

.vue-tabs .nav-tabs > li.active > a, .vue-tabs .nav-tabs > li.active > a:hover, .vue-tabs .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.vue-tabs .nav-pills > li {
  float: left; }

.vue-tabs .nav-pills > li > a {
  border-radius: 4px; }

.vue-tabs .nav-pills > li + li {
  margin-left: 2px; }

.vue-tabs .nav-pills > li.active > a, .vue-tabs .nav-pills > li.active > a:hover, .vue-tabs .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7; }

.vue-tabs .nav-stacked > li {
  float: none; }

.vue-tabs .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.vue-tabs .nav-justified, .vue-tabs .nav-tabs.nav-justified {
  width: 100%; }

.vue-tabs .nav-justified > li, .vue-tabs .nav-tabs.nav-justified > li {
  float: none; }

.vue-tabs .nav-justified > li > a, .vue-tabs .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.vue-tabs .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .vue-tabs .nav-justified > li, .vue-tabs .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .vue-tabs .nav-justified > li > a, .vue-tabs .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.vue-tabs .nav-tabs-justified, .vue-tabs .nav-tabs.nav-justified {
  border-bottom: 0; }

.vue-tabs .nav-tabs-justified > li > a, .vue-tabs .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.vue-tabs .nav-tabs-justified > .active > a, .vue-tabs .nav-tabs.nav-justified > .active > a,
.vue-tabs .nav-tabs-justified > .active > a:hover, .vue-tabs .nav-tabs.nav-justified > .active > a:hover,
.vue-tabs .nav-tabs-justified > .active > a:focus, .vue-tabs .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd; }

@media (min-width: 768px) {
  .vue-tabs .nav-tabs-justified > li > a, .vue-tabs .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .vue-tabs .nav-tabs-justified > .active > a, .vue-tabs .nav-tabs.nav-justified > .active > a,
  .vue-tabs .nav-tabs-justified > .active > a:hover, .vue-tabs .nav-tabs.nav-justified > .active > a:hover,
  .vue-tabs .nav-tabs-justified > .active > a:focus, .vue-tabs .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.vue-tabs .tab-content > .tab-pane {
  display: none; }

.vue-tabs .tab-content > .active {
  display: block; }

.vue-tabs section[aria-hidden="true"] {
  display: none; }

.vue-tabs table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: auto; }
  .vue-tabs table tr {
    border-bottom: 2px dashed #d2d2d4; }
  .vue-tabs table td {
    padding: 0.5em; }

.box-fb-widget {
  /* margin-top: 20px;*/
  text-align: center; }

.custom-text-rest.rest-text {
  text-align: center;
  /*position:absolute;
  bottom: 5px;*/
  font-size: 1em;
  color: #ea3e22;
  font-weight: bold;
  width: 75%;
  margin-top: 6px; }

.box-save.big {
  width: 3.5em;
  height: 3.5em;
  padding-top: 13px; }
  .box-save.big .save {
    font-size: 1.3em; }

.eat-in-msg {
  font-style: italic;
  font-size: 0.9em; }

.restaurant-type .mm-card, .box-item-accordion .mm-card {
  height: 26px;
  border-radius: 5px; }

.box-comment .title-block {
  margin-right: 50px;
  width: 90px; }

.report-table .table-body .tr {
  height: 120px; }

.orange {
  color: #ff7575; }

.block-item-selection .el-date-editor, .block-item-selection .select-period {
  margin-right: 10px; }

.block-item-selection .select-period {
  max-width: 30%; }

.border-none {
  border: none !important; }

.school-login .box-btn {
  margin: 0 auto; }

.results.date-list {
  background-color: #ffffff; }
  .results.date-list a.btn {
    display: block; }

.total.order-time {
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #121924;
  border-radius: 4px;
  line-height: 34px; }

.box-attachments .items-attachments .name.dinner_name {
  line-height: 25px; }

.box-attachments .items-attachments .goods-attachment.grade {
  padding-left: 110px; }

.calendar .title {
  margin: 0.25em;
  font-weight: bold; }

.calendar .week {
  display: flex; }
  .calendar .week.day-of-week {
    background-color: #aaaaaa; }
    .calendar .week.day-of-week .day {
      cursor: default;
      font-weight: bold;
      color: #000000; }

.calendar .day {
  margin: 0.25em;
  /*flex-grow: 1;
    flex-basis: 0;*/
  width: 30px;
  line-height: 30px;
  color: #686869;
  cursor: not-allowed; }
  .calendar .day.week-day-7, .calendar .day.week-day-6 {
    color: red; }
  .calendar .day.available {
    cursor: pointer;
    color: #8cc23c;
    font-weight: bold; }
    .calendar .day.available.active {
      color: #ffffff;
      background-color: #8cc23c; }
  .calendar .day.reserve.available {
    color: #ffffff;
    background-color: #aaaaaa; }
    .calendar .day.reserve.available.active {
      color: #ffffff;
      background-color: #8cc23c; }

.calendar .year {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }

.calendar .month {
  margin: 0.25em;
  flex-basis: 0; }

.delivery_t {
  margin: 12px 0; }
  .delivery_t .btn-width100 {
    width: 100%; }

.date-list .time-item {
  margin-left: 20px;
  margin-right: 10px;
  line-height: 30px;
  border-bottom: 2px dashed #979797;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer; }
  .date-list .time-item .btn-delete {
    float: right;
    padding: 5px;
    vertical-align: middle; }
  .date-list .time-item .btn-check {
    float: right;
    padding: 10px;
    color: #ffffff; }
  .date-list .time-item:last-child {
    border-bottom: none; }

.box-school-user-name {
  line-height: 38px; }
  .box-school-user-name .box-name {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    color: #ffffff;
    margin-right: 20px;
    font-size: 28px; }

header .box-header .navbar-header img.hide-logo {
  display: none; }

header.scroll .box-header .navbar-header img.hide-logo {
  display: block; }

.box-info-check-out .box-check-out-main.school-result {
  min-width: 50%;
  margin: 2em auto;
  padding: 0; }
  .box-info-check-out .box-check-out-main.school-result .school-details-item {
    width: 40%;
    min-width: 480px; }
  .box-info-check-out .box-check-out-main.school-result .box-diner-info {
    font-size: 28px; }
    .box-info-check-out .box-check-out-main.school-result .box-diner-info .item-cell.date-name {
      vertical-align: top; }
  .box-info-check-out .box-check-out-main.school-result .delivery-dates {
    margin-top: 0.5em; }

.box-info-check-out .info-prise .text {
  margin-right: 40px; }

header.scroll.newark {
  background-color: white;
  border-bottom: 3px solid blue;
  height: 68px !important;
  min-height: 68px !important; }

.order-time .box-open .show-list-btn {
  padding: 1em 0.55em 0.25em 0.55em;
  transition: none; }
  .order-time .box-open .show-list-btn::after {
    border: 8px solid transparent;
    border-top: 7px solid white;
    display: block;
    width: 0;
    height: 0;
    content: ""; }

.order-time .box-open.open .show-list-btn {
  padding: 0.25em 0.55em 1em 0.55em; }
  .order-time .box-open.open .show-list-btn::after {
    border: 8px solid transparent;
    border-bottom: 7px solid white;
    display: block;
    width: 0;
    height: 0;
    content: ""; }

.form-diner {
  padding-bottom: 30px; }
  .form-diner .input-control-error {
    top: auto;
    bottom: 0; }

.box-modal.info-popup .block-title.diner-modal {
  padding-bottom: 2em; }

.table-responsive .calendar {
  background-color: #ffffff; }
  .table-responsive .calendar .name-month .block-title {
    width: 100%;
    text-align: center;
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    line-height: 39px;
    font-weight: bold; }
  .table-responsive .calendar .day {
    text-align: center; }

.calendar.full .day {
  width: 8em;
  margin: 0;
  padding: 0.5em;
  border: 1px solid #303030;
  border-collapse: collapse; }

.calendar.full .day.big-day {
  height: 10em; }

.calendar.full .good-title {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: block;
  line-height: 16px; }

.calendar-big .hide-desktop .close {
  right: 0.5em;
  top: 0.3em; }

.calendar-big .hide-desktop .block-title {
  padding: 0;
  height: auto;
  line-height: 1.2em; }

.calendar-big .hide-desktop .week-name, .calendar-big .hide-desktop .good-title {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold; }

.calendar-big .hide-desktop .week-name {
  color: #8cc23c; }

.calendar-big .hide-desktop .diner-name {
  font-size: 0.7em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #7fbbea; }
  .calendar-big .hide-desktop .diner-name .red {
    color: #ff7575; }

.calendar-big .hide-desktop .box-btn {
  margin-top: 1em; }

.calendar-big .hide-desktop .border-bottom {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.calendar-big .block-title {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: bold;
  height: 3em;
  padding: 0 5em;
  line-height: 3em; }
  .calendar-big .block-title .prev, .calendar-big .block-title .next {
    padding: 0.5em;
    color: #e93e21; }

.box-title.orders {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #303030; }

h3.block-title {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #7fbbea;
  text-decoration: underline;
  margin-top: 0.5em;
  cursor: pointer; }

.box-item-basket .block-title {
  font-size: 18px;
  font-weight: bold; }

.add-btn {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #8cc23c;
  text-align: center; }

.box-check-out {
  margin-bottom: 2em;
  padding-bottom: 2em; }

#mobile-school-cart {
  padding-left: 2em; }

.btn-change {
  padding: 0; }
  .btn-change img {
    width: 150px;
    position: relative;
    border-radius: 20px; }
  .btn-change:hover {
    opacity: 0.8; }

.btn-change-genesis {
  padding: 0; }
  .btn-change-genesis img {
    width: 250px;
    position: relative;
    border-radius: 20px; }
  .btn-change-genesis:hover {
    opacity: 0.8; }

.btn-blue {
  background-color: #399bca; }
  .btn-blue:hover {
    background-color: #7fbbea; }

.box-soclogin {
  margin-top: 24px; }

.calendar-genesis .day {
  text-align: center; }

.calendar-genesis .month {
  background-color: #FFF; }

.calendar .day .cancel-order {
  color: #ff7575;
  position: absolute;
  bottom: 0; }
  .calendar .day .cancel-order.available {
    cursor: pointer; }

.message-genesis {
  text-align: left; }

.box-restaurant-calendar .block-current-day {
  width: 80%;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #509600; }
  .box-restaurant-calendar .block-current-day .box-time {
    position: absolute;
    bottom: 1em; }
    .box-restaurant-calendar .block-current-day .box-time .btn {
      margin-right: 1em;
      font-size: 1em; }
  .box-restaurant-calendar .block-current-day .date {
    font-family: sans-serif;
    letter-spacing: 1px;
    font-size: 5em;
    color: #ea3e22;
    display: inline-block;
    font-weight: bold; }
  .box-restaurant-calendar .block-current-day .block-dm {
    display: inline-block;
    font-size: 1.5em;
    text-transform: uppercase; }
    .box-restaurant-calendar .block-current-day .block-dm .month {
      font-weight: bold; }

.box-restaurant-calendar .item-cell-logo .dish-img img {
  height: 240px;
  border-bottom-right-radius: 72%; }

.box-restaurant-calendar .item-cell-logo .rest {
  position: absolute;
  bottom: 0;
  right: 0; }
  .box-restaurant-calendar .item-cell-logo .rest img {
    height: 80px; }

.box-restaurant-calendar .block-month-select {
  display: flex;
  margin: 0 auto;
  width: 300px; }

.box-restaurant-calendar .calendar.full .month {
  flex-basis: unset;
  width: 100%; }

.box-restaurant-calendar .calendar.full .week {
  margin-bottom: 25px; }

.box-restaurant-calendar .calendar.full .day {
  width: 13%;
  border: 1px solid #686869;
  border-radius: 12%;
  margin-right: 1.5%;
  padding: 0;
  box-shadow: 0 0 10px #aaaaaa;
  height: 140px;
  overflow: hidden;
  cursor: pointer; }
  .box-restaurant-calendar .calendar.full .day.past {
    border-color: #e7e7e9;
    box-shadow: 0 0 10px #aaaaaa; }
    .box-restaurant-calendar .calendar.full .day.past .date-box {
      border-left: 6px solid #e7e7e9; }
  .box-restaurant-calendar .calendar.full .day.active {
    border-color: #509600;
    box-shadow: 0 0 10px #303030; }
    .box-restaurant-calendar .calendar.full .day.active .date-box {
      border-left: 6px solid #509600; }
  .box-restaurant-calendar .calendar.full .day.border-none {
    box-shadow: none;
    cursor: default; }
  .box-restaurant-calendar .calendar.full .day .date-box {
    color: #000000;
    width: 30%;
    border-left: 6px solid #686869;
    height: inherit;
    padding: 10% 0px;
    margin-right: 20px;
    text-align: center; }
    .box-restaurant-calendar .calendar.full .day .date-box .date {
      font-size: 2.3em;
      margin-top: 33%;
      font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
  .box-restaurant-calendar .calendar.full .day .order-box {
    width: 70%; }
    .box-restaurant-calendar .calendar.full .day .order-box img {
      height: 50px; }
    .box-restaurant-calendar .calendar.full .day .order-box .make-order .row {
      text-align: center;
      line-height: 50px; }
    .box-restaurant-calendar .calendar.full .day .order-box .make-order .plus {
      font-size: 2.5em;
      line-height: 50px; }
    .box-restaurant-calendar .calendar.full .day .order-box .make-order .order-logo {
      border-radius: 20px; }

@media (max-width: 768px) {
  .box-restaurant-calendar .block-current-day {
    width: 100%; }
  .box-restaurant-calendar .calendar.full .week {
    display: block;
    margin-bottom: 0; }
  .box-restaurant-calendar .calendar.full .day {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    border-radius: 30px; } }

.school-header.balance-block {
  width: 100%; }
  .school-header.balance-block .btn {
    vertical-align: middle;
    margin-right: 20px; }

.school-header, .box-school-user-name {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 1.5em; }
  .school-header .btn, .box-school-user-name .btn {
    color: #ffffff; }
  .school-header .btn.btn-black, .box-school-user-name .btn.btn-black {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif; }

.box-school-user-name .btn.btn-black {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 1.5em; }

.btn.btn-black.school-logout {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  padding-bottom: 0;
  padding-top: 0; }

.new-calendar .box-restaurant-calendar .block-month-select {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  width: auto; }
  .new-calendar .box-restaurant-calendar .block-month-select .btn {
    font-size: 1.2em; }
  .new-calendar .box-restaurant-calendar .block-month-select .month {
    font-size: 3em;
    padding-left: 1em;
    padding-right: 1em; }

.delivery-dates .box-quantity .input {
  min-width: 75px; }

.delivery-dates .box-quantity .box-variable-count {
  border-radius: 12px;
  border-width: 1px;
  height: 1.75em;
  font-weight: 600;
  overflow: hidden; }
  .delivery-dates .box-quantity .box-variable-count .btn-count {
    border-radius: 0;
    color: #ffffff;
    width: 25px;
    border-width: 1px;
    font-weight: 900;
    font-size: 20px;
    line-height: 1; }
  .delivery-dates .box-quantity .box-variable-count .count {
    color: #aaaaaa; }

.box-fon.box-fon-calendar {
  background: none; }

@media (min-width: 800px) {
  .box-modal.info-popup.map-user-pin .box-modal-dialog .box-modal-content {
    max-width: 90%; }
    .box-modal.info-popup.map-user-pin .box-modal-dialog .box-modal-content.default-size {
      max-width: 450px;
      height: 350px;
      padding-top: 3em;
      padding-bottom: 3em; } }

.box-orders .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center; }

.box-orders .box-name {
  color: #121924; }
  .box-orders .box-name .svg-icon {
    width: 24px;
    height: 24px;
    margin-right: 0.5em; }
  .box-orders .box-name h4 {
    display: inline-block;
    vertical-align: top;
    line-height: 24px; }

.box-orders .box-check-out {
  margin-bottom: 0;
  padding-bottom: 0; }
  .box-orders .box-check-out .btn {
    padding: 0.55em;
    font-weight: 600;
    text-transform: capitalize; }

.box-orders .box-item-basket {
  font-size: 0.875em;
  margin-top: 0; }
  .box-orders .box-item-basket .item-basket {
    background: #ffffff;
    border: 5px solid #F4F4F4;
    border-bottom: 0;
    margin: 0;
    padding: 1em 5px 1em 2.14em; }
    .box-orders .box-item-basket .item-basket .box-close {
      right: inherit;
      left: -2em; }
    .box-orders .box-item-basket .item-basket .box-img {
      border-radius: 5px;
      overflow: hidden; }
  .box-orders .box-item-basket .box-total, .box-orders .box-item-basket .box-check-out, .box-orders .box-item-basket .box-minimal {
    background: #F4F4F4;
    padding: 1em 2.14em; }
  .box-orders .box-item-basket .box-check-out .btn {
    padding: 0.55em;
    font-weight: 600;
    text-transform: capitalize; }
  .box-orders .box-item-basket .item-order .text {
    font-weight: normal; }
  .box-orders .box-item-basket .box-info-order {
    margin-top: 5px; }
    .box-orders .box-item-basket .box-info-order .box-price {
      font-size: 1.15em; }
  .box-orders .box-item-basket .box-quantity {
    min-width: 75px; }
    .box-orders .box-item-basket .box-quantity .box-variable-count {
      border-radius: 12px;
      border-width: 1px;
      height: 1.75em;
      font-weight: 600;
      overflow: hidden; }
      .box-orders .box-item-basket .box-quantity .box-variable-count .btn-count {
        border-radius: 0;
        color: #ffffff;
        width: 25px;
        border-width: 1px;
        font-weight: 900;
        font-size: 20px;
        line-height: 1; }
      .box-orders .box-item-basket .box-quantity .box-variable-count .count {
        color: #aaaaaa; }
  .box-orders .box-item-basket .box-total {
    color: #AAAAAA; }
    .box-orders .box-item-basket .box-total .info-prise:last-child {
      font-size: 1.15em;
      color: #000000; }
  .box-orders .box-item-basket .box-minimal {
    border: 0;
    font-size: 12px;
    color: #AAAAAA;
    margin: 0; }

.ordered-dish .name {
  font-family: "LifehackSans", Arial, Helvetica, sans-serif; }

#orders-scroll {
  padding-right: 1em; }

.genesis-restaurant #orders-scroll {
  background-color: #ffffff;
  padding: 1em; }
  .genesis-restaurant #orders-scroll .box-name {
    margin-top: 1.5em; }
    .genesis-restaurant #orders-scroll .box-name div {
      display: inline-block; }
    .genesis-restaurant #orders-scroll .box-name h4 {
      font-size: 1.5em;
      font-family: 'Nunito', sans-serif; }

.genesis-restaurant .box-orders .box-item-basket .item-basket {
  border: none; }

.genesis-restaurant .box-orders .box-item-basket .block-orders {
  border-bottom: 2px dashed #979797;
  padding-top: 10px;
  padding-bottom: 10px; }

.box-time-choosen {
  background-color: #ffffff;
  padding: 2.5em 1em; }
  .box-time-choosen .title {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    margin-bottom: 1em; }
  .box-time-choosen .box-time .btn {
    margin-right: 1em; }

.btn-disclaimer {
  display: flex !important;
  line-height: 1em;
  cursor: pointer;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #e93e21; }
  .btn-disclaimer .title {
    margin-top: 0.5em; }
  .btn-disclaimer .img {
    width: 100%;
    max-height: 30px;
    max-width: 30px; }
    .btn-disclaimer .img img {
      height: 100%;
      max-width: inherit; }

.search-result table tr {
  border-bottom: 1px solid #e93e21; }
  .search-result table tr td {
    padding-top: 10px;
    padding-bottom: 10px; }

.rest-logo {
  width: 2.4em;
  height: auto;
  border-radius: 0.8em;
  margin: 0.3em; }

.table-hr-tr {
  padding: 1em;
  border-bottom: 1px solid #ccc; }

.table-hr.block-orders-history {
  max-height: 600px;
  overflow-y: auto; }

.new-calendar .box-restaurant-calendar .month-hr-table .day.week-day .ordered-dish {
  line-height: 2em; }

.new-calendar .box-restaurant-calendar .month-hr-table .plus {
  color: #e93e21;
  border-bottom: 1px dotted #e93e21;
  font-family: "LifehackSans", Arial, Helvetica, sans-serif;
  font-size: 1.4em; }

.pay-app-btn {
  display: inline-flex;
  margin-right: 10%; }
  .pay-app-btn .btn {
    font-size: 1.125em;
    color: #ffffff;
    background: #e93e21;
    border: 2px solid #e93e21;
    border-radius: 25px;
    min-width: 150px;
    text-transform: none;
    font-weight: 600;
    padding: 6px;
    background-color: #e93e21;
    border-color: #e93e21; }
    .pay-app-btn .btn:hover {
      background-color: rgba(233, 62, 33, 0.5); }

table.table-rates {
  border-collapse: collapse;
  text-align: center; }
  table.table-rates th {
    font-weight: bold;
    font-size: 23px;
    text-align: center;
    vertical-align: middle;
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
    background: linear-gradient(#9595b6, #5a567f);
    color: white;
    padding: 10px;
    min-width: 110px;
    line-height: 1em; }
  table.table-rates td:first-child {
    background: #AFCDE7;
    color: white;
    padding: 10px 20px; }
  table.table-rates th, table.table-rates td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white; }
  table.table-rates td {
    background: #D8E6F3; }
  table.table-rates td:first-child {
    text-align: left; }

.box-modal.error.rates-popup .box-add-address {
  padding: 2.5em !important; }

.box-modal.error.rates-popup .box-modal-content {
  border-radius: 20px;
  max-width: 620px; }

a.link-view {
  text-decoration: underline; }

.block-info {
  width: 100%;
  position: absolute;
  top: 85px;
  left: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  overflow: auto;
  z-index: 3; }

.text-info {
  padding: 12px;
  border-radius: 20px;
  background-color: #fda162;
  max-width: 590px;
  color: #ffffff; }
  .text-info h4 {
    line-height: 1.2em; }

.page-intro_login .box-info.padding {
  padding-top: 200px; }

@media (max-width: 1023px) {
  .block-info {
    position: relative;
    background-color: #000000;
    top: 0;
    padding-top: 127px;
    z-index: 1; }
    .block-info .text-info {
      width: 100%;
      max-width: 100%;
      border-radius: 0; }
  .page-intro_login {
    display: none; }
    .page-intro_login .box-info.padding {
      padding-top: 20px; } }

.btn-clear-cart {
  position: absolute;
  top: -36px;
  right: 0; }

.new-calendar .box-restaurant-calendar .day.week-day .ordered-dish.flex-column {
  flex-direction: column; }
  .new-calendar .box-restaurant-calendar .day.week-day .ordered-dish.flex-column hr {
    color: #ff7575; }
  .new-calendar .box-restaurant-calendar .day.week-day .ordered-dish.flex-column span.plus {
    padding-top: 0.8em;
    padding-bottom: 0; }
    .new-calendar .box-restaurant-calendar .day.week-day .ordered-dish.flex-column span.plus.small {
      padding: 0;
      font-size: 1.5em; }

.text-big {
  font-size: 2em; }

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto; }

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #e93e21;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

.snowflake:after {
  content: "\2744"; }

/* Snowflake #1 */
.snowflake:nth-of-type(1) {
  animation-name: snowflake-1;
  animation-delay: 20s, 8s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 27%;
  top: -55%; }
  .snowflake:nth-of-type(1):after {
    font-size: 14px; }

@keyframes snowflake-1 {
  0% {
    transform: rotate(0deg);
    left: 27%;
    top: -55%; }
  25% {
    left: 28%; }
  50% {
    left: 27%; }
  75% {
    left: 29%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 95%;
    opacity: 0; } }

/* Snowflake #2 */
.snowflake:nth-of-type(2) {
  animation-name: snowflake-2;
  animation-delay: 9s, 8s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 65%;
  top: -79%; }
  .snowflake:nth-of-type(2):after {
    font-size: 6px; }

@keyframes snowflake-2 {
  0% {
    transform: rotate(0deg);
    left: 65%;
    top: -79%; }
  25% {
    left: 66%; }
  50% {
    left: 65%; }
  75% {
    left: 67%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 119%;
    opacity: 0; } }

/* Snowflake #3 */
.snowflake:nth-of-type(3) {
  animation-name: snowflake-3;
  animation-delay: 1s, 6s;
  animation-duration: 10s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 94%;
  top: -98%; }
  .snowflake:nth-of-type(3):after {
    font-size: 10px; }

@keyframes snowflake-3 {
  0% {
    transform: rotate(0deg);
    left: 94%;
    top: -98%; }
  25% {
    left: 95%; }
  50% {
    left: 94%; }
  75% {
    left: 96%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 138%;
    opacity: 0; } }

/* Snowflake #4 */
.snowflake:nth-of-type(4) {
  animation-name: snowflake-4;
  animation-delay: 9s, 6s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 85%;
  top: -89%; }
  .snowflake:nth-of-type(4):after {
    font-size: 6px; }

@keyframes snowflake-4 {
  0% {
    transform: rotate(0deg);
    left: 85%;
    top: -89%; }
  25% {
    left: 86%; }
  50% {
    left: 85%; }
  75% {
    left: 87%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 129%;
    opacity: 0; } }

/* Snowflake #5 */
.snowflake:nth-of-type(5) {
  animation-name: snowflake-5;
  animation-delay: 21s, 3s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 85%;
  top: -100%; }
  .snowflake:nth-of-type(5):after {
    font-size: 9px; }

@keyframes snowflake-5 {
  0% {
    transform: rotate(0deg);
    left: 85%;
    top: -100%; }
  25% {
    left: 86%; }
  50% {
    left: 85%; }
  75% {
    left: 87%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 140%;
    opacity: 0; } }

/* Snowflake #6 */
.snowflake:nth-of-type(6) {
  animation-name: snowflake-6;
  animation-delay: 21s, 3s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 83%;
  top: -59%; }
  .snowflake:nth-of-type(6):after {
    font-size: 17px; }

@keyframes snowflake-6 {
  0% {
    transform: rotate(0deg);
    left: 83%;
    top: -59%; }
  25% {
    left: 84%; }
  50% {
    left: 83%; }
  75% {
    left: 85%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 99%;
    opacity: 0; } }

/* Snowflake #7 */
.snowflake:nth-of-type(7) {
  animation-name: snowflake-7;
  animation-delay: 5s, 0s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 39%;
  top: -59%; }
  .snowflake:nth-of-type(7):after {
    font-size: 15px; }

@keyframes snowflake-7 {
  0% {
    transform: rotate(0deg);
    left: 39%;
    top: -59%; }
  25% {
    left: 40%; }
  50% {
    left: 39%; }
  75% {
    left: 41%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 99%;
    opacity: 0; } }

/* Snowflake #8 */
.snowflake:nth-of-type(8) {
  animation-name: snowflake-8;
  animation-delay: 3s, 5s;
  animation-duration: 10s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 5%;
  top: -83%; }
  .snowflake:nth-of-type(8):after {
    font-size: 14px; }

@keyframes snowflake-8 {
  0% {
    transform: rotate(0deg);
    left: 5%;
    top: -83%; }
  25% {
    left: 6%; }
  50% {
    left: 5%; }
  75% {
    left: 7%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 123%;
    opacity: 0; } }

/* Snowflake #9 */
.snowflake:nth-of-type(9) {
  animation-name: snowflake-9;
  animation-delay: 13s, 6s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 50%;
  top: -67%; }
  .snowflake:nth-of-type(9):after {
    font-size: 11px; }

@keyframes snowflake-9 {
  0% {
    transform: rotate(0deg);
    left: 50%;
    top: -67%; }
  25% {
    left: 51%; }
  50% {
    left: 50%; }
  75% {
    left: 52%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 107%;
    opacity: 0; } }

/* Snowflake #10 */
.snowflake:nth-of-type(10) {
  animation-name: snowflake-10;
  animation-delay: 10s, 10s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 41%;
  top: -82%; }
  .snowflake:nth-of-type(10):after {
    font-size: 10px; }

@keyframes snowflake-10 {
  0% {
    transform: rotate(0deg);
    left: 41%;
    top: -82%; }
  25% {
    left: 42%; }
  50% {
    left: 41%; }
  75% {
    left: 43%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 122%;
    opacity: 0; } }

/* Snowflake #11 */
.snowflake:nth-of-type(11) {
  animation-name: snowflake-11;
  animation-delay: 24s, 9s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 77%;
  top: -84%; }
  .snowflake:nth-of-type(11):after {
    font-size: 6px; }

@keyframes snowflake-11 {
  0% {
    transform: rotate(0deg);
    left: 77%;
    top: -84%; }
  25% {
    left: 78%; }
  50% {
    left: 77%; }
  75% {
    left: 79%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 124%;
    opacity: 0; } }

/* Snowflake #12 */
.snowflake:nth-of-type(12) {
  animation-name: snowflake-12;
  animation-delay: 8s, 3s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 100%;
  top: -72%; }
  .snowflake:nth-of-type(12):after {
    font-size: 7px; }

@keyframes snowflake-12 {
  0% {
    transform: rotate(0deg);
    left: 100%;
    top: -72%; }
  25% {
    left: 101%; }
  50% {
    left: 100%; }
  75% {
    left: 102%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 112%;
    opacity: 0; } }

/* Snowflake #13 */
.snowflake:nth-of-type(13) {
  animation-name: snowflake-13;
  animation-delay: 0s, 3s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 40%;
  top: -78%; }
  .snowflake:nth-of-type(13):after {
    font-size: 11px; }

@keyframes snowflake-13 {
  0% {
    transform: rotate(0deg);
    left: 40%;
    top: -78%; }
  25% {
    left: 41%; }
  50% {
    left: 40%; }
  75% {
    left: 42%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 118%;
    opacity: 0; } }

/* Snowflake #14 */
.snowflake:nth-of-type(14) {
  animation-name: snowflake-14;
  animation-delay: 3s, 3s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 41%;
  top: -93%; }
  .snowflake:nth-of-type(14):after {
    font-size: 13px; }

@keyframes snowflake-14 {
  0% {
    transform: rotate(0deg);
    left: 41%;
    top: -93%; }
  25% {
    left: 42%; }
  50% {
    left: 41%; }
  75% {
    left: 43%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 133%;
    opacity: 0; } }

/* Snowflake #15 */
.snowflake:nth-of-type(15) {
  animation-name: snowflake-15;
  animation-delay: 21s, 8s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 10%;
  top: -91%; }
  .snowflake:nth-of-type(15):after {
    font-size: 11px; }

@keyframes snowflake-15 {
  0% {
    transform: rotate(0deg);
    left: 10%;
    top: -91%; }
  25% {
    left: 11%; }
  50% {
    left: 10%; }
  75% {
    left: 12%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 131%;
    opacity: 0; } }

/* Snowflake #16 */
.snowflake:nth-of-type(16) {
  animation-name: snowflake-16;
  animation-delay: 14s, 12s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 6%;
  top: -56%; }
  .snowflake:nth-of-type(16):after {
    font-size: 10px; }

@keyframes snowflake-16 {
  0% {
    transform: rotate(0deg);
    left: 6%;
    top: -56%; }
  25% {
    left: 7%; }
  50% {
    left: 6%; }
  75% {
    left: 8%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 96%;
    opacity: 0; } }

/* Snowflake #17 */
.snowflake:nth-of-type(17) {
  animation-name: snowflake-17;
  animation-delay: 7s, 14s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 89%;
  top: -96%; }
  .snowflake:nth-of-type(17):after {
    font-size: 15px; }

@keyframes snowflake-17 {
  0% {
    transform: rotate(0deg);
    left: 89%;
    top: -96%; }
  25% {
    left: 90%; }
  50% {
    left: 89%; }
  75% {
    left: 91%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 136%;
    opacity: 0; } }

/* Snowflake #18 */
.snowflake:nth-of-type(18) {
  animation-name: snowflake-18;
  animation-delay: 20s, 1s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 51%;
  top: -94%; }
  .snowflake:nth-of-type(18):after {
    font-size: 11px; }

@keyframes snowflake-18 {
  0% {
    transform: rotate(0deg);
    left: 51%;
    top: -94%; }
  25% {
    left: 52%; }
  50% {
    left: 51%; }
  75% {
    left: 53%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 134%;
    opacity: 0; } }

/* Snowflake #19 */
.snowflake:nth-of-type(19) {
  animation-name: snowflake-19;
  animation-delay: 9s, 11s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 35%;
  top: -93%; }
  .snowflake:nth-of-type(19):after {
    font-size: 14px; }

@keyframes snowflake-19 {
  0% {
    transform: rotate(0deg);
    left: 35%;
    top: -93%; }
  25% {
    left: 36%; }
  50% {
    left: 35%; }
  75% {
    left: 37%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 133%;
    opacity: 0; } }

/* Snowflake #20 */
.snowflake:nth-of-type(20) {
  animation-name: snowflake-20;
  animation-delay: 22s, 9s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 80%;
  top: -88%; }
  .snowflake:nth-of-type(20):after {
    font-size: 10px; }

@keyframes snowflake-20 {
  0% {
    transform: rotate(0deg);
    left: 80%;
    top: -88%; }
  25% {
    left: 81%; }
  50% {
    left: 80%; }
  75% {
    left: 82%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 128%;
    opacity: 0; } }

/* Snowflake #21 */
.snowflake:nth-of-type(21) {
  animation-name: snowflake-21;
  animation-delay: 12s, 5s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 18%;
  top: -56%; }
  .snowflake:nth-of-type(21):after {
    font-size: 13px; }

@keyframes snowflake-21 {
  0% {
    transform: rotate(0deg);
    left: 18%;
    top: -56%; }
  25% {
    left: 19%; }
  50% {
    left: 18%; }
  75% {
    left: 20%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 96%;
    opacity: 0; } }

/* Snowflake #22 */
.snowflake:nth-of-type(22) {
  animation-name: snowflake-22;
  animation-delay: 20s, 2s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 58%;
  top: -68%; }
  .snowflake:nth-of-type(22):after {
    font-size: 9px; }

@keyframes snowflake-22 {
  0% {
    transform: rotate(0deg);
    left: 58%;
    top: -68%; }
  25% {
    left: 59%; }
  50% {
    left: 58%; }
  75% {
    left: 60%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 108%;
    opacity: 0; } }

/* Snowflake #23 */
.snowflake:nth-of-type(23) {
  animation-name: snowflake-23;
  animation-delay: 3s, 13s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 67%;
  top: -83%; }
  .snowflake:nth-of-type(23):after {
    font-size: 9px; }

@keyframes snowflake-23 {
  0% {
    transform: rotate(0deg);
    left: 67%;
    top: -83%; }
  25% {
    left: 68%; }
  50% {
    left: 67%; }
  75% {
    left: 69%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 123%;
    opacity: 0; } }

/* Snowflake #24 */
.snowflake:nth-of-type(24) {
  animation-name: snowflake-24;
  animation-delay: 15s, 8s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 97%;
  top: -54%; }
  .snowflake:nth-of-type(24):after {
    font-size: 9px; }

@keyframes snowflake-24 {
  0% {
    transform: rotate(0deg);
    left: 97%;
    top: -54%; }
  25% {
    left: 98%; }
  50% {
    left: 97%; }
  75% {
    left: 99%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 94%;
    opacity: 0; } }

/* Snowflake #25 */
.snowflake:nth-of-type(25) {
  animation-name: snowflake-25;
  animation-delay: 13s, 5s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 20%;
  top: -60%; }
  .snowflake:nth-of-type(25):after {
    font-size: 14px; }

@keyframes snowflake-25 {
  0% {
    transform: rotate(0deg);
    left: 20%;
    top: -60%; }
  25% {
    left: 21%; }
  50% {
    left: 20%; }
  75% {
    left: 22%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 100%;
    opacity: 0; } }

/* Snowflake #26 */
.snowflake:nth-of-type(26) {
  animation-name: snowflake-26;
  animation-delay: 7s, 12s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 83%;
  top: -88%; }
  .snowflake:nth-of-type(26):after {
    font-size: 8px; }

@keyframes snowflake-26 {
  0% {
    transform: rotate(0deg);
    left: 83%;
    top: -88%; }
  25% {
    left: 84%; }
  50% {
    left: 83%; }
  75% {
    left: 85%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 128%;
    opacity: 0; } }

/* Snowflake #27 */
.snowflake:nth-of-type(27) {
  animation-name: snowflake-27;
  animation-delay: 16s, 2s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 74%;
  top: -52%; }
  .snowflake:nth-of-type(27):after {
    font-size: 16px; }

@keyframes snowflake-27 {
  0% {
    transform: rotate(0deg);
    left: 74%;
    top: -52%; }
  25% {
    left: 75%; }
  50% {
    left: 74%; }
  75% {
    left: 76%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 92%;
    opacity: 0; } }

/* Snowflake #28 */
.snowflake:nth-of-type(28) {
  animation-name: snowflake-28;
  animation-delay: 22s, 4s;
  animation-duration: 10s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 17%;
  top: -60%; }
  .snowflake:nth-of-type(28):after {
    font-size: 7px; }

@keyframes snowflake-28 {
  0% {
    transform: rotate(0deg);
    left: 17%;
    top: -60%; }
  25% {
    left: 18%; }
  50% {
    left: 17%; }
  75% {
    left: 19%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 100%;
    opacity: 0; } }

/* Snowflake #29 */
.snowflake:nth-of-type(29) {
  animation-name: snowflake-29;
  animation-delay: 21s, 10s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 97%;
  top: -97%; }
  .snowflake:nth-of-type(29):after {
    font-size: 8px; }

@keyframes snowflake-29 {
  0% {
    transform: rotate(0deg);
    left: 97%;
    top: -97%; }
  25% {
    left: 98%; }
  50% {
    left: 97%; }
  75% {
    left: 99%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 137%;
    opacity: 0; } }

/* Snowflake #30 */
.snowflake:nth-of-type(30) {
  animation-name: snowflake-30;
  animation-delay: 19s, 3s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 49%;
  top: -76%; }
  .snowflake:nth-of-type(30):after {
    font-size: 12px; }

@keyframes snowflake-30 {
  0% {
    transform: rotate(0deg);
    left: 49%;
    top: -76%; }
  25% {
    left: 50%; }
  50% {
    left: 49%; }
  75% {
    left: 51%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 116%;
    opacity: 0; } }

/* Snowflake #31 */
.snowflake:nth-of-type(31) {
  animation-name: snowflake-31;
  animation-delay: 24s, 1s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 18%;
  top: -51%; }
  .snowflake:nth-of-type(31):after {
    font-size: 9px; }

@keyframes snowflake-31 {
  0% {
    transform: rotate(0deg);
    left: 18%;
    top: -51%; }
  25% {
    left: 19%; }
  50% {
    left: 18%; }
  75% {
    left: 20%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 91%;
    opacity: 0; } }

/* Snowflake #32 */
.snowflake:nth-of-type(32) {
  animation-name: snowflake-32;
  animation-delay: 24s, 12s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 52%;
  top: -52%; }
  .snowflake:nth-of-type(32):after {
    font-size: 10px; }

@keyframes snowflake-32 {
  0% {
    transform: rotate(0deg);
    left: 52%;
    top: -52%; }
  25% {
    left: 53%; }
  50% {
    left: 52%; }
  75% {
    left: 54%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 92%;
    opacity: 0; } }

/* Snowflake #33 */
.snowflake:nth-of-type(33) {
  animation-name: snowflake-33;
  animation-delay: 22s, 14s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 11%;
  top: -87%; }
  .snowflake:nth-of-type(33):after {
    font-size: 16px; }

@keyframes snowflake-33 {
  0% {
    transform: rotate(0deg);
    left: 11%;
    top: -87%; }
  25% {
    left: 12%; }
  50% {
    left: 11%; }
  75% {
    left: 13%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 127%;
    opacity: 0; } }

/* Snowflake #34 */
.snowflake:nth-of-type(34) {
  animation-name: snowflake-34;
  animation-delay: 18s, 2s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 80%;
  top: -70%; }
  .snowflake:nth-of-type(34):after {
    font-size: 8px; }

@keyframes snowflake-34 {
  0% {
    transform: rotate(0deg);
    left: 80%;
    top: -70%; }
  25% {
    left: 81%; }
  50% {
    left: 80%; }
  75% {
    left: 82%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 110%;
    opacity: 0; } }

/* Snowflake #35 */
.snowflake:nth-of-type(35) {
  animation-name: snowflake-35;
  animation-delay: 21s, 11s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 16%;
  top: -62%; }
  .snowflake:nth-of-type(35):after {
    font-size: 12px; }

@keyframes snowflake-35 {
  0% {
    transform: rotate(0deg);
    left: 16%;
    top: -62%; }
  25% {
    left: 17%; }
  50% {
    left: 16%; }
  75% {
    left: 18%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 102%;
    opacity: 0; } }

/* Snowflake #36 */
.snowflake:nth-of-type(36) {
  animation-name: snowflake-36;
  animation-delay: 22s, 14s;
  animation-duration: 9s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 46%;
  top: -78%; }
  .snowflake:nth-of-type(36):after {
    font-size: 15px; }

@keyframes snowflake-36 {
  0% {
    transform: rotate(0deg);
    left: 46%;
    top: -78%; }
  25% {
    left: 47%; }
  50% {
    left: 46%; }
  75% {
    left: 48%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 118%;
    opacity: 0; } }

/* Snowflake #37 */
.snowflake:nth-of-type(37) {
  animation-name: snowflake-37;
  animation-delay: 4s, 7s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 80%;
  top: -64%; }
  .snowflake:nth-of-type(37):after {
    font-size: 16px; }

@keyframes snowflake-37 {
  0% {
    transform: rotate(0deg);
    left: 80%;
    top: -64%; }
  25% {
    left: 81%; }
  50% {
    left: 80%; }
  75% {
    left: 82%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 104%;
    opacity: 0; } }

/* Snowflake #38 */
.snowflake:nth-of-type(38) {
  animation-name: snowflake-38;
  animation-delay: 3s, 11s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 60%;
  top: -79%; }
  .snowflake:nth-of-type(38):after {
    font-size: 12px; }

@keyframes snowflake-38 {
  0% {
    transform: rotate(0deg);
    left: 60%;
    top: -79%; }
  25% {
    left: 61%; }
  50% {
    left: 60%; }
  75% {
    left: 62%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 119%;
    opacity: 0; } }

/* Snowflake #39 */
.snowflake:nth-of-type(39) {
  animation-name: snowflake-39;
  animation-delay: 1s, 5s;
  animation-duration: 7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 58%;
  top: -84%; }
  .snowflake:nth-of-type(39):after {
    font-size: 10px; }

@keyframes snowflake-39 {
  0% {
    transform: rotate(0deg);
    left: 58%;
    top: -84%; }
  25% {
    left: 59%; }
  50% {
    left: 58%; }
  75% {
    left: 60%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 124%;
    opacity: 0; } }

/* Snowflake #40 */
.snowflake:nth-of-type(40) {
  animation-name: snowflake-40;
  animation-delay: 10s, 8s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 87%;
  top: -79%; }
  .snowflake:nth-of-type(40):after {
    font-size: 7px; }

@keyframes snowflake-40 {
  0% {
    transform: rotate(0deg);
    left: 87%;
    top: -79%; }
  25% {
    left: 88%; }
  50% {
    left: 87%; }
  75% {
    left: 89%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 119%;
    opacity: 0; } }

/* Snowflake #41 */
.snowflake:nth-of-type(41) {
  animation-name: snowflake-41;
  animation-delay: 24s, 4s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 42%;
  top: -64%; }
  .snowflake:nth-of-type(41):after {
    font-size: 6px; }

@keyframes snowflake-41 {
  0% {
    transform: rotate(0deg);
    left: 42%;
    top: -64%; }
  25% {
    left: 43%; }
  50% {
    left: 42%; }
  75% {
    left: 44%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 104%;
    opacity: 0; } }

/* Snowflake #42 */
.snowflake:nth-of-type(42) {
  animation-name: snowflake-42;
  animation-delay: 18s, 6s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 48%;
  top: -90%; }
  .snowflake:nth-of-type(42):after {
    font-size: 7px; }

@keyframes snowflake-42 {
  0% {
    transform: rotate(0deg);
    left: 48%;
    top: -90%; }
  25% {
    left: 49%; }
  50% {
    left: 48%; }
  75% {
    left: 50%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 130%;
    opacity: 0; } }

/* Snowflake #43 */
.snowflake:nth-of-type(43) {
  animation-name: snowflake-43;
  animation-delay: 12s, 1s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 18%;
  top: -72%; }
  .snowflake:nth-of-type(43):after {
    font-size: 9px; }

@keyframes snowflake-43 {
  0% {
    transform: rotate(0deg);
    left: 18%;
    top: -72%; }
  25% {
    left: 19%; }
  50% {
    left: 18%; }
  75% {
    left: 20%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 112%;
    opacity: 0; } }

/* Snowflake #44 */
.snowflake:nth-of-type(44) {
  animation-name: snowflake-44;
  animation-delay: 18s, 0s;
  animation-duration: 5s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 97%;
  top: -75%; }
  .snowflake:nth-of-type(44):after {
    font-size: 10px; }

@keyframes snowflake-44 {
  0% {
    transform: rotate(0deg);
    left: 97%;
    top: -75%; }
  25% {
    left: 98%; }
  50% {
    left: 97%; }
  75% {
    left: 99%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 115%;
    opacity: 0; } }

/* Snowflake #45 */
.snowflake:nth-of-type(45) {
  animation-name: snowflake-45;
  animation-delay: 8s, 7s;
  animation-duration: 8s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 8%;
  top: -91%; }
  .snowflake:nth-of-type(45):after {
    font-size: 6px; }

@keyframes snowflake-45 {
  0% {
    transform: rotate(0deg);
    left: 8%;
    top: -91%; }
  25% {
    left: 9%; }
  50% {
    left: 8%; }
  75% {
    left: 10%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 131%;
    opacity: 0; } }

/* Snowflake #46 */
.snowflake:nth-of-type(46) {
  animation-name: snowflake-46;
  animation-delay: 14s, 7s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 21%;
  top: -91%; }
  .snowflake:nth-of-type(46):after {
    font-size: 15px; }

@keyframes snowflake-46 {
  0% {
    transform: rotate(0deg);
    left: 21%;
    top: -91%; }
  25% {
    left: 22%; }
  50% {
    left: 21%; }
  75% {
    left: 23%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 131%;
    opacity: 0; } }

/* Snowflake #47 */
.snowflake:nth-of-type(47) {
  animation-name: snowflake-47;
  animation-delay: 16s, 4s;
  animation-duration: 6s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 92%;
  top: -53%; }
  .snowflake:nth-of-type(47):after {
    font-size: 17px; }

@keyframes snowflake-47 {
  0% {
    transform: rotate(0deg);
    left: 92%;
    top: -53%; }
  25% {
    left: 93%; }
  50% {
    left: 92%; }
  75% {
    left: 94%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 93%;
    opacity: 0; } }

/* Snowflake #48 */
.snowflake:nth-of-type(48) {
  animation-name: snowflake-48;
  animation-delay: 23s, 1s;
  animation-duration: 10s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 37%;
  top: -83%; }
  .snowflake:nth-of-type(48):after {
    font-size: 16px; }

@keyframes snowflake-48 {
  0% {
    transform: rotate(0deg);
    left: 37%;
    top: -83%; }
  25% {
    left: 38%; }
  50% {
    left: 37%; }
  75% {
    left: 39%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 123%;
    opacity: 0; } }

/* Snowflake #49 */
.snowflake:nth-of-type(49) {
  animation-name: snowflake-49;
  animation-delay: 12s, 6s;
  animation-duration: 10s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 19%;
  top: -97%; }
  .snowflake:nth-of-type(49):after {
    font-size: 9px; }

@keyframes snowflake-49 {
  0% {
    transform: rotate(0deg);
    left: 19%;
    top: -97%; }
  25% {
    left: 20%; }
  50% {
    left: 19%; }
  75% {
    left: 21%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 137%;
    opacity: 0; } }

/* Snowflake #50 */
.snowflake:nth-of-type(50) {
  animation-name: snowflake-50;
  animation-delay: 21s, 14s;
  animation-duration: 10s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  left: 78%;
  top: -81%; }
  .snowflake:nth-of-type(50):after {
    font-size: 6px; }

@keyframes snowflake-50 {
  0% {
    transform: rotate(0deg);
    left: 78%;
    top: -81%; }
  25% {
    left: 79%; }
  50% {
    left: 78%; }
  75% {
    left: 80%;
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    top: 121%;
    opacity: 0; } }

.block-about-page {
  height: 20em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover; }
  .block-about-page.block-about-page-menu {
    height: 25.9em; }
    .block-about-page.block-about-page-menu .box-res .box-about-restaurants {
      padding-left: 12.5em; }
      .block-about-page.block-about-page-menu .box-res .box-about-restaurants .box-logo-restaurants {
        position: absolute;
        top: 0;
        left: 0; }
      .block-about-page.block-about-page-menu .box-res .box-about-restaurants-check-out {
        padding-left: 7.5em; }
        .block-about-page.block-about-page-menu .box-res .box-about-restaurants-check-out .box-logo-restaurants {
          width: 5.68em;
          height: 5.68em;
          background-color: #ffffff;
          padding: 5px;
          border-radius: 3px; }
          .block-about-page.block-about-page-menu .box-res .box-about-restaurants-check-out .box-logo-restaurants.link-prew:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -8px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            background-image: url(/assets/img/icons/link-prew.png);
            width: 11px;
            height: 17px; }
          .block-about-page.block-about-page-menu .box-res .box-about-restaurants-check-out .box-logo-restaurants.link-prew:before {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 3px;
            content: '';
            position: absolute;
            background-color: rgba(0, 0, 0, 0.75); }
  .block-about-page.block-about-page-home {
    height: 40.5em; }
  .block-about-page.about-page-check-out {
    height: 20.65em; }
    .block-about-page.about-page-check-out .box-fon {
      padding: 4.625em 0 2.5em; }

.box-fon {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 4.625em 0 5.5em;
  height: 100%; }

.block-selection {
  background-color: #ffffff;
  padding: 1.25em 0; }
  .block-selection .block-item-selection {
    width: 68%;
    margin-right: 1em; }
    .block-selection .block-item-selection .box-selection {
      width: 48%;
      margin-right: 1em; }
      .block-selection .block-item-selection .box-selection:last-child {
        margin-right: 0; }
      .block-selection .block-item-selection .box-selection .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
        height: 2.575em;
        min-width: 9.5em; }
  .block-selection .box-btn-checkbox {
    width: 17.5em; }
    .block-selection .box-btn-checkbox .btn {
      text-transform: none;
      padding: 0.75em 0.35em;
      width: 100%; }
      .block-selection .box-btn-checkbox .btn:not(:last-child) {
        margin-right: 4px; }

.icon-input {
  position: absolute;
  left: 9px;
  top: 7px;
  font-size: 1.375em;
  padding: 0.5em;
  color: #8cc23c; }

.block-restaurants {
  padding-top: 1.85em; }
  .block-restaurants_view-all {
    background: #ffffff;
    text-align: center;
    padding: 10px 0 15px; }
  .block-restaurants.top .featured-restaurants {
    margin-bottom: 0;
    padding-bottom: 0; }
  .block-restaurants .box-sorting {
    height: 3em;
    padding: 0.85em 0;
    font-size: 0.875em; }
    .block-restaurants .box-sorting > div {
      display: inline-block;
      vertical-align: middle; }
    .block-restaurants .box-sorting .name {
      padding-right: 3.75em;
      font-weight: 700; }
    .block-restaurants .box-sorting .sorting {
      cursor: pointer;
      float: right; }
      .block-restaurants .box-sorting .sorting .name {
        color: #999999;
        padding: 0; }
        .block-restaurants .box-sorting .sorting .name span {
          color: #444444; }
    .block-restaurants .box-sorting .box-checkbox label {
      opacity: 1; }
  .block-restaurants .box-page-name {
    font-size: 2.5em;
    line-height: 1em;
    padding-top: 0.5em; }
  .block-restaurants .box-text {
    padding-bottom: 2em; }

.btn-group .btn {
  width: 1.75em;
  height: 1.75em;
  padding: 0;
  text-align: center;
  background-color: #d6d8de;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-group .btn .icon {
    vertical-align: middle; }
  .btn-group .btn:hover {
    background-color: #b9babe; }

.block-left-main {
  margin-right: 18.875em; }

.block-right {
  width: 25em;
  float: right; }
  .block-right .bx-viewport {
    height: auto !important; }

.box-carousel .bx-wrapper {
  border: none !important;
  box-shadow: none;
  margin-bottom: 2em;
  background: inherit; }

.box-carousel .block-tabs .tab {
  display: none; }

.box-carousel .bx-pager {
  display: none !important; }

.box-carousel .tabcontent {
  display: none; }
  .box-carousel .tabcontent.active {
    display: block; }
  .box-carousel .tabcontent .bx-viewport {
    min-height: 18.8em !important; }
    .box-carousel .tabcontent .bx-viewport ul li {
      width: auto !important; }

.box-carousel .bx-controls {
  position: absolute;
  top: 0;
  right: 0; }
  .box-carousel .bx-controls .bx-controls-direction a {
    background: #d6d8de;
    width: 1.75em;
    height: 1.75em;
    border-radius: 3px;
    margin-top: -36px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .box-carousel .bx-controls .bx-controls-direction a:hover {
      background: #b9babe; }
  .box-carousel .bx-controls .bx-controls-direction .bx-prev {
    left: -28px; }
    .box-carousel .bx-controls .bx-controls-direction .bx-prev:after {
      content: '';
      position: absolute;
      top: 50%;
      width: 4px;
      height: 6px;
      left: 12px;
      display: block;
      margin-top: -3px;
      background-image: url("../img/icons/arrow-right.png"); }
  .box-carousel .bx-controls .bx-controls-direction .bx-next {
    right: 30px; }
    .box-carousel .bx-controls .bx-controls-direction .bx-next:after {
      content: '';
      position: absolute;
      top: 50%;
      width: 4px;
      height: 6px;
      left: 12px;
      display: block;
      margin-top: -3px;
      background-image: url("../img/icons/arrow-left.png"); }

.background-video {
  max-height: 47.75em;
  overflow: hidden;
  position: relative;
  z-index: -1; }
  .background-video video {
    display: inline-block;
    vertical-align: bottom; }
  .background-video .box-img-height {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5; }
  .background-video:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.4); }

.container-full-width .block-about-page-home:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.4); }

.box-restaurants-stages {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

.box-find-restaurants {
  max-width: 64em;
  padding: 1.125em;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  margin: 2.5em auto; }
  .box-find-restaurants .box-input-address {
    max-width: 26.25em;
    width: 100%; }
    .box-find-restaurants .box-input-address .form-control {
      height: 4.25em;
      border: 0;
      padding-top: 15px;
      padding-left: 3.1em; }
  .box-find-restaurants .box-select-radio {
    margin-left: -10px;
    max-width: 14.65em;
    width: 100%;
    height: 4.25em;
    border-radius: 4px;
    background-color: #f6f6f8; }
    .box-find-restaurants .box-select-radio .box-control .box-checkbox {
      padding-left: 1.235em;
      line-height: 4.25em;
      display: inline-block;
      vertical-align: middle; }
      .box-find-restaurants .box-select-radio .box-control .box-checkbox:not(:last-child) {
        border-left: 1px solid #e4e4e4; }
  .box-find-restaurants .box-btn {
    max-width: 20em;
    width: 100%;
    margin-left: 1.5em; }
    .box-find-restaurants .box-btn .btn {
      width: 100%;
      font-size: 0.93em;
      padding: 1.65em 1em; }

.box-stages {
  max-width: 64em;
  margin: auto; }
  .box-stages .box-items {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center; }
    .box-stages .box-items .item-cell {
      vertical-align: top;
      display: inline-block; }
      .box-stages .box-items .item-cell .box-stages-info {
        color: #ffffff;
        font-weight: 700;
        text-align: center;
        font-size: 1em; }
        .box-stages .box-items .item-cell .box-stages-info .box-icon {
          height: 4em; }
      .box-stages .box-items .item-cell:not(:last-child):after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        width: 130px;
        height: 25px;
        background-image: url("../img/icons/stages-next.png");
        background-repeat: no-repeat;
        background-size: contain; }

.block-white {
  background-color: #ffffff;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 1em; }

.box-logo-company {
  padding: 0 0 1em 0; }
  .box-logo-company .box-items {
    list-style: none;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center; }
    .box-logo-company .box-items .item-cell {
      display: inline-block;
      vertical-align: top;
      width: 8.125em;
      height: 8.125em;
      background-color: #ffffff;
      border: 1px solid #e4e4e4;
      padding: 1em 0.5em;
      text-align: center; }

.box-carousel.box-carousel-home {
  margin-bottom: 2.5em; }
  .box-carousel.box-carousel-home .bx-controls-direction {
    display: none; }
  .box-carousel.box-carousel-home .slick-arrow {
    display: none !important; }
  .box-carousel.box-carousel-home .slick-list {
    overflow: inherit !important; }

.box-carousel .slick-slider .slick-list .slick-track .slick-slide {
  margin: 0 0.75em; }
  .box-carousel .slick-slider .slick-list .slick-track .slick-slide.slick-center {
    outline: none !important; }
  .box-carousel .slick-slider .slick-list .slick-track .slick-slide[aria-hidden=true] {
    opacity: 0.5; }
  .box-carousel .slick-slider .slick-list .slick-track .slick-slide img {
    min-height: 100%;
    width: 100%; }

.box-carousel .slick-slider .slick-dots {
  display: none !important; }

.box-carousel .slick-slider .slick-prev {
  background: #d6d8de;
  width: 1.75em;
  height: 1.75em;
  border-radius: 3px;
  margin-top: -36px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 2px;
  right: 30px;
  outline: 0;
  text-indent: -9999px;
  z-index: 9999; }
  .box-carousel .slick-slider .slick-prev:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 4px;
    height: 6px;
    left: 12px;
    display: block;
    margin-top: -3px;
    background-image: url(../img/icons/arrow-left.png); }

.box-carousel .slick-slider .slick-next {
  position: absolute;
  top: 2px;
  right: 0;
  outline: 0;
  text-indent: -9999px;
  z-index: 9999;
  background: #d6d8de;
  width: 1.75em;
  height: 1.75em;
  border-radius: 3px;
  margin-top: -36px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .box-carousel .slick-slider .slick-next:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 4px;
    height: 6px;
    left: 12px;
    display: block;
    margin-top: -3px;
    background-image: url(../img/icons/arrow-right.png); }

.box-prise .box-item-restaurants {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-content: flex-start;
  -webkit-align-content: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between; }
  .box-prise .box-item-restaurants .item-restaurants {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    outline: 1px solid #e4e4e4;
    height: auto; }
    .box-prise .box-item-restaurants .item-restaurants a {
      display: block; }
    .box-prise .box-item-restaurants .item-restaurants .box-rest-info .box-info.box-rating {
      position: relative;
      top: inherit;
      right: inherit; }
    .box-prise .box-item-restaurants .item-restaurants .box-like-btn {
      position: absolute;
      top: inherit;
      right: 0;
      bottom: 0;
      z-index: 2; }

.box-rating-star .box-icon {
  font-size: 0.765em;
  color: #e4e4e4; }
  .box-rating-star .box-icon.active {
    color: red; }

.block-orders {
  background-color: #ffffff;
  padding: 1.75em 3.25em; }
  .block-orders:first-child {
    margin-bottom: 0.625em; }
  .block-orders + .block-orders {
    margin-top: 0.625em; }
  .block-orders .box-name {
    font-size: 2.5em; }
  .block-orders .btn-save {
    position: absolute;
    top: 3.85em;
    right: 3.3em; }
    .block-orders .btn-save .btn {
      padding: 0.75em 3em; }
  .block-orders .btn-delete {
    text-align: right; }
    .block-orders .btn-delete .btn {
      padding: 0.85em 6em; }
  .block-orders.box-about-text table {
    border: 2px solid #303030; }
    .block-orders.box-about-text table td {
      padding: 5px;
      border: 1px solid #303030; }

.box-link {
  position: absolute;
  top: 4.35em;
  right: 12.5em; }
  .box-link a span {
    border-bottom: 1px solid #d1d3d7; }
  .box-link a:hover span {
    border: none; }

.box-item-select {
  padding: 0.7em 0; }
  .box-item-select .item-select {
    width: 14.75em;
    height: 11.25em;
    padding: 1.125em 1.375em;
    border: 2px solid #303030;
    border-radius: 4px;
    opacity: 0.5;
    cursor: pointer;
    line-height: 1.4em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.35em;
    margin-bottom: 1.35em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .box-item-select .item-select:hover {
      -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25);
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25); }
    .box-item-select .item-select.active {
      opacity: 1;
      border: 2px solid #8cc23c; }
    .box-item-select .item-select .box-information > div {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 11.25em; }
    .box-item-select .item-select .box-information .box-correction {
      position: absolute;
      top: -4px;
      right: -10px;
      width: 1.25em;
      height: 1.25em;
      z-index: 10; }
  .box-item-select .item-select-pay {
    max-width: 14.75em;
    width: 100%;
    min-height: 8.3em;
    padding: 1.625em 1em;
    border: 2px solid #dcdcdc;
    border-radius: 4px;
    opacity: 0.25;
    cursor: pointer;
    line-height: 1.4em;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .box-item-select .item-select-pay:hover {
      border: 2px solid #303030; }
    .box-item-select .item-select-pay.active {
      opacity: 1;
      border: 2px solid #8cc23c; }
    .box-item-select .item-select-pay:not(:last-child) {
      margin-right: 1.5em; }
    .box-item-select .item-select-pay .box-icon {
      height: 3.25em; }

.box-comment {
  margin: 1em 0; }
  .box-comment .field {
    align-items: stretch;
    -webkit-align-items: stretch;
    margin: 1.375em 0; }
    .box-comment .field .title {
      font-weight: 700;
      width: 24.85em;
      padding: 0.45em 0; }
    .box-comment .field .input {
      width: 100%; }
      .box-comment .field .input.input-name input {
        width: 98%; }
  .box-comment.comment-ch {
    margin-bottom: 0; }
    .box-comment.comment-ch .field {
      margin-bottom: 0.7em; }

.box-item-favorites .box-item-social {
  text-align: center; }
  .box-item-favorites .box-item-social .item-social {
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em; }
    .box-item-favorites .box-item-social .item-social > .box-img:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); }
    .box-item-favorites .box-item-social .item-social .box-logo-link-restaurants {
      width: 4.5em;
      height: 4.5em;
      background-color: #ffffff;
      padding: 4px;
      border-radius: 3px;
      position: absolute;
      top: 1em;
      left: 1em; }
    .box-item-favorites .box-item-social .item-social .box-like-fav {
      padding: 0.875em 0 0.875em 0.5em;
      color: #ffffff;
      font-size: 1.125em;
      position: absolute;
      top: 1em;
      right: 1em;
      z-index: 1;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .box-item-favorites .box-item-social .item-social .box-like-fav .fa-hide {
        display: block; }
      .box-item-favorites .box-item-social .item-social .box-like-fav .fa-show {
        display: none; }
      .box-item-favorites .box-item-social .item-social .box-like-fav.active .fa-hide {
        display: none; }
      .box-item-favorites .box-item-social .item-social .box-like-fav.active .fa-show {
        display: block; }
    .box-item-favorites .box-item-social .item-social .box-social-info {
      text-align: left; }

.block-orders-history .box-item-orders-history .item-orders-history {
  background-color: #ffffff;
  padding: 2em 5em 2em 3.375em;
  border: 1px solid #e4e4e4;
  margin-bottom: 1em; }
  .block-orders-history .box-item-orders-history .item-orders-history .box-order {
    font-size: 1.875em; }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-heading > div {
    display: inline-block;
    vertical-align: middle; }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-address {
    max-width: 20.85em;
    width: 100%;
    font-size: 1em; }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-class {
    padding-left: 1.5em; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-class .icon {
      position: absolute;
      right: 104%;
      top: 5px; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-class .confirmed {
      color: #8cc23c; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-class .canceled {
      color: #ff642e; }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-open-order {
    position: absolute;
    top: 5px;
    padding: 0.35em;
    right: -2em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-open-order.active {
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg); }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-title {
    border-top: 2px dashed #cccccc;
    margin-top: 1em;
    padding-top: 1.25em;
    padding-bottom: 0.25em; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-title .box-table .item-cell {
      vertical-align: top; }
      .block-orders-history .box-item-orders-history .item-orders-history .panel-title .box-table .item-cell .name {
        padding-top: 5px; }
  .block-orders-history .box-item-orders-history .item-orders-history .name {
    color: #b9b9b9; }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-title {
    display: none; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-title .panel-title-left {
      width: 21em; }
      .block-orders-history .box-item-orders-history .item-orders-history .panel-title .panel-title-left .panel-title-img {
        width: 5.7em; }
        .block-orders-history .box-item-orders-history .item-orders-history .panel-title .panel-title-left .panel-title-img .box-img img {
          width: 4.25em;
          height: 4.25em;
          border-radius: 4px; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-title .panel-title-order .title > div {
      display: inline-block;
      width: 100%;
      max-width: 17em; }

body .tooltipster-base {
  max-width: 30em !important;
  width: auto; }

body #colorbox #cboxPrevious,
body #colorbox #cboxNext {
  display: none !important; }

body #colorbox #cboxLoadedContent {
  pointer-events: none; }

.tooltip_templates {
  display: none; }

.block-preload {
  position: fixed;
  top: 0;
  overflow: hidden;
  overflow-y: auto;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: #ffffff; }
  .block-preload .box-preload {
    text-align: center;
    padding: 6em 1em; }
  .block-preload.hide-preload {
    display: none; }

.main-registration .block-fon-registration {
  height: 100%;
  min-height: 56em;
  background-repeat: no-repeat;
  background-size: cover; }
  .main-registration .block-fon-registration .box-img {
    padding: 1em 0; }
  .main-registration .block-fon-registration .img-logo-reg {
    max-width: 10.15em;
    width: 100%;
    display: block; }

.main-registration .block-registration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .main-registration .block-registration .box-registration {
    position: absolute;
    top: 5.5em;
    right: 0; }

.block-registration .box-registration {
  max-width: 35em;
  width: 100%;
  background-color: #ffffff;
  padding: 2.2em 4.4em;
  margin: auto; }
  .block-registration .box-registration .box-registration-header {
    padding-bottom: 1.7em;
    border-bottom: 2px dashed #cccccc; }
    .block-registration .box-registration .box-registration-header .box-logo {
      margin-bottom: 1.5em; }
    .block-registration .box-registration .box-registration-header .name {
      font-size: 3.5em; }
    .block-registration .box-registration .box-registration-header .text {
      color: #444444; }
  .block-registration .box-registration .box-registration-wrapper {
    padding-top: 1.7em; }
    .block-registration .box-registration .box-registration-wrapper .form .field {
      padding-bottom: 1.5em; }
      .block-registration .box-registration .box-registration-wrapper .form .field label {
        font-weight: 700;
        width: 13em;
        text-align: left; }
      .block-registration .box-registration .box-registration-wrapper .form .field .input {
        width: 100%;
        position: relative; }
        .block-registration .box-registration .box-registration-wrapper .form .field .input .form-control {
          height: 2.875em;
          padding: 0.75em 1.25em; }
        .block-registration .box-registration .box-registration-wrapper .form .field .input .box-action {
          position: absolute;
          top: 50%;
          max-width: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 1.25em; }
          .block-registration .box-registration .box-registration-wrapper .form .field .input .box-action a {
            color: #399bca; }
      .block-registration .box-registration .box-registration-wrapper .form .field .checkbox label {
        font-weight: normal; }
    .block-registration .box-registration .box-registration-wrapper .box-sep {
      text-transform: uppercase;
      color: #7F8490;
      position: relative;
      text-align: center;
      margin-bottom: 1.5em;
      margin-top: 1.5em; }
      .block-registration .box-registration .box-registration-wrapper .box-sep:before {
        content: '';
        top: 50%;
        left: 0;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #D6D6D6; }
      .block-registration .box-registration .box-registration-wrapper .box-sep .sep {
        display: inline-block;
        vertical-align: top;
        line-height: 1.25em;
        padding: 0 0.5em;
        position: relative;
        background: #ffffff; }
    .block-registration .box-registration .box-registration-wrapper .box-footer {
      background: #F6F6F8;
      padding: 1.875em 4.4em;
      margin: 1.5em -4.4em; }
      .block-registration .box-registration .box-registration-wrapper .box-footer:last-child {
        margin-bottom: -2.2em; }
    .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn:first-child {
      width: 56%; }
    .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn:last-child {
      width: 43%; }
    .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn .btn {
      width: 100%;
      padding: 1.5em 0; }
    .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn.full {
      width: 100%; }
    .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn.btn-width100 {
      width: 100% !important; }
    .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn .btn-blue {
      background: #4e68ad;
      color: #ffffff; }
      .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn .btn-blue .fa {
        font-size: 1.15em;
        margin-top: -0.05em;
        margin-bottom: -0.15em;
        margin-right: 0.25em; }
      .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn .btn-blue:hover {
        background: rgba(78, 104, 173, 0.7); }
    .block-registration .box-registration .box-registration-wrapper .box-text {
      padding-top: 1.5em;
      color: #444444; }
      .block-registration .box-registration .box-registration-wrapper .box-text a {
        text-decoration: underline;
        color: #444444; }
        .block-registration .box-registration .box-registration-wrapper .box-text a:hover {
          text-decoration: none; }

.block-registration.block-open .box-registration-wrapper .form .field label {
  width: 12em; }

.box-alert-message {
  background: #fef5f4;
  line-height: 2.5em;
  padding: 1.2em 1.875em;
  margin-bottom: 1.7em; }
  .box-alert-message .box-icon {
    font-size: 26px;
    display: table-cell;
    vertical-align: middle;
    width: 1em;
    text-align: center; }
  .box-alert-message .text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    line-height: 1.25em;
    padding-left: 1.5em; }
    .box-alert-message .text span {
      font-weight: 700; }

.box-info-check-out .box-check-out-header .box-img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%); }

.box-info-check-out .box-check-out-header .box-info {
  max-width: 38.8em;
  width: 100%;
  padding-right: 12em; }
  .box-info-check-out .box-check-out-header .box-info .name {
    font-size: 3.75em; }
    .box-info-check-out .box-check-out-header .box-info .name.small {
      font-size: 2.5em; }

.box-info-check-out .box-check-out-main {
  padding: 2.6em 0;
  margin: 2.6em 0;
  border-top: 2px dashed #e4e4e4;
  border-bottom: 2px dashed #e4e4e4; }
  .box-info-check-out .box-check-out-main .box-contact-info {
    min-height: 2.5em; }
    .box-info-check-out .box-check-out-main .box-contact-info:not(:last-child) {
      margin-bottom: 0.75em; }
    .box-info-check-out .box-check-out-main .box-contact-info .item-description {
      width: 13.5em;
      vertical-align: top; }
    .box-info-check-out .box-check-out-main .box-contact-info .item-user-info {
      vertical-align: top; }
  .box-info-check-out .box-check-out-main.result .box-contact-info {
    min-height: 1em; }

.box-check-error .box-name {
  padding: 0.6em 0;
  font-size: 3.75em; }

.btn-profile-save {
  text-align: right; }
  .btn-profile-save .btn {
    padding: 0.75em 2em; }

.box-account-info.box-profile-info .box-foto-user {
  width: 6.5em; }
  .box-account-info.box-profile-info .box-foto-user img {
    width: 5.8em;
    height: 5.8em;
    border-radius: 50%; }

.box-account-info.box-profile-info .box-info-user {
  font-size: 1.875em; }

.box-account-info.box-profile-info .box-dropdown-menu-double {
  text-transform: uppercase;
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 2px dashed #cfd1d8;
  line-height: 2em; }
  .box-account-info.box-profile-info .box-dropdown-menu-double a {
    color: #7f8490;
    font-weight: 700;
    display: block; }
    .box-account-info.box-profile-info .box-dropdown-menu-double a.active {
      color: #000000; }

.box-content-mini {
  max-width: 54em;
  width: 100%;
  margin: auto; }

.box-content-payment {
  max-width: 34em;
  width: 100%;
  margin: auto; }
  .box-content-payment .box-name {
    padding: 0 10px 20px 10px;
    justify-content: start;
    -webkit-justify-content: start; }
    .box-content-payment .box-name .box-img {
      margin-right: 20px; }
    .box-content-payment .box-name img {
      max-width: 125%; }
  .box-content-payment .box-form {
    border-top: 2px dashed #e4e4e4;
    padding: 25px 5px 0 5px;
    margin: 20px 30px 0 30px; }
    .box-content-payment .box-form .field {
      margin: 10px 0 10px 0; }
      .box-content-payment .box-form .field .error .form-control {
        background: #fef5f4; }
      .box-content-payment .box-form .field .error .input-control-error {
        display: block;
        position: relative;
        transform: unset;
        text-align: right; }
      .box-content-payment .box-form .field .title {
        font-weight: bold; }
      .box-content-payment .box-form .field .dropdown-filtered-input {
        width: 70%; }
      .box-content-payment .box-form .field > .input {
        width: 70%; }
    .box-content-payment .box-form .rest-list-item {
      -webkit-justify-content: baseline;
      justify-content: baseline; }
      .box-content-payment .box-form .rest-list-item:hover {
        background: #ebedf3; }
        .box-content-payment .box-form .rest-list-item:hover .text {
          text-decoration: none !important; }
      .box-content-payment .box-form .rest-list-item .box-img {
        width: 40px;
        height: 40px;
        margin: 5px;
        overflow: hidden; }
        .box-content-payment .box-form .rest-list-item .box-img img {
          border-radius: 5%;
          height: 100%;
          max-width: none; }
      .box-content-payment .box-form .rest-list-item .text {
        margin-left: 25px;
        text-align: center; }
  .box-content-payment .success-send .info-text {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 60px;
    color: #8cc23c; }
  .box-content-payment .success-send.error .info-text {
    color: #000000; }

.box-about-text .name {
  font-size: 2.5em;
  padding-bottom: 0.45em; }

.box-about-text .text {
  line-height: 1.5em;
  padding-bottom: 1em; }

.box-about-text.block-orders {
  overflow: hidden; }
  .box-about-text.block-orders + .box-about-text.block-orders {
    margin-top: 2.75em; }
  .box-about-text.block-orders:nth-child(2) {
    margin-bottom: 2.75em; }
  .box-about-text.block-orders p {
    line-height: 1.5em;
    padding-bottom: 1em; }
    .box-about-text.block-orders p strong {
      font-weight: bold; }
    .box-about-text.block-orders p em {
      font-style: italic; }

.box-about-text .box-point {
  margin: 0 -3.25em 2em; }
  .box-about-text .box-point-image {
    margin-right: -15px; }
    .box-about-text .box-point-image img {
      max-width: 106%; }
  .box-about-text .box-point-text {
    padding: 60px 15px 0 60px; }
  .box-about-text .box-point ul li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 0.75em; }
    .box-about-text .box-point ul li:after {
      position: absolute;
      top: 3px;
      left: 0;
      content: '';
      width: 5px;
      height: 5px;
      border: 2px solid #8cc23c;
      border-radius: 50%; }

.box-about-text .box-text .mark {
  padding-left: 20px;
  border-left: 3px solid #8cc23c; }

.box-about-text .box-step {
  margin: 0 -3.25em;
  padding-top: 25px;
  position: relative; }
  .box-about-text .box-step:after, .box-about-text .box-step:before {
    position: absolute;
    top: 2%;
    left: 11%;
    content: '';
    width: 68%;
    z-index: 1;
    height: 50%;
    background: url(/assets/img/benefit/1-2.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto; }
  .box-about-text .box-step:after {
    top: 56%;
    background-image: url(/assets/img/benefit/3-4.png);
    width: 57%;
    left: 13.5%; }
  .box-about-text .box-step:last-child {
    margin-bottom: -3.25em; }
  .box-about-text .box-step-item .text {
    padding: 2.5em 3.25em;
    position: relative;
    z-index: 2; }
  .box-about-text .box-step-item .image {
    position: relative; }
    .box-about-text .box-step-item .image-layout {
      position: absolute;
      width: 100%;
      left: -11%;
      bottom: 0;
      height: 85%;
      z-index: 2; }
      .box-about-text .box-step-item .image-layout img {
        height: 100%; }
  .box-about-text .box-step-item .number {
    font-size: 2.5em;
    margin-bottom: 0.75em;
    position: relative;
    z-index: 2;
    width: 1.75em;
    height: 1.75em;
    border: 2px dashed #8cc23c;
    border-radius: 50%;
    text-align: center;
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    line-height: 1.75em;
    color: #8cc23c;
    background: #ffffff; }
  .box-about-text .box-step-item:nth-child(1) .image-layout {
    bottom: 7%; }
  .box-about-text .box-step-item:nth-child(3) .image-layout {
    left: -12%; }

.box-open-add {
  cursor: pointer;
  font-size: 0.875em;
  text-align: center;
  padding: 0.75em 0.35em;
  width: 100%;
  background-color: #e6e6e6;
  line-height: normal;
  border-radius: 4px; }
  .box-open-add.open i {
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg); }

.box-slide-add .box-add {
  display: none; }
  .box-slide-add .box-add .box-min-order {
    padding-right: 0.5em;
    padding-top: 1em; }
  .box-slide-add .box-add .box-min-discount {
    padding-left: 0.5em;
    padding-top: 1em; }
  .box-slide-add .box-add .info-slider {
    font-size: 1em;
    color: #b1b1b1;
    margin: 0.5em 0; }
    .box-slide-add .box-add .info-slider input {
      text-align: right;
      border: none;
      font-size: 1em; }
  .box-slide-add .box-add .ui-slider-horizontal {
    height: 6px; }
    .box-slide-add .box-add .ui-slider-horizontal .ui-slider-handle {
      position: absolute;
      z-index: 2;
      width: 20px;
      margin-top: -3px;
      height: 20px;
      border-radius: 50%;
      outline: none;
      cursor: pointer; }
    .box-slide-add .box-add .ui-slider-horizontal .ui-widget-header {
      background: #7f8490; }
  .box-slide-add .box-add .ui-widget-content .ui-state-default.ui-state-active {
    border: 1px solid #454545;
    background: #454545; }

.box-orders.is_stuck {
  margin-top: 70px;
  z-index: 2; }

.goods-attachment .text {
  text-transform: capitalize; }

.goods-attachment .box-price {
  font-weight: bold;
  font-size: 14px;
  width: 55px;
  text-align: right; }

body .box-modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.box-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  display: none;
  overflow: hidden;
  outline: 0;
  background: rgba(0, 0, 0, 0.5); }
  .box-modal.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear; }
  .box-modal.show {
    opacity: 1;
    display: block; }
    .box-modal.show .box-modal-dialog {
      -webkit-transform: translate(0, 5%);
      transform: translate(0, 5%);
      -webkit-transition: transform 0.2s ease-in-out;
      -moz-transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out; }
      .box-modal.show .box-modal-dialog .box-add-address {
        padding: 2.5em; }
        .box-modal.show .box-modal-dialog .box-add-address .box-name {
          font-size: 40px; }
        .box-modal.show .box-modal-dialog .box-add-address .box-modal-close {
          position: absolute;
          right: 1.35em;
          top: 0.975em;
          font-size: 1.125em;
          color: #cfd1d8;
          padding: 0.5em;
          z-index: 10000; }
  .box-modal .box-modal-dialog {
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    position: relative;
    width: 100%;
    margin: 10px auto; }
    .box-modal .box-modal-dialog .box-modal-content {
      background: #ffffff; }

#add-address .box-modal-dialog {
  max-width: 54em; }

#block-orders .box-modal-dialog {
  max-width: 30em; }

#block-orders .box-contents .box-item-select .item-select-pay {
  max-width: 100%;
  padding: 1em;
  margin-bottom: 1em;
  min-height: 6.3em; }
  #block-orders .box-contents .box-item-select .item-select-pay .table {
    max-width: 11em; }
    #block-orders .box-contents .box-item-select .item-select-pay .table .box-img {
      width: 2.8em;
      height: 2.8em; }
      #block-orders .box-contents .box-item-select .item-select-pay .table .box-img img {
        height: 100%; }
    #block-orders .box-contents .box-item-select .item-select-pay .table .text {
      text-transform: capitalize;
      line-height: 1.1em; }
  #block-orders .box-contents .box-item-select .item-select-pay .box-price {
    font-weight: bold; }
  #block-orders .box-contents .box-item-select .item-select-pay .box-user-order {
    align-items: flex-start;
    -webkit-align-items: flex-start; }
  #block-orders .box-contents .box-item-select .item-select-pay .box-user-quantity {
    margin-top: 0.5em; }
    #block-orders .box-contents .box-item-select .item-select-pay .box-user-quantity .box-text {
      color: #999999;
      padding-bottom: 0 !important; }
    #block-orders .box-contents .box-item-select .item-select-pay .box-user-quantity .box-quantity {
      visibility: hidden; }
  #block-orders .box-contents .box-item-select .item-select-pay.active .box-user-quantity .box-quantity {
    visibility: visible; }
  #block-orders .box-contents .box-item-select .item-select-pay.active .table .box-img:after {
    width: 100%;
    height: 100%;
    content: "";
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/icons/bgc.png);
    opacity: 1;
    display: block; }

#block-orders .box-contents .collapse-link {
  color: #399bca;
  border-bottom: 1px dotted #399bca;
  font-size: 0.875em;
  margin-bottom: 0.35em;
  display: table; }
  #block-orders .box-contents .collapse-link .show-text {
    display: inline;
    vertical-align: top; }
  #block-orders .box-contents .collapse-link .hide-text {
    display: none; }
  #block-orders .box-contents .collapse-link.active .hide-text {
    display: inline;
    vertical-align: top; }
  #block-orders .box-contents .collapse-link.active .show-text {
    display: none; }

#block-orders .box-contents.closed .box-item-select .item-select-pay {
  border: #e9e9ec;
  background-color: #e9e9ec;
  pointer-events: none;
  opacity: 0.7;
  margin: 0; }

#block-orders .box-check-out .btn {
  width: 100%;
  padding: 1.5em;
  font-weight: 700; }

.block-malta-menu-orders {
  opacity: 0.5;
  pointer-events: none; }
  .block-malta-menu-orders .box-order-wrapper {
    display: none;
    background-color: #ffffff;
    padding: 1.5em 3.25em; }
    .block-malta-menu-orders .box-order-wrapper .table {
      font-size: 1em; }
      .block-malta-menu-orders .box-order-wrapper .table .box-table-header {
        border-bottom: 2px solid #cccccc; }
        .block-malta-menu-orders .box-order-wrapper .table .box-table-header th {
          padding: 1em 0.875em; }
          .block-malta-menu-orders .box-order-wrapper .table .box-table-header th.box-debit {
            text-align: right; }
      .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr {
        border-bottom: 2px dashed #cccccc; }
        .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td {
          padding: 1em 0.875em;
          position: relative; }
          .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-line-tr-close {
            position: absolute;
            right: 100%;
            top: 40%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            color: #cccccc; }
          .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td {
            min-height: 2.5em;
            line-height: 2.5em; }
            .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line {
              vertical-align: middle;
              display: inline-block;
              line-height: 1.2em;
              width: 100%; }
              .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line.box-wainter {
                color: #ffb600; }
                .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line.box-wainter .box-icon {
                  margin-right: 0.5em; }
                .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line.box-wainter > div {
                  display: inline-block;
                  vertical-align: middle; }
              .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line.box-confirmed {
                color: #509600; }
                .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line.box-confirmed .box-icon {
                  margin-right: 0.5em; }
                .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line.box-confirmed > div {
                  display: inline-block;
                  vertical-align: middle; }
              .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td .box-line .box-user {
                background-color: #f6f6f8;
                border: 1px solid #e4e4e4;
                border-radius: 4px;
                padding: 0.5em 1em; }
            .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td.box-debit {
              text-align: right; }
              .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td.box-debit .items {
                font-size: 0.875em;
                color: #cccccc;
                display: inline-block;
                vertical-align: middle; }
              .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td.box-debit .sum {
                font-size: 1.25em;
                color: #121924;
                font-weight: bold;
                display: inline-block;
                vertical-align: middle; }
              .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td.box-debit .sum-mini {
                font-size: 1.1em;
                font-weight: bold;
                display: inline-block;
                vertical-align: middle; }
                .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td.box-debit .sum-mini.blue {
                  border-bottom: 2px dotted #399bca; }
      .block-malta-menu-orders .box-order-wrapper .table .box-td-mobile {
        display: none; }
    .block-malta-menu-orders .box-order-wrapper .box-member {
      margin: 1.25em 0;
      max-width: 18.5em;
      width: 100%; }
      .block-malta-menu-orders .box-order-wrapper .box-member .input-search {
        max-width: 17.65em;
        width: 100%;
        margin-right: 1em; }
  .block-malta-menu-orders .box-order-header {
    padding: 0.5em 3.25em;
    background: rgba(232, 60, 29, 0.71); }
    .block-malta-menu-orders .box-order-header .box-checkbox input[type=checkbox]:checked + label:before {
      border-color: #dcdcdd;
      background-color: #fff; }
    .block-malta-menu-orders .box-order-header .box-checkbox input[type=checkbox]:checked + label {
      color: #121924;
      font-weight: bold; }
    .block-malta-menu-orders .box-order-header .box-checkbox label {
      color: #121924;
      font-size: 20px;
      font-weight: bold; }
      .block-malta-menu-orders .box-order-header .box-checkbox label:before {
        color: #e93e21; }
    .block-malta-menu-orders .box-order-header .text {
      font-size: 14px; }
  .block-malta-menu-orders.open {
    opacity: 1;
    pointer-events: auto; }
    .block-malta-menu-orders.open .box-order-header .box-tex-info {
      display: none; }

#shadow_popup {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999; }

#confirm_popup {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 150px;
  background: white;
  z-index: 9999;
  transform: translateX(-50%) translateY(-50%); }

#confirm_popup .msg_text {
  margin-top: 30px; }

#confirm_popup .btn {
  margin: 20px 10px 0; }

.block-statements {
  padding-top: 150px; }
  .block-statements .name-block {
    font-size: 1.75em;
    margin-bottom: 1em; }
  .block-statements .label-control {
    font-size: 0.875em;
    color: #888888;
    margin-bottom: 1.5em; }
  .block-statements .message-form-info {
    background: #ffffff;
    border-radius: 5px;
    width: 28.75em; }
    .block-statements .message-form-info .box-body {
      padding: 1.25em 1.875em;
      line-height: 2em; }
    .block-statements .message-form-info.absolute-top {
      position: absolute;
      top: -4em;
      right: 0;
      z-index: 1; }
    .block-statements .message-form-info .table {
      color: #888888; }
    .block-statements .message-form-info .hover-info {
      display: inline-block;
      vertical-align: middle;
      color: #cccccc;
      margin-top: -2px; }
      .block-statements .message-form-info .hover-info .box-link {
        padding: 0 0.65em 0 0.2em;
        cursor: pointer;
        line-height: 1;
        font-size: 16px; }
      .block-statements .message-form-info .hover-info:hover .box--link {
        color: #7cc23b;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .block-statements .message-form-info .cell-count {
      text-align: right;
      width: 32%; }
    .block-statements .message-form-info .title-table {
      font-size: 0.875em;
      color: #303030;
      font-weight: bold; }
  .block-statements #reportrange {
    position: relative !important;
    width: 272px;
    border-radius: 3px;
    height: 40px;
    padding: 9px 10px 9px 20px !important;
    background: #fff !important;
    cursor: pointer !important;
    border: 1px solid #ccc !important; }
    .block-statements #reportrange span {
      font-size: 0.875em; }
    .block-statements #reportrange .img-datepicker {
      position: absolute;
      right: 10px;
      top: 10px; }
  .block-statements .search-options {
    margin-bottom: 1.25em; }
    .block-statements .search-options .box-btn {
      margin-bottom: 1.25em;
      margin-top: 1.25em; }
    .block-statements .search-options .box-control-option {
      line-height: 2.5em; }
      .block-statements .search-options .box-control-option:not(:last-child) {
        margin-bottom: 1em; }
      .block-statements .search-options .box-control-option .label-control {
        width: 7em;
        float: left;
        margin: 0; }
      .block-statements .search-options .box-control-option .box-control {
        margin-left: 7em;
        max-width: 100%; }
        .block-statements .search-options .box-control-option .box-control .input-search {
          width: 28.75em; }
    .block-statements .search-options .box-checkbox {
      margin-right: 2em; }
    .block-statements .search-options .box-icon-control.right {
      position: absolute;
      right: 0.625em;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
    .block-statements .search-options .control-small {
      height: 40px;
      font-size: 1em; }
  .block-statements .pagination {
    display: block;
    z-index: 1; }
    .block-statements .pagination.absolute-bottom {
      position: absolute;
      bottom: 0;
      right: 0; }
    .block-statements .pagination.pagination-bottom {
      padding-top: 0;
      padding-bottom: 4em; }
    .block-statements .pagination ul {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 0;
      margin-left: 0; }
      .block-statements .pagination ul > li {
        display: block;
        float: left;
        width: 2.6em;
        text-align: center;
        line-height: 2.6em;
        font-size: 0.875em;
        background-color: #ffffff;
        color: #aaaaaa;
        margin: 0.14em 0;
        border-left: 1px solid #d7d7d7; }
        .block-statements .pagination ul > li:first-child {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          border-left: 0; }
        .block-statements .pagination ul > li:last-child {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px; }
        .block-statements .pagination ul > li:hover {
          background-color: #e9f6fd;
          cursor: pointer; }
        .block-statements .pagination ul > li.active {
          background-color: #8cc23c;
          color: #ffffff;
          text-decoration: none; }
  .block-statements .block-info-table {
    margin-bottom: 6em;
    font-size: 0.8125em;
    margin-top: 1em;
    table-layout: fixed; }
    .block-statements .block-info-table table {
      table-layout: fixed; }
    .block-statements .block-info-table .td {
      display: table-cell;
      padding: 1.5em 0.5em; }
    .block-statements .block-info-table .table-heading {
      border-top: 1px solid #dcdcdd; }
      .block-statements .block-info-table .table-heading .td {
        color: #979797; }
    .block-statements .block-info-table.tablesorter .table-heading .td:not(.sorting) {
      pointer-events: none; }
    .block-statements .block-info-table.tablesorter .table-heading .td.sorting {
      cursor: pointer; }
      .block-statements .block-info-table.tablesorter .table-heading .td.sorting.active {
        color: #303030; }
    .block-statements .block-info-table .table-body .tr {
      border-bottom: 5px solid #e7e7e9; }
    .block-statements .block-info-table .table-body .td {
      background-color: #ffffff; }
      .block-statements .block-info-table .table-body .td:first-child {
        border-radius: 4px 0 0 4px; }
      .block-statements .block-info-table .table-body .td:last-child {
        border-radius: 0 4px 4px 0; }
    .block-statements .block-info-table .width-table-min {
      text-align: center; }
    .block-statements .block-info-table .table-heading .width-table-norm {
      direction: ltr; }
    .block-statements .block-info-table .width-table-norm {
      text-align: center;
      word-break: break-all;
      color: #969696;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      direction: rtl; }
      .block-statements .block-info-table .width-table-norm span {
        color: #303030; }
    .block-statements .block-info-table .width-table-little {
      text-align: center; }
      .block-statements .block-info-table .width-table-little .close {
        opacity: 0.5;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .block-statements .block-info-table .width-table-little .close:hover {
          opacity: 1; }
        .block-statements .block-info-table .width-table-little .close img {
          width: 1.25em; }
    .block-statements .block-info-table .width-table-comment {
      text-align: center; }
    .block-statements .block-info-table .table-heading .width-table-comment {
      text-align: center; }
    .block-statements .block-info-table .register-date {
      width: 128px;
      text-align: left; }
    .block-statements .block-info-table .last-update {
      width: 100px;
      text-align: left; }
    .block-statements .block-info-table .width-table-little {
      width: 80px; }
    .block-statements .block-info-table .width-table-comment {
      width: 165px; }
    .block-statements .block-info-table .width-table-min.bank {
      min-width: 200px; }
    .block-statements .block-info-table .width-table-date {
      width: 120px; }
    .block-statements .block-info-table .width-table-count {
      width: 7em;
      text-align: center; }
    .block-statements .block-info-table .width-table-desc {
      padding-left: 26px; }
    .block-statements .block-info-table .headerSortUp.active .arrow {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg); }
    .block-statements .block-info-table .last-update {
      white-space: nowrap; }
    .block-statements .block-info-table .text-mobile {
      display: none; }
    .block-statements .block-info-table .mobile-show {
      display: none; }
    .block-statements .block-info-table .filter-table {
      display: inline-block;
      vertical-align: middle;
      line-height: 0.4em; }
    .block-statements .block-info-table .box-table-scroll {
      padding-left: 0 !important; }
      .block-statements .block-info-table .box-table-scroll > div {
        max-height: 11.5em;
        height: 100%; }
  .block-statements .section-table th {
    text-align: left; }
  .block-statements .section-table td:first-child,
  .block-statements .section-table th:first-child {
    padding-left: 30px;
    text-align: left; }
  .block-statements .section-table .footer-table {
    border-bottom: 1px solid #dcdcdd; }
    .block-statements .section-table .footer-table .total-count {
      color: #9a9a9a; }
    .block-statements .section-table .footer-table .count {
      color: #303030;
      font-size: 1.28em;
      margin-right: 0.75em; }
    .block-statements .section-table .footer-table .width-table-count {
      font-weight: bold; }
    .block-statements .section-table .footer-table .box-btn a + a {
      margin-left: 3em; }
    .block-statements .section-table .footer-table.total {
      text-align: right;
      font-size: 1.07em;
      color: #888888;
      border: 0; }
      .block-statements .section-table .footer-table.total td {
        text-align: right;
        padding-bottom: 0.5em; }
      .block-statements .section-table .footer-table.total + .footer-table.total .td {
        padding-top: 0; }
  .block-statements .section-table .info-data {
    color: #aaaaaa; }
  .block-statements .table-transaction .td {
    vertical-align: middle; }
  .block-statements .table-transaction .item-transaction .box-btn {
    cursor: pointer;
    background: #ffffff; }
    .block-statements .table-transaction .item-transaction .box-btn .tr {
      border: 0; }
  .block-statements .table-transaction .item-transaction > .td {
    padding: 0;
    background: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    text-align: center; }
  .block-statements .table-transaction .item-transaction table {
    font-size: 1em; }
  .block-statements .table-transaction .item-transaction .box-slide-form {
    border: 1px solid #ffffff;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .block-statements .table-transaction .item-transaction .box-slide-form.open {
      border-color: #dcdcdd; }
    .block-statements .table-transaction .item-transaction .box-slide-form:hover {
      -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); }
  .block-statements .table-transaction .item-transaction .box-icon {
    position: absolute;
    right: 2em;
    top: 2em;
    z-index: 1; }
  .block-statements .table-transaction .item-transaction .slide-form.slide-form-open-close .text-info {
    padding: 1.5em 4em 1.5em 2.25em; }
  .block-statements .table-transaction .item-transaction .slide-form.slide-form-open-close .box-icon {
    right: 2.25em;
    top: 1.5em; }
  .block-statements .table-transaction .item-transaction .box-div-link {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .block-statements .table-transaction .item-transaction .box-div-link .border-dashed {
      border-bottom: 1px dotted; }
    .block-statements .table-transaction .item-transaction .box-div-link:hover .border-dashed {
      border-bottom: 1px dotted white;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .block-statements .table-transaction .item-transaction .cancel {
    pointer-events: none; }
  .block-statements .table-transaction .item-transaction table {
    font-size: 1em; }
  .block-statements .table-transaction .info-transaction.open .td {
    border-left: 1px solid #dcdcdd;
    border-right: 1px solid #dcdcdd; }
  .block-statements .table-transaction .details-transaction {
    padding: 1.5em 3.25em 1.5em 9em;
    background: #f6f6f8; }
    .block-statements .table-transaction .details-transaction table {
      width: auto; }
      .block-statements .table-transaction .details-transaction table td {
        padding: 0.5em 0.5em 0.5em 0.3em;
        vertical-align: top; }
        .block-statements .table-transaction .details-transaction table td:not(:last-child) {
          padding-right: 3em; }
        .block-statements .table-transaction .details-transaction table td.label-item {
          color: #aaaaaa;
          padding-right: 0.2em; }
  .block-statements .table-transaction .tr.pending-transaction > .td {
    background: #ffeec5;
    padding: 0 !important; }
  .block-statements .table-transaction .pending-transaction table {
    font-size: 1em; }
  .block-statements .table-transaction .pending-transaction .box-transaction .tr {
    border-bottom: 1px solid #e5e3dd; }
    .block-statements .table-transaction .pending-transaction .box-transaction .tr:last-child {
      border-bottom: 0; }
  .block-statements .table-transaction .pending-transaction .box-transaction td {
    background: #fffcf3; }
  .block-statements .table-transaction .pending-transaction .box-transaction .tr.item-transaction .box-btn .btn-slide-form {
    padding: 0; }
  .block-statements .table-transaction .pending-transaction .box-transaction .tr.item-transaction .box-icon {
    top: 2.7em; }
  .block-statements .table-transaction .pending-transaction .box-transaction .tr.item-transaction .details-transaction {
    background: #fffcf3; }
  .block-statements .table-transaction .pending-transaction tr:last-child td {
    border: 0; }
  .block-statements .table-transaction .pending-transaction .link-dotted span {
    font-size: 1em;
    color: #303030; }
  .block-statements .table-transaction .pending-transaction .box-btn .btn-slide-form {
    padding: 1.85em 2.3em 1.85em;
    display: block; }
  .block-statements .table-transaction .pending-transaction .box-text {
    color: #888888;
    padding: 0 2.3em 1em; }
  .block-statements .table-transaction .pending-transaction .box-icon {
    position: absolute;
    top: 50%;
    right: 2em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); }
  .block-statements .table-transaction .pending-transaction .box-slide-form:not(.open) .box-icon:after {
    position: absolute;
    top: 5px;
    left: 50%;
    height: 8px;
    width: 2px;
    background: #c4c0b6;
    content: '';
    margin-left: -1px; }
  .block-statements .tr.pending-transaction > .td {
    background: #ffeec5;
    padding: 0 !important; }
  .block-statements .pending-transaction table {
    font-size: 1em; }
  .block-statements .pending-transaction .box-transaction .tr {
    border-bottom: 1px solid #e5e3dd; }
    .block-statements .pending-transaction .box-transaction .tr:last-child {
      border-bottom: 0; }
  .block-statements .pending-transaction .box-transaction td {
    background: #fffcf3; }
  .block-statements .pending-transaction .box-transaction .tr.item-transaction .box-btn .btn-slide-form {
    padding: 0; }
  .block-statements .pending-transaction .box-transaction .tr.item-transaction .box-icon {
    top: 2.7em; }
  .block-statements .pending-transaction .box-transaction .tr.item-transaction .details-transaction {
    background: #fffcf3; }
  .block-statements .pending-transaction tr:last-child td {
    border: 0; }
  .block-statements .pending-transaction .link-dotted span {
    font-size: 1em;
    color: #303030; }
  .block-statements .pending-transaction .box-btn .btn-slide-form {
    padding: 1.85em 2.3em 1.85em;
    display: block; }
  .block-statements .pending-transaction .box-text {
    color: #888888;
    padding: 0 2.3em 1em; }
  .block-statements .pending-transaction .box-icon {
    position: absolute;
    top: 50%;
    right: 2em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); }
  .block-statements .pending-transaction .box-slide-form:not(.open) .box-icon:after {
    position: absolute;
    top: 5px;
    left: 50%;
    height: 8px;
    width: 2px;
    background: #c4c0b6;
    content: '';
    margin-left: -1px; }

@media (max-width: 1024px) {
  .block-statements .message-form-info {
    width: 18em; } }

@media (max-width: 767px) {
  .block-statements .message-form-info {
    width: 100%;
    background: none;
    border-bottom: 1px solid #e5e3dd;
    margin-bottom: 1em;
    padding-bottom: 1em; }
    .block-statements .message-form-info.absolute-top {
      position: relative;
      top: 0; }
      .block-statements .message-form-info.absolute-top .box-body {
        padding: 0; }
  .block-statements .search-options .box-control-option .label-control {
    float: none;
    width: 100%; }
  .block-statements .search-options .box-control-option .box-control {
    margin-left: 0; }
    .block-statements .search-options .box-control-option .box-control .input-search {
      width: 100%; }
  .block-statements .search-options .box-checkbox {
    width: 45%;
    margin: 0;
    font-size: 0.85em; }
  .block-statements .pagination {
    font-size: 0.85em; }
    .block-statements .pagination.mobile-right {
      float: right; }
    .block-statements .pagination.pagination-bottom {
      padding-top: 1.5em;
      padding-bottom: 3em;
      text-align: center;
      display: block;
      float: none; }
  .block-statements .pagination.absolute-bottom {
    position: relative;
    text-align: right; }
  .block-statements .block-info-table .table-heading {
    display: none; }
    .block-statements .block-info-table .table-heading.slide-tablesorter.active {
      display: block;
      position: absolute;
      width: 16.2em;
      background: #ffffff;
      z-index: 10;
      margin-top: -1em;
      border-radius: 0 0 3px 3px;
      font-size: 1.075em;
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
      border: 1px solid #d7d7d7; }
    .block-statements .block-info-table .table-heading.slide-tablesorter .icon,
    .block-statements .block-info-table .table-heading.slide-tablesorter .filter-table {
      display: none; }
    .block-statements .block-info-table .table-heading.slide-tablesorter .td {
      display: block;
      float: none;
      margin: 0;
      position: relative;
      right: inherit;
      top: inherit;
      width: 100%;
      text-align: left;
      padding: 0.68em 1.15em; }
      .block-statements .block-info-table .table-heading.slide-tablesorter .td + .td {
        border-top: 1px solid #d7d7d7; }
      .block-statements .block-info-table .table-heading.slide-tablesorter .td:not(.sorting) {
        display: none; }
    .block-statements .block-info-table .table-heading .tr {
      display: block;
      padding: 0; }
    .block-statements .block-info-table .table-heading .td {
      display: block;
      padding: 0; }
  .block-statements .block-info-table .mobile-show {
    display: inline-block;
    vertical-align: top;
    color: #aaaaaa;
    margin-right: 0.2em; }
  .block-statements .block-info-table .table-footering .tr {
    display: block;
    padding: 0; }
  .block-statements .block-info-table .table-footering .td {
    display: block;
    padding: 0; }
  .block-statements .block-info-table .table-body .tr {
    display: block;
    padding: 1.85em;
    position: relative;
    background: #ffffff; }
  .block-statements .block-info-table .table-body .td {
    display: block;
    padding: 0; }
  .block-statements .block-info-table .width-table-date {
    width: auto;
    text-align: left;
    margin-bottom: 0.5em; }
  .block-statements .block-info-table .width-table-min {
    width: auto;
    text-align: left; }
  .block-statements .block-info-table .width-table-norm {
    width: auto;
    text-align: left; }
  .block-statements .block-info-table .width-table-little {
    width: auto;
    text-align: left; }
  .block-statements .block-info-table .width-table-comment {
    width: auto;
    text-align: left; }
  .block-statements .block-info-table .register-date {
    float: left;
    margin-bottom: 1.85em;
    margin-right: 1em; }
  .block-statements .block-info-table .amount {
    position: absolute;
    right: 1.5em;
    top: 6.35em; }
  .block-statements .block-info-table .status {
    position: absolute;
    right: 1.5em;
    top: 5em; }
  .block-statements .block-info-table .cancel {
    position: absolute;
    right: 1.5em;
    top: 1.83em; }
    .block-statements .block-info-table .cancel span {
      color: #ff9d9d; }
  .block-statements .block-info-table .last-update {
    color: #aaaaaa; }
  .block-statements .block-info-table .bank {
    clear: left; }
  .block-statements .block-info-table .width-table-count {
    font-size: 1.23em;
    position: absolute;
    top: 1.35em;
    right: 1.25em;
    width: auto;
    line-height: 1.25em; }
    .block-statements .block-info-table .width-table-count .symbol {
      color: inherit; }
    .block-statements .block-info-table .width-table-count .cur {
      font-size: 0.875em; }
  .block-statements .block-info-table .td.description {
    padding-right: 10em; }
  .block-statements .block-info-table .register-date {
    margin-right: 0.3em; }
  .block-statements .table-transaction .tr.pending-transaction {
    padding: 0; }
  .block-statements .table-transaction .tr.item-transaction {
    padding: 0;
    background: none; }
  .block-statements .table-transaction .details-transaction {
    padding-left: 1.35em; }
    .block-statements .table-transaction .details-transaction tr {
      clear: both;
      display: block; }
    .block-statements .table-transaction .details-transaction td {
      display: block; }
      .block-statements .table-transaction .details-transaction td.label-item {
        float: left;
        width: 9em; }
      .block-statements .table-transaction .details-transaction td:not(.label-item) {
        margin-left: 9.5em; }
  .block-statements .table-transaction .item-transaction .tr {
    background: none; }
  .block-statements .table-transaction .pending-transaction .box-transaction .tr {
    background: #fffcf3;
    border-bottom: 1px solid #e5e3dd; }
    .block-statements .table-transaction .pending-transaction .box-transaction .tr:first-child {
      border-bottom: 1px solid #e5e3dd; }
  .block-statements .table-transaction .pending-transaction .box-transaction td {
    background: none;
    border: 0; }
  .block-statements .table-transaction .footer-table {
    border: 0; }
    .block-statements .table-transaction .footer-table.navigate {
      padding-bottom: 2em;
      padding-top: 2em; }
      .block-statements .table-transaction .footer-table.navigate .box-btn {
        text-align: center; }
      .block-statements .table-transaction .footer-table.navigate .width-table-count {
        display: none; }
    .block-statements .table-transaction .footer-table.total:after {
      clear: both;
      content: " ";
      display: table; }
    .block-statements .table-transaction .footer-table.total .width-table-total {
      text-align: left; }
    .block-statements .table-transaction .footer-table.total td {
      width: 50%;
      float: left;
      padding-left: 0.75em;
      padding-right: 0.75em;
      line-height: 2em; } }

.el-date-range-picker__header div {
  margin-left: 50px; }

body {
  font-family: 'Nunito', sans-serif; }

.main.cart {
  background: #ffffff; }

.container-small {
  max-width: 870px;
  margin: 0 auto;
  width: 100%; }

header .container {
  max-width: 100%; }

.block-cookie {
  background: #29364A; }
  .block-cookie .box-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center; }
  .block-cookie .box-text {
    font-size: 12px; }

.block-about-page, .block-selection .search-main, .block-selection .box-accordion {
  background: #121924;
  background: -moz-linear-gradient(left, #121924 0%, #29364a 100%);
  background: -webkit-linear-gradient(left, #121924 0%, #29364a 100%);
  background: linear-gradient(to right, #121924 0%, #29364a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121924', endColorstr='#29364a',GradientType=1 ); }

.block-about-page {
  height: auto; }
  .block-about-page .box-fon {
    background: none;
    padding-top: 6em; }
  .block-about-page .select-page {
    font-size: 1.875em;
    color: rgba(255, 255, 255, 0.3);
    padding-top: 3em;
    padding-bottom: 1em; }
    .block-about-page .select-page .item {
      display: inline-block;
      vertical-align: top;
      line-height: 1.3;
      color: inherit; }
      .block-about-page .select-page .item + .item {
        margin-left: 0.85em;
        padding-left: 1em;
        border-left: 1px solid rgba(255, 255, 255, 0.2); }
      .block-about-page .select-page .item.active {
        color: #e93e21; }
    .block-about-page .select-page h1 {
      font-size: inherit;
      font-weight: normal;
      color: #e93e21;
      margin: 0;
      padding: 0; }
  .block-about-page.block-about-page-menu {
    height: 21em; }
  .block-about-page .box-res .box-about-restaurants h1 {
    font-size: 1.5em;
    color: #e93e21;
    padding-top: 0.5em; }
  .block-about-page .box-res .box-about-restaurants .box-logo-restaurants {
    border-radius: 30px !important;
    max-width: 10.5em;
    max-height: 10.5em; }
    .block-about-page .box-res .box-about-restaurants .box-logo-restaurants .box-img {
      border-radius: 26px; }
  .block-about-page .btn-back {
    position: absolute;
    bottom: 20px;
    left: 0.94em;
    border-radius: 25px;
    background-color: #384E70;
    border: 2px solid #384E70;
    line-height: 26px;
    color: #ffffff;
    text-transform: none;
    padding: 0 22px;
    z-index: 1; }
    .block-about-page .btn-back .fa {
      margin-right: 0.5em; }
    .block-about-page .btn-back:hover {
      background-color: rgba(56, 78, 112, 0.7); }

.box-about-restaurants .label-type {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  margin-left: 10px;
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
  fill: #4caf50; }
  .box-about-restaurants .label-type * {
    fill: #4caf50; }
  .box-about-restaurants .label-type.vegetarian {
    background-image: url("../img/intro/icons/icon_vegetarian.svg"); }
  .box-about-restaurants .label-type.recycle {
    background-image: url("../img/intro/icons/icon_recycle.svg"); }
  .box-about-restaurants .label-type + .label-type {
    margin-left: 3px; }

.box-about-restaurants .box-address {
  font-size: 14px;
  margin-top: 0.85em;
  padding-left: 1.25em;
  line-height: 1.2em; }
  .box-about-restaurants .box-address i {
    font-size: 20px;
    top: -3px; }

.box-about-restaurants .box-rest-info .box-info .name-info {
  text-transform: none;
  font-size: 12px; }

.box-about-restaurants .box-rest-info .box-info .title-info {
  font-weight: normal; }

.box-about-restaurants .box-add-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center;
  margin-top: 1em; }
  .box-about-restaurants .box-add-action .type-calendar {
    margin-right: 1em; }
  .box-about-restaurants .box-add-action .btn, .box-about-restaurants .box-add-action .box-like-btn {
    padding: 0;
    font-size: 12px; }
    .box-about-restaurants .box-add-action .btn .box-like, .box-about-restaurants .box-add-action .box-like-btn .box-like {
      padding-top: 0;
      text-transform: none;
      line-height: 24px; }
  .box-about-restaurants .box-add-action .icon {
    width: 24px;
    height: 24px; }
  .box-about-restaurants .box-add-action .icon-schedule {
    background-image: url("../img/intro/icons/icon-calendar.svg"); }
  .box-about-restaurants .box-add-action .icon-add-to-like-white {
    background-image: url("../img/intro/icons/icon-fav-white.svg"); }
  .box-about-restaurants .box-add-action .icon-add-to-like {
    background-image: url("../img/intro/icons/icon-fav.svg"); }
  .box-about-restaurants .box-add-action .icon-like {
    background-image: url("../img/intro/icons/icon-like.svg"); }
  .box-about-restaurants .box-add-action .white .icon-schedule {
    background-image: url("../img/intro/icons/icon-calendar-white.svg"); }

.box-about-restaurants .box-add-action,
.box-item-restaurants .item-restaurants .box-add-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center;
  margin-top: 1em;
  color: #AAAAAA; }
  .box-about-restaurants .box-add-action .type-calendar,
  .box-item-restaurants .item-restaurants .box-add-action .type-calendar {
    margin-right: 0.75em; }
  .box-about-restaurants .box-add-action .btn, .box-about-restaurants .box-add-action .box-like-btn,
  .box-item-restaurants .item-restaurants .box-add-action .btn,
  .box-item-restaurants .item-restaurants .box-add-action .box-like-btn {
    padding: 0;
    font-size: 12px; }
    .box-about-restaurants .box-add-action .btn .box-like, .box-about-restaurants .box-add-action .box-like-btn .box-like,
    .box-item-restaurants .item-restaurants .box-add-action .btn .box-like,
    .box-item-restaurants .item-restaurants .box-add-action .box-like-btn .box-like {
      padding-top: 0;
      text-transform: none; }
  .box-about-restaurants .box-add-action .box-like,
  .box-item-restaurants .item-restaurants .box-add-action .box-like {
    font-size: 12px;
    line-height: 24px; }
  .box-about-restaurants .box-add-action .icon,
  .box-item-restaurants .item-restaurants .box-add-action .icon {
    width: 24px;
    height: 24px; }
  .box-about-restaurants .box-add-action .icon-schedule,
  .box-item-restaurants .item-restaurants .box-add-action .icon-schedule {
    background-image: url("../img/intro/icons/icon-calendar.svg"); }
  .box-about-restaurants .box-add-action .icon-add-to-like-white,
  .box-item-restaurants .item-restaurants .box-add-action .icon-add-to-like-white {
    background-image: url("../img/intro/icons/icon-fav-white.svg"); }
  .box-about-restaurants .box-add-action .icon-add-to-like,
  .box-item-restaurants .item-restaurants .box-add-action .icon-add-to-like {
    background-image: url("../img/intro/icons/icon-fav.svg"); }
  .box-about-restaurants .box-add-action .icon-like,
  .box-item-restaurants .item-restaurants .box-add-action .icon-like {
    background-image: url("../img/intro/icons/icon-like.svg"); }
  .box-about-restaurants .box-add-action .white .icon-schedule,
  .box-item-restaurants .item-restaurants .box-add-action .white .icon-schedule {
    background-image: url("../img/intro/icons/icon-calendar-white.svg"); }

.box-about-restaurants .item-cell-logo a,
.box-item-restaurants .item-restaurants .item-cell-logo a {
  display: block;
  position: relative; }

.box-about-restaurants .item-cell-logo .box-img.rest,
.box-item-restaurants .item-restaurants .item-cell-logo .box-img.rest {
  position: absolute;
  bottom: -10px;
  left: -1.5em;
  height: 5em;
  width: 5em;
  border-radius: 15px !important; }
  @media (max-width: 768px) {
    .box-about-restaurants .item-cell-logo .box-img.rest,
    .box-item-restaurants .item-restaurants .item-cell-logo .box-img.rest {
      bottom: -24px; } }

.box-about-restaurants .box-text,
.box-item-restaurants .item-restaurants .box-text {
  font-size: 14px;
  max-width: 70%;
  margin-top: 0.5em;
  padding: 0;
  margin-bottom: 1.5em; }

.box-about-restaurants .box-like-btn .box-rest-btn .btn-next,
.box-item-restaurants .item-restaurants .box-like-btn .box-rest-btn .btn-next {
  min-width: 2.25em; }
  .box-about-restaurants .box-like-btn .box-rest-btn .btn-next .icon-next-arrow,
  .box-item-restaurants .item-restaurants .box-like-btn .box-rest-btn .btn-next .icon-next-arrow {
    background-image: url("../img/intro/icons/icon_arrow.svg");
    background-size: 200%;
    background-position: center; }

.box-about-restaurants .box-price,
.box-item-restaurants .item-restaurants .box-price {
  display: inline-block;
  vertical-align: top;
  font-size: 1.25em;
  font-weight: 600;
  margin-right: 1em;
  line-height: 2em; }

.box-about-restaurants.dish .box-address a,
.box-item-restaurants .item-restaurants.dish .box-address a {
  color: #AAAAAA; }

.box-about-restaurants .box-enabled,
.box-item-restaurants .item-restaurants .box-enabled {
  font-size: 1.25em;
  font-style: italic;
  color: #121924;
  font-weight: 300;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center; }
  .box-about-restaurants .box-enabled .icon-enabled,
  .box-item-restaurants .item-restaurants .box-enabled .icon-enabled {
    width: 40px;
    height: 40px;
    background-image: url("../img/intro/enabled.svg");
    opacity: 1 !important; }
  .box-about-restaurants .box-enabled .border,
  .box-item-restaurants .item-restaurants .box-enabled .border {
    border-bottom: 1px solid; }
  .box-about-restaurants .box-enabled i + i,
  .box-item-restaurants .item-restaurants .box-enabled i + i {
    border-left: 1px #000000 solid; }
  .box-about-restaurants .box-enabled i.fa.fa-shopping-bag,
  .box-item-restaurants .item-restaurants .box-enabled i.fa.fa-shopping-bag {
    font-size: 32px;
    padding-left: 10px;
    margin-left: 10px; }

.box-about-restaurants .box-directions,
.box-item-restaurants .item-restaurants .box-directions {
  text-align: center;
  padding: 1em 0; }
  .box-about-restaurants .box-directions .btn-directions,
  .box-item-restaurants .item-restaurants .box-directions .btn-directions {
    color: #1A74E8;
    font-size: 12px;
    font-weight: 600;
    text-transform: none; }
    .box-about-restaurants .box-directions .btn-directions .name,
    .box-item-restaurants .item-restaurants .box-directions .btn-directions .name {
      margin-top: 0.75em; }
  .box-about-restaurants .box-directions .icon-directions,
  .box-item-restaurants .item-restaurants .box-directions .icon-directions {
    width: 40px;
    height: 40px;
    background-image: url("../img/intro/icons/icon_directions.svg");
    opacity: 1; }

.box-item-restaurants .item-restaurants {
  max-width: 870px;
  padding: 15px 0;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #eeeeee; }
  .box-item-restaurants .item-restaurants .font-title {
    font-family: 'Nunito', sans-serif; }
  .box-item-restaurants .item-restaurants .item-cell-logo .box-img {
    border-radius: 30px !important;
    border: 5px solid #F4F4F4; }
  .box-item-restaurants .item-restaurants .item-cell-about .box-about .name {
    font-size: 1.5em;
    color: #e93e21; }
  .box-item-restaurants .item-restaurants .box-address {
    font-size: 14px;
    margin-top: 0.5em;
    padding-left: 1.25em;
    line-height: 1.2em;
    min-height: 2em; }
    .box-item-restaurants .item-restaurants .box-address i {
      font-size: 20px;
      top: -3px; }
  .box-item-restaurants .item-restaurants .box-rest-info {
    margin-bottom: 1em; }
    .box-item-restaurants .item-restaurants .box-rest-info .box-info .name-info {
      color: #AAAAAA;
      padding-bottom: 0;
      text-transform: none;
      font-size: 12px; }
    .box-item-restaurants .item-restaurants .box-rest-info .box-info .title-info span {
      font-weight: normal;
      font-size: 14px; }
    .box-item-restaurants .item-restaurants .box-rest-info:last-child {
      margin-bottom: 0; }
  .box-item-restaurants .item-restaurants .box-like-btn {
    top: 0.5em; }
    .box-item-restaurants .item-restaurants .box-like-btn .btn-red {
      font-size: 1.125em;
      color: #ffffff;
      background: #e93e21;
      border: 2px solid #e93e21;
      border-radius: 25px;
      min-width: 8.5em;
      text-transform: none;
      font-weight: 600;
      padding: 6px;
      line-height: normal; }
      .box-item-restaurants .item-restaurants .box-like-btn .btn-red:hover {
        background: rgba(233, 62, 33, 0.5); }
    @media (max-width: 768px) {
      .box-item-restaurants .item-restaurants .box-like-btn {
        top: -0.5em; } }
  .box-item-restaurants .item-restaurants .box-like-btn {
    right: 0;
    -ms-flex-align: end !important;
    align-items: flex-end; }
    .box-item-restaurants .item-restaurants .box-like-btn .restaurant-types {
      display: -ms-flexbox;
      display: flex;
      justify-content: flex-end;
      -webkit-justify-content: flex-end;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 140px;
      margin-top: 1em;
      text-align: right;
      padding-right: 10px; }
      .box-item-restaurants .item-restaurants .box-like-btn .restaurant-types .restaurant-type {
        font-family: inherit;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-align: center !important;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 21px;
        letter-spacing: normal;
        width: 100%; }
        .box-item-restaurants .item-restaurants .box-like-btn .restaurant-types .restaurant-type .icon {
          width: 13px;
          height: 13px;
          background-image: url("../img/intro/icons/icon-on.svg"); }
        .box-item-restaurants .item-restaurants .box-like-btn .restaurant-types .restaurant-type.passive .icon {
          background-image: url("../img/intro/icons/icon-off.svg"); }
  .box-item-restaurants .item-restaurants .box-add-action .icon {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    .box-item-restaurants .item-restaurants .box-add-action .icon:hover {
      opacity: 1;
      filter: alpha(opacity=100); }
  .box-item-restaurants .item-restaurants .closed {
    position: absolute;
    width: 16em;
    right: 140px;
    font-size: 0.625em;
    top: -3em;
    border-radius: 5px; }
    .box-item-restaurants .item-restaurants .closed strong {
      font-size: 1.4em; }

.box-save {
  height: 2.5em;
  width: 2.5em;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 2px rgba(18, 25, 36, 0.15);
  top: -10px;
  left: -5px;
  padding-top: 0.75em;
  text-align: center; }
  .box-save .save {
    color: #e93e21;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    font-size: 0.875em; }
  .box-save.big {
    background: #e93e21;
    height: 2.5em;
    width: 2.5em;
    padding-top: 0.75em; }
    .box-save.big .save {
      color: #ffffff;
      font-size: 0.875em; }

.block-restaurants-main {
  padding-bottom: 6em; }

.block-selection {
  padding: 0;
  background: #F4F4F4; }
  .block-selection .search-main {
    padding-bottom: 3.75em; }
    .block-selection .search-main .box-selection {
      display: -ms-flexbox;
      display: flex;
      width: 320px; }
    .block-selection .search-main .box-control {
      position: relative;
      padding-right: 50px;
      background: #ffffff;
      border-radius: 5px;
      width: 85%;
      margin: 0;
      /*select:not(:focus){
        &+.box-icon{
            .svg-icon{
              fill: #AAAAAA;
              *{fill: #AAAAAA;}
            }
        }
      }*/ }
      .block-selection .search-main .box-control .form-control {
        background: #ffffff;
        font-size: 16px;
        height: 2.5em;
        padding: 0.575em 1.25em;
        border: 0; }
      .block-selection .search-main .box-control .box-icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: 35px; }
        .block-selection .search-main .box-control .box-icon .svg-icon {
          width: 22px;
          height: 22px; }
      .block-selection .search-main .box-control select + .box-icon .svg-icon {
        fill: #AAAAAA; }
        .block-selection .search-main .box-control select + .box-icon .svg-icon * {
          fill: #AAAAAA; }
      .block-selection .search-main .box-control select + .box-icon .svg-icon.orange {
        fill: #ff7575; }
        .block-selection .search-main .box-control select + .box-icon .svg-icon.orange * {
          fill: #ff7575; }
    .block-selection .search-main .btn-location {
      border-radius: 5px;
      background-color: #384E70;
      width: 40px;
      height: 40px;
      line-height: 40px;
      padding: 0;
      text-align: center;
      margin-left: 10px;
      color: #ffffff;
      font-size: 20px; }
      .block-selection .search-main .btn-location .fa {
        border-bottom: 2px solid; }
    .block-selection .search-main .type {
      width: 58%;
      margin-left: 10px; }
      .block-selection .search-main .type-filters {
        display: -ms-flexbox;
        display: flex; }
      .block-selection .search-main .type a {
        width: 100%;
        border: 1px solid #384E70;
        line-height: 1.28em;
        padding: 0.75em;
        font-size: 0.875em;
        color: #ffffff;
        text-align: center;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .block-selection .search-main .type a:first-child {
          border-radius: 5px 0 0 5px; }
        .block-selection .search-main .type a:last-child {
          border-radius: 0 5px 5px 0; }
        .block-selection .search-main .type a.active {
          color: #AFCA4F;
          border-color: #AFCA4F;
          position: relative;
          z-index: 1;
          display: block; }
          .block-selection .search-main .type a.active:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 12px;
            margin-top: -6px;
            background: url("../img/intro/icons/icon-on.svg") no-repeat center right;
            width: 12px;
            height: 12px; }
        .block-selection .search-main .type a + a {
          margin-left: -1px; }
    .block-selection .search-main .cat-food {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center !important;
      align-items: center;
      margin-top: 2em; }
      .block-selection .search-main .cat-food_item {
        padding: 10px;
        color: #ffffff;
        line-height: 32px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        font-size: 1em;
        margin: 0.25em 0;
        margin-right: 0.25em; }
        .block-selection .search-main .cat-food_item svg {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          fill: rgba(255, 255, 255, 0.2);
          width: 32px;
          height: 32px;
          display: inline-block;
          vertical-align: top; }
          .block-selection .search-main .cat-food_item svg * {
            fill: rgba(255, 255, 255, 0.2);
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
        .block-selection .search-main .cat-food_item .name {
          display: inline-block;
          vertical-align: middle;
          line-height: 1;
          text-align: left;
          margin-left: 0.5em;
          white-space: nowrap; }
        .block-selection .search-main .cat-food_item.active {
          color: #8cc23c; }
          .block-selection .search-main .cat-food_item.active svg {
            fill: #8cc23c; }
            .block-selection .search-main .cat-food_item.active svg * {
              fill: #8cc23c; }
        .block-selection .search-main .cat-food_item.label {
          font-size: 0.875em;
          height: 30px;
          line-height: 30px;
          padding: 0 30px;
          border-radius: 19.5px;
          background-color: rgba(255, 255, 255, 0.1);
          margin: 2px; }
          .block-selection .search-main .cat-food_item.label .name {
            margin: 0; }
          .block-selection .search-main .cat-food_item.label svg {
            display: none; }
          .block-selection .search-main .cat-food_item.label.active {
            background: #8cc23c;
            color: #121924; }
  .block-selection .search-additional {
    padding: 0.65em 0; }
    .block-selection .search-additional .block-flex-center {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .block-selection .search-additional .box-selection select {
      padding-right: 1.5em; }
    .block-selection .search-additional .box-selection i {
      position: absolute;
      right: 0;
      pointer-events: none; }
    .block-selection .search-additional .form-control {
      border: 0;
      background: transparent;
      color: #666666;
      border-radius: 0;
      padding: 0.535em 0;
      height: 2.5em; }
    .block-selection .search-additional .label-control {
      color: #666666;
      font-size: 14px; }
    .block-selection .search-additional .box-search .form-control {
      border-bottom: 1px solid rgba(170, 170, 170, 0.5);
      padding-left: 0;
      width: 260px; }
    .block-selection .search-additional .box-search .fa {
      color: #AAAAAA;
      font-size: 20px;
      margin-bottom: -5px; }
    .block-selection .search-additional .box-selection {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center !important;
      align-items: center; }
    .block-selection .search-additional .box-more-options .show-options {
      cursor: pointer; }
    .block-selection .search-additional .box-more-options .label-control {
      line-height: 2.5em;
      margin: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center !important;
      align-items: center; }
      .block-selection .search-additional .box-more-options .label-control span {
        line-height: 1; }
      .block-selection .search-additional .box-more-options .label-control .fa {
        margin-left: 5px; }
    .block-selection .search-additional .box-more-options .box-options {
      position: absolute;
      top: 110%;
      right: 0;
      background: #ffffff;
      width: 320px;
      box-shadow: 0 0 5px rgba(18, 25, 36, 0.1);
      padding: 1em;
      border-radius: 5px;
      z-index: 10;
      display: none; }
      .block-selection .search-additional .box-more-options .box-options:after {
        position: absolute;
        content: '';
        right: 10px;
        bottom: 100%;
        border-bottom: 5px solid #ffffff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent; }
      .block-selection .search-additional .box-more-options .box-options .box-add {
        display: block; }
      .block-selection .search-additional .box-more-options .box-options input {
        width: 115px; }
    .block-selection .search-additional .box-filters {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center !important;
      align-items: center; }
      .block-selection .search-additional .box-filters > div {
        margin-left: 1.875em; }
    .block-selection .search-additional .box-selection .fa, .block-selection .search-additional .box-more-options .fa {
      font-size: 20px;
      color: #AAAAAA; }
    .block-selection .search-additional .btn-amount {
      height: 30px;
      width: 30px;
      border-radius: 20px;
      background-color: rgba(170, 170, 170, 0.2);
      color: #666666;
      font-size: 20px;
      text-align: left;
      padding: 0 7px;
      line-height: 30px; }
  .block-selection .box-accordion {
    padding: 20px;
    color: #ffffff;
    font-size: 1.5em;
    border-top: 1px solid rgba(255, 255, 255, 0.3); }
    .block-selection .box-accordion .block-flex-center {
      width: 100%; }
    .block-selection .box-accordion .box-icon .under {
      font-size: 0.75em; }

.box-item-accordion .item-accordion .item-accordion-header .box-name .box-add .open-btn {
  width: 30px;
  height: 30px;
  padding: 0;
  min-width: 30px; }

.box-item-accordion .item-accordion .item-accordion-header .box-logo .box-img {
  border-radius: 20px !important; }

.box-item-accordion .item-accordion .item-accordion-header .box-name .title {
  font-size: 1.5em;
  color: #e93e21; }

.box-orders .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center; }

.box-orders .box-name {
  color: #121924; }
  .box-orders .box-name .svg-icon {
    width: 24px;
    height: 24px;
    margin-right: 0.5em; }
  .box-orders .box-name h4 {
    display: inline-block;
    vertical-align: top;
    line-height: 24px; }

.box-orders .box-check-out {
  margin-bottom: 0;
  padding-bottom: 0; }
  .box-orders .box-check-out .btn {
    padding: 0.55em;
    font-weight: 600;
    text-transform: capitalize; }

.box-orders .box-item-basket {
  font-size: 0.875em;
  margin-top: 0; }
  .box-orders .box-item-basket .item-basket {
    background: #ffffff;
    border: 5px solid #F4F4F4;
    border-bottom: 0;
    margin: 0;
    padding: 1em 5px 1em 2.14em; }
    .box-orders .box-item-basket .item-basket .box-close {
      right: inherit;
      left: -2em; }
    .box-orders .box-item-basket .item-basket .box-img {
      border-radius: 5px;
      overflow: hidden; }
  .box-orders .box-item-basket .box-total, .box-orders .box-item-basket .box-check-out, .box-orders .box-item-basket .box-minimal {
    background: #F4F4F4;
    padding: 1em 2.14em; }
  .box-orders .box-item-basket .box-check-out .btn {
    padding: 0.55em;
    font-weight: 600;
    text-transform: capitalize; }
  .box-orders .box-item-basket .item-order .text {
    font-weight: normal; }
  .box-orders .box-item-basket .box-info-order {
    margin-top: 5px; }
    .box-orders .box-item-basket .box-info-order .box-price {
      font-size: 1.15em; }
  .box-orders .box-item-basket .box-quantity {
    min-width: 75px; }
    .box-orders .box-item-basket .box-quantity .box-variable-count {
      border-radius: 12px;
      border-width: 1px;
      height: 1.75em;
      font-weight: 600;
      overflow: hidden; }
      .box-orders .box-item-basket .box-quantity .box-variable-count .btn-count {
        border-radius: 0;
        color: #ffffff;
        width: 25px;
        border-width: 1px;
        font-weight: 900;
        font-size: 20px;
        line-height: 1; }
      .box-orders .box-item-basket .box-quantity .box-variable-count .count {
        color: #aaaaaa; }
  .box-orders .box-item-basket .box-total {
    color: #AAAAAA; }
    .box-orders .box-item-basket .box-total .info-prise:last-child {
      font-size: 1.15em;
      color: #000000; }
  .box-orders .box-item-basket .box-minimal {
    border: 0;
    font-size: 12px;
    color: #AAAAAA;
    margin: 0; }

.restaurant-page-menu {
  padding-top: 0 !important;
  background: #ffffff; }
  .restaurant-page-menu .block-right {
    width: 25em; }
  .restaurant-page-menu .box-collapse .box-accordion {
    font-size: 1.5em;
    padding: 20px; }
  .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion {
    max-width: 870px;
    margin: 0 auto; }
    .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion {
      background: none;
      border-bottom: 1px solid #eeeeee; }
      .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-header {
        padding: 15px 10px;
        background: none; }
        .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-header .box-content .text-information {
          color: #AAAAAA;
          font-size: 0.875em; }
      .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body {
        background: #F4F4F4;
        font-size: 0.875em;
        padding: 1em 1.4em; }
        .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .title-choose {
          font-size: 1em;
          font-weight: 600;
          margin-bottom: 0.5em;
          color: #000000; }
        .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .form-control {
          background: #ffffff;
          height: auto; }
        .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card {
          justify-content: flex-end;
          -webkit-justify-content: flex-end; }
          .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card .box-btn {
            max-width: 160px; }
            .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card .box-btn .btn {
              font-size: 18px;
              text-transform: none;
              padding: 0.4em;
              font-weight: 600; }
          .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card .btn-red {
            min-width: 80px; }
          .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card .box-quantity {
            width: 159px; }
            .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count {
              height: 36px;
              border-radius: 25px;
              overflow: hidden;
              border-color: #CCCCCC; }
              .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn {
                width: 50px;
                background-color: #CCCCCC;
                color: #ffffff;
                border-color: #CCCCCC;
                padding: 0;
                line-height: 1.25em;
                font-weight: bold; }
              .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .count {
                line-height: 2em;
                font-size: 16px;
                color: #666666; }
        .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .price-by-dish {
          margin-bottom: 1em; }
        .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-comment:first-child {
          margin-top: 0; }
          .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-comment:first-child .field {
            margin-top: 0; }
        .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .item-accordion-body .box-comment .title-block {
          display: none; }
    .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion .desc {
      padding-top: 10px;
      font-size: 1.5em;
      font-weight: normal; }
    .restaurant-page-menu .box-item-menu .box-tab-content .box-item-accordion div:not([class]) {
      padding-top: initial;
      font-size: 1em;
      font-weight: normal;
      font-family: inherit; }
  .restaurant-page-menu .box-item-menu .box-tab-content .icon-cat {
    width: 24px;
    height: 24px;
    background-image: url("../img/intro/icons/icon-cat.svg"); }
  .restaurant-page-menu .box-item-menu .box-tab-content .box-name-cat {
    font-size: 1.5em;
    color: #121924;
    font-weight: normal !important;
    line-height: 24px;
    font-family: "Nunito", sans-serif !important;
    margin-top: 3em;
    letter-spacing: 0 !important; }
    .restaurant-page-menu .box-item-menu .box-tab-content .box-name-cat:first-child {
      margin-top: 0; }
    .restaurant-page-menu .box-item-menu .box-tab-content .box-name-cat .icon {
      margin-right: 0.5em; }
  .restaurant-page-menu .box-item-menu .box-tab-menu {
    width: 16em;
    padding: 0 !important; }
    .restaurant-page-menu .box-item-menu .box-tab-menu ul li {
      height: 3.125em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center !important;
      align-items: center;
      line-height: 1.5em;
      font-weight: 600;
      margin: 0;
      text-align: left;
      padding: 0.75em 1.875em; }
      .restaurant-page-menu .box-item-menu .box-tab-menu ul li a {
        color: #666666;
        font-size: 0.875em;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .restaurant-page-menu .box-item-menu .box-tab-menu ul li.active {
        background: #ffffff; }
        .restaurant-page-menu .box-item-menu .box-tab-menu ul li.active a {
          color: #e93e21;
          font-size: 1.125em; }
  .restaurant-page-menu .choose-outlet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center;
    margin-bottom: 1em; }
    .restaurant-page-menu .choose-outlet .under {
      margin-right: 1.25em; }
    .restaurant-page-menu .choose-outlet .item {
      border: 1px solid transparent;
      color: #e93e21;
      border-radius: 20px;
      display: block;
      line-height: 2.375em;
      font-size: 1em;
      padding: 0 1.25em; }
      .restaurant-page-menu .choose-outlet .item .fa {
        margin-right: 1em; }
      .restaurant-page-menu .choose-outlet .item.active {
        border-color: #e93e21; }

.block-filters-rest {
  font-size: 0.875em;
  color: #121924;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-align: center !important;
  align-items: center;
  padding-top: 2em; }
  .block-filters-rest .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center;
    margin-left: 1em; }
  .block-filters-rest .label {
    margin-right: 1em; }
  .block-filters-rest .box-checkbox + .box-checkbox {
    margin-left: 1em; }
  .block-filters-rest .box-checkbox label:after {
    width: 12px;
    height: 12px;
    content: '';
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -6px;
    background: url("../img/intro/icons/icon-on-gray.svg") center no-repeat;
    opacity: 0.3; }
  .block-filters-rest .box-checkbox input[type=checkbox]:checked + label:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    border: 5px solid #ffffff;
    box-shadow: 0 0 0.1em #666;
    color: #8cc23c;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .block-filters-rest .box-checkbox input[type=checkbox] + label:before {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    line-height: 22px; }
  .block-filters-rest .box-checkbox input[type=radio]:checked + label:before, .block-filters-rest .box-checkbox input[type=checkbox]:checked + label:before {
    border-color: #8cc23c;
    box-shadow: 0 0 0.1em #8cc23c; }
  .block-filters-rest .box-checkbox input[type=radio]:checked + label:after, .block-filters-rest .box-checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
    background-image: url("../img/intro/icons/icon-on-white.svg"); }
  .block-filters-rest .box-select .form-control {
    font-size: 16px;
    padding: 3px 30px 3px 12px;
    min-width: 90px;
    border-width: 2px;
    border-color: rgba(170, 170, 170, 0.5);
    border-radius: 5px;
    height: 32px;
    background: #ffffff; }
  .block-filters-rest .box-select .box-icon {
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); }
    .block-filters-rest .box-select .box-icon .fa {
      font-size: 20px;
      color: #AAAAAA; }

@media (min-width: 1025px) {
  .block-selection .box-select {
    display: block !important; } }

@media (max-width: 1024px) {
  .block-about-page .select-page {
    text-align: center;
    padding-top: 4em; }
    .block-about-page .select-page .item {
      min-width: 5.5em;
      text-align: left; }
  .block-about-page.block-about-page-menu {
    height: 19em; }
  .block-left-main-new .box-comment.comment-ch {
    max-width: 100% !important; }
  .block-selection .search-main .cat-food:nth-child(2) {
    justify-content: space-between;
    -webkit-justify-content: space-between; } }

@media (max-width: 768px) {
  .block-about-page {
    height: auto; }
  .box-item-restaurants .item-restaurants .closed {
    right: inherit;
    left: 0;
    top: -3.45em;
    width: 14em; }
  .box-item-restaurants .item-restaurants .item-cell-logo .box-img {
    border-radius: 20px !important; }
  .box-item-restaurants .item-restaurants .item-cell-about .box-about .name {
    width: calc(100% - 5.25em); }
  .box-item-restaurants .item-restaurants .box-text {
    max-width: 100%; }
  .box-item-restaurants .item-restaurants .box-directions {
    padding: 0;
    text-align: right; }
  .box-item-restaurants .item-restaurants .box-enabled {
    font-size: 1em;
    margin-bottom: 0.5em; }
    .box-item-restaurants .item-restaurants .box-enabled .icon-enabled {
      width: 18px;
      height: 18px; }
    .box-item-restaurants .item-restaurants .box-enabled i.fa.fa-shopping-bag {
      font-size: 1em; } }

@media (max-width: 600px) {
  .block-selection .search-main .block-flex-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .block-selection .search-main .box-selection {
    width: 100%; }
  .block-selection .search-main .type {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
    font-size: 16px; }
  .block-selection .search-additional .box-search {
    width: 100%; }
    .block-selection .search-additional .box-search .form-control {
      width: 100%; }
  .block-selection .search-additional .box-filters {
    width: 100%;
    margin-top: 15px; }
    .block-selection .search-additional .box-filters > div:first-child {
      margin-left: 0; }
    .block-selection .search-additional .box-filters .box-more-options .box-options {
      right: 50%;
      margin-right: -160px; }
      .block-selection .search-additional .box-filters .box-more-options .box-options:after {
        right: inherit;
        left: 50%;
        margin-left: -6px; }
    .block-selection .search-additional .box-filters .box-more-options:first-child {
      margin-left: 0; }
      .block-selection .search-additional .box-filters .box-more-options:first-child .box-options {
        right: 0;
        left: 0;
        margin-right: -160px; }
        .block-selection .search-additional .box-filters .box-more-options:first-child .box-options:after {
          left: 10px;
          margin-left: 0; } }

@media (max-width: 520px) {
  .block-about-page .box-res .box-about-restaurants {
    padding-top: 7em;
    padding-left: 0 !important; }
    .block-about-page .box-res .box-about-restaurants h1 {
      position: absolute;
      top: 0;
      left: 0; }
    .block-about-page .box-res .box-about-restaurants .box-logo-restaurants {
      width: 6.5em;
      height: 6.5em;
      padding: 3px;
      border-radius: 20px !important; }
      .block-about-page .box-res .box-about-restaurants .box-logo-restaurants .box-img {
        border-radius: 18px; }
  .block-about-page.block-about-page-menu {
    min-height: 31em; }
  .box-item-accordion .item-accordion .item-accordion-body .box-card .box-btn .btn {
    padding: 0.4em; } }

.multiselect__content-wrapper, .multiselect--active {
  z-index: 5 !important; }

.block-show-btt {
  display: none;
  margin-left: 2em; }

.scroll .block-show-btt {
  display: block; }

.wrapper.main.cart {
  min-height: 0; }

.page-intro .mobile .btn-red {
  min-width: auto; }

.item-cell .box-name .box-add {
  white-space: nowrap; }

header .box-header .navbar-collapse {
  width: auto; }

.container-big.container {
  max-width: 1800px; }

.page-intro {
  font-family: 'Nunito', sans-serif;
  position: relative;
  height: 100%; }
  .page-intro .under {
    text-decoration: underline; }
  .page-intro .container {
    width: 100%; }
  .page-intro .logo {
    width: 150px;
    height: 64px; }
  .page-intro *:not(.fa) {
    font-family: 'Nunito', sans-serif; }
  .page-intro .svg-icon {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px; }
    .page-intro .svg-icon.gray {
      fill: #384E70; }
      .page-intro .svg-icon.gray * {
        fill: #384E70; }
    .page-intro .svg-icon.green {
      fill: #8cc23c; }
      .page-intro .svg-icon.green * {
        fill: #8cc23c; }
    .page-intro .svg-icon.orange {
      fill: #F57816; }
      .page-intro .svg-icon.orange * {
        fill: #F57816; }
  .page-intro h2 {
    font-size: 3.125em;
    margin-bottom: 0.25em; }
  .page-intro h3 {
    font-size: 1.875em;
    margin-bottom: 0.5em; }
  .page-intro h4 {
    font-size: 1.5em;
    margin-bottom: 0.5em; }
  .page-intro .btn-red,
  .page-intro .btn-black {
    border-radius: 25px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    min-width: 180px;
    text-align: center;
    padding: 12px 35px;
    text-transform: none;
    height: auto;
    border: 2px solid; }
    .page-intro .btn-red.btn-md,
    .page-intro .btn-black.btn-md {
      font-size: 18px;
      padding-top: 9px;
      padding-bottom: 9px; }
    .page-intro .btn-red.disabled, .page-intro .btn-red:disabled,
    .page-intro .btn-black.disabled,
    .page-intro .btn-black:disabled {
      border-color: #384E70;
      color: #ffffff;
      background: transparent; }
      .page-intro .btn-red.disabled:hover, .page-intro .btn-red:disabled:hover,
      .page-intro .btn-black.disabled:hover,
      .page-intro .btn-black:disabled:hover {
        background: #121924; }
  .page-intro .btn-red {
    background: #e93e21;
    border-color: #e93e21; }
    .page-intro .btn-red:hover {
      background: rgba(233, 62, 33, 0.5); }
  .page-intro .btn-black {
    border-color: #121924;
    background-color: #121924; }
    .page-intro .btn-black:hover {
      background: rgba(18, 25, 36, 0.5); }
  .page-intro_header {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 20px; }
    .page-intro_header .nav .btn {
      margin-left: 8px;
      border: 2px solid #ffffff;
      border-radius: 25px;
      color: #ffffff;
      font-size: 18px;
      font-weight: 600;
      text-align: center;
      min-width: 7.9em;
      padding: 7px;
      text-transform: none; }
      .page-intro_header .nav .btn:hover {
        box-shadow: inset 0 0 8px 3px rgba(255, 255, 255, 0.3); }
    .page-intro_header.scroll {
      padding: 0.5em;
      line-height: normal; }
      .page-intro_header.scroll .logo {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
        width: 100px;
        height: 40px; }
  .page-intro_login {
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    background-color: #121924;
    height: 100%;
    overflow: hidden;
    width: 100%; }
    .page-intro_login-item {
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center !important;
      align-items: center;
      padding: 20px; }
      .page-intro_login-item:first-child {
        text-align: right;
        padding-right: 30px; }
        .page-intro_login-item:first-child .box-btn .btn {
          background-color: #e93e21;
          border-color: #e93e21; }
          .page-intro_login-item:first-child .box-btn .btn:hover {
            background-color: rgba(233, 62, 33, 0.5); }
        .page-intro_login-item:first-child .bg {
          background-color: #121924;
          position: absolute;
          top: 0;
          right: -1%;
          width: 110%;
          height: 100%;
          -webkit-transform: skew(-4deg);
          -moz-transform: skew(-4deg);
          transform: skew(-4deg);
          z-index: 1; }
          .page-intro_login-item:first-child .bg:before {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            content: '';
            background: -moz-radial-gradient(circle, #384E70 0%, rgba(56, 78, 112, 0) 100%);
            background: -webkit-radial-gradient(circle, #384E70 0%, rgba(56, 78, 112, 0) 100%);
            background: radial-gradient(circle, #384E70 0%, rgba(56, 78, 112, 0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384E70', endColorstr='#00384e70',GradientType=1 ); }
        .page-intro_login-item:first-child .image {
          right: 30%;
          align-items: flex-end; }
      .page-intro_login-item:last-child {
        background-color: #e93e21;
        text-align: left;
        padding-left: 30px; }
        .page-intro_login-item:last-child .bg {
          background-color: #e93e21;
          position: absolute;
          top: 0;
          left: -10%;
          width: 110%;
          height: 100%; }
          .page-intro_login-item:last-child .bg:before {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            content: '';
            background: -moz-radial-gradient(circle, #F26F59 0%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-radial-gradient(circle, #F26F59 0%, rgba(255, 255, 255, 0) 100%);
            background: radial-gradient(circle, #F26F59 0%, rgba(255, 255, 255, 0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F26F59', endColorstr='#00ffffff',GradientType=1 ); }
        .page-intro_login-item:last-child .image {
          left: 30%;
          align-items: flex-start; }
      .page-intro_login-item .image {
        position: absolute;
        z-index: 1;
        width: auto;
        height: 90%;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-end;
        -webkit-justify-content: flex-end; }
        .page-intro_login-item .image img {
          max-width: none;
          max-height: 100%; }
      .page-intro_login-item .text {
        font-size: 1.25em;
        line-height: 1.35; }
      .page-intro_login-item .box-info {
        position: relative;
        z-index: 2;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-weight: 600; }
      .page-intro_login-item .box-btn {
        margin-top: 2.5em; }
        .page-intro_login-item .box-btn .btn {
          border-radius: 25px;
          background-color: #121924;
          font-size: 18px;
          font-weight: 600;
          line-height: 24px;
          color: #ffffff;
          padding: 6px;
          min-width: 180px;
          text-align: center;
          text-transform: none;
          border: 2px solid #121924; }
          .page-intro_login-item .box-btn .btn:hover {
            background-color: rgba(18, 25, 36, 0.5); }
  .page-intro_section {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100%;
    -ms-flex-align: center !important;
    align-items: center;
    padding: 50px 20px;
    color: #121924;
    overflow: hidden; }
    .page-intro_section:before {
      position: absolute;
      top: 0;
      right: 25%;
      width: 100%;
      height: 100%;
      content: '';
      background: -moz-radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 70%);
      background: -webkit-radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 70%);
      background: radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 70%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
      z-index: 1; }
    .page-intro_section.white {
      color: #ffffff; }
    .page-intro_section.black {
      background: #121924;
      color: #ffffff; }
      .page-intro_section.black:before {
        position: absolute;
        top: 0;
        right: 25%;
        width: 100%;
        height: 100%;
        content: '';
        background: -moz-radial-gradient(circle, #384E70 0%, #121924 70%);
        background: -webkit-radial-gradient(circle, #384E70 0%, #121924 70%);
        background: radial-gradient(circle, #384E70 0%, #121924 70%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384E70', endColorstr='#121924',GradientType=1 ); }
      .page-intro_section.black.center:before {
        display: block;
        right: 0;
        background: -webkit-linear-gradient(315deg, #29364A 0%, #121924 100%);
        background: -moz-linear-gradient(315deg, #29364A 0%, #121924 100%);
        background: linear-gradient(315deg, #29364A 0%, #121924 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29364A', endColorstr='#121924',GradientType=1 ); }
    .page-intro_section .image {
      position: absolute;
      z-index: 1;
      width: auto;
      height: 100%;
      bottom: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      justify-content: flex-end;
      -webkit-justify-content: flex-end; }
      .page-intro_section .image img {
        max-width: none;
        max-height: 100%; }
      .page-intro_section .image.left, .page-intro_section .image.right {
        height: 50%; }
      .page-intro_section .image.left {
        right: 80%; }
      .page-intro_section .image.right {
        left: 80%; }
    .page-intro_section.center {
      text-align: center; }
      .page-intro_section.center:before {
        display: none; }
    .page-intro_section.right {
      text-align: right; }
      .page-intro_section.right .container {
        text-align: right; }
      .page-intro_section.right .image {
        right: 50%; }
    .page-intro_section.left {
      text-align: left; }
      .page-intro_section.left .image {
        left: 50%; }
      .page-intro_section.left:before {
        left: 25%;
        right: inherit; }
    .page-intro_section .text {
      font-size: 1.25em;
      line-height: 1.35; }
      .page-intro_section .text.small {
        font-size: 1em;
        margin-top: 2.5em; }
      .page-intro_section .text ul {
        list-style: disc;
        padding-left: 1.25em;
        margin-top: 1.5em; }
      .page-intro_section .text p {
        margin-bottom: 1em; }
        .page-intro_section .text p:last-child {
          margin-bottom: 0; }
    .page-intro_section .box-info {
      position: relative;
      z-index: 2;
      max-width: 500px;
      font-weight: 600;
      width: 50%;
      display: inline-block;
      vertical-align: top; }
      .page-intro_section .box-info .box-btn {
        margin-top: 30px; }
    .page-intro_section .form {
      max-width: 610px;
      display: inline-block;
      vertical-align: top;
      margin-top: 40px;
      text-align: left;
      width: 100%; }
    .page-intro_section .container {
      position: relative;
      z-index: 2; }
    .page-intro_section .bg {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      justify-content: flex-end;
      -webkit-justify-content: flex-end; }
      .page-intro_section .bg img {
        width: 100%; }
    .page-intro_section.green {
      background: #a9c74b; }
    .page-intro_section.pink {
      background: #FDA195; }
    .page-intro_section.pink {
      background: #FDA195; }
    .page-intro_section.blue {
      background: #5acfd9; }
    .page-intro_section.nude {
      background: #FDE0BB; }
    .page-intro_section.orange {
      background: #fba163;
      color: #ffffff; }
    .page-intro_section.indigo {
      background: #5478ae;
      color: #ffffff; }
    .page-intro_section.red-dark {
      background: #e50124;
      color: #ffffff; }
      .page-intro_section.red-dark:before {
        display: none; }
    .page-intro_section.gray {
      background: #384f71;
      color: #ffffff; }
    .page-intro_section.red {
      background: #e93e21;
      color: #ffffff; }
    .page-intro_section .box-btn {
      margin-top: 40px; }
    .page-intro_section .box-prise {
      color: #121924;
      margin-top: 30px; }
      .page-intro_section .box-prise .box-item-restaurants {
        text-align: left; }
        .page-intro_section .box-prise .box-item-restaurants .item-restaurants {
          border-radius: 20px;
          border: 0;
          outline: 0;
          padding: 20px;
          margin: 10px 0; }
          .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-logo .box-img {
            border-radius: 30px;
            border: 5px solid #F4F4F4; }
          .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about {
            padding: 0 0 0 20px; }
            .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about {
              padding-bottom: 50px; }
              .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .name {
                font-size: 1.5em;
                color: #e93e21; }
              .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .name, .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-address {
                max-width: 100%; }
              .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-address {
                font-size: 14px;
                margin-top: 0.5em;
                padding-left: 1.25em;
                line-height: 1.2em;
                min-height: 2em; }
                .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-address i {
                  font-size: 20px;
                  top: -3px; }
              .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-rest-info {
                margin: 0; }
              .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-info.box-rating {
                margin-top: 0;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center !important;
                align-items: center; }
                .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-info.box-rating .name-info {
                  padding: 0;
                  margin: 0 10px 0 0;
                  line-height: 1;
                  opacity: 1;
                  color: #121924; }
              .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-like-btn {
                bottom: 0;
                left: 0;
                right: inherit; }
                .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-like-btn .btn {
                  font-size: 1.125em;
                  color: #ffffff;
                  background: #e93e21;
                  border: 2px solid #e93e21;
                  border-radius: 25px;
                  min-width: 150px;
                  text-transform: none;
                  font-weight: 600;
                  padding: 6px; }
                  .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-like-btn .btn:hover {
                    background: rgba(233, 62, 33, 0.5); }
          .page-intro_section .box-prise .box-item-restaurants .item-restaurants .box-save {
            height: 2.5em;
            width: 2.5em;
            border-radius: 50%;
            background: #ffffff;
            box-shadow: 0 0 2px rgba(18, 25, 36, 0.05);
            top: -17px;
            left: -17px;
            padding-top: 12px; }
            .page-intro_section .box-prise .box-item-restaurants .item-restaurants .box-save .save {
              color: #e93e21;
              width: 100%;
              -webkit-transform: none;
              -moz-transform: none;
              transform: none; }
  .page-intro_tabs {
    height: 100%;
    position: relative; }
    .page-intro_tabs .nav-tabs {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1; }
    .page-intro_tabs .tab-pane {
      display: none; }
      .page-intro_tabs .tab-pane.active {
        display: block; }
  .page-intro_slide {
    height: 100%;
    overflow: hidden;
    padding-top: 84px; }
    .page-intro_slide .slide {
      height: 100%; }
    .page-intro_slide-items {
      height: 100%; }
      .page-intro_slide-items .slick-slider, .page-intro_slide-items .slick-list, .page-intro_slide-items .slick-track,
      .page-intro_slide-items .slick-slide > div {
        height: 100%; }
    .page-intro_slide .slick-slide {
      outline: none; }
    .page-intro_slide .slick-slider .slick-list {
      padding: 0 !important; }
    .page-intro_slide-nav {
      background: #121924;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      z-index: 1;
      text-align: center; }
      .page-intro_slide-nav .bg {
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; }
        .page-intro_slide-nav .bg:before {
          content: '';
          height: 1px;
          width: 1px;
          border-radius: 50%;
          position: absolute;
          top: -20px;
          left: 50%;
          box-shadow: 0 0 80px 80px #384E70; }
      .page-intro_slide-nav .container {
        max-width: 840px;
        position: relative; }
      .page-intro_slide-nav.customer .container {
        max-width: 990px; }
      .page-intro_slide-nav .green {
        color: #AFCA4F; }
      .page-intro_slide-nav .pink {
        color: #FDA195; }
      .page-intro_slide-nav .blue {
        color: #5acfd9; }
      .page-intro_slide-nav .nude {
        color: #FDE0BB; }
      .page-intro_slide-nav .orange {
        color: #fba163; }
      .page-intro_slide-nav .indigo {
        color: #5478ae; }
      .page-intro_slide-nav .gray {
        color: #384f71; }
      .page-intro_slide-nav .slick-list {
        overflow: visible; }
    .page-intro_slide .slider-nav {
      position: relative; }
      .page-intro_slide .slider-nav .nav {
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
        vertical-align: top;
        float: left;
        padding: 30px 28px;
        cursor: pointer; }
        .page-intro_slide .slider-nav .nav:not(.slick-current) {
          color: #ffffff; }
        .page-intro_slide .slider-nav .nav.slick-current:after {
          content: '';
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          border-top: 20px solid #121924;
          position: absolute;
          top: 100%;
          left: 50%;
          margin-left: -20px;
          margin-top: -1px; }
    .page-intro_slide .slider {
      height: 100%; }
  .page-intro_steps {
    color: #e93e21;
    font-size: 1em;
    padding: 10em 20px 6em;
    background: #121924;
    position: relative;
    min-height: 34em; }
    .page-intro_steps:before {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      background: inherit;
      width: 100%;
      height: 60px;
      -webkit-transform: skewY(4deg);
      -moz-transform: skewY(4deg);
      transform: skewY(4deg);
      z-index: 2; }
    .page-intro_steps:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      background: inherit;
      width: 50%;
      height: 70px;
      z-index: 2;
      margin-top: -10px; }
    .page-intro_steps .box-info {
      max-width: 560px;
      margin: 0 auto;
      color: #ffffff;
      text-align: center;
      padding: 2em 0; }
      .page-intro_steps .box-info .text {
        font-size: 1.875em; }
      .page-intro_steps .box-info .box-btn {
        margin-top: 40px; }
    .page-intro_steps .steps {
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between; }
      .page-intro_steps .steps-item {
        font-size: 1.25em;
        width: 22%; }
    .page-intro_steps .text {
      color: #ffffff;
      line-height: 1.35; }
    .page-intro_steps .count {
      font-size: 5em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center !important;
      align-items: center; }
      .page-intro_steps .count .line {
        width: 100%;
        border-top: 2px dashed;
        margin-left: 10px;
        height: 7px;
        position: relative; }
        .page-intro_steps .count .line:after, .page-intro_steps .count .line:before {
          position: absolute;
          content: '';
          top: -5px; }
        .page-intro_steps .count .line:before {
          left: -1px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #e93e21; }
        .page-intro_steps .count .line:after {
          right: -1px;
          border-left: 8px solid #e93e21;
          border-bottom: 4px solid transparent;
          border-top: 4px solid transparent; }
    .page-intro_steps + .page-intro_section {
      padding-top: 100px; }
  .page-intro_footer {
    background: #121924;
    color: #ffffff;
    padding: 50px 20px 20px; }
    .page-intro_footer .container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      -webkit-justify-content: space-between; }
    .page-intro_footer .nav {
      display: -ms-flexbox;
      display: flex; }
      .page-intro_footer .nav-item {
        min-width: 150px;
        margin: 0 30px; }
      .page-intro_footer .nav ul li {
        padding: 10px 0; }
        .page-intro_footer .nav ul li a {
          font-size: 14px;
          color: #ffffff;
          font-weight: 600; }
    .page-intro_footer .social a {
      margin-left: 10px; }
    .page-intro_footer .copy {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      color: rgba(255, 255, 255, 0.4);
      font-size: 12px;
      margin-top: 50px;
      text-align: center; }
  .page-intro .form-group {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex; }
    .page-intro .form-group .form-control + .form-control {
      margin-left: 10px; }
    .page-intro .form-group .form-input {
      width: 100%;
      position: relative; }
      .page-intro .form-group .form-input .input-control-error {
        font-size: 0.75em;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 50%;
        padding-right: 0.5em;
        line-height: 1;
        top: -4px; }
      .page-intro .form-group .form-input.error .input-control-error {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%; }
    .page-intro .form-group .form-input + .form-input {
      margin-left: 10px; }
  .page-intro .form-control {
    font-size: 14px;
    font-family: 'Nunito', sans-serif;
    height: 3.215em;
    padding: 0.858em 1.5em;
    color: #121924;
    border-radius: 5px; }
  .page-intro .form textarea.form-control {
    height: 120px;
    resize: none; }
  .page-intro .form-select-restaurants {
    max-width: 700px;
    margin: 0 auto;
    padding: 40px; }
    .page-intro .form-select-restaurants .sub-text {
      opacity: 0.5;
      margin-top: -0.35em; }
    .page-intro .form-select-restaurants .box-btn .btn {
      font-size: 16px;
      font-weight: normal;
      line-height: 22px; }
    .page-intro .form-select-restaurants .box-point {
      position: absolute;
      top: 50%;
      right: 100%;
      width: 40px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: left; }
    .page-intro .form-select-restaurants .form {
      text-align: inherit;
      max-width: 100%; }
      .page-intro .form-select-restaurants .form-control {
        font-size: 16px; }
        .page-intro .form-select-restaurants .form-control:focus + .box-point .svg-icon {
          fill: #384E70; }
          .page-intro .form-select-restaurants .form-control:focus + .box-point .svg-icon * {
            fill: #384E70; }
        .page-intro .form-select-restaurants .form-control:focus ~ .box-icon .svg-icon {
          fill: #AAAAAA; }
          .page-intro .form-select-restaurants .form-control:focus ~ .box-icon .svg-icon * {
            fill: #AAAAAA; }
      .page-intro .form-select-restaurants .form-input {
        position: relative; }
        .page-intro .form-select-restaurants .form-input .box-icon {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          width: 40px; }
          .page-intro .form-select-restaurants .form-input .box-icon .svg-icon {
            width: 22px;
            height: 22px; }
    .page-intro .form-select-restaurants .type {
      margin-top: 0.625em; }
      .page-intro .form-select-restaurants .type-filters {
        display: -ms-flexbox;
        display: flex; }
      .page-intro .form-select-restaurants .type a {
        width: 100%;
        border: 1px solid #384E70;
        line-height: 1.28em;
        padding: 0.75em;
        font-size: 0.875em;
        color: #ffffff;
        text-align: center;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .page-intro .form-select-restaurants .type a:first-child {
          border-radius: 5px 0 0 5px; }
        .page-intro .form-select-restaurants .type a:last-child {
          border-radius: 0 5px 5px 0; }
        .page-intro .form-select-restaurants .type a.active {
          color: #AFCA4F;
          border-color: #AFCA4F;
          position: relative;
          z-index: 1;
          display: block; }
          .page-intro .form-select-restaurants .type a.active:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 12px;
            margin-top: -6px;
            background: url("../img/intro/icons/icon-on.svg") no-repeat center right;
            width: 12px;
            height: 12px; }
        .page-intro .form-select-restaurants .type a + a {
          margin-left: -1px; }
    .page-intro .form-select-restaurants .split {
      margin: 60px 0 35px; }
      .page-intro .form-select-restaurants .split .text {
        position: relative;
        font-size: 1.25em;
        display: inline-block;
        vertical-align: top;
        padding: 0 1em; }
        .page-intro .form-select-restaurants .split .text:before, .page-intro .form-select-restaurants .split .text:after {
          width: 200px;
          height: 1px;
          content: '';
          top: 50%;
          position: absolute;
          background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
          background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ); }
        .page-intro .form-select-restaurants .split .text:after {
          left: 100%; }
        .page-intro .form-select-restaurants .split .text:before {
          right: 100%;
          background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66ffffff',GradientType=1 ); }
    .page-intro .form-select-restaurants .cat-food {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-around;
      -webkit-justify-content: space-around; }
      .page-intro .form-select-restaurants .cat-food_item {
        width: 25%;
        padding: 10px;
        color: rgba(255, 255, 255, 0.5);
        line-height: 40px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
        display: block; }
        .page-intro .form-select-restaurants .cat-food_item svg {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          fill: rgba(255, 255, 255, 0.2);
          width: 40px;
          height: 40px;
          display: inline-block;
          vertical-align: top; }
          .page-intro .form-select-restaurants .cat-food_item svg * {
            fill: rgba(255, 255, 255, 0.2);
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
        .page-intro .form-select-restaurants .cat-food_item .name {
          width: 52px;
          display: inline-block;
          vertical-align: middle;
          line-height: 1;
          text-align: left;
          margin-left: 0.5em;
          white-space: nowrap; }
        .page-intro .form-select-restaurants .cat-food_item.active {
          color: #ffffff; }
          .page-intro .form-select-restaurants .cat-food_item.active svg {
            fill: #e93e21; }
            .page-intro .form-select-restaurants .cat-food_item.active svg * {
              fill: #e93e21; }
  .page-intro_dishes {
    min-height: 100%;
    background: #121924;
    background: -moz-linear-gradient(left, #121924 0%, #29364a 100%);
    background: -webkit-linear-gradient(left, #121924 0%, #29364a 100%);
    background: linear-gradient(to right, #121924 0%, #29364a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121924', endColorstr='#29364a',GradientType=1 );
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
    .page-intro_dishes-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center !important;
      align-items: center;
      justify-content: center;
      -webkit-justify-content: center;
      flex-grow: 1;
      height: 100%; }
      .page-intro_dishes-list .cat-food {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        text-align: center; }
        .page-intro_dishes-list .cat-food_item {
          padding: 1.5em 0.5em;
          color: rgba(255, 255, 255, 0.5);
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          cursor: pointer;
          display: block;
          font-size: 1em; }
          .page-intro_dishes-list .cat-food_item .name {
            font-size: 1.25em;
            margin-top: 0.5em; }
          .page-intro_dishes-list .cat-food_item .box-icon {
            width: 10em;
            height: 10em;
            line-height: 9.6em;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.3);
            margin-bottom: 0.5em; }
          .page-intro_dishes-list .cat-food_item svg {
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            fill: rgba(255, 255, 255, 0.2);
            width: 5em;
            height: 5em;
            display: inline-block;
            vertical-align: middle; }
            .page-intro_dishes-list .cat-food_item svg * {
              fill: rgba(255, 255, 255, 0.2);
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
          .page-intro_dishes-list .cat-food_item.active {
            color: #e93e21; }
            .page-intro_dishes-list .cat-food_item.active .box-icon {
              border-color: #e93e21; }
            .page-intro_dishes-list .cat-food_item.active svg {
              fill: #e93e21; }
              .page-intro_dishes-list .cat-food_item.active svg * {
                fill: #e93e21; }
  @media (max-width: 1090px) {
    .page-intro_dishes-list .cat-food {
      font-size: 0.875em; } }
  @media (max-width: 1024px) {
    .page-intro .logo {
      width: 120px;
      height: 50px; } }
  @media (max-width: 1023px) {
    .page-intro_login {
      -ms-flex-direction: column;
      flex-direction: column;
      min-height: 660px;
      display: none; }
      .page-intro_login-item:first-child .image {
        right: 50%; }
      .page-intro_login-item:first-child .bg:before {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none; }
      .page-intro_login-item:last-child .image {
        left: 50%; }
      .page-intro_login-item .box-info .text {
        max-width: 70%;
        display: inline-block;
        vertical-align: top; }
    .page-intro_footer {
      padding: 20px; }
      .page-intro_footer .copy {
        margin-top: 20px; }
      .page-intro_footer .nav-item {
        margin: 0 15px;
        min-width: 60px; }
        .page-intro_footer .nav-item ul li {
          padding: 5px 0; }
    .page-intro_steps {
      padding-top: 5em;
      padding-bottom: 2em;
      min-height: 27em; }
      .page-intro_steps .steps {
        font-size: 12px; }
    .page-intro_section {
      min-height: 540px; }
    .page-intro_slide {
      height: 624px; }
    .page-intro_dishes-list .cat-food {
      font-size: 0.75em; } }
  @media (max-width: 767px) {
    .page-intro {
      font-size: 13px; }
      .page-intro h2 {
        font-size: 2.8em;
        line-height: 1;
        margin-bottom: 0.45em; }
      .page-intro_header .nav {
        white-space: nowrap; }
        .page-intro_header .nav .btn {
          font-size: 14px; }
      .page-intro_footer {
        padding: 20px; }
        .page-intro_footer .logo, .page-intro_footer .social {
          order: 0; }
        .page-intro_footer .nav {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
          justify-content: center;
          -webkit-justify-content: center;
          text-align: center; }
          .page-intro_footer .nav-item {
            margin: 0 10px;
            display: inline-block;
            vertical-align: top; }
        .page-intro_footer .copy, .page-intro_footer .nav {
          order: 1;
          margin-top: 20px; }
      .page-intro_steps .steps {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .page-intro_steps .steps-item {
          width: 46%; }
      .page-intro_section .image.left, .page-intro_section .image.right {
        display: none; }
      .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-rest-info {
        margin-bottom: 10px; }
      .page-intro_section .box-prise .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-like-btn {
        bottom: 15px; }
      .page-intro_section.red-dark .bg {
        height: 140px;
        display: block;
        text-align: left; }
        .page-intro_section.red-dark .bg img {
          height: 100%;
          width: auto;
          max-width: none; }
      .page-intro_section.red-dark .form {
        max-width: 100%; }
        .page-intro_section.red-dark .form .box-btn {
          text-align: right; }
      .page-intro_login-item:first-child .image {
        height: 85%; }
      .page-intro_login-item .box-btn {
        margin-top: 1.5em; }
      .page-intro .form-select-restaurants .cat-food {
        margin: 0 -40px; }
      .page-intro .form-select-restaurants .type {
        font-size: 16px; } }
  @media (max-width: 600px) {
    .page-intro_section {
      -ms-flex-align: start !important;
      align-items: flex-start; }
      .page-intro_section .image {
        max-height: 53%; }
      .page-intro_section.left:before, .page-intro_section.right:before {
        left: 0;
        right: 0;
        top: 30%;
        opacity: 0.7; }
      .page-intro_section .m-lg {
        max-height: 63%; }
      .page-intro_section .m-left {
        left: -30px;
        right: initial !important; }
      .page-intro_section .left-half {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%); }
      .page-intro_section .right-half {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        transform: translateX(50%); }
      .page-intro_section .box-info {
        width: 100%;
        max-width: 380px; }
        .page-intro_section .box-info .text {
          max-width: 100%;
          display: inline-block;
          vertical-align: top; }
      .page-intro_section.black .box-info .text {
        max-width: 80%; }
      .page-intro_section .text ul {
        max-width: 53%; }
      .page-intro_section .text.small {
        margin-top: 0; }
    .page-intro_header + .page-intro_section {
      padding-top: 100px; }
    .page-intro .form-select-restaurants {
      padding: 30px 10px 0; }
      .page-intro .form-select-restaurants .box-point {
        width: 26px; }
        .page-intro .form-select-restaurants .box-point .svg-icon {
          width: 20px;
          height: 20px; }
      .page-intro .form-select-restaurants .type a.active:after {
        right: 8px;
        width: 10px;
        height: 10px; }
      .page-intro .form-select-restaurants .cat-food_item .name {
        display: block;
        margin: 5px 0 0 0;
        width: 100%;
        text-align: center; }
    .page-intro_login-item:first-child .text {
      max-width: 74%; }
      .page-intro_login-item:first-child .text br {
        display: none; } }
  @media (max-width: 480px) {
    .page-intro_footer .nav {
      -ms-flex-direction: column;
      flex-direction: column; }
      .page-intro_footer .nav-item {
        margin: 10px 0; }
    .page-intro_steps .steps-item {
      width: 100%; } }
  @media (min-width: 1681px) {
    .page-intro {
      font-size: 17px; }
      .page-intro_steps:before {
        -webkit-transform: skewY(2deg);
        -moz-transform: skewY(2deg);
        transform: skewY(2deg); } }
  @media (min-width: 1320px) {
    .page-intro .form-select-restaurants {
      font-size: 20px;
      max-width: 800px; }
      .page-intro .form-select-restaurants .form-control {
        font-size: 18px; }
      .page-intro .form-select-restaurants .box-btn {
        margin-top: 3em; }
      .page-intro .form-select-restaurants .cat-food {
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin: 0 -30px; }
      .page-intro .form-select-restaurants .cat-food_item {
        width: 20%;
        padding-top: 20px; }
        .page-intro .form-select-restaurants .cat-food_item .name {
          display: block;
          text-align: center;
          width: 100%;
          margin-top: 0.5em;
          margin-left: 0; } }

header .container {
  max-width: 100%; }

header .icon-shopping {
  background-image: url("../img/intro/icons/icon-cart.svg");
  width: 24px;
  height: 24px; }

header .icon-profile {
  background-image: url("../img/intro/icons/icon_user.svg");
  width: 24px;
  height: 24px; }

header .box-header .navbar-collapse .navbar-navigate .box-user-info .box-user-actions .box-icon {
  margin: 0 20px; }

header ul.nav {
  margin-right: 45px; }

.block-cookie {
  background: #29364A; }
  .block-cookie .box-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center; }
  .block-cookie .box-text {
    font-size: 12px; }

.new-calendar {
  /*after 13 o'clock*/
  /*
  /*.box-restaurant-calendar .calendar.full .day {
    width: 13%;
    border: 1px solid #686869;
    border-radius: 12%;
    margin-right: 1.5%;
    padding: 0;
    box-shadow: 0 0 10px #aaaaaa;
    height: 140px;
    overflow: hidden;
    cursor: pointer; }
    .box-restaurant-calendar .calendar.full .day.past {
      border-color: #e7e7e9;
      box-shadow: 0 0 10px #aaaaaa; }*/
  /*modal dialog*/ }
  .new-calendar .calendar .title {
    margin: 0.25em;
    font-weight: bold; }
  .new-calendar .box-table {
    display: flex;
    height: 240px; }
  .new-calendar .item-cell.item-cell-logo {
    position: relative; }
  .new-calendar .box-current-day {
    margin: auto 0; }
    .new-calendar .box-current-day .block {
      display: flex;
      align-items: center; }
    .new-calendar .box-current-day .data {
      padding: 0 0.5em; }
  .new-calendar .calendar .week {
    display: flex; }
    .new-calendar .calendar .week.day-of-week {
      background-color: #aaaaaa; }
      .new-calendar .calendar .week.day-of-week .day {
        cursor: default;
        font-weight: bold;
        color: #000000; }
  .new-calendar .calendar .day {
    /*flex-grow: 1;
        flex-basis: 0;*/
    width: 30px;
    line-height: 30px;
    color: #686869; }
  .new-calendar .box-restaurant-calendar .block-month-select {
    display: flex;
    margin: 0 auto; }
  .new-calendar .box-restaurant-calendar .calendar.full .month {
    flex-basis: unset;
    width: 100%;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    grid-row-gap: 1em; }
  .new-calendar .box-restaurant-calendar .calendar.full .week {
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 1%; }
  .new-calendar .calendar .day.week-day.active {
    border-left: 6px solid #ff0000; }
  .new-calendar .calendar .day.week-day.past {
    border-left: 6px solid #C4C4C4; }
  .new-calendar .calendar .day.week-day.feature {
    border-left: 6px solid #6D6AAB; }
    .new-calendar .calendar .day.week-day.feature.ordered {
      border-left: 6px solid #403C87; }
  .new-calendar .calendar .day.week-day .date-box .count-calories {
    font-size: 12px;
    line-height: 1em;
    padding-top: 0.5em;
    color: #32CD32; }
  .new-calendar .box-restaurant-calendar .calendar.full .day .order-box {
    height: inherit;
    padding: 10% 0px; }
  .new-calendar .calendar .day.week-day {
    display: grid;
    grid-template-columns: 0.3fr 0.4fr 0.3fr;
    grid-template-rows: 0.3fr 0.4fr 0.3fr;
    grid-template-areas: 'week-day logo cancel' 'day meal meal' 'kcal meal meal';
    width: auto;
    border: 1px solid #686869;
    border-radius: 1em;
    padding: 0;
    box-shadow: 0 0 10px #aaaaaa;
    height: 140px;
    color: #000;
    grid-column-gap: 0; }
    .new-calendar .calendar .day.week-day .order-box .restaurant-logo {
      margin: 0.5em 0; }
      .new-calendar .calendar .day.week-day .order-box .restaurant-logo img {
        width: 60%;
        border-radius: 20px; }
    .new-calendar .calendar .day.week-day .order-box .ordered-dish {
      font-size: 1em;
      line-height: 1em; }
    .new-calendar .calendar .day.week-day .order-box .cancel-meal {
      text-align: right;
      padding: 0 0.5em;
      font-size: 0.8em;
      color: #ff0000; }
  .new-calendar .box-restaurant-calendar .day.week-day .day-of-week {
    grid-area: week-day;
    font-size: 1vw;
    font-weight: 700;
    text-align: center;
    align-self: end;
    padding-top: 0.2em; }
  .new-calendar .box-restaurant-calendar .day.week-day .date {
    grid-area: day;
    font-size: 2.3vw;
    text-align: center;
    align-self: center;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
  .new-calendar .box-restaurant-calendar .day.week-day .count-calories {
    grid-area: kcal;
    font-size: calc(0.2em + 0.5vw);
    line-height: 1em;
    color: green;
    text-align: center;
    line-height: 1em;
    padding: 0.7em; }
  .new-calendar .box-restaurant-calendar .day.week-day .restaurant-logo {
    grid-area: logo;
    align-self: center;
    height: 2em; }
    .new-calendar .box-restaurant-calendar .day.week-day .restaurant-logo img {
      width: 2.4em;
      height: auto;
      border-radius: 0.8em;
      margin: 0.3em; }
  .new-calendar .box-restaurant-calendar .day.week-day .cancel-meal {
    grid-area: cancel;
    color: #ff7575;
    font-size: 0.8vw;
    align-self: end; }
  .new-calendar .box-restaurant-calendar .day.week-day .ordered-dish {
    grid-area: meal;
    font-size: calc(0.5em + 0.5vw);
    line-height: 1.2em;
    padding: 0.8em 0.2em 0 0.2em;
    align-self: start; }
  .new-calendar .calendar .day.week-day.feature.ordered .ordered-dish {
    padding-top: 1.2em; }
  .new-calendar .calendar .day.week-day.feature .ordered-dish {
    padding-top: 1.5em; }
  .new-calendar .calendar .day.available {
    cursor: pointer;
    color: #8cc23c;
    font-weight: bold; }
    .new-calendar .calendar .day.available.active {
      color: #ffffff;
      background-color: #8cc23c; }
  .new-calendar .calendar .day.reserve.available {
    color: #ffffff;
    background-color: #aaaaaa; }
    .new-calendar .calendar .day.reserve.available.active {
      color: #ffffff;
      background-color: #8cc23c; }
  .new-calendar .calendar .year {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
  .new-calendar .calendar .month {
    margin: 0.25em;
    flex-basis: 0; }
  .new-calendar .delivery_t {
    margin: 12px 0; }
    .new-calendar .delivery_t .btn-width100 {
      width: 100%; }
  .new-calendar .date-list .time-item {
    margin-left: 20px;
    margin-right: 10px;
    line-height: 30px;
    border-bottom: 2px dashed #979797;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer; }
    .new-calendar .date-list .time-item .btn-delete {
      float: right;
      padding: 5px;
      vertical-align: middle; }
    .new-calendar .date-list .time-item .btn-check {
      float: right;
      padding: 10px;
      color: #ffffff; }
    .new-calendar .date-list .time-item:last-child {
      border-bottom: none; }
  .new-calendar .box-school-user-name {
    line-height: 38px; }
    .new-calendar .box-school-user-name .box-name {
      font-family: "LifehackSans", Arial, Helvetica, sans-serif;
      color: #ffffff;
      margin-right: 20px;
      font-size: 28px; }
  .new-calendar header .box-header .navbar-header img.hide-logo {
    display: none; }
  .new-calendar header.scroll .box-header .navbar-header img.hide-logo {
    display: block; }
  .new-calendar .box-info-check-out .box-check-out-main.school-result {
    min-width: 50%;
    margin: 2em auto;
    padding: 0; }
    .new-calendar .box-info-check-out .box-check-out-main.school-result .school-details-item {
      width: 40%;
      min-width: 480px; }
    .new-calendar .box-info-check-out .box-check-out-main.school-result .box-diner-info {
      font-size: 28px; }
      .new-calendar .box-info-check-out .box-check-out-main.school-result .box-diner-info .item-cell.date-name {
        vertical-align: top; }
    .new-calendar .box-info-check-out .box-check-out-main.school-result .delivery-dates {
      margin-top: 0.5em; }
  .new-calendar .box-info-check-out .info-prise .text {
    margin-right: 40px; }
  .new-calendar header.scroll.newark {
    background-color: white;
    border-bottom: 3px solid blue;
    height: 68px !important;
    min-height: 68px !important; }
  .new-calendar .item-basket .order-time .box-open .show-list-btn {
    padding: 1em 0.55em 0.25em 0.55em;
    transition: none; }
    .new-calendar .item-basket .order-time .box-open .show-list-btn::after {
      border: 8px solid transparent;
      border-top: 7px solid white;
      display: block;
      width: 0;
      height: 0;
      content: ""; }
  .new-calendar .item-basket .order-time .box-open.open .show-list-btn {
    padding: 0.25em 0.55em 1em 0.55em; }
    .new-calendar .item-basket .order-time .box-open.open .show-list-btn::after {
      border: 8px solid transparent;
      border-bottom: 7px solid white;
      display: block;
      width: 0;
      height: 0;
      content: ""; }
  .new-calendar .form-diner {
    padding-bottom: 30px; }
    .new-calendar .form-diner .input-control-error {
      top: auto;
      bottom: 0; }
  .new-calendar .box-modal.info-popup .block-title.diner-modal {
    padding-bottom: 2em; }
  .new-calendar .table-responsive .calendar {
    background-color: #ffffff; }
    .new-calendar .table-responsive .calendar .name-month .block-title {
      width: 100%;
      text-align: center;
      font-family: "LifehackSans", Arial, Helvetica, sans-serif;
      line-height: 39px;
      font-weight: bold; }
    .new-calendar .table-responsive .calendar .day {
      text-align: center; }
  .new-calendar .calendar.full .day.big-day {
    height: 10em; }
  .new-calendar .calendar.full .good-title {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: block;
    line-height: 16px; }
  .new-calendar .calendar-big .hide-desktop .close {
    right: 0.5em;
    top: 0.3em; }
  .new-calendar .calendar-big .hide-desktop .block-title {
    padding: 0;
    height: auto;
    line-height: 1.2em; }
  .new-calendar .calendar-big .hide-desktop .week-name, .new-calendar .calendar-big .hide-desktop .good-title {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold; }
  .new-calendar .calendar-big .hide-desktop .week-name {
    color: #8cc23c; }
  .new-calendar .calendar-big .hide-desktop .diner-name {
    font-size: 0.7em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: #7fbbea; }
    .new-calendar .calendar-big .hide-desktop .diner-name .red {
      color: #ff7575; }
  .new-calendar .calendar-big .hide-desktop .box-btn {
    margin-top: 1em; }
  .new-calendar .calendar-big .hide-desktop .border-bottom {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .new-calendar .calendar-big .block-title {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    height: 3em;
    padding: 0 5em;
    line-height: 3em; }
    .new-calendar .calendar-big .block-title .prev, .new-calendar .calendar-big .block-title .next {
      padding: 0.5em;
      color: #e93e21; }
  .new-calendar .box-title.orders {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #303030; }
  .new-calendar h3.block-title {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #7fbbea;
    text-decoration: underline;
    margin-top: 0.5em;
    cursor: pointer; }
  .new-calendar .box-item-basket .block-title {
    font-size: 18px;
    font-weight: bold; }
  .new-calendar .add-btn {
    font-family: "LifehackSans", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #8cc23c;
    text-align: center; }
  .new-calendar .box-check-out {
    margin-bottom: 2em;
    padding-bottom: 2em; }
  .new-calendar #mobile-school-cart {
    padding-left: 2em; }
  .new-calendar .btn-change {
    padding: 0; }
    .new-calendar .btn-change img {
      width: 150px;
      position: relative;
      border-radius: 20px; }
    .new-calendar .btn-change:hover {
      opacity: 0.8; }
  .new-calendar .btn-change-genesis {
    padding: 0; }
    .new-calendar .btn-change-genesis img {
      width: 250px;
      position: relative;
      border-radius: 20px; }
    .new-calendar .btn-change-genesis:hover {
      opacity: 0.8; }
  .new-calendar .btn-blue {
    background-color: #399bca; }
    .new-calendar .btn-blue:hover {
      background-color: #7fbbea; }
  .new-calendar .box-soclogin {
    margin-top: 24px; }
  .new-calendar .calendar-genesis .day {
    text-align: center; }
  .new-calendar .calendar-genesis .month {
    background-color: #FFF; }
  .new-calendar .calendar .day .cancel-order {
    color: #ff7575;
    position: absolute;
    bottom: 0; }
    .new-calendar .calendar .day .cancel-order.available {
      cursor: pointer; }
  .new-calendar .message-genesis {
    text-align: left; }
  .new-calendar .box-restaurant-calendar .block-current-day {
    width: 80%;
    margin: 5em auto 3em;
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #509600; }
    .new-calendar .box-restaurant-calendar .block-current-day .item-cell.item-cell-select-day {
      padding: 0 2vw;
      width: 30%;
      margin: auto; }
    .new-calendar .box-restaurant-calendar .block-current-day.empty {
      display: none;
      margin: -7em auto 3em;
      background-color: #fff;
      border-radius: 20px;
      border: 2px solid #403C87; }
      .new-calendar .box-restaurant-calendar .block-current-day.empty .box-img.dish-img img {
        border-radius: 0;
        margin: 2em; }
      .new-calendar .box-restaurant-calendar .block-current-day.empty .item-cell.item-cell-select-day .date {
        color: #403C87; }
      .new-calendar .box-restaurant-calendar .block-current-day.empty .item-cell.item-cell-select-day .box-restaurant-calendar .block-current-day .item-cell.item-cell-select-day .month {
        font-size: 0.9em;
        font-weight: 700;
        opacity: 0.3;
        padding-top: 0.3em; }
    .new-calendar .box-restaurant-calendar .block-current-day .date {
      font-family: sans-serif;
      letter-spacing: 1px;
      font-size: calc(2em + 2vw);
      color: #ea3e22;
      display: inline-block;
      font-weight: bold;
      padding: 0 0.2em; }
    .new-calendar .box-restaurant-calendar .block-current-day .block-dm {
      display: inline-block;
      font-size: calc(0.5em + 0.8vw);
      text-transform: uppercase; }
      .new-calendar .box-restaurant-calendar .block-current-day .block-dm .day-of-week {
        font-weight: 700;
        font-family: 'Nunito';
        padding-bottom: 0.2em; }
      .new-calendar .box-restaurant-calendar .block-current-day .block-dm .month {
        font-weight: bold;
        opacity: 0.5;
        font-family: 'Nunito'; }
  .new-calendar .box-restaurant-calendar .item-cell-logo {
    width: 26%;
    padding: 0; }
    .new-calendar .box-restaurant-calendar .item-cell-logo .dish-img img {
      height: 240px;
      border-bottom-right-radius: 72%; }
    .new-calendar .box-restaurant-calendar .item-cell-logo .rest {
      position: absolute;
      bottom: 0;
      left: 9em;
      width: 100%; }
    .new-calendar .box-restaurant-calendar .item-cell-logo .box-img.rest img {
      height: 80px;
      border-radius: 40%; }
  .new-calendar .box-restaurant-calendar .item-cell-about {
    padding: 1em 2em 1em 2em; }
    .new-calendar .box-restaurant-calendar .item-cell-about .dish-title {
      color: #ea3e22;
      font-size: calc(0.7em + 0.8vw);
      font-weight: 700;
      padding-bottom: 0.5em; }
    .new-calendar .box-restaurant-calendar .item-cell-about .count-calories {
      color: #A9A9A9;
      padding-bottom: 0.2em;
      font-size: calc(0.5em + 0.2vw);
      font-weight: 700; }
    .new-calendar .box-restaurant-calendar .item-cell-about .text-information {
      font-size: calc(0.5em + 0.5vw); }
      .new-calendar .box-restaurant-calendar .item-cell-about .text-information .link-more {
        display: flex;
        font-size: calc(0.4em + 0.4vw);
        padding: 0.5em 0; }
        .new-calendar .box-restaurant-calendar .item-cell-about .text-information .link-more .label {
          font-weight: 300;
          color: #A9A9A9;
          display: inline-block;
          padding-right: 0.5em; }
        .new-calendar .box-restaurant-calendar .item-cell-about .text-information .link-more .count-carbs {
          color: orange;
          padding-right: 1em; }
        .new-calendar .box-restaurant-calendar .item-cell-about .text-information .link-more .count-protein {
          color: red;
          padding-right: 1em; }
        .new-calendar .box-restaurant-calendar .item-cell-about .text-information .link-more .count-fat {
          color: blue;
          padding-right: 1em; }
  .new-calendar .box-restaurant-calendar .calendar.full .day.past .date-box {
    border-left: 6px solid #e7e7e9; }
  .new-calendar .box-restaurant-calendar .calendar.full .day.active {
    border-color: #509600;
    box-shadow: 0 0 10px #303030; }
    .new-calendar .box-restaurant-calendar .calendar.full .day.active .date-box {
      border-left: 6px solid #509600; }
  .new-calendar .box-restaurant-calendar .calendar.full .day.border-none {
    box-shadow: none;
    cursor: default; }
  .new-calendar .box-restaurant-calendar .calendar.full .day .date-box {
    color: #000000;
    width: 35%;
    border-left: 6px solid #686869;
    height: inherit;
    padding: 10% 0px;
    margin-right: 10px;
    text-align: center; }
    .new-calendar .box-restaurant-calendar .calendar.full .day .date-box .date {
      font-size: 2.3em;
      margin-top: 33%;
      font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
  .new-calendar .box-restaurant-calendar .calendar.full .day .order-box {
    width: 70%;
    padding: 0 0.2em; }
    .new-calendar .box-restaurant-calendar .calendar.full .day .order-box img {
      height: 2.2em; }
    .new-calendar .box-restaurant-calendar .calendar.full .day .order-box .make-order .row {
      text-align: center;
      line-height: 50px; }
    .new-calendar .box-restaurant-calendar .calendar.full .day .order-box .make-order .plus {
      font-size: 2.5em;
      line-height: 50px; }
    .new-calendar .box-restaurant-calendar .calendar.full .day .order-box .make-order .order-logo {
      border-radius: 20px; }
  .new-calendar .modal-dialog-dish-info {
    display: none;
    width: 80%;
    height: 100px;
    margin: 5em auto 3em;
    background-color: #a00f0f;
    border-radius: 20px;
    border: 2px solid #e93e21; }

@media (max-width: 1240px) {
  .block-left-main-new .block-orders .block-item-select .item-select {
    max-width: 25.75em;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 1em; }
    .block-left-main-new .block-orders .block-item-select .item-select .box-information > div {
      width: auto;
      padding-left: 0.5em; }
      .block-left-main-new .block-orders .block-item-select .item-select .box-information > div:not(:first-child) {
        display: inline-block;
        vertical-align: middle; }
  .block-left-main-new .block-orders .block-item-select .btn-add-item-bank {
    max-width: 25.75em;
    width: 100%;
    height: auto;
    padding: 1.5em 0; }
    .block-left-main-new .block-orders .block-item-select .btn-add-item-bank > div {
      display: inline-block;
      vertical-align: middle;
      margin: 0; }
  .block-left-main-new .box-item-menu .item-cell .box-name .title {
    font-size: 2em;
    line-height: 1.3em; }
  .box-item-accordion .item-accordion .item-accordion-header .box-content .box-add {
    text-align: right;
    font-size: 0.85em; }
    .box-item-accordion .item-accordion .item-accordion-header .box-content .box-add .current {
      display: block;
      padding-bottom: 0.45em;
      padding-right: 0; }
    .box-item-accordion .item-accordion .item-accordion-header .box-content .box-add .box-open {
      display: block; } }

@media (max-width: 1170px) {
  .box-logo-company {
    padding: 0;
    margin-bottom: 0.3em; }
    .box-logo-company .box-items {
      display: block;
      white-space: nowrap;
      width: 100%;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding: 1em 0; }
  .box-prise .item-restaurants {
    width: 100% !important; }
    .box-prise .item-restaurants:nth-child(odd), .box-prise .item-restaurants:nth-child(even) {
      float: none !important; }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-address {
    max-width: 13.85em; }
  .block-orders-history .box-item-orders-history .item-orders-history .panel-title .panel-title-left {
    width: 17.5em; }
  footer .box-btn a {
    font-size: 0.7em; } }

@media (min-width: 1025px) {
  .box-accordion {
    display: none !important; }
  .tabcontent {
    display: block !important; }
  .eat-in-menu-empty.block-left-main-new .box-item-menu .item-cell .box-name .title {
    font-size: 3em;
    line-height: 1.3em; } }

@media (max-width: 1024px) {
  .block-left-main {
    margin-right: 0; }
  .block-right-index {
    width: 100%;
    float: none; }
  .box-collapse .box-select {
    display: none; }
  .box-sorting-tab {
    display: none; }
  .box-carousel .block-tabs .tab {
    display: block;
    padding-bottom: 1.1em; }
    .box-carousel .block-tabs .tab li {
      display: inline-block;
      padding-left: 1em;
      font-size: 0.875em;
      font-weight: 700; }
      .box-carousel .block-tabs .tab li a {
        color: #9d9ea3; }
      .box-carousel .block-tabs .tab li.active a {
        color: #444444; }
  .bx-controls {
    display: none; }
  .box-carousel .tabcontent .bx-viewport ul li {
    margin: 0 0.6em 0 0; }
  .box-margin-top {
    margin-top: 0; }
  .block-about-page.block-about-page-menu .box-logo-restaurants {
    width: 9.5em;
    height: 9.5em; }
  .block-about-page.block-about-page-menu h1 {
    font-size: 3.75em;
    text-align: left; }
  .block-about-page.block-about-page-menu {
    height: 25.9em; }
    .block-about-page.block-about-page-menu .box-res .box-about-restaurants {
      padding-left: 10.5em; }
      .block-about-page.block-about-page-menu .box-res .box-about-restaurants .box-logo-restaurants {
        position: absolute;
        top: 0;
        left: 0; }
  .block-about-page.about-page-check-out {
    height: 18.5em; }
  .box-restaurants-stages h1 {
    font-size: 3.875em; }
  .box-restaurants-stages .box-find-restaurants {
    margin: 1.5em auto; }
  .block-left-main-new .block-orders {
    padding: 1.25em; }
    .block-left-main-new .block-orders .box-link {
      top: 2.1em;
      right: 10.5em; }
    .block-left-main-new .block-orders .btn-save {
      top: 1.56em;
      right: 1.3em; }
  .block-left-main-new .box-item-menu .item-cell {
    display: block;
    width: 100%; }
    .block-left-main-new .box-item-menu .item-cell.box-logo {
      width: 6em;
      display: table-cell !important; }
      .block-left-main-new .box-item-menu .item-cell.box-logo .box-img {
        width: 5.5em;
        height: 5.5em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .block-left-main-new .box-item-menu .item-cell.box-content {
      display: table-cell !important;
      padding: 0.5em 1em; }
      .block-left-main-new .box-item-menu .item-cell.box-content .text-information {
        padding-top: 0.2em; }
    .block-left-main-new .box-item-menu .item-cell .box-name .title {
      font-size: 1.5em;
      line-height: 2em; }
  .block-left-main-new .box-item-menu .box-name-tab {
    padding: 0.65em 1em 0; }
  .block-left-main-new .box-item-menu .no-padding {
    padding: 0 !important; }
  .block-left-main-new .box-item-menu .box-tab-menu {
    padding: 1em; }
    .block-left-main-new .box-item-menu .box-tab-menu ul li {
      margin-bottom: 0; }
  .block-left-main-new .box-comment .field {
    display: block; }
    .block-left-main-new .box-comment .field .title {
      display: block; }
  .block-left-main-new .box-comment.comment-ch {
    max-width: 25.75em;
    width: 100%; }
  .box-orders {
    padding-top: 1em; }
  .text-black-mobile {
    color: #303030 !important;
    font-weight: 700; }
  .box-item-accordion {
    padding: 1em;
    margin-top: 0; }
  .slick-slider .slick-list {
    padding: 0 30px !important; }
  .slick-slider .slick-arrow {
    display: none !important; }
  .box-slide-add .box-add .box-min-order {
    padding-top: 0 !important; }
  .box-slide-add .box-add .box-min-discount {
    padding-top: 0 !important; }
  .block-malta-menu-orders .box-order-header {
    padding: 0.5em 1.25em; }
    .block-malta-menu-orders .box-order-header .box-tex-info {
      display: none; }
    .block-malta-menu-orders .box-order-header .box-checkbox {
      width: 100%; }
      .block-malta-menu-orders .box-order-header .box-checkbox label {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center; }
  .block-malta-menu-orders .box-order-wrapper {
    padding: 1.5em 1.7em; }
    .block-malta-menu-orders .box-order-wrapper .table {
      font-size: 0.875em; }
      .block-malta-menu-orders .box-order-wrapper .table .btn {
        padding: 0.5em; }
      .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td {
        padding: 0.875em 0.5em; }
      .block-malta-menu-orders .box-order-wrapper .table .box-td-mobile {
        display: block; }
        .block-malta-menu-orders .box-order-wrapper .table .box-td-mobile .box-info-text br {
          display: none; }
        .block-malta-menu-orders .box-order-wrapper .table .box-td-mobile .box-btn {
          margin-top: 0.5em; }
      .block-malta-menu-orders .box-order-wrapper .table .box-table-wrapper tr td .box-td {
        height: auto;
        line-height: inherit; } }

@media (max-width: 960px) {
  .block-left-main-new .block-orders .box-contents .item-select-pay {
    padding: 1em 0.5em; }
    .block-left-main-new .block-orders .box-contents .item-select-pay:not(:last-child) {
      margin-right: 0.5em; }
  .block-left-main-new .block-orders .box-contents.block-item-select .box-item-select {
    display: block; }
    .block-left-main-new .block-orders .box-contents.block-item-select .box-item-select .box-btn {
      margin-top: 1em; }
  .block-orders-history .box-item-orders-history .item-orders-history {
    padding: 1.5em 3em 1.5em 1.375em; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-address {
      max-width: 7.85em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }

@media (max-width: 830px) {
  .box-stages .box-items {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 5px 0; }
    .box-stages .box-items .item-cell {
      width: 190px;
      padding-top: 2px; }
      .box-stages .box-items .item-cell:not(:last-child) {
        padding-right: 70px;
        padding-left: 10px; }
        .box-stages .box-items .item-cell:not(:last-child):after {
          left: 55%;
          width: 80px;
          top: 7%; }
  .box-restaurants-stages {
    top: 60%; } }

@media (min-width: 769px) and (max-width: 1170px) {
  header .box-header .navbar-collapse .navbar-navigate .nav {
    -webkit-align-content: space-between;
    align-content: space-between;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3px 5px 3px 20px; }
    header .box-header .navbar-collapse .navbar-navigate .nav li {
      margin-left: 0 !important;
      margin-right: 0 !important; } }

@media (min-width: 769px) {
  .hide-desctop {
    display: none !important; }
  .box-accordion-menu.box-accordion {
    display: none !important; }
  .box-registration-header .item-cell {
    display: block; }
  body .block-basket {
    display: none !important; }
  .box-stages .box-items .item-cell .box-stages-info .box-text br:first-child {
    display: none; }
  .rest-text {
    font-size: .9em;
    font-style: italic; }
  .rest-delivery-fee {
    font-size: .8em;
    text-align: left; }
  .eat-in .eat-in-msg {
    font-size: 1.0em;
    font-style: italic; } }

@media (max-height: 520px) {
  .block-map .main .box-open-info {
    width: 295px;
    top: 120px; }
    .block-map .main .box-open-info .box-open-info-header {
      height: 98px;
      padding: 20px; }
      .block-map .main .box-open-info .box-open-info-header .item-cell-logo .box-logo-restaurants {
        width: 3.6em;
        height: 3.6em; }
      .block-map .main .box-open-info .box-open-info-header .box-about {
        padding-left: 5px;
        font-size: 1.875em; }
    .block-map .main .box-open-info .box-open-info-body {
      padding: 15px 25px; }
      .block-map .main .box-open-info .box-open-info-body .box-like-btn {
        padding-top: 0;
        font-size: 14px; }
      .block-map .main .box-open-info .box-open-info-body .box-info-text {
        display: none; } }

@media (max-width: 768px) {
  header .box-header .navbar-collapse {
    width: 100%; }
  .no-padding {
    padding: 0 !important; }
  .block-restaurants {
    margin-bottom: 5em !important; }
  .box-collapse {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .box-collapse .box-select {
      display: none; }
      .box-collapse .box-select.box-select-menu {
        display: none; }
    .box-collapse.active .box-select.box-select-menu {
      display: block; }
    .box-collapse.active .box-accordion {
      padding-bottom: 1em; }
  .hide-mobail {
    display: none !important; }
  .block-about-page {
    height: 12em; }
    .block-about-page h1 {
      font-size: 2.5em;
      text-align: center; }
  .box-rest-info .box-info.type-of-food {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px; }
  .box-rest-info .box-info .name-info {
    font-size: 0.75em;
    line-height: 0.875; }
  .box-rest-info .box-info:first-child .name-info {
    white-space: nowrap; }
  .box-rest-info .box-info:last-child {
    min-width: 75px; }
  .box-rest-info .box-info:not(:last-child) {
    padding-right: 5px;
    width: 6.75em;
    white-space: normal; }
  .box-item-restaurants .item-restaurants .item-cell-about {
    padding: 0.4em; }
    .box-item-restaurants .item-restaurants .item-cell-about .box-rest-info {
      margin-top: 0.3em; }
  .box-item-restaurants .item-restaurants .box-address-duplicate {
    background-color: #f6f6f8;
    padding: 14px;
    font-size: 0.875em;
    text-align: center; }
    .box-item-restaurants .item-restaurants .box-address-duplicate .box-address {
      text-align: left; }
  .box-item-menu .box-tab-menu ul li {
    margin-bottom: 0; }
  .collapse {
    display: none; }
    .collapse.in {
      display: block; }
      .collapse.in .navbar-navigate {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
  .navbar-collapse {
    position: fixed;
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(0, 27, 41, 0.9);
    z-index: 10;
    margin: 0 !important;
    border: 0; }
  .navbar-navigate {
    display: block;
    width: 250px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    background: #121924;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: transform .2s ease-out;
    -webkit-transition: transform .2s ease-out; }
    .navbar-navigate .nav,
    .navbar-navigate .box-link-login {
      padding: 1.25em 3em 1.25em 1.875em; }
      .navbar-navigate .nav li,
      .navbar-navigate .box-link-login li {
        display: block !important;
        margin-left: 0 !important;
        position: relative; }
        .navbar-navigate .nav li:not(:last-child),
        .navbar-navigate .box-link-login li:not(:last-child) {
          border-bottom: 2px dashed #1e242f; }
        .navbar-navigate .nav li:after,
        .navbar-navigate .box-link-login li:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          width: 6px;
          height: 10px;
          margin-top: -5px;
          background-image: url(../img/icons/link.png); }
        .navbar-navigate .nav li a,
        .navbar-navigate .box-link-login li a {
          padding: 0.875em 0;
          display: inline-block;
          position: relative; }
  .block-restaurants .box-page-name {
    padding-top: 0.25em; }
  .block-restaurants .box-text {
    padding-bottom: 0; }
  .block-restaurants .box-sorting {
    padding: 0;
    height: 2em; }
    .block-restaurants .box-sorting .name {
      padding-left: 0;
      padding-right: 1.75em; }
  .box-about-text.block-orders {
    padding: 1.25em; }
  .box-checkbox label {
    font-size: 1.125em; }
  .form-control {
    padding: 0.5em 1em; }
  .box-find-restaurants .box-input-address .form-control {
    padding-left: 2.6em;
    font-size: 1.125em;
    height: 3.85em; }
  .icon-input {
    top: 11px; }
  footer .box-footer {
    display: block; }
    footer .box-footer .navbar-header {
      width: 100%; }
      footer .box-footer .navbar-header div {
        float: right;
        margin-left: 0; }
    footer .box-footer .box-social {
      width: 100%;
      text-align: center;
      margin-top: 1em; }
      footer .box-footer .box-social ul li a {
        padding: 0.3em; }
    footer .box-footer .box-footer-info {
      padding-top: 1.5em;
      display: block;
      width: 100%;
      text-align: center; }
  footer.padding-footer {
    padding-bottom: 5em; }
  .logo img {
    max-width: 75%; }
  .block-selection .block-left-main {
    display: block; }
    .block-selection .block-left-main .block-item-selection {
      width: auto; }
  .main .block-about-page .box-fon {
    padding: 5.625em 0 2.5em; }
  .main .block-about-page.block-about-page-menu {
    height: auto; }
    .main .block-about-page.block-about-page-menu .box-res .box-about-restaurants {
      padding-top: 7em;
      padding-left: 0; }
      .main .block-about-page.block-about-page-menu .box-res .box-about-restaurants .box-logo-restaurants {
        width: 6.5em;
        height: 6.5em;
        padding: 3px; }
      .main .block-about-page.block-about-page-menu .box-res .box-about-restaurants h1 {
        position: absolute;
        top: 0;
        padding-left: 120px; }
  .block-right-no-fixed .box-orders {
    position: relative;
    z-index: inherit;
    bottom: inherit;
    left: inherit;
    width: 100%;
    max-width: 34em;
    margin: auto;
    padding: 0.5em 2.35em;
    background: none;
    margin-top: 1em; }
    .block-right-no-fixed .box-orders .box-minimal {
      margin-top: 0;
      border: 1px dashed #cfd1d8;
      color: #262c36;
      padding: 1em;
      font-size: 1em;
      text-align: center;
      background: #e7e7e9;
      display: block;
      width: 100%;
      margin-bottom: 1.25em; }
    .block-right-no-fixed .box-orders .box-check-out {
      padding-top: 0;
      display: block;
      width: 100%; }
  .box-orders {
    position: fixed;
    z-index: 4;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5em;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); }
    .box-orders.mobile {
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      -webkit-flex-direction: row;
      justify-content: space-between;
      -webkit-justify-content: space-between; }
    .box-orders .box-minimal {
      margin-top: 0;
      border: 1px dashed #cfd1d8;
      padding: 0.5em 1em !important;
      height: 80px;
      font-size: 0.875em;
      text-align: left;
      background: #fff;
      display: inline-block;
      vertical-align: middle;
      width: 59%;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-flex-direction: column;
      justify-content: space-around;
      -webkit-justify-content: space-around;
      font-weight: bold; }
      .box-orders .box-minimal .text {
        font-size: 18px; }
      .box-orders .box-minimal .text-link {
        cursor: pointer; }
        .box-orders .box-minimal .text-link span {
          text-decoration: underline;
          padding-left: 10px; }
        .box-orders .box-minimal .text-link:hover span {
          text-decoration: none; }
    .box-orders .box-check-out {
      display: inline-block;
      vertical-align: middle;
      width: 39%; }
  .box-item-menu .box-tab-menu {
    padding: 1em; }
    .box-item-menu .box-tab-menu ul li.active:after {
      content: '';
      width: 5px;
      height: 100%;
      position: absolute;
      top: 0;
      left: -16px;
      background-color: #262c36; }
  .block-selection .box-btn-checkbox {
    width: 100%; }
  .block-item-selection {
    width: 100%;
    margin-right: 0 !important; }
    .block-item-selection .box-selection {
      margin-right: 0 !important; }
      .block-item-selection .box-selection:not(:last-child) {
        margin-right: 1em !important; }
  .label-control {
    margin: 0.45em 0 0.2em; }
  .box-item-restaurants .item-restaurants {
    height: inherit;
    background-color: #ffffff;
    margin: 0 0 0.5em; }
    .box-item-restaurants .item-restaurants .item-cell-logo {
      width: 5.8em; }
      .box-item-restaurants .item-restaurants .item-cell-logo .box-img {
        width: 5.8em;
        height: 5.8em;
        overflow: hidden;
        border-top-right-radius: 20px 50%;
        border-bottom-right-radius: 20px 50%; }
    .box-item-restaurants .item-restaurants .item-cell-about .name {
      font-size: 1.76em !important; }
    .box-item-restaurants .item-restaurants .item-cell-about .box-info .name-info {
      padding-bottom: 0.1em; }
    .box-item-restaurants .item-restaurants .item-cell-about .box-info .title-info .box-icon {
      padding: 0 0.12em; }
  .box-restaurants-stages {
    top: 55%; }
    .box-restaurants-stages h1 {
      font-size: 2.25em; }
    .box-restaurants-stages .box-find-restaurants {
      display: block; }
      .box-restaurants-stages .box-find-restaurants > div {
        max-width: 100% !important;
        margin-left: 0 !important; }
        .box-restaurants-stages .box-find-restaurants > div:not(:last-child) {
          margin-bottom: 1em; }
  .box-stages {
    margin-top: 2.75em; }
  .box-item-favorites .box-item-social .item-social {
    display: block;
    margin: 1em 0;
    width: 100%;
    left: 0; }
    .box-item-favorites .box-item-social .item-social > .box-img {
      display: none; }
    .box-item-favorites .box-item-social .item-social .box-logo-link-restaurants {
      width: 4em;
      height: 4em;
      background-color: #ffffff;
      padding: 0;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      left: 0.875em;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      transform: translateY(-50%); }
      .box-item-favorites .box-item-social .item-social .box-logo-link-restaurants img {
        border-radius: 3px; }
    .box-item-favorites .box-item-social .item-social .box-like-fav {
      padding: 0 0 0.875em 0.5em;
      color: #8cc23c;
      position: absolute;
      top: 0.875em;
      right: 1em; }
    .box-item-favorites .box-item-social .item-social .box-social-info {
      text-align: left;
      padding: 0.5em 3em 0.5em 6em; }
  .new-ranking .box-options {
    display: block; }
    .new-ranking .box-options > div {
      display: block;
      vertical-align: top; }
    .new-ranking .box-options .block-left-main-new {
      width: 100%;
      margin-right: 0;
      padding-right: 0; }
      .new-ranking .box-options .block-left-main-new .block-orders {
        padding: 1.25em; }
        .new-ranking .box-options .block-left-main-new .block-orders .box-link {
          right: 1.37em; }
        .new-ranking .box-options .block-left-main-new .block-orders .btn-save {
          position: relative;
          top: inherit;
          right: inherit;
          width: 100%; }
          .new-ranking .box-options .block-left-main-new .block-orders .btn-save .btn {
            width: 100%;
            padding: 1.25em 3em; }
        .new-ranking .box-options .block-left-main-new .block-orders .btn-delete {
          margin-top: 1em; }
          .new-ranking .box-options .block-left-main-new .block-orders .btn-delete .btn {
            width: 100%; }
    .new-ranking .box-options .block-right {
      margin-left: 0;
      width: 100%;
      float: none; }
  .block-about-page.block-about-page-menu .box-res .box-about-restaurants-check-out .box-logo-restaurants {
    width: 4.5em;
    height: 4.5em; }
  .block-orders-history .box-item-orders-history .item-orders-history {
    padding: 1em 1.375em; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-heading {
      display: block; }
      .block-orders-history .box-item-orders-history .item-orders-history .panel-heading > div {
        padding-top: 0.5em;
        padding-right: 1px;
        display: inline-block; }
        .block-orders-history .box-item-orders-history .item-orders-history .panel-heading > div:first-child {
          display: block;
          padding-top: 0; }
        .block-orders-history .box-item-orders-history .item-orders-history .panel-heading > div:last-child {
          display: block; }
      .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .open {
        display: none; }
      .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-open-order {
        top: 0;
        right: 0; }
      .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-class > div {
        display: inline-block;
        vertical-align: middle; }
      .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-address {
        text-align: left;
        font-size: 1em;
        padding-left: 0; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-heading .box-address {
      max-width: inherit;
      width: 100%; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-title > .box-table > .item-cell {
      display: block; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-title .panel-title-left {
      width: 100%;
      margin-bottom: 1em; }
    .block-orders-history .box-item-orders-history .item-orders-history .panel-title .btn {
      width: 100%;
      margin-top: 1em; }
  .box-logo-company .box-items .item-cell {
    width: 5.05em;
    height: 5.05em;
    padding: 0.6em 0.35em; }
  .box-carousel {
    margin-bottom: 0; }
    .box-carousel .tabcontent .bx-viewport {
      min-height: 13.8em !important; }
    .box-carousel .box-item-social .item-social {
      width: 13.5em; }
      .box-carousel .box-item-social .item-social > .box-img {
        height: 8em;
        overflow: hidden;
        border-bottom-right-radius: 50% 25px;
        border-bottom-left-radius: 50% 25px; }
      .box-carousel .box-item-social .item-social .box-social-info {
        padding: 0.75em; }
        .box-carousel .box-item-social .item-social .box-social-info .title {
          font-size: 1.5em;
          text-align: left; }
        .box-carousel .box-item-social .item-social .box-social-info .box-info {
          display: block; }
          .box-carousel .box-item-social .item-social .box-social-info .box-info .box-btn .btn {
            width: 100%; }
          .box-carousel .box-item-social .item-social .box-social-info .box-info .box-house {
            text-align: left;
            margin-bottom: 1em; }
    .box-carousel .bxslider-home li {
      margin: 0 5px !important; }
      .box-carousel .bxslider-home li .box-item-social .item-social .title {
        font-size: 1.5em;
        text-align: left; }
      .box-carousel .bxslider-home li .box-item-social .item-social .box-info {
        display: block; }
        .box-carousel .bxslider-home li .box-item-social .item-social .box-info .box-btn .btn {
          width: 100%; }
        .box-carousel .bxslider-home li .box-item-social .item-social .box-info .box-house {
          text-align: left;
          margin-bottom: 0.55em; }
    .box-carousel .slick-slider .slick-list .slick-track .slick-slide {
      margin: 0 0.30em !important; }
    .box-carousel .box-carousel-home {
      margin-bottom: 0; }
  .block-white-no {
    background: inherit;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0; }
  .main-registration .block-fon-registration {
    min-height: 14em;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: 5% 50%; }
    .main-registration .block-fon-registration .img-logo-reg {
      margin: auto; }
  .main-registration .block-registration {
    position: relative;
    top: inherit;
    left: inherit; }
    .main-registration .block-registration .box-registration {
      position: relative;
      top: inherit;
      right: inherit; }
  .box-find-restaurants .box-select-radio .box-control .box-checkbox:not(:last-child) {
    border-left: 0; }
  .box-registration {
    margin: auto;
    padding: 0.75em !important; }
    .box-registration .box-registration-wrapper .field {
      padding-bottom: 1em !important; }
      .box-registration .box-registration-wrapper .field.block-flex-center {
        display: block; }
      .box-registration .box-registration-wrapper .field label {
        padding-bottom: 0.5em;
        display: block; }
    .box-registration .box-registration-wrapper .checkbox label {
      display: inline; }
    .box-registration .box-registration-wrapper .box-registration-btn {
      margin-top: 0.5em; }
    .box-registration .box-registration-wrapper .box-sep {
      margin: 1em 0 !important; }
    .box-registration .box-registration-wrapper .box-footer:last-child {
      margin-bottom: -1em !important; }
    .box-registration .box-registration-header {
      text-align: left; }
      .box-registration .box-registration-header .box-logo-img {
        width: 7em; }
        .box-registration .box-registration-header .box-logo-img .box-img {
          width: 5em; }
      .box-registration .box-registration-header .name {
        font-size: 2em !important;
        line-height: 1em; }
  header .box-link-login .text-link {
    display: none; }
  header .box-header .navbar-collapse .navbar-navigate .nav {
    padding-top: 3em; }
  .main {
    min-height: inherit; }
  .box-info-check-out .box-check-out-header .box-img {
    position: relative;
    right: inherit;
    top: inherit;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    text-align: center; }
    .box-info-check-out .box-check-out-header .box-img img {
      max-width: 40%; }
  .box-info-check-out .box-check-out-header .box-info {
    text-align: center;
    max-width: 100%;
    padding-right: 0;
    padding-top: 1.875em; }
    .box-info-check-out .box-check-out-header .box-info .name {
      font-size: 1.875em; }
  .box-info-check-out .box-check-out-main .box-contact-info .item-description {
    width: 7.5em;
    margin-right: 0.5em; }
  .box-item-basket {
    margin-top: 1em; }
  .box-check-error .box-name {
    padding: 0.6em 0;
    font-size: 1.75em; }
  .box-check-error .box-img img {
    max-width: 40%; }
  body.modal-open .main.cart .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .block-basket {
    display: none;
    height: auto; }
  .main.cart .block-right {
    display: none; }
  .main.cart .block-right.checkout {
    display: block; }
  .main.cart .fade.show {
    opacity: 1;
    display: block; }
  .main.cart .modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 20;
    display: none;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, 0.5); }
  .main.cart .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear; }
  .main.cart .modal.fade.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out; }
  .main.cart .modal.fade .modal-dialog {
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .main.cart .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    margin-left: 10px;
    left: auto; }
  .main.cart .modal-content {
    background: #ffffff; }
  .main.cart .box-basket {
    padding: 1.875em 2em; }
    .main.cart .box-basket .box-name {
      color: #303030;
      font-size: 1em; }
      .main.cart .box-basket .box-name.box-name-black {
        color: #303030; }
    .main.cart .box-basket .box-modal-close {
      position: absolute;
      right: 1.35em;
      top: 0.975em;
      font-size: 1.125em;
      color: #cfd1d8;
      padding: 0.5em; }
    .main.cart .box-basket .box-minimal {
      margin-top: 1.22em;
      border: 2px dashed #cfd1d8;
      color: #262c36;
      padding: 1.6em;
      font-size: 0.93em;
      text-align: center; }
    .main.cart .box-basket .box-check-out {
      padding-top: 0.875em; }
      .main.cart .box-basket .box-check-out .btn {
        width: 100%;
        font-weight: 700; }
    .main.cart .box-basket-check-out .box-minimal {
      padding: 1em;
      margin-top: 1em;
      margin-bottom: 1em; }
    .main.cart .box-basket-check-out .box-time {
      text-align: center;
      margin-top: 1em;
      color: #afb0b4; }
    .main.cart .box-basket-check-out .box-select-radio .box-checkbox label {
      font-weight: 700; }
    .main.cart .box-basket .box-select-radio {
      margin: 1em 0; }
  .main.cart .box-item-basket-modal {
    margin-top: 1.5em; }
    .main.cart .box-item-basket-modal .loader {
      margin: auto;
      display: block; }
    .main.cart .box-item-basket-modal .item-basket {
      margin-bottom: 1em;
      border-bottom: 2px dashed #cfd1d8;
      padding-bottom: 1em; }
      .main.cart .box-item-basket-modal .item-basket .item-img {
        width: 45px;
        height: 45px;
        overflow: hidden; }
        .main.cart .box-item-basket-modal .item-basket .item-img .box-img {
          height: 100%; }
      .main.cart .box-item-basket-modal .item-basket .item-order {
        padding-left: 0.5em; }
        .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          align-items: center;
          -webkit-align-items: center; }
          .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-price {
            font-weight: 700; }
        .main.cart .box-item-basket-modal .item-basket .item-order .text {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 210px;
          font-weight: bold; }
      .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity {
        margin-top: 0.1em; }
        .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count {
          background-color: #ffffff;
          text-align: center;
          height: 1.5em;
          border: 2px solid #dee0e2; }
          .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.minus, .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.m {
            float: left;
            border-right: 2px solid #dee0e2; }
          .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .count {
            line-height: 18px;
            font-size: 0.875em; }
          .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.plus, .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count.p {
            float: right;
            border-left: 2px solid #dee0e2; }
          .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count {
            width: 21px;
            font-size: 15px;
            padding: 0;
            border-radius: inherit;
            height: 100%;
            background-color: #e2e3e8; }
            .main.cart .box-item-basket-modal .item-basket .item-order .box-info-order .box-quantity .box-variable-count .btn-count:hover {
              background-color: #aaaaaa; }
      .main.cart .box-item-basket-modal .item-basket .box-close {
        position: absolute;
        right: 100%;
        top: 50%;
        padding: 0.5em;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%); }
      .main.cart .box-item-basket-modal .item-basket.item-basket-check .item-order {
        padding-left: 0.5em; }
        .main.cart .box-item-basket-modal .item-basket.item-basket-check .item-order .box-info-order {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          align-items: center;
          -webkit-align-items: center; }
          .main.cart .box-item-basket-modal .item-basket.item-basket-check .item-order .box-info-order .box-price {
            font-weight: 700; }
          .main.cart .box-item-basket-modal .item-basket.item-basket-check .item-order .box-info-order .text {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 210px;
            font-weight: bold; }
  .box-attachments {
    padding-left: 54px; }
  .block-restaurants {
    padding: 0.7em 0; }
  .icon-circle-plus {
    width: 19px;
    height: 19px;
    margin-right: 10px; }
  .block-orders {
    padding-top: 0; }
  .block-orders .box-name {
    font-size: 2em !important;
    line-height: 90%;
    padding-bottom: 10px; }
  .box-orders .box-name {
    color: #303030; }
  .block-left-main-new .block-orders .box-contents .item-select-pay {
    min-height: 7.3em; }
    .block-left-main-new .block-orders .box-contents .item-select-pay .box-information .box-icon .icon {
      width: 80%; }
    .block-left-main-new .block-orders .box-contents .item-select-pay .box-information .text {
      line-height: 16px; }
  .block-left-main-new .box-item-menu .item-cell .box-name .title {
    font-size: 1.5em;
    line-height: 1.2em; }
  .block-preload {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center; }
    .block-preload .box-img img {
      max-width: 70%; }
  header.scroll {
    padding: 0.35em 0; }
  .box-slide-add .box-add .row-half {
    width: 100%;
    float: none; }
    .box-slide-add .box-add .row-half > div {
      padding: 0 !important; }
  .box-modal.show .box-modal-dialog .box-add-address {
    text-align: center;
    padding: 2.5em 1.5em; }
    .box-modal.show .box-modal-dialog .box-add-address .box-item-select {
      margin: auto !important;
      text-align: center; }
      .box-modal.show .box-modal-dialog .box-add-address .box-item-select .item-select {
        display: block;
        margin: 1em auto !important;
        height: auto; }
    .box-modal.show .box-modal-dialog .box-add-address .btn-add-item-bank {
      height: 5.25em;
      padding: 1em 0;
      display: block;
      margin: auto; }
  .block-malta-menu-orders .box-order-header {
    padding: 0.5em 1.25em; }
  .block-malta-menu-orders .box-order-wrapper {
    padding: 1.5em 1.7em; }
  .fade.show {
    opacity: 1;
    display: block; }
  #block-orders .box-contents .box-item-select .item-select-pay .table {
    max-width: 10em; }
  .link-register {
    float: none;
    display: block;
    padding: 20px 0;
    margin: 0 20px; }
  .box-content-payment .box-name img {
    max-width: 60%; }
  .box-content-payment .box-form .field.block-flex-center {
    -webkit-flex-direction: column !important;
    flex-direction: column !important; }
  .box-content-payment .box-form .field .title {
    width: 70%;
    text-align: left; }
  .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .title-choose {
    font-size: 26px; }
  .box-item-accordion .item-accordion .item-accordion-body .block-ingredient .box-ingredients .box-control {
    width: 100% !important; }
  .block-cookie .box-text {
    width: 85%; }
  .block-cookie .btn-close-box {
    right: 0; }
  .block-restaurants .block-cart-chooser {
    padding: 1em; }
    .block-restaurants .block-cart-chooser .field {
      display: block; }
  .block-restaurants .box-content-payment .box-form {
    padding: 5px 5px 0 5px;
    margin: 5px 10px 0 10px; }
    .block-restaurants .box-content-payment .box-form .dropdown-filtered-input {
      width: 100%; }
    .block-restaurants .box-content-payment .box-form .field > .input {
      width: 100%; }
  .block-restaurants .box-content-payment .box-name .box-img {
    width: 120px;
    margin-right: 5px; }
  .box-item-restaurants .item-restaurants .item-cell-about .box-about .name {
    max-width: 100%; }
  .box-item-restaurants .item-restaurants .item-cell-about .box-about .box-address {
    max-width: 100%; }
  .rest-text {
    font-size: .7em;
    font-style: italic; }
  .rest-delivery-fee {
    font-size: .6em;
    text-align: left; }
  .eat-in .eat-in-msg {
    font-size: 0.7em;
    font-style: italic; }
  .block-map .main .box-map {
    padding-top: 59px; }
  .block-map .box-open-info {
    left: 362px; }
  .box-about-text .box-point {
    margin-left: 0;
    margin-right: 0; }
    .box-about-text .box-point .row-half {
      width: 100%;
      float: none; }
    .box-about-text .box-point-text {
      padding: 30px 0 0; }
  .box-about-text-image {
    margin: 0;
    text-align: center; }
    .box-about-text-image img {
      max-width: 100%; }
  .box-about-text .name:not(:first-child) {
    margin-top: 1em; }
  .box-about-text .box-step {
    margin: 0 !important;
    padding-top: 0; }
    .box-about-text .box-step:after, .box-about-text .box-step:before {
      display: none; }
    .box-about-text .box-step-item .text {
      padding: 1em 0 1.5em; }
    .box-about-text .box-step-item .image {
      position: absolute;
      top: 0;
      right: 0;
      width: 40% !important; }
    .box-about-text .box-step-item .row-half {
      width: 50%;
      float: none; }
  .form-contact .row-half {
    width: 100%;
    float: none; }
  .mobile-genesis-cart.box-item-select.block-flex-center {
    display: block; } }

@media (max-width: 666px) {
  .block-map header {
    z-index: 8; }
  .block-map .main .box-map-left {
    padding-top: 60px;
    width: 100%;
    background: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: unset; }
    .block-map .main .box-map-left.focus {
      height: 100%;
      background: #ffffff;
      z-index: 7; }
      .block-map .main .box-map-left.focus .box-search .icon-control-search {
        display: none; }
      .block-map .main .box-map-left.focus .box-search .icon-control-cancel {
        display: block; }
      .block-map .main .box-map-left.focus .btn-set-location {
        display: none; }
    .block-map .main .box-map-left .box-search {
      padding: 10px;
      background: none; }
      .block-map .main .box-map-left .box-search .form-control {
        background: #ffffff; }
    .block-map .main .box-map-left .box-search,
    .block-map .main .box-map-left .block-item-restaurant {
      z-index: 7; }
    .block-map .main .box-map-left .box-left-name {
      padding-top: 60px; }
    .block-map .main .box-map-left:not(.focus) .box-search {
      border-bottom-color: transparent; }
    .block-map .main .box-map-left:not(.focus) .block-item-restaurant {
      overflow-x: hidden;
      width: 103px;
      white-space: nowrap;
      padding-left: 10px; }
      .block-map .main .box-map-left:not(.focus) .block-item-restaurant .box-item-restaurant {
        background: #ffffff; }
        .block-map .main .box-map-left:not(.focus) .block-item-restaurant .box-item-restaurant .box-table div {
          position: static; }
        .block-map .main .box-map-left:not(.focus) .block-item-restaurant .box-item-restaurant .box-rest-info .box-address {
          position: absolute;
          left: 0;
          width: 93px;
          bottom: 0;
          background: rgba(255, 255, 255, 0.7);
          padding: 3px 7px;
          white-space: normal;
          font-size: 12px;
          line-height: 1;
          text-align: center; }
          .block-map .main .box-map-left:not(.focus) .block-item-restaurant .box-item-restaurant .box-rest-info .box-address i {
            position: relative;
            top: 0; }
  .block-map .main .box-map {
    padding-left: 0;
    padding-top: 60px; }
  .block-map .box-open-info {
    width: 290px;
    left: 115px;
    top: 120px;
    max-width: 60%; }
    .block-map .box-open-info .box-open-info-header {
      height: 98px;
      padding: 20px; }
      .block-map .box-open-info .box-open-info-header .item-cell-logo .box-logo-restaurants {
        width: 3.6em;
        height: 3.6em; }
      .block-map .box-open-info .box-open-info-header .box-about {
        padding-left: 5px;
        font-size: 1.875em; }
    .block-map .box-open-info .box-open-info-body {
      padding: 15px 20px; }
      .block-map .box-open-info .box-open-info-body .box-like-btn {
        padding-top: 0;
        font-size: 14px;
        white-space: nowrap; }
      .block-map .box-open-info .box-open-info-body .box-info-text {
        display: none; } }

@media (max-width: 520px) {
  .block-about-page.block-about-page-menu h1 {
    font-size: 2.5em;
    padding-left: 110px !important; }
  .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity {
    width: 12.5em; }
    .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .btn-count {
      width: 33px;
      font-size: 25px;
      padding: 0.5em 0.35em; }
    .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count {
      margin-right: 0.5em; }
      .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count {
        height: 100%;
        border-radius: 0;
        background-color: #f1f2f7;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.minus, .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.m {
          float: left;
          border-right: 2px solid #dee0e2; }
        .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.plus, .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count.p {
          float: right;
          border-left: 2px solid #dee0e2; }
        .box-item-accordion .item-accordion .item-accordion-body .box-card .box-quantity .box-variable-count .btn-count:hover {
          background-color: #e6e6e8; }
  .box-item-accordion .item-accordion .item-accordion-body .box-card .box-btn {
    width: 100%; }
    .box-item-accordion .item-accordion .item-accordion-body .box-card .box-btn .btn {
      width: 100%;
      font-weight: 700;
      padding: 1.55em 1em; }
  .main-registration .block-fon-registration {
    min-height: 10.5em;
    background-repeat: no-repeat;
    background-size: 135%;
    background-position: 5% 90%; }
    .main-registration .block-fon-registration .box-img.login-logo img {
      width: 8.15em;
      height: 3.37em; }
  .block-registration .box-registration .box-registration-wrapper .box-registration-btn.block-flex-center {
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse; }
  .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn:last-child {
    width: 100%;
    margin-bottom: 10px; }
  .block-registration .box-registration .box-registration-wrapper .box-registration-btn .box-btn:first-child {
    margin-bottom: 10px;
    width: 100%; }
  .block-selection .block-left-main .block-item-selection {
    width: 100%;
    display: block; }
    .block-selection .block-left-main .block-item-selection .box-selection {
      display: block;
      width: 100%; }
  .block-cookie .box-text {
    font-size: .75em; }
  .eat-in .eat-in-msg {
    font-size: 0.7em;
    font-style: italic; } }

@media (max-width: 450px) {
  .box-step-item .row-half {
    width: 100% !important;
    float: none; } }

@media (max-width: 340px) {
  .block-map .box-open-info .box-open-info-body {
    padding: 12px; } }

.mobile .box-check-out {
  padding-bottom: 0; }