/* Start:/local/templates/empty/styles.css?16669636471157*/
/*!
 *  Themes/vabisabi
 */
:root {
	--font-family-base: Roboto, Helvetica, sans-serif;
	--font-family-secondary: Roboto, Helvetica, sans-serif;

	--text-light: #FFFFFF;
	--text-primary: #36242A;
	--text-secondary: #8F8488;
	--text-disabled: #CDCCCB;
	--text-error: #E32C18;
	--text-link: #EB5C5F;
	--text-link-hover: #D16662;
	--primary-default: #EB5C5F;
	--primary-hover: #D16662;
	--primary-active: #D16662;
	--primary-focus: #D16662;
	--primary-disabled: #EEEEED;
	--secondary-default: #EBF6F4;
	--secondary-hover: #DBF0EC;
	--secondary-active: #D1ECE7;
	--secondary-focus: #BBDDD7;
	--white: #ffffff;
	--color: rgba(224, 226, 226, 0.24);
	--dark-01: #909294;
	--dark-02: rgba(45, 42, 38, 0.9);
	--dark-03: #F4F4F4;
	--lines: #EAEAE9;
	--base-01-default: #E1E0DF;
	--base-02-hover: #D7D6D5;
	--base-03-active: #D6D5D5;
	--base-04-disabled: #F6F6F3;
	--notice-warning-bd: #FFF0DB;
	--notice-warning-icon: #FFB727;
	--notice-error-bd: #FFD5CE;
	--notice-error-icon: #DC3A38;
	--notice-info-bd: #DBEEFF;
	--notice-info-icon: #3070EC;
	--notice-success-bd: #D2FFDF;
	--notice-success-icon: #24C064;
	--other-colors-01: #DE9A6B;
	--other-colors-02: #87AEC2
}
/* End */


/* Start:/local/templates/empty/template_styles.css?168778756911275*/
@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/empty/fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
    url('/local/templates/empty/fonts/Roboto/Roboto-Medium.woff') format('woff'),
    url('/local/templates/empty/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/empty/fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
    url('/local/templates/empty/fonts/Roboto/Roboto-Bold.woff') format('woff'),
    url('/local/templates/empty/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/local/templates/empty/fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
    url('/local/templates/empty/fonts/Roboto/Roboto-Regular.woff') format('woff'),
    url('/local/templates/empty/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'TwentytwelveSansG';
  src: url('/local/templates/empty/fonts/Twentytwelve/TwentytwelveSansG.woff2') format('woff2'),
    url('/local/templates/empty/fonts/Twentytwelve/TwentytwelveSansG.woff') format('woff'),
    url('/local/templates/empty/fonts/Twentytwelve/TwentytwelveSansG.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


html {
  font-family: var(--font-family-base);
  color: var(--text-primary);
}

.custom-header__map-text-choose,
.delivery-address__button,
.stepper__item_done {
  color: var(--text-link);
}

.custom-menu,
.link,
.contacts-tg__text {
  font-family: var(--font-family-base);
}

div.input input,
.textarea textarea,
div.select select {
  font-family: var(--font-family-base);
  color: var(--text-primary);
}

.link,
.account-menu a.active,
.sign-in-modal__note a,
.user-info__button {
  color: var(--text-link);
}

.account-menu a.active:after,
.order-history__status-item_active,
.order-history__status-item_done {
  background-color: var(--primary-default);
}

.order-history__status-item_active:before {
  background: var(--primary-default);
}

div.input,
.textarea,
div.select {
  border: 1.5px solid var(--base-01-default);
}

.banner-large__title,
.header-page__title {
  color: var(--text-primary);
}

.link:hover,
.user-info__button,
.restaurants-detail .detail-card__phone a:hover {
  color: var(--text-link-hover);
}

.checkbox__box {
  border: solid var(--primary-hover);
}

.stepper__item-index path {
  stroke: var(--text-link);
}

.banner-large__title {
  font-family: var(--font-family-base);
  color: var(--text-primary);
}

.menu__block-title {
  font-family: var(--font-family-secondary);
}

.menu__item-button1,
.button__bg {
  background: var(--primary-default);
}

/* fix color hover  */
.menu__item-button1:hover,
.button__bg:after {
  background: var(--primary-hover);
}

.menu__categories-slider,
.input__radio-slider,
.tabs-switch__slider {
  background: var(--base-01-default);
}

.menu__categories:before,
.input__switch,
.tabs-switch,
.input__checkboxes .input__checkboxes-item,
.input__checkboxes [type="checkbox"]:checked+label:before,
.input__checkboxes [type="checkbox"]:not(:checked)+label:before,
.product-modal__add,
.textfield__input,
.textfield__input:hover,
.summary-order__promoCode-input .input__block,
.restaurant-pickup,
.order__card-buttons,
.modifier__group {
  border: 1px solid var(--base-01-default);
}

.delivery-form__checkdelivery,
.delivery-form__checkpickup {
  background-color: var(--primary-default);
  color: #FFFFFF;
}

.cart-mobile>div,
.restaurant-select {
  border: 1px solid var(--primary-default);
}

.container {
  color: var(--text-primary);
}

.footer-wrapper {
  background: var(--dark-01);
}

/* style cart */
.order-approved__head-title,
.order-clearance__title,
.order__title,
.summary-order__sum {
  font-family: var(--font-family-secondary);
  color: var(--text-primary);
}

.delivery-address,
.summary-order {
  background: rgba(45, 42, 38, 0.04);
}

.order-approved__address-title,
.order-approved__order-title,
.order-approved__time-title,
.order-history__item-price,
.summary-order__sum,
.summary-order__title,
.user-card__info-letter,
.user-card__info-name,
.user-info__title,
.delete-all-modal__title,
.product-modal__title,
.recommendations__title,
.summary-order__title,
.way-modal__title,
.checkbox__text,
.dropdown__header-text,
.dropdown__item,
.order-approved__address-name,
.order-approved__order-item-top,
.order-approved__support-note,
.order-approved__time-note,
.order-clearance__address-button,
.order-clearance__address-comments,
.order-clearance__address-text,
.order-history__item-address,
.order-history__item-more,
.order-history__item-order-top,
.order-history__status-name,
.product-modal__add-text,
.product-modal__extra-label-price,
.product-modal__extra-label-title,
.product-modal__subtitle,
.product-modal__weight,
.search__input-input,
.search__input-title,
.search__item-metro-text,
.search__item-street,
.summary-order__add-bonus,
.summary-order__bonus,
.summary-order__button,
.summary-order__order,
.summary-order__promoCode,
.text-input__input,
.text-input__title,
.toggle-button__item,
.user-card__note,
.user-info__address-text,
.user-info__empty-text,
.user-info__list,
.user-info__name,
.user-info__radio-list,
.way-modal__info-title,
.way-modal__point-image-num,
.way-modal__subtitle,
.promotions-list__subtitle,
.promotions-list__title,
.dropdown-toggle span,
.dropdown__header-text,
.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field,
.tabs-switch__label,
.textfield__input,
.company-info__item,
.company-info__other .other-item--list span,
.personal-card__contact,
.personal-card__desc,
.restaurant-card__metro,
.restaurant-card__mode,
.restaurant-card__phone,
.restaurant-card__schedule,
.restaurant-card__address,
.career .career-item__city,
.dropdown__header-badge,
.bonuses__content .content-item__title,
.directions__title,
.faq-topic__title,
.bonuses__content .content-item__desc,
.bonuses__content .content-item__desc ul li,
.cooperation__subtitle,
.directions__desk,
.directions__desk ul li,
.faq-item__desk,
.faq-item__title,
.bonuses__heading,
.get-bonuses .bonuses__info--title,
.post-bonuses .bonuses__info--title,
.promotions-detail .detail-promotions__title,
.promotions-detail__subtitle,
.promotions-detail .detail-promotions__subtitle,
.promotions-detail__body,
.restaurants-detail .detail-card__metro,
.restaurants-detail .detail-card__mode,
.restaurants-detail .detail-card__phone,
.restaurants-detail .detail-card__schedule {
  font-family: var(--font-family-base);
  color: var(--text-primary);
}

.btn-primary-inv,
.btn-secondary-inv {
  font-family: var(--font-family-base);
}

.stories__item_active {
  border: 2px solid var(--primary-default);
}

.product-modal__extra-title,
.search__input-error,
.search__item-city,
.search__item-time,
.text-input__error,
.way-modal__error-text,
.way-modal__info-text,
.bonuses__content .content-item__number {
  font-family: var(--font-family-base);
}

.cooperation__decor::before,
.modifier__group-item .checkbox__input:checked+.checkbox__box {
  border-color: var(--primary-default) !important;
}

.cooperation__decor::after {
  background: var(--lines);
}

.bonuses__content .content-item__number--light {
  background: var(--primary-default);
}

.btn-primary-inv,
.btn-primary:not(.btn--small) {
  background-color: var(--primary-default);
}

.btn-primary-inv:hover,
.btn-primary:not(.btn--small):hover {
  background-color: var(--primary-hover);
}

.btn-secondary-inv,
.btn-secondary:not(.btn--small) {
  background-color: var(--primary-disabled);
  color: var(--primary-default);
}

.btn-secondary-inv:hover,
.btn-secondary:not(.btn--small):hover {
  background-color: var(--primary-disabled-hover);
  color: var(--primary-default);
}

.cart-mobile__icon {
  background-image: url('/local/templates/vabisabi/images/cart-icon-m.svg?2');
}

.input__checkboxes [type="checkbox"]:checked+label:after,
.input__checkboxes [type="checkbox"]:not(:checked)+label:after {
  background-image: url('/local/templates/vabisabi/images/checkbox.svg?2');
}

.cart__price {
  display: block;
  min-width: 38px;
}

input[type="submit"]:disabled {
  background: var(--primary-disabled) !important;
}

input[type="submit"] {
  background: var(--primary-default) !important;
}

.button_cancel .button__bg {
  background: var(--primary-disabled);
}

.button_cancel .button__text {
  color: var(--primary-default);
}

.user-info__button_edit .button__bg {
  background: var(--primary-default);
}

.user-info__button_edit .button__bg:after {
  background: var(--primary-hover);
}

.button_cancel .button__bg {
  background: var(--primary-disabled-hover);
}

.button_cancel .button__bg:after {
  background: var(--primary-disabled-hover);
}

.ymaps-cluster {
  top: -6px !important;
}

.btn-primary-inv:active,
.btn-primary-inv:focus,
.btn-primary-inv:hover {
  background-color: var(--primary-hover);
}

.btn-secondary:not(.btn--small):active,
.btn-secondary:not(.btn--small):focus,
.btn-secondary:not(.btn--small):hover {
  background-color: var(--primary-disabled-hover);
}

.btn-primary:not(.btn--small):active,
.btn-primary:not(.btn--small):focus,
.btn-primary:not(.btn--small):hover {
  background-color: var(--primary-default);
}

.menu__block:nth-child(2n - 1) {
  background: transparent;
}

.menu__block:nth-child(2n - 1)::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 260px;
  background: #B5C7C9;
}

.menu__block:nth-child(5)::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 260px;
  background: #ABA8BA;
}

.menu__block:nth-child(7)::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 260px;
  background: #C9B6A5;
}

.menu__block:nth-child(2n - 1)::after {
  content: '';
  position: absolute;
  top: -30px;
  right: calc((100vw - 1330rem)/ 2 + 100rem);
  width: 55px;
  height: 106px;
  background-image: url('/local/templates/empty/./images/marker-section-menu.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.menu__block:nth-child(2n - 1) .menu__block-title {
  color: var(--white);
}

@media screen and (max-width: 1023px) {
  .menu__block::before {
    height: 150px !important;
  }

  .menu__block::after {
    content: none;
  }

  .menu__block {
    padding: 32px 0 0;
  }

  body > div:nth-child(1) > div > div.content-wrapper > div > div.menu > div > div:nth-child(4){
    padding: 64px 0 0;
  }

}

.header-page__title {
  font-family: var(--font-family-secondary);
}

.footer__column-header,
.footer__column-point,
.footer__social-title,
.footer__app-title,
.footer__copy {
  color: var(--white);
}

.footer__column-point:hover {
  color: rgba(252, 247, 243, 0.56);
}

.custom-header__logo img{
  transform: scale(1.1);
  left: 5%;
}

.menu__item-image{
  border-radius: 10px;
}

@media screen and (min-width: 1023px){
  .product-card__image {
      background-size: cover;
      height: 100%;
      width: calc(50% - 50px);
      top: 0px;
      left: 0px;
      border-radius: 20px 0px 0px 20px;
  }
}
@media screen and (max-width: 1023px){
  .product-card__image {
      background-size: cover;
      position: relative;
      width: 100%;
      transform: scale(1.12);
      top: -3vw;
      border-radius: 20px 20px 0px 0px;
      margin-bottom: 30px;
  }
}

.footer__agreements a{
  color: #ccc;
}
/* End */
/* /local/templates/empty/styles.css?16669636471157 */
/* /local/templates/empty/template_styles.css?168778756911275 */