h1, h2, h3, h3 {
  margin: 0;
  font-weight: 400;
}

p {
  font-size: 16px;
}

.member-logout {
  margin: 0;
}

.member-logout button {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  cursor: pointer;
}

.header.header-left {
  text-transform: uppercase;
}

.header.header-left h1, .header.header-left h2 {
  border-bottom: 1px solid #000;
}

.header.header-left h1 {
  padding-bottom: 21px;
  line-height: 28px;
  font-size: 26px;
}

.header.header-left h2 {
  padding-bottom: 5px;
  font-size: 18px;
}

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

.header.section-header h1 {
  position: relative;
  margin: 39px 0 36px;
  font-size: 26px;
}

.header.section-header h1::after {
  position: absolute;
  bottom: -16px;
  left: calc(50% - 45px / 2);
  width: 45px;
  border-bottom: 2px solid #000;
  content: "";
}

.uppercase {
  text-transform: uppercase;
}

.nowrap {
  white-space: nowrap;
}

.steps {
  margin: 29px 0 33px;
  line-height: 15px;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  background-color: #F3F5FD;
}

.steps ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  height: 59px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  white-space: nowrap;
}

.steps ol li {
  padding: 0 25px;
}

.steps ol li:not(:last-of-type) {
  position: relative;
}

.steps ol li:not(:last-of-type)::after {
  position: absolute;
  top: calc(50% - 43px / 2);
  right: -6px;
  width: 42px;
  height: 42px;
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.steps ol li.__active {
  color: #1B38D4;
}

.steps ol li.__active span::before, .steps ol li.__active a::before {
  color: #fff;
  background-color: #1B38D4;
}

.steps ol li span, .steps ol li a {
  position: relative;
  padding-left: 28px;
}

.steps ol li span::before, .steps ol li a::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(50% - 20px / 2);
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  background-color: #fff;
  content: attr(data-index);
}

.steps ol li a {
  color: rgba(0, 0, 0, 0.6);
}

.steps ol li a:hover {
  text-decoration: none;
}

#feedback h2 {
  margin: 20px auto;
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
}

.columns-ellipsis h2, .column-text h2, #scheme h2, #music h2 {
  position: relative;
  margin: 20px auto;
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
}

.columns-ellipsis h2::after, .column-text h2::after, #scheme h2::after, #music h2::after {
  position: absolute;
  bottom: -16px;
  left: calc(50% - 45px / 2);
  width: 45px;
  border-bottom: 2px solid #000;
  content: "";
}

#scheme h2 {
  margin-bottom: 32px;
}

.__blue {
  color: #1733dd !important;
}

.list-menu a[href="/videoretsepty/"] {
  position: relative;
  padding-left: 36px;
}

.list-menu a[href="/videoretsepty/"]::before {
  position: absolute;
  top: calc(50% - 20px / 2);
  left: 0;
  width: 28px;
  height: 20px;
  background: url("/assets/video-icon.png") no-repeat 50% 50%;
  content: "";
}

.list-menu .mobile {
  display: none;
}

#dish .text-wrapper {
  margin: 0 0 0;
  padding: 40px 0 53px;
}

sub, sup {
  line-height: initial;
}

@media (max-width: 650px) {
  .button {
    height: 84px;
    line-height: 84px;
    font-size: 18px;
  }
  .header.header-left h1 {
    padding-bottom: 16px;
    font-size: 20px;
  }
  .header.header-left h2 {
    padding-bottom: 0;
    font-size: 16px;
    border: none;
  }
  .steps {
    margin: 20px -10px;
  }
  .steps ol {
    height: 40px;
  }
  .steps ol li:not(:last-of-type)::after {
    right: 3px;
  }
  .steps ol li span, .steps ol li a {
    font-size: 0;
  }
  .steps ol li span::before, .steps ol li a::before {
    font-size: 12px;
  }
  .list-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list-menu ol:nth-child(2) {
    display: none;
  }
  .list-menu .mobile {
    display: inline;
  }
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: #BDBDBD;
}

form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: #BDBDBD;
}

form input::-ms-input-placeholder, form textarea::-ms-input-placeholder {
  color: #BDBDBD;
}

form input::placeholder, form textarea::placeholder {
  color: #BDBDBD;
}

form.standart-view {
  line-height: 24px;
  font-size: 16px;
}

form.standart-view fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

form.standart-view input[type="text"], form.standart-view input[type="email"], form.standart-view input[type="password"], form.standart-view textarea {
  height: 40px;
  margin: 0;
  line-height: 24px;
  font-family: Verdana;
  font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0.6);
}

form.standart-view input[type="text"].__error, form.standart-view input[type="email"].__error, form.standart-view input[type="password"].__error, form.standart-view textarea.__error {
  border-color: #F5461F;
}

form.standart-view input[type="text"], form.standart-view input[type="email"], form.standart-view input[type="password"] {
  padding: 0 10px;
}

form.standart-view input[type="radio"], form.standart-view input[type="checkbox"] {
  display: none;
}

form.standart-view input[type="radio"]:checked + label::after {
  position: absolute;
  top: calc(50% - 16px / 2);
  left: 7px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #1B38D4;
  content: "";
}

form.standart-view input[type="radio"] + label {
  position: relative;
  padding-left: 56px;
}

form.standart-view input[type="radio"] + label::before {
  position: absolute;
  top: calc(50% - 30px / 2);
  left: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #1B38D4;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
}

form.standart-view input[type="checkbox"]:checked + label::after {
  position: absolute;
  top: 3px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #1B38D4;
  content: "";
}

form.standart-view input[type="checkbox"] + label {
  position: relative;
  padding-left: 27px;
}

form.standart-view input[type="checkbox"] + label::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #1B38D4;
  content: "";
}

form.standart-view textarea {
  padding: 5px 10px;
  min-height: 80px;
}

form.standart-view label.__error {
  color: #F5461F;
}

form.standart-view .by-two, form.standart-view .by-four {
  display: -ms-grid;
  display: grid;
}

form.standart-view .by-two {
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

form.standart-view .by-four {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0 10px;
}

form.standart-view .by-four [data-placeholder] {
  overflow: hidden;
}

form.standart-view .actions.actions-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

form.standart-view .actions.actions-small .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 165px;
  height: 44px;
  line-height: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

form.standart-view .actions.actions-small .back, form.standart-view .actions.actions-small .button {
  margin: 0 10px;
  font-size: 12px;
}

form.standart-view .actions .back {
  position: relative;
  margin-right: 16px;
  padding-left: 25px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #F5461F;
}

form.standart-view .actions .back:hover {
  text-decoration: none;
}

form.standart-view .actions .back::before {
  position: absolute;
  top: calc(50% - 6px / 2);
  width: 12px;
  height: 6px;
  left: 0;
  background: url("/assets/icon-back.svg") no-repeat 50% 50%;
  content: "";
}

form.standart-view [data-placeholder] {
  position: relative;
}

form.standart-view [data-placeholder].__active::after {
  top: -1px;
  right: 5px;
  left: unset;
  font-size: 8px;
}

form.standart-view [data-placeholder]::after {
  position: absolute;
  top: 9px;
  left: 11px;
  font-size: 14px;
  color: #BDBDBD;
  z-index: -1;
  white-space: nowrap;
  content: attr(data-placeholder);
}

form.standart-view [data-placeholder] input {
  padding-top: 1px;
  background-color: transparent;
}

form.side-by-side .inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  grid-gap: 27px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

form.by-one label {
  display: block;
  margin-bottom: -14px;
  text-align: left;
  font-size: 12px;
}

form.by-one .inputs {
  display: -ms-grid;
  display: grid;
  grid-gap: 16px 0;
}

form.by-one .actions {
  margin-top: 32px;
}

form.editable .editable-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

form.editable .editable-field.editable-field-with-dependence + .editable-field-dependence {
  display: none;
}

form.editable .editable-field.editable-field-with-dependence.__active + .editable-field-dependence {
  display: contents;
}

form.editable .editable-field .edit {
  display: none;
}

form.editable .editable-field .edit.__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

form.editable .editable-field .edit.__active + input, form.editable .editable-field .edit.__active textarea {
  display: none;
}

form.editable .editable-field .edit.__active + input + .save, form.editable .editable-field .edit.__active textarea + .save {
  display: none;
}

form.editable .editable-field .edit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  padding: 1px 28px 0 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #000;
}

form.editable .editable-field .edit a::after {
  position: absolute;
  top: calc(50% - 22px / 2);
  right: 0;
  width: 20px;
  height: 22px;
  background: url("/assets/icon-edit.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

form.editable .save {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
}

form.editable .save::after {
  position: absolute;
  top: calc(50% - 20px / 2);
  left: calc(50% - 20px / 2);
  width: 20px;
  height: 20px;
  background: url("/assets/icon-save.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

form input[type="text"], form input[type="email"], form input[type="password"], form textarea {
  width: 100%;
}

form .placeholder {
  position: relative;
}

form .placeholder.__active input {
  background: #fff;
}

form .placeholder input {
  background: transparent;
}

form .placeholder > span {
  position: absolute;
  top: 8px;
  left: 11px;
  color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}

form .placeholder > span i {
  color: #F5461F;
}

form .required {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: rgba(0, 0, 0, 0.4);
}

form .required span {
  color: #F5461F;
}

form .checkbox label {
  margin-bottom: 0;
}

form .error {
  text-align: left;
  font-size: 12px;
  color: #F5461F;
}

form .notice {
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.6);
}

form .notice p {
  margin: 0;
}

form .notice a {
  text-decoration: underline;
  color: #1B38D4;
}

form .notice a:hover {
  text-decoration: none;
}

form .button[disabled] {
  opacity: 0.5;
}

form .prefield {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

form .prefield [data-placeholder] {
  margin-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.header.header-form {
  margin-top: 44px;
}

.header.header-form h3 {
  text-transform: uppercase;
  font-size: 18px;
}

.form-notice {
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 14px;
  color: #F5461F;
}

@media (max-width: 650px) {
  form.standart-view input[type="text"], form.standart-view input[type="email"], form.standart-view input[type="password"], form.standart-view textarea {
    height: 28px;
    padding: 0;
    border: 1px solid #C4C4C4;
    border-width: 0 0 1px;
  }
  form.standart-view input[type="radio"] + label {
    padding-left: 38px;
  }
  form.standart-view .by-four {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-gap: 16px 12px;
  }
  form.standart-view .actions.actions-small {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  form.standart-view .actions.actions-small .button {
    width: 100%;
    max-width: 295px;
    height: 64px;
    font-size: 18px;
  }
  form.standart-view .actions.actions-small .back {
    margin: 32px 0 0;
    font-size: 18px;
  }
  form.editable .inputs {
    -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    grid-gap: 0 0;
  }
  form.editable .inputs label {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  form.editable .editable-field .edit {
    width: 100%;
  }
  form.editable .editable-field .edit a {
    width: 100%;
    height: 28px;
    padding: 0 42px 0 0;
  }
  form.editable .editable-field .edit a::after {
    top: calc(50% - 30px / 2);
    width: 30px;
    height: 30px;
  }
  form.editable .editable-field .edit a::before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: calc(100% - 42px);
    height: 0;
    border-bottom: 1px solid #C4C4C4;
    content: "";
  }
  form.editable .editable-field .save {
    width: 30px;
    height: 30px;
  }
  form.editable .editable-field .save::after {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
  }
  form.editable .editable-field input {
    margin-right: 12px;
  }
}

header .container {
  position: relative;
}

header .icon.icon-cabinet, header .icon.icon-cart {
  position: relative;
  width: 30px;
  height: 30px;
}

header .icon.icon-cabinet::before, header .icon.icon-cart::before {
  position: absolute;
  background-size: contain;
  content: "";
}

header .icon.icon-cabinet {
  position: relative;
}

header .icon.icon-cabinet::before {
  top: calc(50% - 14px / 2);
  left: calc(50% - 14px / 2);
  width: 15px;
  height: 14px;
  margin: 0;
  -webkit-transform: none;
          transform: none;
  background: url("/assets/icon-cabinet-active.svg") no-repeat 50% 50%;
}

header .icon.icon-cabinet[href="/cabinet/personal/"]::after {
  position: absolute;
  width: 7px;
  height: 7px;
  top: unset;
  right: 4px;
  bottom: 7px;
  left: unset;
  margin: 0;
  -webkit-transform: none;
          transform: none;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: #28C642;
}

header .icon.icon-cart::before {
  top: calc(50% - 14px / 2);
  left: calc(50% - 14px / 2);
  width: 14px;
  height: 14px;
  background: url("/assets/icon-cart.svg") no-repeat 50% 50%;
}

header .icon.icon-cart span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(50% - 11px);
  left: calc(50% - 1px);
  width: 14px;
  height: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 8px;
  background-color: #FF4E3D;
  border-radius: 7px;
}

header .cabinet-submenu {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  padding: 16px;
  border: 1px solid #E9E9E9;
  background-color: #fff;
  font-size: 14px;
  line-height: 17px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

header .cabinet-submenu::before {
  position: absolute;
  top: -17px;
  right: 48px;
  width: 0;
  height: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 7px solid #fff;
  z-index: 10;
  content: "";
}

header .cabinet-submenu.__active {
  display: block;
}

header .cabinet-submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

header .cabinet-submenu ul li {
  margin-bottom: 12px;
}

header .cabinet-submenu ul li:last-of-type {
  position: relative;
  margin-top: 32px;
  margin-bottom: 0;
}

header .cabinet-submenu ul li:last-of-type::before {
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #F5F5F5;
  content: "";
}

header .cabinet-submenu ul li a, header .cabinet-submenu ul li .member-logout button {
  color: #000;
  text-decoration: none;
}

header .cabinet-submenu ul li a:hover, header .cabinet-submenu ul li .member-logout button:hover {
  text-decoration: underline;
}

header .cabinet-submenu ul li .member-logout button {
  position: relative;
  padding-left: 16px;
  background: none !important;
  font-size: 14px !important;
}

header .cabinet-submenu ul li .member-logout button::before {
  position: absolute;
  top: calc(50% - 14px / 2);
  left: 0;
  width: 12px;
  height: 14px;
  background: url("/assets/icon-sign-out-small.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

footer {
  position: relative;
  background-color: #fff;
}

footer > .container {
  padding: 0 10px 32px;
}

footer hr {
  margin-top: 0;
  padding-top: 50px;
}

footer .block-widgets {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0 32px;
  margin-top: 64px;
  padding-top: 13px;
  border-top: 1px solid #000;
}

footer .block-widgets > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .block-widgets a {
  color: #000;
}

footer .block-widgets a:hover {
  text-decoration: none;
}

@media (max-width: 652px) {
  footer .container {
    padding-top: 23px;
    padding-bottom: 67px;
  }
  footer .block-widgets {
    margin-top: 0;
    padding-top: 32px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    text-align: center;
    grid-gap: 16px 0;
  }
  footer .block-widgets * {
    font-size: 14px;
    line-height: 17px;
  }
  footer .block-widgets .address {
    -ms-grid-row: 1;
    grid-row: 1;
  }
  footer .block-widgets .phone {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  footer .block-widgets .widget {
    -ms-grid-row: 3;
    grid-row: 3;
  }
  footer .block-widgets .copyright {
    -ms-grid-row: 4;
    grid-row: 4;
  }
  footer .block-widgets .body {
    display: -ms-grid;
    display: grid;
    grid-gap: 16px 0;
  }
  footer .block-widgets .ibcico {
    margin-right: auto;
    margin-left: auto;
  }
}

#index-menu {
  position: relative;
  padding: 32px 0;
  background-color: #fff;
  z-index: 1;
}

#index-menu .wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px
}

#index-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 32px);
  margin: 0 -16px;
  padding: 0;
  list-style: none;
}

#index-menu ul li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

#index-menu ul li a {
  display: block;
  padding: 0 16px;
  text-decoration: none;
}

#index-menu ul li a:hover span {
  text-decoration: none;
}

#index-menu ul li span {
  display: block;
  margin-top: 28px;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: uppercase;
  color: #1733DD;
}

#index-menu ul li .image {
  padding-top: 58.3090379%;
  background-position: 50% 50%;
  background-size: cover;
  border: 1px solid #f2f0f0;
}

@media (max-width: 600px) {
  #index-menu ul {
    width: 100%;
    margin: -8px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #index-menu ul li a {
    padding: 8px 0;
  }
}

.breadcrumbs {
  padding: 22px 0 40px;
}

.breadcrumbs ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs ol li:not(:last-of-type) {
  position: relative;
  padding-right: 20px;
}

.breadcrumbs ol li:not(:last-of-type)::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(50% - 10px / 2);
  height: 10px;
  right: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: ">";
}

.breadcrumbs ol li a, .breadcrumbs ol li span {
  text-transform: uppercase;
  font-size: 8px;
  color: #000;
}

.breadcrumbs ol li a {
  text-decoration: underline;
}

.breadcrumbs ol li a:hover {
  text-decoration: none;
}

.mobile-breadcrumbs {
  display: none;
}

.right-menu.__active {
  position: relative;
  text-decoration: none !important;
}

.right-menu.__active::before {
  position: absolute;
  top: 5px;
  left: -7px;
  width: 3px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #000;
  content: "";
}

@media (max-width: 652px) {
  .breadcrumbs {
    padding: 20px 0 23px;
  }
  #menu .breadcrumbs, #dish .breadcrumbs {
    display: none;
  }
  .mobile-breadcrumbs {
    display: block;
  }
  .mobile-breadcrumbs .breadcrumbs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 8px 0 9px;
    border-bottom: 1px solid #000;
  }
  .mobile-breadcrumbs .breadcrumbs ol {
    margin: 0 16px;
  }
  .mobile-breadcrumbs .breadcrumbs ol * {
    line-height: 9px;
  }
  .mobile-breadcrumbs .breadcrumbs ol li::after {
    font-size: 8px;
    line-height: 9px;
    color: rgba(0, 0, 0, 0.6);
  }
  .mobile-breadcrumbs .breadcrumbs ol li a, .mobile-breadcrumbs .breadcrumbs ol li span {
    font-size: 7px;
    line-height: 9px;
    color: rgba(0, 0, 0, 0.6);
  }
  .mobile-breadcrumbs .breadcrumbs .right {
    margin-right: 16px;
  }
  .mobile-breadcrumbs .breadcrumbs .updated-menu-view-selector {
    display: block;
  }
  .mobile-breadcrumbs .breadcrumbs .updated-menu-view-selector ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-breadcrumbs .breadcrumbs .updated-menu-view-selector ul li {
    margin: 0 0 0 20px !important;
  }
  .mobile-breadcrumbs .breadcrumbs .updated-menu-view-selector ul li:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mobile-breadcrumbs .breadcrumbs .updated-menu-view-selector a {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    font-size: 0;
  }
  .mobile-breadcrumbs .breadcrumbs .updated-menu-view-selector a.__active {
    opacity: .6;
  }
}

.list-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #000;
}

.list-menu ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-menu ol li:not(:last-of-type) {
  margin-right: 12px;
}

.list-menu ol li a, .list-menu ol li .member-logout button {
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  color: #000;
}

.list-menu ol li a.__active, .list-menu ol li a:hover, .list-menu ol li .member-logout button.__active, .list-menu ol li .member-logout button:hover {
  text-decoration: underline;
}

.js-tabs .js-tabs-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  font-size: 16px;
}

.js-tabs .js-tabs-controls li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.js-tabs .js-tabs-controls li:not(:last-of-type) {
  border-right: 1px solid rgba(0, 0, 0, 0.6);
}

.js-tabs .js-tabs-controls li a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6);
}

.js-tabs .js-tabs-controls li a.__active {
  font-weight: 700;
  color: #000;
}

.js-tabs .js-tabs-body {
  margin-top: 32px;
}

.js-tabs .js-tabs-body .js-tabs-item {
  display: none;
}

.js-tabs .js-tabs-body .js-tabs-item.__active {
  display: block;
}

.notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 40px;
  padding: 11px 10px 16px;
  background-color: #F5461F;
  z-index: 1;
}

.notification div {
  position: relative;
  padding-left: 63px;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 24px;
  font-family: Verdana;
  font-size: 16px;
  color: #fff;
}

.notification div::before {
  position: absolute;
  top: calc(50% - 42px / 2);
  left: 0;
  width: 42px;
  height: 42px;
  background: url("/workspace/assets/images/icon-discount.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.notification p {
  margin: 0;
}

.notification a {
  color: #fff;
}

.notification a:hover {
  text-decoration: none;
}

@media (max-width: 480px) {
  .notification div {
    padding-left: 50px;
  }
  .notification div::before {
    width: 36px;
    height: 36px;
  }
  .notification div p {
    line-height: 1.5;
    font-size: 10px;
  }
}

form.user-form + .user-form {
  margin-top: 27px;
}

form.user-form input:not([type="submit"]), form.user-form textarea {
  max-width: 350px;
}

form.user-form .inputs {
  -ms-grid-columns: 165px 1fr;
      grid-template-columns: 165px 1fr;
}

form.user-form .inputs > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

form.sign-up-form, form.sign-in-form, form.restore-form {
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
}

form.sign-in-form .error {
  margin-bottom: 8px;
}

form.restore-form .back {
  margin-right: 16px;
}

.sign-up-success {
  text-align: center;
  max-width: 460px;
  margin: 0 auto;
}

.sign-up-success .head {
  font-size: 18px;
}

.sign-up-success .body {
  margin-top: 32px;
  font-size: 16px;
}

.sign-up-success .foot {
  margin-top: 32px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.sign-up-success .button {
  margin-top: 16px;
}

.sign-in-block {
  margin-top: 42px;
}

.sign-in-block .sign-in-block-actions {
  margin-top: 16px;
  text-align: center;
}

.sign-in-block .sign-in-block-actions ul {
  padding: 0;
  list-style: none;
  font-size: 16px;
}

.sign-in-block .sign-in-block-actions ul li:not(:first-of-type) {
  margin-top: 25px;
}

.sign-in-block .sign-in-block-actions a {
  text-decoration: underline;
  color: #1B38D4;
}

.sign-in-block .sign-in-block-actions a:hover {
  text-decoration: none;
}

.cabinet {
  margin: 32px 0;
}

.cabinet .header {
  margin-bottom: 30px;
}

.cabinet .user-addresses {
  margin-bottom: 30px;
}

.user-order-history table {
  width: 100%;
  text-align: left;
}

.user-order-history table thead {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.64);
}

.user-order-history table thead tr th {
  height: 40px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.user-order-history table thead tr th:nth-child(1), .user-order-history table thead tr th:nth-child(2) {
  width: 20%;
}

.user-order-history table tbody {
  font-size: 16px;
}

.user-order-history table tbody tr:first-of-type td {
  height: 66px;
  padding-top: 20px;
}

.user-order-history table tbody tr:not(:last-of-type) td {
  border-bottom: 2px solid #E5E5E5;
}

.user-order-history table tbody tr td {
  height: 46px;
}

.user-order-history table tbody tr td a {
  text-decoration: underline;
  color: #1B38D4;
}

.user-order-history .actions {
  text-align: right;
}

.user-order-history .actions a {
  display: inline-block;
}

.user-order-history .order-repeat-form {
  display: inline-block;
  margin: 0;
}

.user-order-history .order-repeat {
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
  position: relative;
  padding-right: 24px;
  text-decoration: none;
  color: #1B38D4;
}

.user-order-history .order-repeat::after {
  position: absolute;
  top: calc(50% - 16px / 2);
  right: 0;
  width: 16px;
  height: 16px;
  background: url("/assets/icon-repeat.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.user-order-history .order-repeat:hover {
  text-decoration: underline;
}

.user-order-history .order-repeat:hover::after {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.no-history {
  margin-top: 64px;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 650px) {
  form.sign-in-form input[type="text"], form.sign-in-form input[type="email"], form.sign-in-form input[type="password"], form.sign-in-form textarea, form.sign-up-form input[type="text"], form.sign-up-form input[type="email"], form.sign-up-form input[type="password"], form.sign-up-form textarea {
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.6);
  }
  form.sign-in-form textarea, form.sign-up-form textarea {
    padding: 5px 10px;
  }
  form.sign-in-form .button, form.sign-up-form .button {
    height: 64px;
    line-height: 64px;
    font-size: 14px;
  }
  .member-logout button {
    display: block;
    width: 17px;
    height: 18px;
    font-size: 0 !important;
    background: url("/assets/icon-sign-out.svg") no-repeat 50% 50%;
    background-size: contain;
  }
  .user-order-history * {
    font-size: 14px;
  }
  .user-order-history table thead {
    display: none;
  }
  .user-order-history table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 92px;
        grid-template-columns: auto 92px;
    grid-gap: 8px;
    padding: 20px 0;
    border-bottom: 2px solid #F5F5F5;
  }
  .user-order-history table tbody tr:first-of-type {
    padding-top: 0;
  }
  .user-order-history table tbody tr:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
  .user-order-history table tbody tr td {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
  }
  .user-order-history table tbody tr td[data-label] {
    position: relative;
    padding-left: 150px;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .user-order-history table tbody tr td[data-label]::before {
    position: absolute;
    top: calc(50% - 14px / 2);
    left: 0;
    line-height: 14px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-label);
  }
  .user-order-history table tbody tr td.actions {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 5;
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .user-order-history table tbody tr td.actions a {
    margin-top: 0;
  }
  .sign-in-block .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sign-in-block .actions .back {
    margin-top: 16px;
  }
  .sign-in-block .actions .button {
    height: 64px;
    line-height: 64px;
  }
}

.header.header-menu h1, .header.header-menu h2, .header.header-menu h3 {
  font-family: "Finlek";
}

.header.header-menu h1, .header.header-menu h2 {
  text-align: center;
  font-weight: 400;
  font-size: 70px;
}

.header.header-menu h1 {
  position: relative;
  margin: 59px auto 55px;
}

.header.header-menu h1::after {
  position: absolute;
  bottom: -16px;
  left: calc(50% - 45px / 2);
  width: 45px;
  border-bottom: 2px solid #000;
  content: "";
}

.header.header-menu h3 {
  font-weight: 600;
  font-size: 34px;
}

.header.header-dish h1, .header.header-dish h3 {
  position: relative;
  padding-bottom: 15px;
  text-transform: uppercase;
  text-align: center;
}

.header.header-dish h1::after, .header.header-dish h3::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 45px / 2);
  width: 45px;
  height: 0;
  border-bottom: 2px solid #000;
  content: "";
}

.header.header-dish h1 {
  line-height: 32px;
  font-size: 26px;
}

.header.header-dish h3 {
  line-height: 18px;
  font-size: 16px;
}

.menu {
  line-height: 24px;
  font-size: 16px;
}

.menu ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 165px 1fr 80px 110px;
      grid-template-columns: 165px 1fr 80px 110px;
  grid-gap: 0 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu ul li .volume {
  font-size: 14px;
}

.menu ul li .name {
  position: relative;
}

.menu ul li .name::after {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: 100%;
  height: 0;
  line-height: 0;
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
}

.menu ul li .name a, .menu ul li .name span {
  position: relative;
  padding-right: 3px;
  z-index: 1;
  background-color: #fff;
}

.menu ul li .name a {
  text-decoration: underline;
}

.menu ul li .name a:hover {
  text-decoration: none;
}

.menu ul li .description {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  line-height: 15px;
  font-size: 12px;
}

.button.button-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 34px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  line-height: inherit;
  font-size: 12px;
  color: #1B38D4;
  border: 1px solid #1B38D4;
}

.button.button-menu .super {
  position: absolute;
  top: -14px;
  width: 100%;
  text-transform: none;
  text-align: center;
  line-height: 10px;
  font-size: 8px;
  color: #000;
}

.dish-description {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 67% 1fr;
      grid-template-columns: 67% 1fr;
  grid-gap: 0 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dish-description .image img {
  width: 100%;
  height: auto;
}

.dish-description .information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: 16px;
}

.dish-description .information .header {
  margin-bottom: 29px;
}

.dish-description .information .price {
  margin-bottom: 30px;
}

.dish-description .information .price span {
  font-size: 14px;
}

.dish-description .information .button {
  width: 100%;
  max-width: 160px;
  height: 44px;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
  background-color: #1B38D4;
}

@media (max-width: 650px) {
  #menu .list-menu {
    position: absolute;
    top: 46.6%;
    right: 10px;
    bottom: 5.5%;
    padding: 0;
    border: none;
  }
  #menu .list-menu ol {
    text-align: right;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 3;
  }
  #menu .list-menu ol li {
    display: block;
    margin: 0;
  }
  #menu .list-menu ol li a {
    font-size: 14px;
    color: #fff;
  }
  #dish .list-menu {
    display: none;
  }
  #location {
    margin-top: 0;
    padding-top: 50px;
  }
  .menu {
    line-height: normal;
  }
  .menu ul {
    margin: 0 -10px;
  }
  .menu ul li {
    -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
    padding: 20px 16px;
    border: 1px solid #F5F5F5;
    border-width: 1px 0;
  }
  .menu ul li:first-of-type {
    border-top: 0;
  }
  .menu ul li:last-of-type {
    border-bottom: 0;
  }
  .menu ul li:not(:first-of-type) {
    margin-top: 0;
  }
  .menu ul li .volume {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    font-size: 11px;
  }
  .menu ul li .name {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    font-size: 12px;
  }
  .menu ul li .name::after {
    display: none;
  }
  .menu ul li .description {
    display: none;
  }
  .menu ul li .price {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 3;
    grid-column: 3;
    text-align: right;
    font-size: 12px;
  }
  .menu ul li .action {
    margin-top: 20px;
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
  }
  .dish-description {
    display: none;
  }
}

form.order-form input:not([type="submit"]), form.order-form textarea {
  font-size: 14px;
}

form.order-form .checkbox {
  text-align: center;
}

form.order-form .checkbox label {
  display: inline-block;
}

form.order-form .checkbox input[type="checkbox"]:checked + label::after {
  top: calc(50% - 10px / 2);
  left: 5px;
  width: 10px;
  height: 10px;
  background: url("/assets/icon-check.svg") no-repeat 50% 50%;
}

form.order-form .time label {
  line-height: 21px;
  font-size: 16px;
}

form.order-form .time > ul, form.order-form .time ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}

form.order-form .time > ul > li, form.order-form .time ol > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

form.order-form .time > ul > li:not(:first-of-type), form.order-form .time ol > li:not(:first-of-type) {
  margin-left: 32px;
}

form.order-form .time input[type="text"] {
  margin-left: 16px;
  width: 100%;
  max-width: 320px;
}

form.order-form .time input[type="radio"] + label {
  margin: 0;
  padding-left: 26px;
}

form.order-form .time input[type="radio"] + label::before {
  top: calc(50% - 18px / 2);
  width: 18px;
  height: 18px;
  border-width: 1px;
}

form.order-form .time input[type="radio"] + label::after {
  top: calc(50% - 12px / 2);
  left: 3px;
  width: 12px;
  height: 12px;
}

form.order-form .time .header:nth-child(3) {
  margin-top: 32px;
}

form.order-form .addresses {
  margin-top: 35px;
}

form.order-form .addresses ul, form.order-form .addresses ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

form.order-form .addresses ul li, form.order-form .addresses ol li {
  position: relative;
  padding: 25px 0;
}

form.order-form .addresses ul li:not(:last-of-type), form.order-form .addresses ol li:not(:last-of-type) {
  position: relative;
}
form.order-form .addresses ul li:not(:last-of-type)::after, form.order-form .addresses ol li:not(:last-of-type)::after {
  position: absolute;
  width: calc(100% - 55px);
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #BDBDBD;
  content: "";
}

form.order-form .addresses ul li label, form.order-form .addresses ol li label {
  margin-bottom: 0;
}

form.order-form .addresses ul li strong, form.order-form .addresses ol li strong {
  line-height: 19px;
  font-size: 16px;
}

form.order-form .addresses ul li p, form.order-form .addresses ol li p {
  margin: 1px 0 0;
  line-height: 17px;
  font-style: italic;
  font-size: 14px;
}

form.order-form .addresses ul li .default, form.order-form .addresses ol li .default {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 12px;
  text-decoration: none;
  color: #1B38D4;
  opacity: 0.2;
}

form.order-form .addresses ul li .default.__active, form.order-form .addresses ol li .default.__active {
  color: #1B38D4;
  opacity: 1;
}

form.order-form .addresses ul li .discount {
  position: absolute;
  top: 43px;
  right: 0;
  font-size: 14px;
  line-height: 15px;
  color: #1B38D4;
  opacity: 0.2;
}

form.order-form .addresses ul li input[type="radio"]:checked + label + .discount {
  color: #1B38D4;
  opacity: 1;
}

form.order-form .addresses ul li input[type="radio"]:checked + label + a + .discount {
  color: #1B38D4;
  opacity: 1;
}

#step-1-address-pickup .discount {
  top: 10px;
}

@media (max-width: 650px) {
  form.order-form .addresses ul li, form.order-form .addresses ol li {
    padding: 49px 0 13px !important;
  }
  form.order-form .addresses ul li .default, form.order-form .addresses ol li .default {
    top: 36px !important;
    line-height: 12px !important;
  }
  form.order-form .addresses ul li .discount {
    top: 12px;
  }
}

form.order-form .addresses + div {
  display: -ms-grid;
  display: grid;
  margin-top: 36px;
  -ms-grid-columns: 460px auto;
      grid-template-columns: 460px auto;
  grid-gap: 0 20px;
}

.header.order-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: none;
}

.header.order-header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header.order-header h2 {
  text-transform: uppercase;
  font-size: 20px;
}

.header.order-header a {
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 12px;
  font-size: 10px;
  color: #1733DD;
}

.header.order-header a:hover {
  text-decoration: none;
}

.header.order-header .status {
  margin-left: 8px;
  font-weight: 700;
  font-size: 12px;
}

.header.order-header .unpaid {
  text-transform: uppercase;
  font-size: 20px;
  color: #F5461F;
}

.header.header-time h3 {
  font-size: 14px;
}

.cart + .order-information .block-right .order-payment-information .information > div:nth-child(2n) {
  width: 152px;
}

.order-address .map {
  min-height: 310px;
}

.order-cart.order-cart-preview table tbody tr td:nth-child(1) {
  text-align: right;
  font-size: 10px;
}

.order-cart.order-cart-preview table tbody tr td:nth-child(2), .order-cart.order-cart-preview table tbody tr td:nth-child(4) {
  font-size: 14px;
}

.order-cart.order-cart-preview table tbody tr td:nth-child(2) {
  text-align: left;
}

.order-cart.order-cart-preview table tbody tr td:nth-child(3) {
  font-size: 12px;
}

.order-cart table {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.order-cart table thead {
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  background-color: #F6F8FD;
}

.order-cart table thead tr th {
  height: 48px;
  font-weight: 400;
}

.order-cart table thead tr th:nth-child(1) {
  width: 80px;
  text-align: center;
}

.order-cart table tbody {
  line-height: 24px;
  font-size: 16px;
}

.order-cart table tbody tr:nth-child(even) td {
  background-color: #FAFAFA;
}

.order-cart table tbody tr td {
  height: 75px;
  padding: 16px 0;
}

.order-cart table tbody tr td.order-list-position {
  width: 48px;
  padding: 0 8px;
  text-align: right;
  font-size: 10px;
}

.order-cart table tbody tr td.order-list-name {
  font-size: 14px;
}

.order-cart table tbody tr td.order-list-name .name {
  line-height: 17px;
}

.order-cart table tbody tr td.order-list-name .small {
  margin-top: 4px;
  line-height: 10px;
  font-size: 8px;
}

.order-cart table tbody tr td.order-list-volume {
  font-size: 12px;
}

.order-cart table tbody tr td.order-list-quantity {
  font-size: 14px;
}

.order-cart table tbody tr td.order-list-total-price {
  font-weight: 700;
  width: 124px;
}

.order-cart table tbody tr td.order-list-actions {
  width: 28px;
  padding-right: 8px;
}

.order-cart table a[data-remove-from-cart] {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: auto;
  border: 1px solid #F5461F;
  border-radius: 10px;
}

.order-cart table a[data-remove-from-cart]::before, .order-cart table a[data-remove-from-cart]::after {
  position: absolute;
  top: 8px;
  left: calc(50% - 10px / 2);
  width: 10px;
  height: 0;
  border-top: 1px solid #F5461F;
  content: "";
}

.order-cart table a[data-remove-from-cart]::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.order-cart table a[data-remove-from-cart]::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.order-cart .quantity-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.order-cart .quantity-controls a {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  background-color: #1B38D4;
}

.order-cart .quantity-controls a::before {
  position: absolute;
  top: calc(50% - 1px / 2);
  left: calc(50% - 8px / 2);
  width: 9px;
  height: 0;
  border-bottom: 1px solid #fff;
  content: "";
}

.order-cart .quantity-controls a[data-substract-from-cart] {
  margin-right: 7px;
}

.order-cart .quantity-controls a[data-add-to-cart]::after {
  position: absolute;
  top: calc(50% - 8px / 2);
  left: calc(50% - 1px / 2);
  width: 0;
  height: 9px;
  border-right: 1px solid #fff;
  content: "";
}

.order-cart .quantity-controls span {
  width: 18px;
  margin-right: 7px;
  text-align: center;
}

.order-cart a[data-remove-from-cart] {
  text-decoration: none;
  color: #F5461F;
}

.order-cart a[data-remove-from-cart]:hover {
  text-decoration: underline;
}

.order-cart .not-available {
  margin-top: 4px;
  line-height: 12px;
  font-size: 10px;
}

.order-cart .not-available span {
  position: relative;
  padding-left: 15px;
  color: #FA0A0A;
}

.order-cart .not-available span::before {
  position: absolute;
  top: calc(50% - 11px / 2);
  left: 0;
  width: 11px;
  height: 11px;
  background: url("/assets/icon-available.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.cart-empty {
  font-size: 16px;
}

.cart-empty .body {
  margin-top: 52px;
  text-align: center;
}

.cart-empty .body .message {
  position: relative;
  margin-bottom: 35;
  padding-bottom: 94px;
}

.cart-empty .body .message::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 100px / 2);
  width: 100px;
  height: 68px;
  background: url("/assets/icon-dish.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.order-information {
  display: -ms-grid;
  display: grid;
  margin: 21px 0 0;
  font-size: 14px;
  grid-gap: 0 55px;
  -ms-grid-columns: 450px 1fr;
      grid-template-columns: 450px 1fr;
}

.order-information.__with-commentary .order-commentary {
  margin-bottom: 16px;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1;
}

.order-information.__with-commentary .order-commentary div {
  margin-bottom: 8px;
  color: #1B38D4;
}

.order-information.__with-commentary .order-commentary textarea {
  height: 80px;
  border: 1px solid rgba(0, 0, 0, 0.6);
}

.order-information.__with-commentary .block-left {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
}

.order-information.__with-commentary .block-right {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
  -ms-grid-column: 2;
  grid-column: 2;
}

.order-information .notice {
  margin: 10px 0 36px;
  font-size: 12px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.6);
}

.order-repeat-information {
  font-size: 12px;
  color: #F5461F;
}

.order-repeat-information h3 {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 14px;
}

.order-repeat-information p {
  margin: 0;
}

.order-commentary {
  margin-bottom: 24px;
  font-size: 14px;
}

.order-commentary .header {
  margin-bottom: 8px;
}

.order-commentary p {
  margin: 0;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.6);
  font-style: italic;
}

.order-payment-information .information, .order-repeat-action .information {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  grid-gap: 16px 64px;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.order-payment-information .information > div:nth-child(2n), .order-repeat-action .information > div:nth-child(2n) {
  width: 124px;
}

.order-payment-information .information div:nth-child(2n-1), .order-repeat-action .information div:nth-child(2n-1) {
  text-align: right;
}

.order-payment-information .actions, .order-repeat-action .actions {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  margin-top: 28px;
  text-align: center !important;
}

.order-payment-information .actions .back, .order-repeat-action .actions .back {
  width: 259px;
  margin: 24px auto 0;
  text-align: center;
  margin-top: 24px;
}

.order-payment-information .actions .back a, .order-repeat-action .actions .back a {
  text-transform: uppercase;
  text-decoration: underline;
  color: #F5461F;
}

.order-payment-information .actions .back a:hover, .order-repeat-action .actions .back a:hover {
  text-decoration: none;
}

.order-payment-information .unpaid {
  position: relative;
  max-width: 460px;
  margin: 20px auto 0;
  padding: 20px 20px 20px 80px;
  line-height: 22px;
  font-size: 18px;
  background-color: rgba(245, 70, 31, 0.1);
}

.order-payment-information .unpaid::before {
  position: absolute;
  top: calc(50% - 40px / 2);
  left: 20px;
  width: 40px;
  height: 40px;
  background: url("/assets/icon-unpaid.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.order-payment-information .unpaid p {
  margin: 0;
}

.order-payment-information .small {
  line-height: 10px;
  font-size: 10px;
}

.delivery-information {
  line-height: 24px;
  font-size: 14px;
}

.delivery-information .block {
  display: -ms-grid;
  display: grid;
  padding: 16px;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 16px 32px;
  border: 1px solid #B9C2F0;
  letter-spacing: -.4px;
}

.delivery-information .block .column-1 {
  -ms-grid-column: 1;
  grid-column: 1;
}

.delivery-information .block .row-1 {
  -ms-grid-row: 1;
  grid-row: 1;
}

.delivery-information .block .column-2 {
  -ms-grid-column: 2;
  grid-column: 2;
}

.delivery-information .block .row-2 {
  -ms-grid-row: 2;
  grid-row: 2;
}

.delivery-information dl {
  margin: 0;
}

.delivery-information dl dt {
  text-transform: uppercase;
  line-height: 15px;
  font-size: 12px;
  white-space: nowrap;
}

.delivery-information dl dd {
  margin: 5px 0 0;
  line-height: 12px;
  font-size: 10px;
}

.delivery-information dl dd + dt {
  margin-top: 20px;
}

.delivery-information dl dd ol {
  margin-left: 24px;
  padding-left: 0;
}

.delivery-information .header {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

.delivery-information .pickup {
  margin-top: 23px;
  margin-left: 8px;
}

.delivery-information .pickup .address {
  margin-top: 17px;
  font-size: 12px;
}

.delivery-information .cards {
  margin-top: 36px;
}

.delivery-information .cards .header {
  font-weight: 400;
}

.delivery-information .cards .images {
  margin-top: 16px;
}

.delivery-information .cards .images img:not(:last-of-type) {
  margin-right: 16px;
}

.order-forms-step-1, .order-forms-step-2 {
  margin-top: 32px;
}

.order-forms-step-3.__unpaid {
  margin: -18px -10px 0;
  padding: 18px 10px 16px;
  border: 1px solid #F5461F;
}

.order-header {
  border-bottom: 1px solid #000;
}

.order-header .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-header .body > div:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.order-header .body .header-left h1 {
  padding-bottom: 10px;
  font-size: 20px;
  border-bottom: none;
}

.order-header .notice {
  position: relative;
  margin: 11px 0 16px;
  padding-left: 30px;
  line-height: 15px;
  font-size: 12px;
}

.order-header .notice::before {
  position: absolute;
  top: calc(50% - 22px / 2);
  left: 0;
  width: 22px;
  height: 22px;
  background: url("/assets/icon-order-header-notice.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.order-mini {
  max-width: 500px;
  margin: 10px 0;
  background-color: #F3F5FD;
}

.order-mini .desktop {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  grid-gap: 0 40px;
  padding: 16px 20px;
  line-height: 24px;
  font-size: 12px;
}

.order-mini .desktop > div:nth-child(1) {
  position: relative;
}

.order-mini .desktop > div:nth-child(1)::after {
  position: absolute;
  top: -8px;
  right: -20px;
  height: calc(100% + 16px);
  border-right: 1px solid #1B38D4;
  content: "";
}

.order-mini .desktop .mute {
  color: #C4C4C4;
}

.order-mini .desktop .back {
  margin-top: 7px;
}

.order-mini .desktop .back a {
  text-transform: uppercase;
  text-decoration: underline;
  color: #1B38D4;
}

.order-mini .desktop .back a:hover {
  text-decoration: none;
}

.order-mini .mobile {
  display: none;
}

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

.order-ready .order {
  margin-bottom: 22px;
  text-transform: uppercase;
  line-height: 26px;
  font-size: 24px;
}

.order-ready .order span {
  font-weight: 700;
}

.order-ready .message {
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 131px;
}

.order-ready .message::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 112px / 2);
  width: 112px;
  height: 112px;
  background: url("/assets/icon-order-ready.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.order-ready .message p {
  margin: 0;
  line-height: 120%;
  font-size: 16px;
}

.order-ready .back {
  margin-top: 24px;
}

.order-ready .back a {
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 17px;
  font-size: 14px;
  color: #F5461F;
}

.order-ready .back a:hover {
  text-decoration: none;
}

.order-confirmation {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 16px 20px;
  font-size: 12px;
}

.order-confirmation > div:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 /3;
  -ms-grid-column: 1;
  grid-column: 1;
}

.order-confirmation > div:nth-child(2), .order-confirmation > div:nth-child(3) {
  -ms-grid-column: 2;
  grid-column: 2;
}

.order-confirmation > div:nth-child(2) {
  -ms-grid-row: 1;
  grid-row: 1;
}

.order-confirmation > div:nth-child(3) {
  -ms-grid-row: 2;
  grid-row: 2;
}

.order-confirmation .header {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 14px;
}

.order-repeat {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  margin-top: 12px;
}

.order-repeat .actions {
  -ms-grid-column: 2;
  grid-column: 2;
  text-align: center;
}

.order-repeat .actions .back {
  margin-top: 24px;
}

.order-repeat .actions .back a {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 14px;
  color: #F5461F;
}

.order-repeat .actions .back a:hover {
  text-decoration: none;
}

.notice-cart {
  display: block;
  position: fixed;
  top: 64px;
  right: 16px;
  width: calc(100% - 16px * 2);
  max-width: 228px;
  z-index: 1;
}

.notice-cart .body {
  position: relative;
  padding: 16px;
  text-align: center;
  line-height: 12px;
  font-size: 10px;
  background-color: #F3F5FD;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  z-index: 1000;
}

.notice-cart .body .close::before, .notice-cart .body .close::after {
  position: absolute;
  top: 11px;
  right: 4px;
  width: 16px;
  height: 0;
  border-top: 2px solid #AAACB1;
  content: "";
}

.notice-cart .body .close::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.notice-cart .body .close::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.payment-method input[type="radio"] {
  display: none;
}

.payment-method input[type="radio"] + .icon {
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  border: 2px solid #1B38D4;
  border-radius: 9px;
}

.payment-method input[type="radio"]:checked + .icon {
  position: relative;
}

.payment-method input[type="radio"]:checked + .icon::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  background: #1B38D4;
  border-radius: 6px;
  content: "";
}

.payment-method label {
  cursor: pointer;
}

.payment-method label.__active {
  text-decoration: underline;
}

.header-with-notice h3 {
  display: inline-block;
}

.header-with-notice .delivery-notice {
  display: inline-block;
  margin-left: 5px;
  text-transform: none;
  font-size: 18px;
  color: #1B38D4;
}

.personal-back-menu a {
  display: inline-block;
  width: 220px;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  color: #F5461F;
}

.personal-back-menu a:hover {
  text-decoration: none;
}

.exact-time-block {
  display: none;
  margin-top: 16px;
}

.exact-time-block.__active {
  display: block;
}

.exact-time {
  margin-top: 16px;
}

.exact-time .prettydropdown + .prettydropdown {
  margin-left: 32px;
}

.exact-time .prettydropdown ul {
  text-transform: none;
  font-size: 14px;
}

.exact-time .prettydropdown ul.active {
  border-color: #1B38D4;
}

.exact-time .prettydropdown ul .hover {
  background: #1B38D4 !important;
}

.exact-time .prettydropdown .selected {
  color: #1B38D4;
}

.exact-time .prettydropdown .checked {
  display: none;
}

.exact-time .prettydropdown.arrow > ul > li.selected::before {
  display: none;
}

.exact-time .prettydropdown.arrow > ul > li.selected::after {
  width: 9px;
  height: 13px;
  background: url("/assets/icon-dropdown.svg") no-repeat 50% 50%;
  border: none;
}

[data-placeholder].street-case::after {
  left: 131px !important;
}

[data-placeholder].street-case.__active::after {
  text-transform: capitalize;
  left: unset !important;
}

.cabinet [data-placeholder].street-case::after {
  left: 149px !important;
}

.cabinet [data-placeholder].street-case.__active::after {
  text-transform: capitalize;
  left: unset !important;
}

.suggestions-promo {
  display: none !important;
}

.suggestions-suggestions {
  font-size: 12px;
}

.mkad-error {
  display: none;
  font-size: 8px;
  color: #F5461F;
}

.mkad-error.__active {
  display: block;
}

@media (max-width: 650px) {
  form.order-form .addresses + div {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  form.order-form .addresses + div .order-address {
    display: none;
  }
  form.order-form .addresses ul li, form.order-form .addresses ol li {
    padding: 21px 0 13px;
  }
  form.order-form .addresses ul li .default, form.order-form .addresses ol li .default {
    top: 0;
    font-size: 10px;
  }
  .order-forms-step-1, .order-forms-step-2 {
    margin-top: 21px;
  }
  .cart-empty .body .message {
    font-size: 16px;
  }
  .order-cart.order-cart-preview table tbody tr {
    -ms-grid-columns: 32px calc(50% - 32px) 25% 25%;
        grid-template-columns: 32px calc(50% - 32px) 25% 25%;
  }
  .order-cart.order-cart-preview table tbody tr.mobile-one-liner td.order-list-price, .order-cart.order-cart-preview table tbody tr.mobile-one-liner td.order-list-quantity {
    display: none;
  }
  .order-cart.order-cart-preview table tbody tr.mobile-one-liner td.order-list-total-price {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / 5;
  }
  .order-cart.order-cart-preview table tbody tr td {
    padding-bottom: 0 !important;
  }
  .order-cart.order-cart-preview table tbody tr td[data-label] {
    padding-top: 20px !important;
    padding-left: 0 !important;
    text-align: center;
  }
  .order-cart.order-cart-preview table tbody tr td[data-label]::before {
    top: 0;
    width: 100%;
    font-size: 12px;
  }
  .order-cart.order-cart-preview table tbody tr td.order-list-quantity-controls, .order-cart.order-cart-preview table tbody tr td.order-list-volume {
    display: none;
  }
  .order-cart.order-cart-preview table tbody tr td.order-list-price, .order-cart.order-cart-preview table tbody tr td.order-list-quantity {
    display: block;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .order-cart.order-cart-preview table tbody tr td.order-list-price {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }
  .order-cart.order-cart-preview table tbody tr td.order-list-quantity {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
  }
  .order-cart.order-cart-preview table tbody tr td.order-list-total-price {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / 5;
  }
  .order-cart table thead {
    display: none;
  }
  .order-cart table tbody tr {
    display: -ms-grid;
    display: grid;
    padding: 20px 0;
    -ms-grid-columns: auto 62px 1fr 88px;
        grid-template-columns: auto 62px 1fr 88px;
    grid-gap: 8px 0;
    border: 1px solid #F5F5F5;
    border-width: 1px 0;
  }
  .order-cart table tbody tr td {
    height: auto;
    background-color: transparent !important;
  }
  .order-cart table tbody tr td[data-label] {
    position: relative;
    padding-left: 122px !important;
  }
  .order-cart table tbody tr td[data-label]::before {
    position: absolute;
    top: calc(50% - 14px / 2);
    left: 8px;
    line-height: 14px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.61);
    content: attr(data-label);
  }
  .order-cart table tbody tr td.order-list-quantity-controls, .order-cart table tbody tr td.order-list-position, .order-cart table tbody tr td.order-list-name, .order-cart table tbody tr td.order-list-volume, .order-cart table tbody tr td.order-list-price, .order-cart table tbody tr td.order-list-total-price {
    width: auto;
    padding: 0;
  }
  .order-cart table tbody tr td.order-list-quantity-controls {
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column: 4;
    grid-column: 4;
  }
  .order-cart table tbody tr td.order-list-position {
    padding-right: 4px;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    font-size: 14px;
  }
  .order-cart table tbody tr td.order-list-name {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / 5;
    font-size: 16px;
  }
  .order-cart table tbody tr td.order-list-name .name {
    line-height: normal;
  }
  .order-cart table tbody tr td.order-list-volume, .order-cart table tbody tr td.order-list-price, .order-cart table tbody tr td.order-list-total-price {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
  }
  .order-cart table tbody tr td.order-list-volume {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .order-cart table tbody tr td.order-list-price {
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .order-cart table tbody tr td.order-list-total-price {
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .order-cart table tbody tr td.order-list-quantity, .order-cart table tbody tr td.order-list-actions {
    display: none;
  }
  .order-information {
    margin-top: 12px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 18px 0;
  }
  .order-information.__with-commentary .block-left {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .order-information.__with-commentary .block-right {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .order-information .notice {
    margin: 0 0 32px;
    line-height: 24px;
    font-size: 14px;
  }
  .order-information .block-left {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .order-information .block-right {
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .delivery-information {
    padding-bottom: 30px;
    border-bottom: 2px solid #F5F5F5;
  }
  .delivery-information dl dt {
    text-transform: none;
    line-height: unset;
    font-weight: 700;
    font-size: 14px;
  }
  .delivery-information dl dd {
    margin-top: 4px;
    line-height: unset;
    font-size: 14px;
  }
  .delivery-information dl dd + dt {
    margin-top: 16px;
  }
  .delivery-information .block {
    padding: 0;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 16px 0;
    border: none;
  }
  .delivery-information .block .column-2 {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .delivery-information .block .column-2.row-1 {
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .delivery-information .block .column-2.row-2 {
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .delivery-information .pickup {
    margin-top: 32px;
    margin-left: 0;
  }
  .delivery-information .pickup .address {
    margin-top: 16px;
    font-size: 16px;
  }
  .delivery-information .header {
    font-size: 16px;
  }
  .delivery-information .header.column-2.row-1 {
    margin-top: 32px;
  }
  .delivery-information .cards {
    margin-top: 32px;
  }
  .delivery-information .cards .header {
    font-size: 14px;
    text-decoration: underline;
  }
  .delivery-information .cards .images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 13px;
  }
  .delivery-information .cards .images img {
    width: 100%;
    max-width: 76px;
    margin-right: 0 !important;
  }
  .order-payment-information .information, .order-repeat-action .information {
    grid-gap: 16px 24px;
  }
  .order-payment-information .actions .back, .order-repeat-action .actions .back {
    margin-top: 32px;
  }
  .order-payment-information .actions .back a, .order-repeat-action .actions .back a {
    font-size: 18px;
  }
  .order-mini {
    margin: 13px 0 0;
  }
  .order-mini .desktop {
    display: none;
  }
  .order-mini .mobile {
    display: block;
    padding: 6px 12px;
    font-size: 12px;
    white-space: nowrap;
  }
  .order-confirmation {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .order-confirmation > div {
    grid-row: unset !important;
    grid-column: unset !important;
  }
  .order-confirmation .header {
    margin-bottom: 4px;
    font-size: 16px;
  }
  .order-repeat {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .order-repeat .actions {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .description-scrollable .action {
    position: absolute;
    bottom: -64px;
    width: calc(100% - 10px * 2);
  }
  .description-scrollable .action a {
    color: #fff;
    background-color: #1B38D4;
  }
  .header-with-notice h3 {
    display: block;
  }
  .header-with-notice .delivery-notice {
    display: block;
    margin-left: 0;
    font-size: 16px;
  }
  .personal-back-menu {
    display: -ms-grid;
    display: grid;
    margin-top: 64px;
    grid-gap: 32px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .personal-back-menu .button {
    height: 64px;
    line-height: 64px;
  }
}

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

.slider .head.__active a::before, .slider .head.__active a::after {
  position: absolute;
  top: 0;
  right: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #1B38D4;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  content: "";
}

.slider .head.__active a::before {
  top: 12px;
}

.slider .head.__active a::after {
  top: 8px;
}

.slider .head.__active + .body {
  display: block;
}

.slider .head a {
  position: relative;
  padding-right: 17px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  color: #1B38D4;
}

.slider .head a::before, .slider .head a::after {
  position: absolute;
  right: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #1B38D4;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.slider .head a::before {
  top: 7px;
}

.slider .head a::after {
  top: 3px;
}

.slider .head a:hover {
  text-decoration: underline;
}

.slider .body {
  display: none;
  margin-top: 20px;
}

.user-addresses-list {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 24px;
  font-size: 14px;
}

.user-addresses-list li {
  display: -ms-grid;
  display: grid;
  position: relative;
  -ms-grid-columns: 36px auto 240px 60px;
      grid-template-columns: 36px auto 240px 60px;
  grid-gap: 0 20px;
}

.user-addresses-list li:not(:first-of-type) {
  margin-top: 18px;
}

.user-addresses-list li .address {
  line-height: 21px;
}

.user-addresses-list li .address p {
  margin: 4px 0 0;
}

.user-addresses-list li .actions .edit {
  display: block;
  width: 25px;
  height: 29px;
  background: url("/assets/icon-address.svg") no-repeat 50% 50%;
  background-size: contain;
}

.user-addresses-list li .actions .delete {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-left: auto;
  border: 1px solid #F5461F;
  border-radius: 10px;
}

.user-addresses-list li .actions .delete::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.user-addresses-list li .actions .delete::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.user-addresses-list li .actions .delete::before, .user-addresses-list li .actions .delete::after {
  position: absolute;
  top: 8px;
  left: calc(50% - 10px / 2);
  width: 10px;
  height: 0;
  border-top: 1px solid #F5461F;
  content: "";
}

.user-addresses-list li input[type="radio"]:checked + label {
  color: #000;
}

.user-addresses-list li input[type="radio"]:checked + label::after {
  top: calc(50% - 8px / 2);
  left: 4px;
  width: 12px;
  height: 12px;
}

.user-addresses-list li input[type="radio"] + label {
  padding-left: 30px;
  color: rgba(0, 0, 0, 0.4);
}

.user-addresses-list li input[type="radio"] + label::before {
  top: calc(50% - 16px / 2);
  width: 20px;
  height: 20px;
}

.addresses-form-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 460px auto;
      grid-template-columns: 460px auto;
  grid-gap: 0 20px;
}

.addresses-form-block .map {
  min-height: 310px;
}

@media (max-width: 650px) {
  form.address-form input[type="text"], form.address-form input[type="email"], form.address-form input[type="password"], form.address-form textarea, form.order-form input[type="text"], form.order-form input[type="email"], form.order-form input[type="password"], form.order-form textarea {
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.6);
  }
  form.address-form textarea, form.order-form textarea {
    padding: 5px 10px;
  }
  .addresses-form-block {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 32px 0;
  }
  .user-addresses-list li {
    -ms-grid-columns: 30px auto 24px;
        grid-template-columns: 30px auto 24px;
    grid-gap: 0 12px;
  }
  .user-addresses-list li .default {
    display: none;
  }
  .user-addresses-list li .actions .delete {
    width: 24px;
    height: 24px;
    border-width: 2px;
    border-radius: 12px;
  }
  .user-addresses-list li .actions .delete::before, .user-addresses-list li .actions .delete::after {
    top: 9px;
    border-top: 2px solid #F5461F;
  }
}

.cookies-alert {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-color: rgba(238, 241, 255, 0.95);
  z-index: 10;
}

.cookies-alert.__active {
  display: block;
}

.cookies-alert .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 895px;
  margin: 0 auto;
  padding: 23px 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cookies-alert .wrapper .text {
  margin-right: 43px;
}

.cookies-alert .wrapper .text p {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}

.cookies-alert .wrapper .buttons {
  display: -ms-grid;
  display: grid;
  grid-gap: 0 28px;
  -ms-grid-columns: 136px 136px;
      grid-template-columns: 136px 136px;
}

.cookies-alert .wrapper .buttons .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  border: 1px solid #1B38D4;
}

.cookies-alert .wrapper .buttons .button.button-white {
  color: #000;
  background-color: #FFF;
}

.cookies-alert .wrapper .buttons .button.button-blue {
  color: #FFF;
  background-color: #1B38D4;
}

@media (max-width: 414px) {
  .cookies-alert .wrapper {
    padding: 24px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cookies-alert .wrapper .text {
    margin-right: 0;
    margin-bottom: 24px;
    text-align: center;
  }
  .cookies-alert .wrapper .text p {
    font-size: 10px;
    line-height: 12px;
  }
  .cookies-alert .wrapper .buttons {
    grid-gap: 0 16p;
    -ms-grid-columns: 122px 122px;
        grid-template-columns: 122px 122px;
  }
  .cookies-alert .wrapper .buttons .button {
    height: 34px;
    font-size: 10px;
  }
}

.bar-alert-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}

.bar-alert-mask.__active {
  display: block;
}

.bar-alert {
  display: none;
  position: fixed;
  top: 35%;
  left: 50%;
  width: 100%;
  max-width: 334px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 101;
}

.bar-alert.__active {
  display: block;
}

.bar-alert .wrapper {
  padding: 24px 32px 32px;
}

.bar-alert .wrapper .age {
  margin-left: -2px;
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  color: #FF4E3D;
}

.bar-alert .wrapper .text {
  margin-top: 16px;
}

.bar-alert .wrapper .text p {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}

.bar-alert .wrapper .text p + p {
  margin-top: 12px;
}

.bar-alert .wrapper .buttons {
  display: -ms-grid;
  display: grid;
  margin-top: 24px;
  grid-gap: 0 16px;
  -ms-grid-columns: 72px 72px;
      grid-template-columns: 72px 72px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bar-alert .wrapper .buttons .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #1B38D4;
  text-transform: uppercase;
  font-size: 10px;
}

.bar-alert .wrapper .buttons .button.button-white {
  background-color: #fff;
  color: #1B38D4;
}

.bar-alert .wrapper .buttons .button.button-blue {
  background-color: #1B38D4;
  color: #fff;
}

@media (max-width: 414px) {
  .bar-alert {
    max-width: 288px;
  }
  .bar-alert .wrapper {
    padding: 22px 24px 24px;
  }
  .bar-alert .wrapper .text {
    margin-top: 16px;
  }
  .bar-alert .wrapper .text p {
    font-size: 11px;
    line-height: 13px;
  }
  .bar-alert .wrapper .buttons {
    margin-top: 24px;
    grid-gap: 0 25px;
    -ms-grid-columns: 91px 91px;
        grid-template-columns: 91px 91px;
  }
}

.mobile-back {
  display: none;
}

.background {
  height: 472px;
  padding-top: 0;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumbs .right {
  margin-left: auto;
}

.breadcrumbs .right a {
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #000;
}

.breadcrumbs .right a:hover {
  text-decoration: none;
}

#location {
  margin-top: 64px;
}

.updated-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 21px;
  border-bottom: 1px solid #000;
}

.updated-menu ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -17px 0 0;
  padding: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.updated-menu ol:first-of-type {
  margin-right: 32px;
}

.updated-menu ol.__right {
  margin-left: auto;
}

.updated-menu ol li {
  margin: 17px 32px 0 0;
}

.updated-menu ol li:first-of-type {
  margin-left: 0;
}

.updated-menu ol li:last-of-type {
  margin-right: 0;
}

.updated-menu ol li.__right {
  margin-left: auto;
}

.updated-menu a {
  padding: 0;
  font-size: 11px;
  line-height: 13px;
  color: #1B38D4;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: -0.02rem;
  white-space: nowrap;
}

.updated-menu a:hover {
  text-decoration: none;
}

.updated-menu a.video {
  position: relative;
  padding-right: 19px;
  color: #000;
}

.updated-menu a.video::after {
  position: absolute;
  top: calc(50% - 12px / 2);
  right: 0;
  width: 14px;
  height: 14px;
  background: url("/assets/menu/icon-video.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.updated-menu a.__active {
  text-decoration: none;
}

.updated-menu a.__active + sup {
  position: relative;
}

.updated-menu a.__active + sup::after {
  position: absolute;
  top: 10px;
  left: calc(50% - 3px / 2);
  width: 3px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #1B38D4;
  content: "";
}

.updated-menu sup {
  top: -7px;
  font-size: 8px;
  line-height: 10px;
  color: #1B38D4;
}

.updated-menu-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 160px auto 160px;
      grid-template-columns: 160px auto 160px;
  margin: 32px 0 22px;
}

.updated-menu-header.__single {
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

.updated-menu-header h1 {
  margin: 10px 0 0;
  font-family: "Finlek";
  font-size: 44px;
  line-height: 44px;
  text-align: center;
}

.updated-menu-header a {
  text-decoration: none;
}

.updated-menu-header a:hover {
  text-decoration: underline;
}

.updated-menu-back a {
  position: relative;
  padding-left: 24px;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: #1B38D4;
}

.updated-menu-back > div:not(:first-of-type) {
  margin-top: 10px;
}

.updated-menu-back .back-link::before {
  position: absolute;
  top: calc(50% - 12px / 2);
  left: 9px;
  height: 12px;
  width: 7px;
  background: url("/assets/menu/icon-arrow-left-blue.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.updated-menu-back .categories-overlay-trigger::before {
  position: absolute;
  top: calc(50% - 21px / 2);
  left: 0;
  width: 21px;
  height: 21px;
  background: url("/assets/menu/icon-categories-overlay-trigger.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.updated-menu-view-selector ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.updated-menu-view-selector li {
  text-align: right;
}

.updated-menu-view-selector li:not(:first-of-type) {
  margin-top: 11px;
}

.updated-menu-view-selector a {
  position: relative;
  padding-right: 20px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
  color: #000;
}

.updated-menu-view-selector a::after {
  position: absolute;
  right: 0;
  content: "";
}

.updated-menu-view-selector a.__active {
  color: rgba(27, 56, 212, 0.3);
}

.updated-menu-view-selector a.list::after {
  top: calc(50% - 18px / 2);
  width: 16px;
  height: 16px;
  background: url("/assets/menu/icon-view-list.svg") no-repeat 50% 50%;
  background-size: contain;
}

.updated-menu-view-selector a.images::after {
  top: calc(50% - 16px / 2);
  width: 16px;
  height: 16px;
  background: url("/assets/menu/icon-view-images.svg") no-repeat 50% 50%;
  background-size: contain;
}

.updated-menu-types ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.updated-menu-types ol li {
  margin: 0 20px;
}

.updated-menu-types ol li a {
  font-size: 14px;
  line-height: 17px;
  color: #757575;
  text-decoration: none;
}

.updated-menu-types ol li a:hover {
  text-decoration: underline;
}

.updated-menu-types ol li a.__active {
  text-decoration: underline;
  color: #000;
}

.updated-menu-categories ul {
  display: -ms-grid;
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.updated-menu-categories a {
  display: block;
  position: relative;
}

.updated-menu-categories.__images ul {
  grid-gap: 32px 32px;
}

.updated-menu-categories.__images a {
  padding-top: 41.72535211%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background: rgba(27, 56, 212, 0.05);
  background-size: cover;
}

.updated-menu-categories.__images a span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 16px;
  font-family: "Finlek";
  font-size: 32px;
  line-height: 52px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

.updated-menu-categories.__list ul {
  grid-gap: 12px 32px;
}

.updated-menu-categories.__list a {
  padding: 20px 16px;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  color: #000;
  background: rgba(27, 56, 212, 0.05) !important;
}

.updated-menu-categories.__list a::after {
  position: absolute;
  top: calc(50% - 16px / 2);
  right: 18px;
  width: 7px;
  height: 16px;
  background: url("/assets/menu/icon-arrow-right-blue.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.updated-menu-categories.__list a:hover {
  text-decoration: underline;
}

.updated-menu-dishes ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.updated-menu-dishes.__list.__business ul li {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 0;
}

.updated-menu-dishes.__list.__business ul li .holder {
  -ms-grid-columns: 0 1fr auto;
      grid-template-columns: 0 1fr auto;
  -ms-grid-column: 2;
  -ms-grid-column-span: 6;
  grid-column: 2 / 8;
}

.updated-menu-dishes.__list.__bar ul li .holder {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
}

.updated-menu-dishes.__list ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0 32px;
}

.updated-menu-dishes.__list ul li a.holder:hover .name span {
  text-decoration: none;
}

.updated-menu-dishes.__list ul li a.holder .name span {
  text-decoration: underline;
}

.updated-menu-dishes.__list ul li:not(:first-of-type) {
  margin-top: 26px;
}

.updated-menu-dishes.__list ul li .holder {
  display: -ms-grid;
  display: grid;
  margin-top: 9px;
  -ms-grid-columns: 111px 1fr auto;
      grid-template-columns: 111px 1fr auto;
  grid-gap: 0 0;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  color: #000;
}

.updated-menu-dishes.__list ul li .holder .image {
  display: none;
}

.updated-menu-dishes.__list ul li .holder .characteristics {
  margin-top: 4px;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
  font-size: 12px;
  line-height: 15px;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}

.updated-menu-dishes.__list ul li .holder .characteristics > div:not(:first-of-type) {
  margin-top: 3px;
}

.updated-menu-dishes.__list ul li .holder .characteristics > div:nth-child(2) {
  color: rgba(0, 0, 0, 0.6);
}

.updated-menu-dishes.__list ul li .holder .characteristics a {
  color: rgba(0, 0, 0, 0.6);
}

.updated-menu-dishes.__list ul li .holder .name, .updated-menu-dishes.__list ul li .holder .consists {
  -ms-grid-column: 2;
  grid-column: 2;
}

.updated-menu-dishes.__list ul li .holder .name {
  position: relative;
  -ms-grid-row: 1;
  grid-row: 1;
  overflow: hidden;
}

.updated-menu-dishes.__list ul li .holder .name::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "................................................................................................................................................................................................";
}

.updated-menu-dishes.__list ul li .holder .name span {
  position: relative;
  background: #fff;
  z-index: 1;
}

.updated-menu-dishes.__list ul li .holder .name span.video {
  padding-right: 42px;
}

.updated-menu-dishes.__list ul li .holder .name span.video::after {
  position: absolute;
  top: calc(50% - 17px / 2);
  right: 6px;
  width: 28px;
  height: 17px;
  background: url(/assets/video-icon.png) no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.updated-menu-dishes.__list ul li .holder .consists {
  margin-top: 5px;
  -ms-grid-row: 2;
  grid-row: 2;
  font-size: 12px;
  line-height: 15px;
}

.updated-menu-dishes.__list ul li .holder .price {
  display: block;
  -ms-grid-column: 3;
  grid-column: 3;
}

.updated-menu-dishes.__list ul li button {
  width: 100%;
}

.updated-menu-dishes.__images.__bar .holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.updated-menu-dishes.__images.__bar .image .price {
  top: 0;
  bottom: unset;
}

.updated-menu-dishes.__images.__bar .name {
  margin-top: 12px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.updated-menu-dishes.__images.__bar .characteristics {
  margin-top: 12px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.updated-menu-dishes.__images ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 40px 32px;
}

.updated-menu-dishes.__images a.holder:hover .name {
  text-decoration: underline;
}

.updated-menu-dishes.__images .holder {
  display: block;
  text-decoration: none;
}

.updated-menu-dishes.__images button {
  margin-top: 8px;
  height: 34px;
}

.updated-menu-dishes.__images .image {
  position: relative;
  padding-top: 71.64179104%;
  background: rgba(27, 56, 212, 0.05);
  background-position: 50% 50%;
  background-size: cover;
}

.updated-menu-dishes.__images .image .in-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(50% - 28px / 2);
  left: calc(50% - 108px / 2);
  width: 108px;
  height: 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 7px;
  background: rgba(255, 255, 255, 0.95);
}

.updated-menu-dishes.__images .image .price {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px 6px 4px 10px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, from(#1B38D4), to(#7D3DAF));
  background: linear-gradient(270deg, #1B38D4 0%, #7D3DAF 100%);
}

.updated-menu-dishes.__images .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 17px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #000;
}

.updated-menu-dishes.__images .consists {
  display: none;
}

.updated-menu-dishes.__images .characteristics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  font-size: 10px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.5);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.updated-menu-dishes.__images .characteristics a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}

.updated-menu-dishes.__images .characteristics a:hover {
  text-decoration: none;
}

.updated-menu-dishes.__images .price {
  display: none;
}

.updated-menu-dishes button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  height: 38px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #1B38D4;
  border: 1px solid #1B38D4;
  cursor: pointer;
}

.updated-menu-dishes button.more {
  position: relative;
  border: none;
  background: rgba(27, 56, 212, 0.05);
}

.updated-menu-dishes button.more .super {
  position: absolute;
  width: 100%;
  top: -12px;
  left: 0;
  text-align: center;
  font-size: 8px;
  line-height: 10px;
  text-transform: initial;
}

.updated-menu-description {
  margin-top: 64px;
  text-align: center;
}

.updated-menu-description * {
  font-size: 16px;
  line-height: 24px;
}

.updated-menu-categories-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
  content: "";
}

.updated-menu-categories-overlay.__active {
  display: block;
}

.updated-menu-categories-overlay .holder {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1184px;
  max-height: 100%;
  padding: 52px 32px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: auto;
}

.updated-menu-categories-overlay .header {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 32px;
}

.updated-menu-categories-overlay .header::after {
  position: absolute;
  left: calc(50% - 46px / 2);
  bottom: -16px;
  width: 46px;
  height: 0;
  border-bottom: 2px solid #000;
  content: "";
}

.updated-menu-categories-overlay ol {
  display: -ms-grid;
  display: grid;
  margin: 58px 0 0;
  padding: 0;
  list-style: none;
  grid-gap: 8px 32px;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.updated-menu-categories-overlay ol a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 62px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  line-height: 22px;
  background: rgba(27, 56, 212, 0.05);
}

.updated-menu-categories-overlay ol a:hover {
  text-decoration: underline;
}

.updated-menu-categories-overlay .close {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 13px;
  height: 13px;
  background: url("/assets/menu/icon-close.svg") no-repeat 50% 50%;
  background-size: contain;
}

.mobile-secondary-menu {
  display: none;
}

@media (max-width: 1100px) {
  .updated-menu-categories.__list ul {
    grid-gap: 8px 32px;
  }
  .updated-menu-categories.__list a {
    padding: 17px 16px 16px;
    font-size: 16px;
    line-height: 19px;
  }
  .updated-menu-categories.__images a {
    padding-top: 41.66666667%;
  }
  .updated-menu-categories.__images a span {
    font-size: 24px;
    line-height: 43px;
  }
  .updated-menu-dishes.__list ul li .holder {
    font-size: 14px;
    line-height: 17px;
  }
  .updated-menu-dishes.__list ul li .holder .characteristics {
    font-size: 10px;
    line-height: 12px;
  }
  .updated-menu-dishes.__list ul li .holder .consists {
    font-size: 10px;
    line-height: 12px;
  }
  .updated-menu-dishes.__images .image {
    padding-top: 71.42857143%;
  }
  .updated-menu-dishes.__images .image .price {
    padding: 4px 8px;
    font-size: 14px;
    line-height: 17px;
  }
  .updated-menu-dishes.__images .name {
    height: 30px;
    font-size: 12px;
    line-height: 15px;
  }
  .updated-menu-dishes button {
    font-size: 12px;
  }
  .updated-menu-description * {
    font-size: 14px;
  }
  .updated-menu-categories-overlay ol a {
    height: 52px;
    font-size: 16px;
    line-height: 19px;
  }
}

@media (max-width: 1024px) {
  .background {
    height: 0;
    padding-top: 46.09375%;
  }
}

@media (max-width: 852px) {
  .updated-menu-dishes.__images .name {
    height: 24px;
    font-size: 10px;
    line-height: 12px;
  }
}

@media (max-width: 732px) {
  .background.background-dish {
    height: calc(100% - 127px);
    padding-top: 0;
  }
  .mobile-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mobile-back .updated-menu-back {
    display: block;
  }
  .mobile-back .updated-menu-back .back-link {
    padding-left: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    text-decoration: none;
  }
  .mobile-back .updated-menu-back .back-link::before {
    left: 0;
  }
  .mobile-back .menu-link {
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #000;
  }
  .background {
    display: none;
  }
  .updated-menu {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
  }
  .updated-menu ol {
    margin: 0 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .updated-menu ol:first-of-type {
    margin-right: 16px;
  }
  .updated-menu ol li {
    margin: 17px 24px 0 0;
  }
  .updated-menu .__right {
    display: none;
  }
  .updated-menu-header {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    margin: 21px 0 18px;
  }
  .updated-menu-header h1 {
    position: relative;
    margin: 0;
    font-size: 36px;
    color: #000;
  }
  .updated-menu-back, .updated-menu-view-selector {
    display: none;
  }
  .updated-menu-types {
    margin: 0 -16px;
    overflow: auto;
  }
  .updated-menu-types ol {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
  .updated-menu-types ol::after {
    visibility: hidden;
    font-size: 1px;
    content: ".";
  }
  .updated-menu-types ol li {
    margin: 0 8px;
  }
  .updated-menu-types ol li a {
    display: block;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap;
    background: #F4F5FD;
    border-radius: 3px;
  }
  .updated-menu-categories {
    margin: 0 -16px;
  }
  .updated-menu-categories ul {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .updated-menu-categories.__images ul {
    grid-gap: 32px 0;
  }
  .updated-menu-categories.__images ul a {
    height: 160px;
  }
  .updated-menu-categories.__list ul {
    grid-gap: 8px 0;
  }
  .updated-menu-dishes.__list.__business ul li .holder {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / 9;
    grid-gap: 0 32px;
  }
  .updated-menu-dishes.__list.__business ul li .holder .price {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .updated-menu-dishes.__list ul li {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 24px 0;
  }
  .updated-menu-dishes.__list ul li a.holder .name span {
    font-weight: 700;
  }
  .updated-menu-dishes.__list ul li .holder {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .updated-menu-dishes.__list ul li .holder > div {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }
  .updated-menu-dishes.__list ul li .holder .name {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }
  .updated-menu-dishes.__list ul li .holder .name::after {
    display: none;
  }
  .updated-menu-dishes.__list ul li .holder .name span {
    font-size: 12px;
  }
  .updated-menu-dishes.__list ul li .holder .consists {
    margin-bottom: 6px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .updated-menu-dishes.__list ul li .holder .characteristics, .updated-menu-dishes.__list ul li .holder .price {
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .updated-menu-dishes.__list ul li .holder .characteristics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -ms-grid-column: 1;
    grid-column: 1;
    font-size: 11px;
    line-height: 13px;
  }
  .updated-menu-dishes.__list ul li .holder .characteristics > div:not(:first-of-type) {
    margin-top: 0;
  }
  .updated-menu-dishes.__list ul li .holder .characteristics > div:not(:last-of-type) {
    margin-right: 8px;
  }
  .updated-menu-dishes.__list ul li .holder .price {
    -ms-grid-column: 2;
    grid-column: 2;
    text-align: right;
    font-size: 12px;
    line-height: 15px;
  }
  .updated-menu-dishes.__list ul li .actions {
    position: relative;
    padding-bottom: 22px;
  }
  .updated-menu-dishes.__list ul li .actions::after {
    position: absolute;
    left: -16px;
    bottom: 0;
    width: calc(100% + 32px);
    height: 0;
    border-bottom: 1px solid #F5F5F5;
    content: "";
  }
  .updated-menu-dishes.__list ul li button {
    width: 100%;
  }
  .updated-menu-dishes.__images ul {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 32px 0;
  }
  .updated-menu-dishes.__images .image {
    margin: 0 -16px;
  }
  .updated-menu-dishes.__images ul li .holder .name {
    font-size: 14px;
    line-height: 17px;
  }
  .updated-menu-description {
    margin-top: 48px;
  }
  .updated-menu-categories-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-transform: none;
            transform: none;
  }
  .updated-menu-categories-overlay .holder {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transform: none;
            transform: none;
    overflow: auto;
  }
  .updated-menu-categories-overlay .header {
    font-size: 20px;
    line-height: 24px;
  }
  .updated-menu-categories-overlay ol {
    margin: 50px 0 0;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 8px 0;
  }
  .updated-menu-categories-overlay ol a {
    height: 52px;
    font-size: 16px;
    line-height: 19px;
  }
  .mobile-secondary-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mobile-secondary-menu a {
    position: relative;
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
  }
  .mobile-secondary-menu a::before {
    position: absolute;
    content: "";
  }
  .mobile-secondary-menu .categories-overlay-trigger {
    padding-left: 24px;
  }
  .mobile-secondary-menu .categories-overlay-trigger::before {
    top: calc(50% - 21px / 2);
    left: 0;
    width: 21px;
    height: 21px;
    background: url(/assets/menu/icon-categories-overlay-trigger.svg) no-repeat 50% 50%;
    background-size: contain;
  }
  .mobile-secondary-menu .video {
    padding-right: 19px;
  }
  .mobile-secondary-menu .video::before {
    top: calc(50% - 14px / 2);
    right: 0;
    width: 14px;
    height: 14px;
    background: url(/assets/menu/icon-video.svg) no-repeat 50% 50%;
    background-size: contain;
  }
}

.updated-dish {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 1fr;
      grid-template-rows: auto 1fr;
  grid-gap: 0 32px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.updated-dish .image {
  position: relative;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.updated-dish .image span {
  display: block;
  position: relative;
  padding-top: 71.66666667%;
  background-position: 50% 50%;
  background-size: cover;
}

.updated-dish .image .price {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px 15px 6px 19px;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, from(#1B38D4), to(#7D3DAF));
  background: linear-gradient(270deg, #1B38D4 0%, #7D3DAF 100%);
}

.updated-dish .information {
  -ms-grid-column: 2;
  grid-column: 2;
}

.updated-dish .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -2px;
  min-height: 58px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.updated-dish .header.__mobile {
  display: none;
}

.updated-dish .header h3 {
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
}

.updated-dish .price {
  margin-top: 17px;
  font-size: 16px;
  line-height: 19px;
}

.updated-dish .actions {
  margin-top: 25px;
}

.updated-dish .actions [data-in-cart] .button {
  position: relative;
  border: none;
  background: rgba(27, 56, 212, 0.05);
}

.updated-dish .actions [data-in-cart] .button .super {
  position: absolute;
  width: 100%;
  top: -12px;
  left: 0;
  text-align: center;
  font-size: 8px;
  line-height: 10px;
  text-transform: initial;
  color: #1B38D4;
}

.updated-dish .actions .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 256px;
  height: 47px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  color: #1B38D4;
  border: 1px solid #1B38D4;
  background: none;
  cursor: pointer;
}

.updated-dish .ingridients {
  margin-top: 32px;
}

.updated-dish .characteristics {
  margin-top: 17px;
  font-size: 10px;
  line-height: 12px;
}

.updated-dish .characteristics ul {
  display: -ms-grid;
  display: grid;
  list-style: none;
  grid-gap: 16px 32px;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  margin: 0;
  padding: 0;
  text-align: left;
}

.updated-dish .characteristics ul li:nth-child(2n-1) {
  text-align: right;
}

.updated-dish .characteristics ul li strong {
  position: relative;
  padding-left: 20px;
}

.updated-dish .characteristics ul li strong::before {
  position: absolute;
  left: 0;
  content: "";
}

.updated-dish .characteristics ul li.weight strong::before {
  top: calc(50% - 12px / 2);
  width: 12px;
  height: 12px;
  background: url("/assets/menu/icon-weight.svg") no-repeat 50% 50%;
  background-size: contain;
}

.updated-dish .characteristics ul li.calories strong::before {
  top: calc(50% - 13px / 2);
  width: 10px;
  height: 13px;
  background: url("/assets/menu/icon-calories.svg") no-repeat 50% 50%;
  background-size: contain;
}

.updated-dish .description {
  margin-top: 16px;
}

.updated-dish .description p {
  margin: 0;
  line-height: 16px;
}

.updated-dish p {
  font-size: 12px;
  line-height: 15px;
}

.updated-dish strong {
  font-weight: 700;
}

.how-to {
  margin-top: 40px;
}

.how-to > .header {
  margin-bottom: 24px;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
}

.how-to .blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 0 32px;
}

.how-to .block.__block_blue .wrapper {
  padding: 24px 32px 32px;
  border: none;
  background: #F4F5FD;
}

.how-to .block .wrapper {
  padding: 24px 32px 32px;
  border: 1px solid #6379E9;
}

.how-to .block * {
  font-size: 12px;
  line-height: 16px;
}

.how-to .block .header {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 19px;
  color: #1B38D4;
}

.how-to .block .small {
  margin-top: 13px;
}

.how-to .block .small * {
  font-size: 10px;
  line-height: 12px;
}

.how-to .block .text p {
  margin: 13px 0;
}

.how-to .block .text p:last-of-type {
  margin-bottom: 0;
}

.how-to .block p {
  margin: 0 0;
}

.how-to .block ul, .how-to .block ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.how-to .block ul li, .how-to .block ol li {
  position: relative;
  padding-left: 12px;
}

.how-to .block ul li:not(:first-of-type), .how-to .block ol li:not(:first-of-type) {
  margin-top: 6px;
}

.how-to .block ul li::before, .how-to .block ol li::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #1B38D4;
  content: "";
}

#dish .updated-menu-header {
  margin: 13px 0 18px;
}

@media (max-width: 652px) {
  .updated-dish {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .updated-dish p {
    font-size: 14px;
    line-height: 24px;
  }
  .updated-dish .image, .updated-dish .header, .updated-dish .information {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .updated-dish .image {
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
  .updated-dish .image span {
    padding-top: 71.73333333%;
  }
  .updated-dish .image .price {
    padding: 4px 6px 4px 10px;
    font-size: 14px;
    line-height: 17px;
  }
  .updated-dish .header {
    display: none;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-top: -5px;
    min-height: unset;
  }
  .updated-dish .header.__mobile {
    display: block;
  }
  .updated-dish .header h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .updated-dish .image {
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 17px;
  }
  .updated-dish .information {
    margin-top: 24px;
    -ms-grid-row: 3;
    grid-row: 3;
    text-align: left;
  }
  .updated-dish .information .price {
    display: none;
  }
  .updated-dish .information .actions {
    margin-top: 0;
  }
  .updated-dish .information .actions .button {
    max-width: unset;
    height: 34px;
    font-size: 12px;
    line-height: 15px;
  }
  .updated-dish .information .ingridients {
    margin-top: 24px;
  }
  .updated-dish .information .ingridients p {
    line-height: 17px;
  }
  .updated-dish .information .characteristics {
    margin-top: 16px;
    font-size: 12px;
    line-height: 15px;
  }
  .updated-dish .information .characteristics ul {
    display: block;
  }
  .updated-dish .information .characteristics ul li:not(:first-of-type) {
    margin-top: 6px;
  }
  .updated-dish .information .characteristics ul li:nth-child(2n-1) {
    text-align: left;
  }
  .updated-dish .information .description {
    margin-top: 16px;
  }
  .updated-dish .information .description p {
    line-height: 22px;
  }
  .how-to {
    margin-top: 32px;
  }
  .how-to > .header {
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 32px;
  }
  .how-to .blocks {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-gap: 32px 0;
  }
  .how-to .block * {
    font-size: 12px;
    line-height: 14px;
  }
  .how-to .block.__block_blue {
    padding: 0;
  }
  .how-to .block.__block_blue .wrapper {
    padding: 24px 24px;
  }
  .how-to .block .wrapper {
    padding: 23px 23px;
  }
  .how-to .block ol li:not(:first-of-type), .how-to .block ul li:not(:first-of-type) {
    margin-top: 8px;
  }
  .how-to .block .header {
    font-size: 16px;
    line-height: 19px;
  }
  .how-to .block .text p, .how-to .block .text strong {
    font-size: 12px;
    line-height: 20px;
  }
  .how-to .block .text p:last-of-type {
    margin-bottom: 0;
  }
  .how-to .block .small {
    display: none;
  }
}

#updated-location {
  padding-top: 40px;
}

#updated-location h2 {
  font-size: 26px;
  line-height: 32px;
}

#updated-location a {
  color: #263ED0;
}

#updated-location .head-location {
  display: block;
  margin-top: 32px;
  font-style: italic;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
}

#updated-location .track-description {
  position: relative;
  display: -ms-grid;
  display: grid;
  margin: 32px 0 0;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0 32px;
}

#updated-location .track-description::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  border-left: 1px solid #263ED0;
  content: "";
}

#updated-location .track-description .location-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column: span 2;
  grid-gap: 32px 0;
}

#updated-location .track-description .location-item:nth-child(-n+2) {
  position: relative;
  padding-bottom: 46px;
}

#updated-location .track-description .location-item:nth-child(-n+2)::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 16px);
  height: 0;
  border-bottom: 1px solid #263ED0;
  content: "";
}

#updated-location .track-description .location-item:nth-child(-n+2) .header-loc {
  position: relative;
  padding-left: 38px;
}

#updated-location .track-description .location-item:nth-child(-n+2) .header-loc::before {
  position: absolute;
  top: calc(50% - 22px / 2);
  left: 0;
  width: 22px;
  height: 22px;
  background: url("/workspace/public/images/metro-2.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

#updated-location .track-description .location-item:nth-child(2)::before {
  right: 0;
  left: unset;
}

#updated-location .track-description .location-item:nth-child(2) .header-loc::before {
  background: url("/workspace/public/images/metro-5.svg") no-repeat 50% 50%;
  background-size: contain;
}

#updated-location .track-description .location-item:nth-child(n+3) {
  padding-top: 33px;
}

#updated-location .track-description .location-item:nth-child(n+3) .header-loc {
  position: relative;
  padding-left: 30px;
}

#updated-location .track-description .location-item:nth-child(n+3) .header-loc::before {
  position: absolute;
  top: calc(50% - 20px / 2);
  left: 0;
  width: 14px;
  height: 20px;
  background: url("/workspace/public/images/arrow-down.svg") no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

#updated-location .track-description .location-item:nth-child(4) .header-loc::before {
  background: url("/workspace/public/images/arrow-up.svg") no-repeat 50% 50%;
  background-size: contain;
}

#updated-location .track-description .location-item .header, #updated-location .track-description .location-item .description-item {
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  grid-column: 2 / 5;
}

#updated-location .track-description .location-item .header {
  -ms-grid-row: 1;
  grid-row: 1;
  font-size: 16px;
  line-height: 21px;
}

#updated-location .track-description .location-item .image {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}

#updated-location .track-description .location-item .description-item {
  -ms-grid-row: 2;
  grid-row: 2;
}

#updated-location .track-description .location-item .description-item p {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
}

#updated-location .track-description .location-item .buttons {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
  text-align: center;
  -ms-grid-row: 3;
  grid-row: 3;
  font-size: 14px;
  line-height: 17px;
}

@media (max-width: 732px) {
  .main-loc-header {
    margin-bottom: 16px;
  }
  #updated-location {
    padding-top: 32px;
  }
  #updated-location #map {
    width: calc(100% + 32px);
    margin-right: -16px;
    margin-left: -16px;
  }
  #updated-location .track-description {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  #updated-location .track-description::before {
    display: none;
  }
  #updated-location .track-description .location-item {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-column: 1;
    grid-column: 1;
    grid-gap: 16px 0;
    padding-bottom: 24px !important;
  }
  #updated-location .track-description .location-item::before {
    display: none;
  }
  #updated-location .track-description .location-item:not(:first-child) {
    padding-top: 24px !important;
  }
  #updated-location .track-description .location-item:not(:last-child) {
    border-bottom: 1px solid #263ED0;
  }
  #updated-location .track-description .location-item .header, #updated-location .track-description .location-item .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #updated-location .track-description .location-item .header, #updated-location .track-description .location-item .image, #updated-location .track-description .location-item .description-item, #updated-location .track-description .location-item .buttons {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  #updated-location .track-description .location-item .description-item {
    -ms-grid-row: 3;
    grid-row: 3;
    text-align: center;
  }
  #updated-location .track-description .location-item .buttons {
    -ms-grid-row: 4;
    grid-row: 4;
  }
}

@media (max-width: 510px) {
	form.order-form .time > ul, form.order-form .time ol {
		flex-direction: column;
	}
	form.order-form .time > ul > li:not(:first-of-type), form.order-form .time ol > li:not(:first-of-type) {
		margin-left: 0;
		margin-top: 8px;
	}
}
/*# sourceMappingURL=application.css.map */