body:not(.widget-init) .container,
body:not(.widget-init) #tabs,
body:not(.widget-init) .iframe-license { opacity: 0; }
html.is-panel.isios { position: relative; overflow: hidden; }
html.is-panel.isios body { overflow: auto; position: relative; }
html.is-panel.isios #leftmodal.mobile,
html.is-panel.isios.mobile .leftmodal { overflow: hidden; }
/* ONLY ONE FLOOR */
/*body.floors-one .card-floor,*/
body.floors-one #userform-information h2 span,
body.floors-one .filter-floor { display: none; }
body.floors-one .filter-sort { float: none; }
body.floors-one .line-filters .filter-floor { max-width: none; }
body.floors-one #items-filters { justify-content: center; }

/* IN ADMIN PANEL */
.is-panel #load-overlay,
.is-panel #main-background { background: transparent !important; }
.is-panel #leftmodal-bg { opacity: 0 !important; visibility: hidden !important; }
.is-panel .drawing-panel .drawing-lt > *:not(#drawing-floor),
.is-panel #mobile-panel,
.is-panel .dev-line { display: none !important; }
.is-panel #drawing { top: 0; padding-bottom: 0px;  }
.is-panel #leftmodal { left: 0; margin: auto; top: 0 !important; border-radius: 5px; color: #fff; height: 100%; width: 375px; max-width: 100%; transform: translate3d(0, 0, 0); }
.is-panel body:not([data-license-id="0"]):not([data-license-id="1"]):not(.is-operator) #main-content { height: calc(100% - 177px) !important; }
.is-panel .drawing-panel { width: auto; padding: 0; border-radius: 0 0 20px 0; }
.is-panel .select-floors { padding: 0 10px; }
.is-panel .admin-no-reserv { text-align: center; border-radius: 5px; font-size: 13px; width: 100%; height: 36px; margin: 8px 0 20px 0; opacity: 0.5; }
.is-panel .leftmodal-content { min-height: 562px;min-height: 100%;z-index: 2; padding: 16px 16px 30px;}
.is-panel .no-photo-swiper { background: rgb(68, 68, 71) !important }
.is-panel .user-btn-hextday [fill] { fill: #fff; }
.is-panel #userform-information { padding-bottom: 55px; }
.is-panel #leftmodal .leftmodal-wrapper {width: 100%;height: 100%;left: 0;right: 0;background: #000;margin: auto;position: absolute;transform: none !important;transition: none;border-radius: 0;border: 0;top: 0;box-shadow: none;will-change: auto;border-radius: 5px;}
.is-panel #leftmodal .userline-before { background: rgba(47, 47, 47, 0.95); transition: 0s; }
.is-panel .leftmodal { width: 100%; height: 100%; }
.is-panel .reserv-time { color: #fff; }
.is-panel .reserv-time.active b { color: #5DB13F; font-size: 13px; }
.is-panel .reserv-time.active b.color-yellow { color: #eebc5e; }
.is-panel .reserv-time.active b.color-red { color: #C02956; }
.is-panel .user-month { border-bottom: 1px dashed rgba(255, 255, 255, 0.6); display: inline-block; }
.is-panel .user-month:hover {border-color: transparent; }
.is-panel .user-month-body:before,
.is-panel .user-month-body:after { left: 0; right: 0; margin: auto; }
.is-panel .image-default::before { padding-top: 55%; }
.is-panel .user-hours-subtext { display: none; }
.is-panel [data-type="datetime-fast"] .user-hours { margin: 0; }
.is-panel .userline-close { position: fixed;z-index: 11;}
.is-panel .leftmodal-wrapper[data-loading] #userform-select-time:after { display: none !important; }
.is-panel .leftmodal-wrapper:not([data-type="group-select"]) .js-overlay { opacity: 0 !important; }
.is-panel .leftmodal-wrapper .js-loading { color: #fff; }
.is-panel .userline-btn { margin-bottom: 14px !important; }
.is-panel .is-replication .userline-btn { opacity: 0.5; pointer-events: none; }
.is-panel #userform-information.userform-havephoto { padding-top: 0px; }
.is-panel .leftmodal .leftmodal-wrapper .input-field input,
.is-panel .leftmodal .leftmodal-wrapper .rp-select,
.is-panel .leftmodal .leftmodal-wrapper .rp-select .list,
.is-panel .leftmodal .leftmodal-wrapper .input-field textarea,
.is-panel .leftmodal .userform-time .tabs a:not(.active) .tab-time-m,
.is-panel .leftmodal .userform-time .tabs a:not(.active) .tab-time-h { border-color: rgba(255,255,255,0.4) !important; }
.is-panel .leftmodal .leftmodal-wrapper .input-field label,
.is-panel .leftmodal .leftmodal-wrapper .input-select label { color: rgba(255,255,255,0.5); }
.is-panel .leftmodal .leftmodal-wrapper,
.is-panel .leftmodal .input-field label.active,
.is-panel .leftmodal .input-select label.active,
.is-panel .leftmodal .userline-datetime.active label,
.is-panel .leftmodal .userline-busy,
.is-panel .leftmodal .user-month-body:before,
.is-panel .leftmodal #lightcase-title { background-color: #000; }
.is-panel .leftmodal .leftmodal-wrapper,
.is-panel .leftmodal .leftmodal-wrapper a:not(.btn),
.is-panel .leftmodal .userline-counts span,
.is-panel .leftmodal .leftmodal-loading:before,
.is-panel .leftmodal .pignose-calendar .pignose-calendar-header,
.is-panel .leftmodal #lightcase-info,
.is-panel .leftmodal #lightcase-info a,
.is-panel .leftmodal .reserv-time,
.is-panel .leftmodal .leftmodal-wrapper .rp-select .option,
.is-panel .leftmodal .leftmodal-wrapper .pignose-calendar-top-month { color: #fff; }
.is-panel .leftmodal .tab-time:not(.tab-time-hours-select) .user-minutes .user-btn:before,
.is-panel .leftmodal .user-btn.btn-disabled:before{ background: rgba(255, 255, 255, 0.25); }
.is-panel .leftmodal .user-tab-h,
.is-panel .leftmodal .tab-active .user-tab-m,
.is-panel .leftmodal .user-hsel-body { background: #252525; }
.is-panel .leftmodal .userform-time { z-index: 2; position: relative; }
.is-panel .leftmodal [data-type="datetime"] #userform-select-time:after,
.is-panel .leftmodal [data-type="datetime-fast"] #userform-select-time:after { content: ''; background: #252525; position: absolute; width: 100%; height: calc(100% - 171px); top: 171px; left: 0; }
.is-panel body[data-notwork="not-work"] #userform-select-time:after { display: none; }
.is-panel .leftmodal .label-effect { background: transparent !important; }
.is-panel .leftmodal #userform-reservation[data-color="gradient"] label { background: #000 !important; }

.is-panel .limit-reserve span { font-size: 13px; font-weight: 500; flex: 1 0; color: #d77d00; padding-left: 11px; }
.is-panel .limit-reserve { display: flex; font-size: 0; align-items: center; padding: 13px 0 25px; }

.is-panel .userline-datetime.active label span {display: none !important;}
.is-panel .userline-datetime.active label { background: transparent !important; }

.is-panel .leftmodal .leftmodal-wrapper .input-field input,
.is-panel .leftmodal .leftmodal-wrapper .input-field textarea,
.is-panel .leftmodal .leftmodal-wrapper .rp-select { background: transparent; }
.is-panel .userline-date-reserve { display: none; }
.is-panel #lightcase-case h2,
.is-panel .userline-standart h2 { font-size: 15px; padding: 14px 46px 14px 16px; }
.is-panel .userline-photo { width: calc(100% + 32px); left: -16px; }

.is-panel .leftmodal .tab-time:not(.tab-time-hours-select) .user-minutes .user-btn,
.is-panel .leftmodal .user-btn.btn-disabled { border-color: rgba(255,255,255,0.25) !important; }
.is-panel .leftmodal .userform-time .tabs a .tab-time-m.active,
.is-panel .leftmodal .userform-time .tabs a .tab-time-h.active { border-color: transparent !important; }
.is-panel .leftmodal .userline-line,
.is-panel .leftmodal .btn-reserv-line,
.is-panel .leftmodal .userline-busy-line { background-color: #FFF; }
.is-panel .leftmodal .tab-time:not(.tab-time-hours-select) .user-minutes .user-btn,
.is-panel .leftmodal .user-month-wrapper:after,
.is-panel .leftmodal .user-month-body:after { background-color: rgba(255,255,255, 0.15) !important; }
.is-panel .leftmodal .user-btn.active { background: rgb(192, 41, 86); }
.is-panel .user-hsel-body {min-height: auto;}
.is-panel .leftmodal:not(.leftmodal-panel) .pignose-calendar .pignose-calendar-header,
.is-panel #lightcase-case h2,
.is-panel .userline-standart h2 { border-color: rgba(255,255,255,0.2); color: #fff; background: #000; box-shadow: none !important;}
.is-panel .userline-photo:before { box-shadow: none !important; }
.is-panel .replace-item { border-bottom: 1px dashed #fff; display: inline-block; line-height: 17px; }
.is-panel .replace-item:hover { border-color: transparent; }
.is-panel .card-item.card-flashing .cart-warning { background: url(/static/img/icon-warning.svg) !important; height: 15px !important; width: 17px !important; display: inline-block !important; font-size: 0; vertical-align: top; position: relative; top: 2px; left: 0px; margin-right: 5px;}

.is-panel .items-no .notwork-block { opacity: 0 !important; position: absolute !important; pointer-events: none !important; }
.is-panel #tabs { display: flex; }

body[timemodal-type="group-edit-select"] #leftmodal,
body[timemodal-type="group-edit-select"] .background-container { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

body.is-viewer .admin-no-reserv { display: none; }
body.is-viewer .userline-btn,
body.is-viewer .add-group { opacity: 0.5; pointer-events: none;  }

.is-deposit #items-dates,
.is-deposit #items-times,
.is-deposit #items-filters,
.is-deposit .notwork-block,
.is-deposit .add-group { position: absolute; width: 100%; left: 0; opacity: 0; visibility: hidden; pointer-events: none; }
html.is-panel .is-deposit #drawing-wrapper-items { padding: 24px 0 18px; }

body[data-page='index'] #load-overlay { background: transparent !important; }

/* TABS */
body.tabs-enable #drawing-main:after {content: '';position: absolute;left: 0;bottom: 0px;width: 100%;background: linear-gradient( rgb(36 37 39 / 8%), transparent); transform: rotate(180deg);opacity: 0.8;height: 100px;pointer-events: none;}
#tabs {position: absolute;bottom: 0;width: 100%;pointer-events: none;bottom: 8px;z-index: 11;padding: 0 18px;display: flex;justify-content: center;}

.tabs-items {background: #fff;border-radius: 5px;height: 41px;display: none;pointer-events: auto;padding: 0 10px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.25);}
body.tabs-enable .tabs-items { display: flex; }
.tabs-items-wrapper { display: flex; }
.tabs-item {font-weight: 600;font-size: 10px;letter-spacing: 0.1em;text-transform: uppercase;color: #171818;display: none;align-items: center;position: relative;padding: 0 11px 0 42px;opacity: 0.4;transition: 0.2s ease;cursor: pointer;padding-bottom: 2px;}
.tabs-item:before {content: '';background: url(/static/img/tab-items.svg) center center no-repeat;height: 100%;width: 34px;position: absolute;left: 5px;top: -1px;}
.tabs-item[data-group-main='events']:before,
.tabs-item[data-type='events']:before,
.tabs-item[data-type='certificates']:before {background-image: url(/static/img/tab-events.svg);top: -1px;}
.tabs-item[data-type='banquets']:before {background-image: url(/static/img/tab-banquets.svg);top: -3px;}
.tabs-item:hover {opacity: 0.7;}

.tabs-btn {background: #B1B1B1;font-weight: 600;font-size: 10px;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;color: #171818;align-items: center;padding: 0 14px;transition: background 0.2s ease;cursor: pointer;position: relative;display: flex;line-height: 116.6%;pointer-events: auto;height: 41px;justify-content: center;}
.tabs-btn-right[data-right="items"] .tabs-btn { min-width: 76px; }
.tabs-btn:hover {background: #c6c6c6;}

.tabs-items-right {display: none;flex: 1 0;justify-content: flex-end;}
.tabs-btn-right {display: none;margin-left: 5px;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%), 0px 0px 1px rgb(0 0 0 / 25%);border-radius: 5px;overflow: hidden;pointer-events: auto;}
.tabs-group,
.tabs-waitlist { background: #D9D9D9; }
.tabs-btns-items { display: flex; margin-left: 5px; }
.tabs-items-right > .tabs-btn-right:first-child { margin-left: 0; }
body:not(.tabs-enable) .tabs-btns-items { flex: 1 0; justify-content: flex-end; }

/* right btns*/
body[data-mobile='items'].scheme-enable .tabs-items-right[data-type-group="items"],
body[data-mobile='items'].group-enable .tabs-items-right[data-type-group="items"],
body[data-mobile='items'].waitlist-enable .tabs-items-right[data-type-group="items"],
body[data-mobile='scheme'].scheme-enable .tabs-items-right[data-type-group="items"],
body[data-mobile='scheme'].group-enable .tabs-items-right[data-type-group="items"],
body[data-mobile='scheme'].waitlist-enable .tabs-items-right[data-type-group="items"],
body[data-mobile='events'].certificates-enable .tabs-items-right[data-type-group="events"],
body[data-mobile='certificates'].events-enable .tabs-items-right[data-type-group="events"] {display: flex;}
body.scheme-enable #tabs,
body.group-enable #tabs,
body.waitlist-enable #tabs,
body.certificates-enable.events-enable #tabs {justify-content: flex-start;}


/* group reservation */
body.leftmodal-group .tabs-items,
body[timemodal-type="group-edit-select"] .tabs-items { display: none; }
body.leftmodal-group .tabs-items-right,
body[timemodal-type="group-edit-select"] .tabs-items-right { justify-content: center !important; }

body.items-enable .tabs-item[data-group-main="items"],
body.events-enable .tabs-item[data-group-main="events"],
body.events-enable .tabs-item[data-type="events"],
body.certificates-enable .tabs-item[data-group-main="events"],
body.certificates-enable .tabs-item[data-type="certificates"],
body.banquets-enable .tabs-item[data-type="banquets"] { display: flex; }
body[data-mobile='items'] .tabs-item[data-group-main="items"],
body[data-mobile='scheme'] .tabs-item[data-group-main="items"],
body[data-mobile='events'] .tabs-item[data-group-main="events"],
body[data-mobile='events'] .tabs-item[data-type="events"],
body[data-mobile='certificates'] .tabs-item[data-group-main="events"],
body[data-mobile='certificates'] .tabs-item[data-type="certificates"],
body[data-mobile='banquets'] .tabs-item[data-type="banquets"] { opacity: 1; pointer-events: none; color: #C02956; }
body[data-mobile='items'] .tabs-item[data-group-main="items"]:before,
body[data-mobile='scheme'] .tabs-item[data-group-main="items"]:before { background-image: url(/static/img/tab-items-red.svg); }
body[data-mobile='events'] .tabs-item[data-group-main="events"]:before,
body[data-mobile='events'] .tabs-item[data-type="events"]:before,
body[data-mobile='certificates'] .tabs-item[data-group-main="events"]:before,
body[data-mobile='certificates'] .tabs-item[data-type="certificates"]:before { background-image: url(/static/img/tab-events-red.svg); }
body[data-mobile='banquets'] .tabs-item[data-type="banquets"]:before { background-image: url(/static/img/tab-banquets-red.svg); }

body.events-enable.certificates-enable[data-mobile='events'] .tabs-btn-right[data-right="events"],
body.events-enable.certificates-enable[data-mobile='certificates'] .tabs-btn-right[data-right="events"],
body.items-enable.scheme-enable[data-mobile='items'] .tabs-btn-right[data-right="items"],
body.items-enable.scheme-enable[data-mobile='scheme'] .tabs-btn-right[data-right="items"],
body.group-enable[data-mobile='items'] .tabs-btn-right[data-right="group"],
body.group-enable[data-mobile='scheme'] .tabs-btn-right[data-right="group"],
body.waitlist-enable[data-mobile='items'] .tabs-btn-right[data-right="waitlist"],
body.waitlist-enable[data-mobile='scheme'] .tabs-btn-right[data-right="waitlist"] { display: flex; }
body[data-mobile='items'] .tabs-btn[data-type="items"],
body[data-mobile='scheme'] .tabs-btn[data-type="scheme"],
body[data-mobile='events'] .tabs-btn[data-type="events"],
body[data-mobile='certificates'] .tabs-btn[data-type="certificates"] { color: #C02956; background: #D9D9D9 }

#items-container,
#scheme-container,
#events-container,
#certificates-container,
#banquets-container { display: none; }
body[data-mobile="items"] #items-container,
body[data-mobile="scheme"] #scheme-container,
body[data-mobile="events"] #events-container,
body[data-mobile="certificates"] #certificates-container,
body[data-mobile="banquets"] #banquets-container { display: block; }


#map-labels { position: absolute; left: 0; top: 145px; height: calc(100% - 145px); width: 100%; pointer-events: none; }
body.header-hide #map-labels { top: 98px; height: calc(100% - 98px); }
.labels-floor { width: 100%; height: 100%; }
.map-label { color: #fff; position: absolute; left: 0; top: 0; border-radius: 50%; min-width: 23px; min-height: 23px; font-size: 10px; padding: 3px 0 0 0; display: none; }
.map-label:before { content: ''; position: absolute; display: block; top: -3px; left: -2px; width: 100%; height: 29px; background: url(/static/img/icon-item-label.svg) no-repeat; transform: rotate(90deg); z-index: -1; }
.map-label[data-position]:not([data-position='']) { display: block; }
.map-label[data-position="top"]:before { top: -6px; left: 0; transform: rotate(180deg); }
.map-label[data-position="right"]:before { transform: rotate(-90deg); top: -3px; left: 2px; }
.map-label[data-position="bottom"]:before { transform: rotate(0); top: 0px; left: 0px; }


#map { height: 100%; width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; }
.map-items {position: absolute;left: 0;top: 0;will-change: transform;backface-visibility: hidden !important;}
.trans-animate,
.trans-animate + #map-labels .map-label {transition: 0.3s;}
.trans-animate-zoom,
.trans-animate-zoom + #map-labels .map-label {transition: 0.3s;}
.map-controls {position: absolute;display: none;bottom: 0;right: 0;top: 80px;pointer-events: none;text-align: center;font-size: 0;z-index: 1;height: calc(100% - 80px);margin-right: 10px;flex-direction: column;justify-content: center;}
body.init[data-page="index"] .map-controls { display: flex; }
.map-controls > * { background: #fff; border: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.25); border-radius: 7px; height: 35px; width: 35px; pointer-events: auto; vertical-align: top; font-size: 14px; margin: 5px 0; }
#scheme-container { height: 100%; position: absolute; left: 0; top: 0; width: 100%; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; }
body[data-mobile="scheme"] .floor-btn[data-id="0"],
body[data-mobile="scheme"] #header #items-filters .context-menu-option[data-id="0"] { display: none; }
body[data-mobile="scheme"] #drawing { overflow: hidden; }

.map-ctrl-center svg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
.map-ctrl-center { position: relative; }
.map-zoom-btn:before, .mzoom-plus:after {content: '';position: absolute;left: 0;top: 0;width: 13px;height: 1px;bottom: 0;top: 0;left: 0;right: 0;margin: auto;}
.mzoom-plus:after { width: 1px; height: 13px;}

.map-zoom-text {height: 100%;line-height: 31px;}
.map-ctrl-zoom {height: auto !important;}
.map-zoom-btn {height: 35px;width: 100%;position: relative;}
body.zoom-max .mzoom-plus,
body.zoom-min .mzoom-minus { opacity: 0.4;}


body.is-mobile .map-controls > * { height: 40px; width: 40px; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2); }
body.is-mobile .map-zoom-btn { height: 40px; }
body.is-mobile .map-zoom-btn:before,
body.is-mobile .mzoom-plus:after { width: 16px; }
body.is-mobile .mzoom-plus:after { width: 1px; height: 16px; }

.map-zoom-btn:before, .mzoom-plus:after { background: #171818; }
.map-ctrl-center [fill]:not(svg) { fill: #171818; }
.map-ctrl-center [stroke] { stroke: #171818; }

.header-hide-btn {width: 52px;height: 27px;overflow: hidden;position: absolute;right: 0;left: 0;margin: auto;bottom: -27px;z-index: -1;cursor: pointer;display: none;}
.header-hide-btn:before, .header-hide-btn:after {content: ''; background: #000000; position: absolute; width: 100%; height: 52px; border-radius: 50%; bottom: 0; opacity: 0.9;}
.header-hide-btn:after { background: #fff; opacity: 0.03; }
.header-hide-btn span { position: absolute; width: 100%; height: 22px; transition: 0.3s; transform: rotate(180deg); }
.header-hide-btn span:before,
.header-hide-btn span:after { content: ""; right: 0; top: 5px; left: 0; bottom: 0; margin: auto; position: absolute; width: 10px; height: 1px; transition-timing-function: ease; transition-duration: 0.3s; transition-property: transform; background-color: rgb(255, 255, 255); border-radius: 4px; transform: translate3d(-3px, -2px, 0px) rotate(45deg); }
.header-hide-btn span:after { transform: translate3d(4px, -2px, 0px) rotate(-45deg); }
body.header-hide .header-hide-btn span { transform: rotate(0deg); }

body[data-mobile="scheme"] .header-hide-btn { display: block; }
body[data-mobile="scheme"] .filter-sort { display: none; }
body[data-mobile="scheme"] .line-filters .filter-floor { max-width: none; }
body[data-mobile="scheme"] #items-filters { justify-content: center; }
body[data-mobile="scheme"] #header-container {position: relative;top: 0;}
body[data-mobile="scheme"].scheme-active #header-container { transition: 0.2s ease; }
body[data-mobile="scheme"].header-hide #header-container { top: -47px; }

body[data-mobile="banquets"] .filter-floor { display: none; }
body[data-mobile="banquets"]  #items-filters { justify-content: center; }
body[data-mobile="banquets"] .filter-sort { float: none; }


.cart-noicon .cart-icon-img:before {content: '';display: block;background: #219634;border-radius: 3px;width: 60px;height: 60px; }
.cart-noicon .cart-icon-img:after {content: '';position: absolute;left: 0;top: 0;width: calc(100% - 4px);height: calc(100% - 4px);border: 2px solid #38ec18;border-radius: 3px;transition: 0.2s ease;}
.cart-icon {font-size: 0;display: inline-block;position: absolute;color: #fff; z-index: 10;}
.cart-icon[data-type="item"]:not(.cart-icon-unchecked) {cursor: pointer;}
.cart-icon[data-key="rectangle"] { z-index: 2; overflow: hidden; }
.cart-icon[data-key="polygon"],
.cart-icon[data-key="triangle"],
.cart-icon[data-key="cicle"],
.cart-icon[data-key="quadrant"],
.cart-icon[data-key="halfcircle"],
.cart-icon[data-key="oval"],
.cart-icon[data-key="polygon"] { z-index: 2; }
.cart-icon[data-type="item"] { z-index: 11; }
.cart-icon-text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px; display: flex; justify-content: center; align-items: center; }
.cart-icon-body { position: relative; }
.cart-text-rotate { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; }
.cart-text-number { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 6px); min-width: 30px;font-weight: 400; }
.icon-img-free,
.icon-img-freesoon,
.icon-img-waiting,
.icon-img-busy { display: none; }
.cart-icon-img { pointer-events: none; transition: 0.2s ease; }
.cart-icon:hover:not(.cart-icon-unchecked) .cart-icon-img { filter: brightness(1.1); }
.cart-icon[data-status="free"] .icon-img-free,
.cart-icon[data-status="freesoon"] .icon-img-freesoon,
.cart-icon.status-wait[data-status="busy"] .icon-img-waiting,
.cart-icon[data-status="busy"]:not(.status-wait) .icon-img-busy { display: block;  }
.cart-icon[data-status="busy"] .cart-icon-img:after { border-color: #F23A3A; }
.cart-icon-img img { transition: 0.2s ease; }

.cart-noicon.cart-icon-unchecked .cart-icon-img:after { border-color: rgba(255, 255, 255, 0.3); }
body[data-form="white"] .cart-noicon.cart-icon-unchecked .cart-icon-img:after { border-color: rgba(0, 0, 0, 0.3); }
.cart-noicon.cart-icon-unchecked .cart-icon-img:before { opacity: 0; }

.widget-icon-img-busy,
.widget-icon-img-red,
.widget-icon-img-green,
.cart-icon[data-status="busy"] .widget-icon-img-free  { display: none; }
.cart-icon[data-status="busy"] .widget-icon-img-busy { display: block; }

body[data-items-color='1'] .widget-icon-img-green { display: block; }
body[data-items-color='1'] .cart-icon[data-status="busy"] .widget-icon-img-red { display: block; }
body[data-items-color='1'] .cart-icon[data-status="busy"] .widget-icon-img-green { display: none; }
body[data-items-color='1'] .cart-noicon .cart-icon-img:before { background: #219634; }
body[data-items-color='1'] .cart-noicon[data-status='busy'] .cart-icon-img:before { background: #C02956; }
body[data-items-color='1'] .cart-noicon .cart-icon-img:after { border-color: #38EC18; }
body[data-items-color='1'] .cart-icon[data-status="busy"] .cart-icon-img:after { border-color: #F23A3A; }
body[data-items-color='1'] .cart-icon-text { color: #fff; }

body[data-items-color='1'] .cart-icon[data-type='item'] [fill='white'] { fill: #ffffff; }
body[data-items-color='1'] .card-item-icn [style*='fill:#C02956'],
body[data-items-color='1'] .card-item-icn [fill='#C02956'],
body[data-items-color='1'] .swiper-img-icon [style*='fill:#C02956'],
body[data-items-color='1'] .swiper-img-icon [fill='#C02956'],
body[data-items-color='1'] .cart-icon [style*='fill:#C02956'],
body[data-items-color='1'] .cart-icon [fill='#C02956'] { fill: #219634 !important; }
body[data-items-color='1'] .cart-icon[data-status='busy'] [fill='#C02956'] { fill: #C02956 !important; }
body[data-items-color='1'] .cart-icon[data-status='busy'] [style*='fill:#C02956'] { fill: #C02956 !important; }
body[data-items-color='1'] .cart-icon[data-type='item'][data-status='busy'] [fill='white'] { fill: rgb(255 255 255 / 50%); }
body[data-items-color='1'] .cart-icon[data-type='item'][data-status='busy'] path[stroke="#38EC18"] { stroke: #F23A3A; }

body[data-items-color='1'] .card-item-icon .widget-icon-default { display: none; }
body[data-items-color='1'] .card-item-icon .widget-icon-free { display: block; }
body[data-items-color='1'] .card-item-icon[data-status="busy"] .widget-icon-free { display: none; }
body[data-items-color='1'] .card-item-icon[data-status="busy"] .widget-icon-busy { display: block; }

/* panel */
html.is-panel .cart-icon[data-status="busy"] .cart-icon-img:before { background: #771a38; }
html.is-panel .cart-noicon .cart-icon-img:after { border-color: #3AC737; border-width: 2px; width: calc(100% - 4px); height: calc(100% - 4px); }
html.is-panel .cart-noicon.cart-icon-unchecked .cart-icon-img:after { border-color: rgba(255, 255, 255, 0.3); }
html.is-panel .cart-noicon[data-status="freesoon"] .cart-icon-img:after,
html.is-panel .cart-noicon[data-status="busy"] .cart-icon-img:after { border-color: #f23a3a; }
html.is-panel .card-flashing .cart-text-rotate:after { content: ''; background: url(/static/img/icon-warning-border.svg) no-repeat !important; width: 22px; height: 20px; position: relative; }

html.is-panel .cart-icon.status-wait[data-status="busy"] .cart-icon-img:before { background: #C47705; }
html.is-panel .cart-noicon.status-wait[data-status="busy"] .cart-icon-img:after { border-color: rgba(255, 255, 255, 0.3); }

/* design */
#map .cart-icon rect[style*='stroke: rgba(255, 255, 255, 0.3)'],
#map .cart-icon circle[style*='stroke: rgba(255, 255, 255, 0.3)'] {stroke: #38ec18 !important;}
#map .cart-icon[data-status='busy'] rect[style*='stroke: rgba(255, 255, 255, 0.3)'],
#map .cart-icon[data-status='busy'] circle[style*='stroke: rgba(255, 255, 255, 0.3)'] { stroke: #F23A3A !important; }
body.is-design .cart-icon[data-status="busy"] svg [fill="#38EC18"] { fill: #F23A3A; }
body.is-design .cart-icon[data-status='busy'] svg > g > g > rect,
body.is-design .cart-icon[data-status='busy'] svg > g > g > circle { stroke: #f23a3a !important; }
body.is-design .cart-icon-unchecked svg [fill="#38EC18"] { fill: #fff; fill-opacity: 0.2; stroke-width: 1px; }
body.is-design .cart-icon-unchecked svg [stroke="#38EC18"] { stroke: #fff; stroke-opacity: 0.2; stroke-width: 1px; }
body.is-design .cart-icon-unchecked svg rect[style*='stroke: #38EC18;'] { stroke: #ffffff !important; stroke-width: 1px !important; stroke-opacity: 0.2; }

.cart-time-line { width: 36px; height: 2px; background: rgb(0 0 0 / 40%); box-shadow: 0 0 0 1px rgb(0 0 0 / 40%); margin: 1px 0 1px; display: none; position: relative; border-radius: 4px; }
.cart-time-text { opacity: 0.7; font-size: 12px; display: none; }
.cart-icon[data-status="freesoon"] .cart-time-line,
.cart-icon[data-status="freesoon"] .cart-time-text,
.cart-icon[data-status="busy"]:not(.busy-end) .cart-time-line,
.cart-icon[data-status="busy"]:not(.busy-end) .cart-time-text { display: block; }
.cart-time-line span { width: 100%; background: #3AC737; height: 100%; position: absolute; right: 0; top: 0; border-radius: 4px; }
.cart-icon[data-status="busy"] .cart-time-line span { background: #F23A3A; }

.interer-item img { width: 100%; height: 100%; pointer-events: none; }
.interer-item-text { font-size: 17px; position: relative; color: #ffffff; opacity: 0.4; word-wrap: break-word; font-weight: normal; }

/* fast btn */
.userline-btn-admin .btn-close,
.userline-btn-admin .btn-cancel,
.userline-btn-admin[data-status='wait'] .btn-open,
.userline-btn-admin[data-status='active'] .btn-open  { display: none; }
.userline-btn-admin[data-status='wait'] .btn-cancel,
.userline-btn-admin[data-status='active'] .btn-close { display: block; }
.userline-btn-admin[data-status='timeout'] a.btn { opacity: 0.7; pointer-events: none; }
.userline-btn-admin[data-status='timeout'] a.btn span:first-child { padding: 7px 21px 0px; font-size: 14px; transition: 0s; }
a.btn span.not-work-now { font-size: 13px; padding: 0px 21px 6px; position: relative; top: -2px; opacity: 0.8; display: none; transition: 0s; }
.userline-btn-admin[data-status='timeout'] a.btn span.not-work-now { display: block; }


/* SMOOTH OPEN AFTER LOAD */
#drawing-main, #mobile-panel { opacity: 0; transition: opacity ease 0.2s; }
body.init #drawing-main, body.init #mobile-panel { opacity: 1; }

/* PANEL BTN */
.panel-btn { height: 100%; width: 50px; vertical-align: top; position: relative; cursor: pointer; transition: 0.15s; white-space: nowrap; }
.panel-btn svg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

/* FULLSCREEN */
body.fullscreen #main-content { width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; }
body.fullscreen .dev-line, body.fullscreen .drawing-panel { border-radius: 0 !important; }

/* PANEL BTN close */
.panel-close:before,
.panel-close:after,
.dopen-close:before,
.dopen-close:after { content: ""; left: 15px; top: 17px; position: absolute; width: 19px; height: 1px; transition-timing-function: ease; transition-duration: 0.3s; transition-property: transform; background-color: rgb(255, 255, 255); transform: translate3d(0px, 7px, 0px) rotate(45deg); border-radius: 4px; }
.panel-close:after,
.dopen-close:after { transform: translate3d(0px, 7px, 0px) rotate(-45deg); }

/* DEV LINE */
.dev-line {position: absolute;display: none;bottom: 0;width: 100%;display: none;height: 30px;background: #C02956;color: #fff;text-align: center;font-size: 13px;line-height: 27px;z-index: 201;border-radius: 0 0 8px 8px;}
body.init[data-page="index"] .dev-line { display: block; }
.dev-line a { color: #fff; text-decoration: none; display: inline-block; }
body.steps-open .dev-line { z-index: 2000; }
.dev-info { opacity: 0.9; }

/* MOBILE BOTTOM PANEl */
#mobile-panel { display: none; position: fixed; z-index: 11; bottom: 26px; left: 0; width: 100%; height: 50px; background: #FFF;box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.06); padding: 0 16px; font-size: 0; }
#mobile-panel-wrapper { display: flex; justify-content: space-between; align-items: center; justify-content: center; height: 100%; }
body.mobile #mobile-panel { display: block; }
.mobile-btn { cursor: pointer; position: relative; width: 33%;display: inline-block;vertical-align: bottom;text-align: center; height: 100%; opacity: 0.5; }
.mobile-btn.active { opacity: 1; }
.mobile-btn-text { font-size: 10px; }
.mbl-btn-items svg { position: relative; top: 2px; }
.mobile-btn-wrapper { position: absolute; bottom: 6px; left: 0; width: 100%; }

/* OPEN PAGE */
body:not(.menu-open) #open-page { opacity: 0; }
#open-page {transform: translateX(-102px);position: absolute;left: 0;top: 0;width: 390px;height: 100%;z-index: 229;visibility: hidden;pointer-events: none;background: #121214;transition: transform 0.3s ease, visibility 0.3s, opacity 0.15s;will-change: transform;}
#open-close {position: fixed;display: none;left: 4px;top: 5px !important;font-size: 17px;width: 40px;height: 40px;line-height: 38px;text-align: center;cursor: pointer;text-decoration: none;transition: all 0.2s ease 0s;color: #fff;opacity: 1 !important;z-index: 10;}
#open-close:before,
#open-close:after {content: "";left: 10px;top: 14px;width: 5px;position: absolute;height: 1px;transition-timing-function: ease;transition-duration: 0.3s;transition-property: transform;background-color: rgb(255, 255, 255);border-radius: 4px;transform: translate3d(0px, 7px, 0px) rotate(45deg);}
#open-close:after {transform: translate3d(0px, 7px, 0px) rotate(-45deg);top: 10px;}
#open-close span {position: absolute;width: 22px;height: 1px;background: #fff;left: 10px;top: 19px;}

body.open-page #open-page {opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(290px);}
#open-page[data-loading="1"] .open-content { opacity: 0.7; transition: 0.6s; }
#open-page.page-insert .open-content { opacity: 0; }
.open-title:before { content: ''; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); }
#open-page .js-overlay { display: none !important; }
.open-title {position: relative;font-weight: normal;padding-top: 11px;height: 50px;}
.open-container { position: relative; margin: 19px; }
.open-title .open-container { margin-top: 0; margin-bottom: 0; }
.open-wrapper {position: relative;width: 100%;height: 100%;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.open-content {overflow-y: auto;-webkit-overflow-scrolling: touch;height: calc(100% - 50px);overscroll-behavior: contain;transition: opacity 0.3s;}
.open-title-text {font-weight: 600;line-height: normal;font-size: 18px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#open-page[data-type="address"] .open-content .open-container { margin: 0 !important; }

.open-address-item { font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.open-address-item.active a { background: rgba(255, 255, 255, 0.2); }
.open-address-item a { text-decoration: none; display: block; }
.address-item-left { padding: 15px 28px 17px; }
.address-item-name { display: block; }
.address-item-type { display: block; font-size: 13px; line-height: 16px; opacity: 0.7; }
.open-address-item.active { pointer-events: none; }
.address-item-metro span { font-size: 12px; padding-left: 18px; opacity: 0.5; }
.address-item-metro { display: block; position: relative; }
.address-item-metro svg { position: absolute; top: 4px; }


/* OPEN STEPS */
body.steps-open #drawing-main { opacity: 0; visibility: hidden; }
#drawing-open {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #010101;z-index: 2001;will-change: opacity;border-radius: 8px;}
body.steps-animation #drawing-open { transition: opacity 0.15s, visibility 0.15s; }
body:not(.steps-open) #drawing-open{pointer-events: none; opacity: 0; visibility: hidden; }
.dopen-content { opacity: 0.6; pointer-events: none; }
body.steps-open.init .dopen-content {opacity: 1;pointer-events: auto;}
.dopen-wrapper {position: relative;transition: 0.25s ease-in;height: 100%;}
.dopen-name { min-height: 50px; background: rgba(255, 255, 255, 0.08); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 10px; text-align: center; border-radius: 8px 8px 0 0; }
.dopen-org { font-size: 16px; text-align: center; font-weight: 600; line-height: 18px; }
.dopen-title-main { font-size: 18px; opacity: 0.6; }
.dopen-title { margin-bottom: 21px; }

.dopen-content { text-align: center; width: 100%; height: calc(100% - 50px); align-items: center; display: flex; flex-direction: column; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: height 0.3s; will-change: auto; }
.dopen-select {min-height: 65px;}
.dopen-select select { display: none; }
.dopen-select .input-select { margin: 0; }
.dopen-select .open-menu.menu-active .open-menu-head { opacity: 0.4; pointer-events: none; }
.dopen-select .context-menu { transform: none !important; }
#drawing-open .open-menu-head { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; border-radius: 5px; width: 260px; max-width: 300px; white-space: nowrap; padding: 10px 35px 13px 15px; text-align: left; }
#drawing-open .open-menu-head-wrapp { font-size: 18px; line-height: 23px; overflow: hidden; position: relative; text-overflow: ellipsis; }
#drawing-open .btn-next {width: 230px;display: block;margin: 0 auto 15px;text-align: left;font-size: 15px;}
#drawing-open .btn-next:last-child { margin-bottom: 0; }
#drawing-open .cont-span {display: block;opacity: 0.6;font-size: 12px;line-height: 15px;margin-top: 2px;}
#drawing-open .context-menu-option {padding: 0; color: #fff;}
#drawing-open .context-menu-option:hover { background: rgba(255, 255, 255, 0.1); }
#drawing-open .context-menu-option.active { background: rgba(255, 255, 255, 0.2); }
#drawing-open .context-menu-option:hover a,
#drawing-open .context-menu-option.active a { background: rgba(0, 0, 0, 0.1); }
#drawing-open .option-text {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;line-height: 17px;}
#drawing-open .open-menu:not(.none) {box-shadow: none;background: transparent;z-index: auto;padding: 0;margin-bottom: 21px;}
#drawing-open.city-disabled .open-menu { display: none; }
#drawing-open .open-menu-head svg { position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; opacity: 0.3; }
#drawing-open .open-menu-head:after { display: none; }
#drawing-open .option-text {padding: 14px 19px 18px;display: block;}
#drawing-open .context-menu { box-shadow: none; z-index: 260; background: #010101; position: fixed; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform: none; display: block; width: 250px; min-width: auto; height: auto; overflow: hidden; }
#drawing-open .context-menu:before { display: none; }
#drawing-open .btn-next span {position: relative;padding-right: 70px;padding: 13px 19px 17px;}
#drawing-open .btn-next span:after {content: "\e900";font-family: 'resto';position: absolute;right: 18px;top: 17px;font-size: 15px;transform: rotate(180deg);transition: 0.2s;}
#drawing-open .btn-next span:hover:after {right: 14px;}
#drawing-open .dopen-step { width: 100%; position: relative; margin: auto; padding: 30px 0; }
#drawing-open .dopen-close { position: absolute; display: none; width: 52px;}
body.is-iframe #drawing-open .dopen-close { display: block; }
[data-step="1"] [data-page]:not([data-page="1"]), [data-step="2"] [data-page]:not([data-page="2"]), [data-step="3"] [data-page]:not([data-page="3"]) { position: absolute !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none; height: 10px; top: 0; overflow: hidden !important; }
.dopen-back {position: absolute;left: 11px;top: 10px;width: 30px;height: 30px;z-index: 1;text-align: center;transition: all 0.2s ease 0s;opacity: 0.7;cursor: pointer;line-height: 30px;}
.not-have-banquet .dopen-back { display: none; }
.dopen-back:before { content: "\e900"; font-family: 'resto'; font-size: 19px; transition: 0.2s; }
.dopen-back:hover { opacity: 0.6; }
[data-step='0'] .dopen-back,
[data-step='1'] .dopen-back,
#drawing-open.not-have-banquet[data-step='2'] .dopen-back { display: none; }
body.address-one #drawing-open.not-have-banquet.dopen-back { display: none !important; }
.dopen-select-time {font-size: 18px;line-height: 24px;opacity: 0.8;margin-bottom: 18px;margin-top: 65px;}
#drawing-open.not-have-banquet .btn-inverse.btn-next { display: none; }
body.steps-open:not(.widget-init) #drawing-open .js-loading { display: block; }
body.steps-open:not(.widget-init) .dopen-wrapper { opacity: 0; }
.address-none,
.address-none + .open-menu { display: none; }

/* STEP CART */
.step-address-list { max-width: 700px; position: relative; margin: 0 auto; font-size: 0; }
.step-address-wrapper { display: flex; flex-wrap: wrap; margin-right: -10px; justify-content: center; }
#drawing-open[data-count="1"] .step-address-wrapper,
#drawing-open[data-count="2"] .step-address-wrapper,
#drawing-open[data-count="3"] .step-address-wrapper { justify-content: center; }
.dopen-step-1, .dopen-step-2 { display: none; }
#drawing-open[data-type="items"] .dopen-step-1,
#drawing-open[data-type="scheme"] .dopen-step-1,
#drawing-open[data-type="banquets"] .dopen-step-2 { display: inline; }
.address-item {vertical-align: top;color: #fff;cursor: pointer;margin-right: 10px;margin-bottom: 10px;position: relative;width: calc((100% / 3) - 10px);background: rgba(255, 255, 255, 0.2);border-radius: 5px;text-align: left;overflow: hidden;}
.address-item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.3s; border-radius: 5px; }
.address-item-body { position: relative; height: 100%; display: flex; flex-direction: column; }
.address-city {opacity: 0.7;font-size: 13px;margin-bottom: 4px;}
.address-adrs {font-size: 15px;flex: 1 0;line-height: 17px;}
.address-item a { text-decoration: none; display: block; height: 100%; }
.address-text {padding: 7px 11px 10px;display: flex;flex-direction: column;flex: 1 0;}
.address-metro {font-size: 13px;white-space: nowrap;overflow: hidden;width: calc(100% - 12px);text-overflow: ellipsis;position: relative;margin-top: 8px;}
.address-metro span { padding-left: 18px; opacity: 0.5;}
.address-metro svg {position: absolute;top: 3px;}
.address-status {font-size: 14px;background: rgba(255, 255, 255, 0.1);padding: 2px 0 5px 11px;display: none;width: 100%;top: 0;left: 0;z-index: 1;transform: translate3d(0, 0, 0);color: #fff !important;overflow: hidden;}
.address-item:hover { background: rgba(255, 255, 255, 0.25) !important; }
.address-item a:before, .address-item a:after { top: auto; bottom: 18px; }
.address-img:before { content: ""; display: block; padding-top: 80%; }
.address-img img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; object-fit: cover !important; transition: transform .8s ease; }
.address-img { position: relative; overflow: hidden; border-radius: 5px 5px 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); display: none; }
.address-img:after { content: ''; -webkit-transform: translate3d(0,0,0); position: absolute; pointer-events: none; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.1; display: block; transition: 0.3s; }
.address-img.none:after { background: #7b7b7b; }
.address-item:hover .address-img:not(.none):after { background: rgba(255, 255, 255, 0.05); }
.animation.step-address-photos .address-img { display: block; }
.address-item[data-status] .address-status { display: block; }
.address-status > * {display: none;}
.step-address-photos .address-status { position: absolute; }
.address-item[data-status='free'] .address-status-free,
.address-item[data-status='busy'] .address-status-busy { display: block; }
.address-status:before { content: ''; position: absolute; webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; right: 10px; top: 9px; width: 7px; height: 7px; background: #7BFF6F; box-shadow: 0px 0px 15px #A5FF9D, 0px 0px 5px #B3FFB1; border-radius: 50px; }
.address-item[data-status="busy"] .address-status:before { background: #FF4848; box-shadow: none; box-shadow: 0px 0px 15px #ff8d8d, 0px 0px 5px #ff3838; }
.address-item-have-photo .address-status { background: #000; }
.address-status-blur { position: absolute; left: 0; top: 0; width: 100%; z-index: -1; }
.address-status-blur { display: block; }
.address-status-blur:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); }
.address-item-have-photo .address-status-blur:before { background-color: rgba(20, 2, 2, 0.75); }
body[data-form="white"] .address-item:not(.address-item-have-photo) .address-status-blur:before { background-color: rgba(0, 0, 0, 0.25); }
.address-status-blur img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; object-fit: cover !important; transition: transform .8s ease; opacity: 0.4; }
.address-status-blur:after { content: ""; display: block; padding-top: 80%; }



/* HAVE FREE OTHER ADDRESS */
#have-free { position: relative; margin: 0 10px; left: 0; right: 0; bottom: 53px; display: flex; justify-content: center; pointer-events: none; z-index: 1; }
body.tabs-enable #have-free,
body.scheme-enable #have-free,
body.group-enable #have-free,
body.waitlist-enable #have-free {bottom: 104px;}
body.label-disable #have-free { bottom: 30px; }
body.label-disable.tabs-enable #have-free,
body.label-disable.scheme-enable #have-free,
body.label-disable.group-enable #have-free,
body.label-disable.waitlist-enable #have-free { bottom: 80px; }


#have-free-wrapper {background: #FFFFFF;border-radius: 5px;width: 294px;height: 65px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.25);color: #171818;position: relative;cursor: pointer;pointer-events: auto;opacity: 0;transition: 0.25s ease;transform: translateY(3px);visibility: hidden;}
.have-free-text {font-size: 16px;line-height: 120%;font-weight: 400;display: inline-block;}
#have-free-wrapper:before { content: ''; position: absolute; webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; left: 16px; top: 18px; width: 7px; height: 7px; border-radius: 50px; background: #7BFF6F; box-shadow: 0px 0px 5px #B3FFB1, 0px 0px 15px #A5FF9D; }
#have-free-wrapper svg {display: inline-block;transition: 0.3s;position: relative;top: 1px;left: 7px;}
#have-free-btn:hover svg { transform: translateX(7px); }
body.address-have-free-active:not(.hide-free-important)[data-mobile="items"]:not(.leftmodal-group) #have-free-wrapper,
body.address-have-free-active:not(.hide-free-important)[data-mobile="scheme"]:not(.leftmodal-group) #have-free-wrapper { opacity: 1; visibility: visible; transform: translateY(0px); }
.have-free-close {position: absolute;right: 0;top: 0;width: 35px;height: 30px;opacity: 0.5;transition: 0.2s;}
.have-free-close:before,
.have-free-close:after {content: "";left: 10px;top: 8px;position: absolute;width: 16px;height: 1px;transition-timing-function: ease;transition-duration: 0.3s;transition-property: transform;background-color: #171818;border-radius: 4px;transform: translate3d(0px, 7px, 0px) rotate(45deg);}
.have-free-close:after { transform: translate3d(0px, 7px, 0px) rotate(-45deg); }
.have-free-close:hover { opacity: 0.9; }
#have-free-btn { padding: 12px 0 0px 31px; height: 100%; }


/* form pro text */
.admin-pro { margin-top: 8px; color: #A1A1A1; text-align: center; font-size: 0; }
.admin-pro-label { background: #c02956; border-radius: 3px; color: #fff; font-size: 12px; line-height: 21px; display: inline-block; padding: 1px 6px 2px; min-width: 50px; text-align: center; margin-top: 7px; }
.admin-pro-text {font-size: 14px;line-height: 17px;margin: 1px 0 0 10px;text-align: left;}
.admin-pro > * { display: inline-block; vertical-align: top; }
.admin-pro-text a { text-decoration: none; display: inline-block; border-bottom: 1px solid #fff; line-height: 14px; }
.admin-pro-text a:hover { border-color: transparent; }

/* not have license and items */
a.question-btn { width: 20px; display: inline-block; height: 20px; right: 0px; position: relative; top: 4px; bottom: 0px; background: url(/static/img/icon-request-white.svg) center center no-repeat; margin: auto; opacity: 0.8; }


/* not have items*/
#items-not-have,
#hall-not-have,
#events-not-have {color: #9D9D9D;text-align: center;margin: 64px 10px 100px;display: none;}
.items-not-have-wrapper > span,
.hall-not-have-wrapper > span { display: block; }
.items-not-have-icon:before,
.hall-not-have-icon:before { content: ''; background: url(/static/img/icon-edit.svg) center center no-repeat; height: 100%; width: 100%; display: block; }
.items-not-have-icon,
.hall-not-have-icon { position: relative; width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; margin: 0 auto 18px; }
.events-not-have-wrapper > span {display: none;}
body.events-no .events-not-have-all,
body.events-no-date .events-not-have-date { display: block; }
body.items-no[data-mobile="items"] #items-not-have,
body.hall-no[data-mobile="banquets"] #hall-not-have,
body.events-no[data-mobile="events"][data-events="2"] #events-not-have,
body.events-no-date[data-mobile="events"][data-events="2"] #events-not-have  { display: block; }
.items-not-have-top-1 { font-size: 20px; line-height: 27px; color: #fff; margin-bottom: 13px; }
.items-not-have-top-2 { font-size: 20px; line-height: 27px; max-width: 470px; margin: 0 auto 55px; }

/* not have license*/
.rc-1 { opacity: 0.6; font-size: 14px; }
.reserv-count { font-size: 15px; display: none; }
#leftmodal[data-item-type="hall"] #userform-information:not(.userform-banquet-full) .have-resere-list .reserv-count { display: block; }
.userline-free-info { text-align: center; font-size: 14px; margin: 16px 0 5px; opacity: 0.6; }


/* disable dev line */
body.label-disable .dev-line { display: none; }
body.label-disable #drawing-open { height: 100%; }
body.label-disable #tabs { bottom: 14px; }
body.label-disable.tabs-enable #drawing-main:after { bottom: 0; }
body.label-disable #scheme-container { height: 100%; }

#main-content.no-link-bottom #tabs { bottom: 14px; }
body.tabs-enable #main-content.no-link-bottom #drawing-main:after,
body.group-enable #main-content.no-link-bottom #drawing-main:after { bottom: 0; }

/* disable dev line */
.iframe-license { position: relative; z-index: 330; background: #262626; font-size: 14px; color: #BCBCBC; text-align: center; padding: 9px 12px 12px; font-weight: normal; z-index: 1; }
.iframe-license-label { font-size: 10px; color: #FFFFFF; background: #C02956; border-radius: 3px; display: inline-block; padding: 1px 9px 2px; margin-right: 9px; position: relative; }
.iframe-license a { color: #fff; text-decoration: underline; }
.iframe-license a:hover { text-decoration: none; }
.iframe-license .btn { font-size: 10px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; }
.iframe-license .btn span { padding: 9px 24px 10px; }
.iframe-l-1 { margin-bottom: 13px; }
.iframe-license-last { padding: 51px 12px 57px; }
.iframe-license .btn-inverse { margin-left: 6px; }
.iframe-license .btn-inverse { background: transparent; box-shadow: 0 0 0 2px #c02956 inset; }
.iframe-license br {display: none;}



.user-table-btns {z-index: 10;width: 100%;font-size: 0px;position: relative;bottom: auto;border: 0px;border-radius: 5px;overflow: hidden;background: rgb(192, 41, 86);opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(6px);transition: all 0.2s ease 0s;will-change: auto;margin-top: 11px;}
.user-table-btns > * {color: rgb(255, 255, 255) !important;text-align: center;font-size: 14px;line-height: 15px;width: 50%;display: inline-block;vertical-align: top;height: 50px;border-color: rgb(47, 47, 47);box-sizing: inherit;pointer-events: none;text-decoration: none;}
.user-table-btns { transform: translateY(0px); opacity: 1; visibility: visible; pointer-events: auto; }
.user-table-btns [data-type="reserve"] { border-right: 1px solid rgb(0, 0, 0); }
.user-table-btns [data-type="reserve"],
.user-table-btns [data-type="reserve-all"] { border-bottom: 1px solid rgb(0, 0, 0); }
.ope-res-wrap {display: flex;flex-direction: column;justify-content: center;height: 100%;background: #C02956;transition: 0.2s;padding-bottom: 2px;pointer-events: none;padding: 0 8px 2px;background: #7f1334; color: #ffffff73;}
.items-selected a[data-type="reserve"]:hover .ope-res-wrap, .items-have-all a[data-type="reserve-all"]:hover .ope-res-wrap { background: #9D193E; }
.text-mini {font-size: 12px;position: relative;opacity: 0.8;margin-top: 1px;margin-bottom: -1px;}
.btn-select-second { display: none !important; }
.user-table-btns > *:last-child { border: 0; }
.user-table-btns > [data-type="reserve-fast"] {border: 0;width: 100%;}
.items-selected.slide-from-on-start .user-table-btns:not([data-status="timeout"]) [data-type="reserve-fast"]:hover .ope-res-wrap {background: #108140;}
.group-text { color: rgb(255, 255, 255); font-weight: 300; text-align: center; width: 100%; font-size: 13px; opacity: 0.5; transform: translateY(0px); transition: all 0.2s ease 0s; display: flex; align-items: center; justify-content: center; height: 195px; }


/* group select */
.span-time-text-no { display: none; }
.no-selected .span-time-text-no { display: inline; }
.no-selected .span-time-text { display: none; }
.items-main-line[data-type="1"] .time-text { margin-left: -16px; }
.items-selected a[data-type="reserve"],
.items-have-all a[data-type="reserve-all"] {pointer-events: auto;}
.items-selected a[data-type="reserve"] .ope-res-wrap,
.items-have-all a[data-type="reserve-all"] .ope-res-wrap {background: #C02956;color: #fff;}
.items-selected.slide-from-on-start .user-table-btns:not([data-status="timeout"]) [data-type="reserve-fast"] {pointer-events: auto;}
.items-selected.slide-from-on-start .user-table-btns:not([data-status="timeout"]) [data-type="reserve-fast"] .ope-res-wrap {background: #219653;color: #fff;}
.items-selected .btn-select-first { display: none !important; }
.items-selected .btn-select-second { display: block !important; }
.user-table-btns > [data-type="reserve-fast"] .ope-res-wrap {background: #064521;color: #7f8983;}
.not-group-work-now {display: none !important;}
span.btn-select-second span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.user-table-btns > a .ope-res-wrap * {display: block;}
.user-table-btns[data-status="timeout"] a[data-type="reserve-fast"] .not-group-work-now { display: block !important; }
.user-table-btns[data-status="timeout"] a[data-type="reserve-fast"] .btn-select-second { display: none !important; }
.disabled .ope-res-wrap { opacity: 0.8; background-image: url(/static/img/submitloader.gif) !important; }


/* TEXTAREA TAGS */
.textarea-tags { position: absolute; z-index: 1; right: 0; top: 12px; width: 40px; height: 40px; background: url(/static/img/icon-text-tag.svg) center no-repeat; cursor: pointer; }
.tags-content {background: #c02956;position: absolute;bottom: 0px;transform: translateY(330px);left: 0;width: 100%;transition: ease 0.4s;border-radius: 10px 10px 0 0;height: 330px;will-change: transform;overflow: hidden;}
#userform-reservation.tags-open .tags-content { transform: translateY(0px); }
.tags-wrapper {padding: 37px 22px 19px;overflow: auto;overflow-x: hidden;height: 100%;-webkit-overflow-scrolling: touch;}
.tag {font-size: 12px;letter-spacing: 0.25px;display: inline-block;background: rgba(255, 255, 255, 0.15);border-radius: 16px;padding: 2px 10px 4px 10px;margin: 0px 5px 10px 0;cursor: pointer;color: #fff;}
.tags-title {font-weight: 600;font-size: 18px;margin-bottom: 10px;color: #fff;}
.tags-block { margin-bottom: 14px; } .tags-block:last-child { margin-bottom: 0; }
.tags-background { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: 0.3s; cursor: pointer; }
.tags-content:before { content: ''; background: linear-gradient(180deg, rgba(192, 41, 86) 0%, rgba(192, 41, 86, 0.65) 50%, rgba(192, 41, 86, 0) 100%); height: 40px; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; }
.tags-content:after {content: '';background: linear-gradient(180deg, rgba(192, 41, 86, 0) 0%, rgba(192, 41, 86, 0.97) 100%);height: 60px;z-index: 10;position: absolute;bottom: 0;left: 0;width: 100%;pointer-events: none;}
#userform-reservation.tags-open .tags-background { opacity: 1; visibility: visible; }
.tag.active {color: #C02956;background: #fff !important;}
.tags-main { position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 20; }
#userform-reservation.tags-open .tags-main { pointer-events: auto; }
.tags-arrow {height: 27px;width: 52px;position: absolute;cursor: pointer;left: 0;right: 0;top: 9px;margin: auto;z-index: 10;}
.tags-arrow-left,
.tags-arrow-right { position: absolute; background-color: transparent; top: 10px; left: 11px; width: 18px; height: 10px; display: block; transform: rotate(-25deg); float: right; border-radius: 2px; }
.tags-arrow-right { transform: rotate(25deg); left: 23px; }
.tags-arrow-left:after,
.tags-arrow-right:after { content: ""; background-color: #992145; width: 100%; height: 3px; display: block; float: right; border-radius: 6px; transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8); z-index: -1; }
#userform-reservation.tags-open .tags-arrow-right:after { transform: rotate(-50deg); }
#userform-reservation.tags-open .tags-arrow-left:after { transform: rotate(50deg); }
.tags-block[data-type="fast-comments"] .tag { background: rgba(23, 24, 24, 0.15); }
.textarea-tags-select {margin: 26px 0 -57px 9px;display: none;z-index: 2;position: absolute;pointer-events: none;}
#userform-reservation.tags-selected .textarea-tags-select { display: block; }
.textarea-tags-select .tag-icon {margin-bottom: 8px;background: rgba(255, 255, 255, 0.15);float: left;pointer-events: auto;}
.tags-selected .userline-textopen label { -webkit-transform: translateY(-103%); transform: translateY(-118%); display: inline-block; font-size: 12px !important; }
#userform-reservation.tags-selected .userline-textopen .input-field textarea { padding-right: 11px; }
.text-fake { font-size: 15px; position: absolute; opacity: 0; visibility: hidden; width: 100%; }

.tag-icon:before {content: '';z-index: 2; position: absolute;left: 7px;top: 3px;width: 16px;height: 16px;background: url(/static/img/tags/tag-not-transplant.svg) center no-repeat;}
.tag-icon { position: relative; padding-left: 27px; }
.tag-icon[data-key="may_be_late"]:before { background-image: url(/static/img/tags/tag-may-be-late.svg); }
.tag-icon[data-key="vip"]:before { background-image: url(/static/img/tags/tag-vip.svg); }
.tag-icon[data-key="birthday"]:before { background-image: url(/static/img/tags/tag-birthday.svg); }
.tag-icon[data-key="own_alcohol"]:before {background-image: url(/static/img/tags/tag-own-alcohol.svg);}
.tag-icon[data-key="add_places"]:before { background-image: url(/static/img/tags/tag-add-places.svg); }
.tag-icon[data-key="holiday"]:before { background-image: url(/static/img/tags/tag-holiday.svg); background-size: 12px; }

.tag-icon[data-key="alcohol"]:before { background-image: url(/static/img/tags/tag-alcohol.svg); }
.tag-icon[data-key="place"]:before { background-image: url(/static/img/tags/tag-place.svg); }
.tag-icon[data-key="cleaning"]:before { background-image: url(/static/img/tags/tag-cleaning.svg); }
.tag-icon[data-key="discount"]:before { background-image: url(/static/img/tags/tag-discount.svg); }
.tag-icon[data-key="ice"]:before { background-image: url(/static/img/tags/tag-ice.svg); }
.tag-icon[data-key="corkage"]:before { background-image: url(/static/img/tags/tag-corkage.svg); }
.tag-icon[data-key="photo"]:before { background-image: url(/static/img/tags/tag-photo.svg); }

.tag-icon[data-key="confirmed"]:before { background-image: url(/static/img/tags/tag-confirmed.svg); }
.tag-icon[data-key="preorder"]:before { background-image: url(/static/img/tags/tag-preorder.svg); }
.tag-icon[data-key="certificate"]:before { background-image: url(/static/img/tags/tag-certificate.svg); }
.tag-icon[data-key="corporate"]:before { background-image: url(/static/img/tags/tag-corporate.svg); }
.tag-icon[data-key="window"]:before { background-image: url(/static/img/tags/tag-window.svg); }

.tag-icon[data-key="stop"]::before { background-image: url("/static/img/tags/tag-stop.svg"); }
.tag-icon[data-key="new"]::before { background-image: url("/static/img/tags/tag-new.svg"); }
.tag-icon[data-key="sofa"]::before { background-image: url("/static/img/tags/tag-sofa.svg"); }
.tag-icon[data-key="nohappy"]::before { background-image: url("/static/img/tags/tag-nohappy.svg"); }
.tag-icon[data-key="add"]::before { background-image: url("/static/img/tags/tag-add.svg"); }

.userline-email { position: relative; }

/* no phone */
.userline-phone { position: relative; }
.no-phone { position: absolute; right: 5px; top: 17px; cursor: pointer; width: 40px; height: 36px; z-index: 2; }
.no-phone span { display: block; width: 100%; height: 100%; background: url(/static/img/icon-nophone-white.svg) center 9px no-repeat; }
.phone-disabled .no-phone span { background-image: url(/static/img/icon-nophone-red.svg); }
.no-phone input { display: none; }
.no-phone-text { position: absolute; left: 12px; top: 31px; z-index: 4; font-size: 14px; display: none; pointer-events: none; }
.phone-disabled .no-phone-text { display: block; }
.phone-disabled [name="phone"] { color: transparent; transition: 0s !important; }
.is-panel .leftmodal #userform-reservation .no-phone { background: transparent !important; }

/* no name */
.userline-name { position: relative; }
.no-name { position: absolute; right: 5px; top: 17px; cursor: pointer; width: 40px; height: 36px; z-index: 2; }
.no-name span { display: block; width: 100%; height: 100%; background: url(/static/img/icon-noname-white.svg) center 9px no-repeat; }
.name-disabled .no-name span { background-image: url(/static/img/icon-noname-red.svg); }
.no-name input { display: none; }
.no-name-text { position: absolute; left: 12px; top: 31px; z-index: 4; font-size: 14px; display: none; pointer-events: none; }
.name-disabled .no-name-text { display: block; }
.name-disabled [name="name"] { color: transparent; transition: 0s !important; }
.is-panel .leftmodal #userform-reservation .no-name { background: transparent !important; }

/* MODAL CONTENT */
#modal-content-background { z-index: 1900; transition: 0.3s ease; }
#modal-content-loading { z-index: 1901; }
#modal-content.modal-loading + #modal-content-background,
#modal-content.modal-loaded + #modal-content-background { opacity: 0.9; display: block; }
#modal-content.modal-loading + * + #modal-content-loading { display: block; }
#modal-content { position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; z-index: 1902; text-align: center; }
#modal-content.modal-loading,
#modal-content.modal-loaded {display: block;}
#modal-content-content { text-align: center; font-size: 0; }
#modal-content-content > img { width: 100%; }
#modal-content-content:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.2) inset; border-radius: 4px; pointer-events: none;}
#modal-content .txt { font-size: 14px; line-height: 19px; font-weight: 400; }
#modal-content p { opacity: 0.8; }
#modal-content-wrapper { opacity: 0; overflow: hidden; position: relative; visibility: hidden; vertical-align: middle; position: relative; z-index: 2; max-width: 426px; text-align: left; border-radius: 4px; display: inline-block; margin: 30px 0; pointer-events: auto; background: #121214; width: 100%;}
#modal-content.modal-loaded #modal-content-wrapper { opacity: 1; visibility: visible; }
#modal-content:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; }
.content-container { padding: 24px 28px; text-align: left; }
.content-container > *:first-child { margin-top: 0; }
.content-links { font-size: 0; margin-bottom: 30px; }
.content-links a { text-decoration: none; border-bottom: 1px dashed #fff; display: inline-block; font-size: 15px; line-height: 18px; }
.content-link { margin-bottom: 9px; }
.content-links a:hover { border-color: transparent; }
#modal-content-close { position: absolute; width: 45px; border-radius: 0 4px 0 5px; background: #5a5a5a; height: 45px; right: 1px; top: 1px; opacity: 0.8 !important; }
#modal-content-close:hover { opacity: 1 !important; }
#modal-content-close:before,
#modal-content-close:after { left: 11px; top: 15px; }
img + .content-container {padding-top: 20px;padding-bottom: 34px;}
img + .content-container.content-no-text { padding-bottom: 18px; }
img + .content-container h2 { margin-bottom: 13px; }
#modal-content::-webkit-scrollbar{width:0px;}
#modal-content-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.content-no-text h2 { margin-bottom: 0; }
#modal-content:not(.modal-content-close-background) #modal-content-close { background: transparent !important; }
#modal-content[data-type="content"] #modal-content-wrapper { width: 490px; max-width: 90%; }
#modal-content[data-type="content"] h3 { margin: 21px 0 8px; }
#modal-content[data-type="content"] p { line-height: 140%; margin-bottom: 10px; }
#modal-content[data-type="content"] .content-container { padding: 38px 48px; }

#modal-content[data-type="content"] ul { line-height: 140%; margin-bottom: 10px; opacity: 0.8; margin-left: 17px; }
#modal-content[data-type="content"] ul,
#modal-content[data-type="content"] li { list-style: disc; }
#modal-content[data-type="content"] li { margin-bottom: 4px; }

.mini-img { display: inline-block; vertical-align: middle; }
.mini-img img { max-width: 100px; }
.mini-img + .mini-img { margin-left: 13px; }



a.widget-down { position: relative; text-align: center; font-size: 13px; display: block; text-transform: uppercase; text-decoration: none; moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; padding: 0 10px 0 0; }
.widget-down:before, .widget-down:after { content: ""; right: 11px; top: 0; bottom: 0; margin: auto; position: absolute; width: 6px; height: 1px; transition-timing-function: ease; transition-duration: 0.3s; transition-property: transform; background-color: rgb(255, 255, 255); border-radius: 4px; transform: translate3d(-2px, 0px, 0px) rotate( 45deg); opacity: 0.8; }
.widget-down:after { transform: translate3d(2px, 0px, 0px) rotate( -45deg); }
.widget-down-body { position: absolute; top: calc(100% - -9px); background-color: #c02956; box-sizing: border-box; box-shadow: rgb(0 0 0 / 10%) 1px 1px 1px, rgb(48 48 48 / 18%) 0px 0px 4px 1px; border-radius: 5px; white-space: nowrap; vertical-align: top; user-select: none; animation: 0.1s ease 0s 1 normal none running context-popup; opacity: 0; visibility: hidden; transition: margin 0.2s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s; margin-top: -6px; z-index: 1; left: 50%; transform: translateX(-50%); }
.widget-down.active + .widget-down-body { opacity: 1; visibility: visible; margin: 0px; }
.widget-down-body a { position: relative; padding: 5px 25px; font-size: 13px; font-weight: 300; color: rgb(255, 255, 255); border: 0px; text-decoration: none; display: block; line-height: normal; text-transform: uppercase; }
.widget-down-wrapper:after { content: ""; width: 100%; position: absolute; height: 6px; top: -6px; }
.widget-down-wrapper:before { content: ""; position: absolute; top: -6px; left: 0; right: 0; margin: auto; width: 15px; height: 15px; background: #c02956; transform: rotate( 45deg); box-shadow: rgb(0 0 0 / 6%) -1px -1px 0px; z-index: 0; }
.widget-down-wrapper { padding: 13px 0px 16px; }
.widget-down-body a:hover { background: rgba(255, 255, 255, 0.1); }
.widget-down-body[data-widget-down] { position: fixed; left: 0; top: 0; z-index: 250; }
.widget-down-body[data-widget-down].active { opacity: 1; visibility: visible; margin: 0px; }

/* TIP / TAX / CODE */
.dp-lines { margin-bottom: 6px; }
.dp-line { font-size: 15px; display: flex ; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.dp-line:last-child { margin-bottom: 2px; }
.dp-rigth b { font-weight: 400; }
.total-price,
.total-price b { font-weight: 600; }
.dp-line.total-price { font-size: 16px; }
.dp-line[data-type="promocode"] .dp-right,
.dp-line[data-type="certificate"] .dp-right { color: #f03e38; }
.dp-info { font-size: 14px; opacity: 0.6; }
.dp-left .deposit-info { padding-left: 0; padding-right: 0; }
.reserv-deposit .dp-left { display: flex; gap: 9px; }


/* ORDER - BLOCK */
.userline-order { margin: 17px 0 7px 0; display: none; }
.userline-order.active { display: block; }
.order-block { border: 1px dashed #c02956; border-radius: 5px; padding: 7px 13px 13px; position: relative; cursor: pointer; }
.order-b-count { font-size: 14px; opacity: 0.5; }
.order-b-price { font-size: 15px; }
.order-plus:before,
.order-plus:after {content: '';position: absolute;left: 0;top: 7px;background: #c02956;width: 100%;height: 1px;}
.order-plus { position: absolute; right: 22px; top: 0; bottom: 0; width: 15px; height: 15px; margin: auto; }
.order-plus:after { left: 7px; top: 0; height: 100%; width: 1px; }
.userform-havedeposit .userline-order,
.userform-havedeposit-group .userline-order { margin-top: 9px; }

/* ORDER - TEMPLATE */
.leftmodal-wrapper[data-type="cart"],
.leftmodal-wrapper[data-type="menu"] { overflow: hidden; }
.userform-bottom {position: absolute;bottom: 0;left: 0;width: 100%;padding: 12px 25px 28px;}
.userform-content {height: calc(100% - 130px);margin-bottom: 130px;overflow: auto;overflow-x: hidden; will-change: transform;-webkit-overflow-scrolling: touch;position: absolute;left: 0;top: 0;width: 100%;padding: 20px 25px 28px;}
.userform-content::-webkit-scrollbar { width: 0px; height: 0px; }
.userform-bottom:before {content: '';position: absolute;left: 0;top: 0;width: 100%;background: #fff;height: 1px;opacity: 0.1;}

/* ORDER - CART */
.userform-content::-webkit-scrollbar { width: 0px; height: 0px; }
.cart-total-count { font-size: 14px; font-weight: 400; flex: 1 0; }
.cart-total { display: flex; flex: 1 0; vertical-align: bottom; align-items: baseline; margin-bottom: 16px; }
.cart-total-price { font-size: 18px; font-weight: 500; }
#userform-cart { height: 100%; }
.cart-empty { text-align: center; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cart-empty-title { opacity: 0.5; font-size: 14px; }
.add-item { letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 16px; text-decoration: none; position: relative; padding: 10px 10px 10px 28px; transition: opacity 0.2s; display: inline-block; }
.add-item:before,
.add-item:after {content: '';position: absolute;left: 10px;top: 17px;background: #c02956;width: 10px;height: 2px;}
.add-item:after { width: 2px; height: 10px; left: 14px; top: 13px; }
.add-item:hover { opacity: 0.7; }
.cart-empty-add {margin-top: 11px;}
.cart-items-add { text-align: center; margin-top: 10px; }
#leftmodal[data-cart-count="0"] .cart-items-wrapper,
#leftmodal:not([data-cart-count="0"]) .cart-empty { display: none; }

/* ORDER - SUBS */
.leftmodal-wrapper[data-type="menu"] .userform-content { height: calc(100% - 103px); margin-bottom: 103px; }
.leftmodal-wrapper[data-type="menu"] .userform-bottom { padding-top: 25px; }
.section { background: rgba(255, 255, 255, 0.1); border-radius: 5px; display: flex; height: 60px; margin-bottom: 5px; overflow: hidden; cursor: pointer; transition: background 0.2s; position: relative; }
.section-name { flex: 1 0; font-size: 14px; line-height: 110%; display: flex; align-items: center; padding: 0 18px; }
.section-image { width: 70px; position: relative; }
.section-image img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; object-fit: cover !important; }
.section:hover { background: rgba(255, 255, 255, 0.15); }
.section:before,
.section:after { content: ""; right: 11px; top: 0; bottom: 0; margin: auto; position: absolute; width: 6px; height: 1px; transition-timing-function: ease; transition-duration: 0.3s; transition-property: transform; background-color: rgb(255, 255, 255); border-radius: 4px; transform: translate3d(0px, -2px, 0px) rotate( 45deg); opacity: 0.6; }
.section:after { transform: translate3d(0px, 2px, 0px) rotate( -45deg); }

/* ORDER - ITEMS */
.item-name {font-size: 16px;line-height: 120%;flex: 1 0;padding-right: 20px;}
.item-line-1 { display: flex; align-items: baseline; }
.item-price { font-weight: 500; font-size: 18px; }
.item:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;background: #fff;height: 1px;opacity: 0.1;}
.item { position: relative; padding: 10px 0 12px 0; }
.item-line-2 {display: flex;align-items: flex-start;}
.item-content { flex: 1 0; }
.item-text { font-size: 12px; line-height: 16px; opacity: 0.5; }
.item-unit { font-size: 12px; opacity: 0.8; margin-top: 5px; }
.item-name a:hover { text-decoration: none; }
.item-text { margin-top: 5px; }
.menu-content .item:last-child:after { display: none; }
.count-actions { width: 34px; height: 34px; border-radius: 50px; background: rgba(255, 255, 255, 0.8); position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity 0.15s; }
.count-blk {display: flex;align-items: center;margin-top: 5px;-webkit-touch-callout: none;user-select: none;margin-left: 8px;}
.count { font-size: 14px; min-width: 25px; text-align: center; }
.count-actions:before,
.count-actions[data-type='plus']:after,
[data-item][data-count='1'] .count-actions[data-type='minus']:after {content: '';position: absolute;background: #ffffff;width: 10px;height: 2px;}
.item-added .count-actions:before, .item-added .count-actions:after { background: #121214; }
.count-actions[data-type='plus']:after { width: 2px; height: 10px; }
.count-actions:hover {opacity: 0.85;}
[data-item]:not(.item-added) .count-actions[data-type="minus"],
[data-item]:not(.item-added) .count {visibility: hidden;pointer-events: none;}
[data-item]:not(.item-added) .count-actions[data-type="plus"] { background: #c02956; }
[data-item][data-count='1'] .count-actions[data-type='minus']:before { transform: rotate(45deg); }
[data-item][data-count='1'] .count-actions[data-type='minus']:after { transform: rotate(-45deg); }
[data-item][data-count='1'] .count-actions[data-type='minus']:before,
[data-item][data-count='1'] .count-actions[data-type='minus']:after{ background: #fff; }
[data-item][data-count='1'] .count-actions[data-type='minus'] { background: rgba(255, 255, 255, 0.2); }

/* ORDER - ITEM CARD */
.leftmodal-wrapper[data-type="card"] { overflow: hidden; padding-top: 0; }
.leftmodal-wrapper[data-type="card"] .userline-close span {background: rgba(0, 0, 0, 0.3);backdrop-filter: blur(6px);border-radius: 0px 4px 0px 10px;display: block;height: 100%;position: relative;transition: opacity 0.15s;}
.leftmodal-wrapper[data-type="card"] .userline-close:before,
.leftmodal-wrapper[data-type="card"] .userline-close:after { background: #fff; }
.leftmodal-wrapper[data-type="card"]:before { content: ''; position: absolute; left: 1px; top: 1px; height: calc(100% - 2px); width: calc(100% - 2px); background: #fff; opacity: 0.1; }
.leftmodal-wrapper[data-type="card"] .userline-close { opacity: 1 !important; }
.leftmodal-wrapper[data-type="card"] .userline-close:before,
.leftmodal-wrapper[data-type="card"] .userline-close:after { opacity: 0.6; z-index: 1; }
.leftmodal-wrapper[data-type="card"] .userline-close:hover span { opacity: 0.8 !important; }
#userform-crd { height: 100%; }
.crd-photos { position: relative; overflow: hidden; border-radius: 5px 5px 10px 10px; background: rgb(0 0 0 / 20%); left: 1px; top: 1px; width: calc(100% - 2px); }
.crd-photos:before { content: ''; display: block; padding-bottom: 65%; }
.crd-photos > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#userform-crd .photo-swiper .image-cover { height: 100%; }
.crd-wrapper { height: calc(100% - 77px); margin-bottom: 77px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: absolute; left: 0; top: 0; width: 100%; will-change: transform; }
.crd-wrapper::-webkit-scrollbar { width: 0px; height: 0px; }
.crd-bottom {position: absolute;bottom: 1px;left: 1px;width: calc(100% - 2px);padding: 15px 21px 18px;display: flex;background: #121214;border-top: 1px solid rgba(255, 255, 255, 0.2);border-radius: 10px 10px 5px 5px;}
.crd-content { padding: 19px 25px 28px; }
.crd-title { font-weight: bold; font-size: 20px; line-height: 120%; }
.crd-text { font-size: 14px; line-height: 19px; opacity: 0.7; margin-top: 9px; }
.crd-variables { font-size: 14px; opacity: 0.8; margin-top: 16px; }
.crd-total { flex: 1 0; font-weight: 500; font-size: 24px; line-height: 28px; padding-top: 5px; }
.crd-variable { margin-top: 19px; user-select: none; }
.variable-list { border-radius: 7px; padding: 3px; display: flex; flex: 1 0; border: 1px solid #c02956; height: 48px; moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.variable-item { height: 100%; width: 100%; opacity: 0.7; font-size: 13px; cursor: pointer; padding: 0 7px !important; display: flex !important; align-items: center; justify-content: center; white-space: nowrap; }
.variable-item.active { background: #c02956; opacity: 0.8; border-radius: 5px; }
.variable-item:hover { opacity: 0.9; }
#userform-crd .count-blk { margin: 0; }
#userform-crd .count-actions { width: 42px; height: 42px; }
#userform-crd:not(.item-added) .count-actions { font-weight: 500; font-size: 16px; }
#userform-crd:not(.item-added) .count-actions[data-type="plus"] { width: auto; padding: 0 22px 2px 37px; justify-content: left; }
#userform-crd:not(.item-added) .count-actions[data-type='plus']:before,
#userform-crd:not(.item-added) .count-actions[data-type='plus']:after { position: absolute; left: 19px; top: 0px; bottom: 0; margin: auto; }
#userform-crd:not(.item-added) .count-actions[data-type='plus']:after { left: 23px; }

/* intervals */
.intervals { display: none; }
body[data-time-type="2"] .intervals { display: block; }
body[data-time-type="2"] #items-dates .items-month { margin-left: 12px; }
body[data-time-type="2"] .items-times-main { position: absolute; width: 100%; opacity: 0; visibility: hidden; }
body[data-time-type="2"] .line-date { position: relative; }
.interval {position: relative; overflow: hidden;display: inline-block;font-size: 14px;background: #000;border-radius: 5px;white-space: nowrap;padding: 8px 10px;margin-right: 5px;margin-bottom: 5px;border: 1px solid #C02956;cursor: pointer;position: relative; overflow: hidden;}
.intervals {margin: 11px 15px 5px;text-align: center;}
.interval.disable {pointer-events: none;background: rgba(255, 255, 255, 0.2);border-color: transparent !important;opacity: 0.5;}
.interval.selected { background: #C02956; }
.interval:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 0.1); }
.interval.disable:before,
.interval.selected:before {display: none}
.interval.interval-opacity { opacity: 0.5; pointer-events: none; }
.interval-line { position: absolute; background: #ffffff; height: 100%; top: 0; left: 0; z-index: 0; opacity: 0.2; }
.interval-disabled-btns { min-height: 45px; display: flex; align-items: center; justify-content: center; opacity: 0.7; padding: 10px 16px; white-space: normal; }
.userform-time .interval-disabled-btns {font-size: 14px;text-align: center;padding: 17px 0 30px 0;}
body.is-widget.leftmodal-group .interval { border-color: #3a9730; }
body.is-widget.leftmodal-group .interval.selected { background: #3a9730; color: #fff; }
body[data-design="white"][data-design-top="white"] .interval { border-color: rgba(23,24,24,0.15); }
body[data-design="white"][data-design-top="white"] .interval.selected { background: rgba(23,24,24,0.15) !important; border-color: transparent; }
body[data-design="white"][data-design-top="white"] .interval.disable { background: rgba(23,24,24,0.1); }
body[data-design="white"][data-design-top="white"] .interval:before { display: none; }
body[data-design="white"] .interval-line { background: #171818; }

/* intervals: form time */
.interval-btn {position: relative;overflow: hidden;background: #c02956;border-radius: 5px;font-size: 12px;padding: 11px 0;margin-bottom: 7px;margin-right: 7px;width: calc((100% / 3) - 7px);display: inline-block;text-align: center;cursor: pointer;}
.interval-btn.interval-disabled { pointer-events: none; background: rgba(255, 255, 255, 0.2); border-color: transparent !important; opacity: 0.5; }
.interval-btns-wrapper {font-size: 0;margin-right: -7px;}
.interval-btns { padding-bottom: 16px; position: relative; }
.interval-btn-background { display: block; position: absolute; left: 1px; top: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: #121214; border-radius: 5px; }
.interval-ln { position: absolute; background: #ffffff; height: calc(100% - 2px); top: 1px; left: 1px; z-index: 1; opacity: 0.2; border-radius: 5px 0 0 5px; }
.interval-btn-text { position: relative; z-index: 1; }
.interval-btn:not(.interval-disabled):not(.interval-active):before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.interval-btn:not(.interval-disabled):not(.interval-active):hover:before { background: rgba(192, 41, 86, 0.1); }
.interval-btn.interval-active:not(.interval-disabled) .interval-btn-background {display: none;}
.interval-btn.interval-disabled .interval-btn-background { opacity: 0; }
.interval-opacity { opacity: 0.5; pointer-events: none; }
.is-panel body[data-time-type="2"] .leftmodal [data-type="datetime"] #userform-select-time:after,
.is-panel body[data-time-type="2"] .leftmodal [data-type="datetime-fast"] #userform-select-time:after { display: none !important; }
.interval-btns:not(.interval-btns-selected) a.btn-interval-some { opacity: 0.6; pointer-events: none; }
a.btn-interval-some .btn-interval-success, a.btn-interval-some .btn-interval-mini,
.interval-btns-selected .btn-interval-need { display: none; }
.interval-btns.interval-btns-selected .btn-interval-success,
.interval-btns.interval-btns-selected .btn-interval-mini { display: block; }
a.btn-interval-some .btn-interval-mini { font-size: 12px; position: relative; opacity: 0.8; margin-top: 0px; padding: 0 0 7px 0; }
a.btn-interval-some .btn-interval-success { padding: 6px 0 0 0; }
a.btn-interval-some .btn-interval-success,
a.btn-interval-some .btn-interval-mini,
.interval-btns-selected .btn-interval-need { display: none; }
.interval-btns.interval-btns-selected .btn-interval-success, .interval-btns.interval-btns-selected .btn-interval-mini { display: block; }
a.btn-interval-some .btn-interval-mini { font-size: 12px; position: relative; opacity: 0.8; margin-top: 0px; padding: 0 0 7px 0; }
a.btn-interval-some .btn-interval-success { padding: 6px 0 0 0; }

/* EVENTS - CALENDAR  */
#items-dates-events,
#events-types,
body[data-mobile="events"] #header > [data-type]:not([data-type="events"]),
body[data-mobile="events"] #items-filters { display: none; }
body[data-mobile="events"] #header > *[data-type="events"] { display: flex; }
.events-btns {white-space: nowrap;border: 1px solid rgb(255 255 255 / 0.15);border-radius: 5px;font-size: 0;pointer-events: auto;}
.events-btn { text-decoration: none; font-weight: 400; color: rgb(255 255 255 / 0.6) !important; display: inline-block; vertical-align: top; height: 100%; padding: 3px 14px 6px; border-radius: 4px 0 0 4px; font-size: 14px; }
.events-btn.active { background: rgb(255 255 255 / 0.15); color: #fff !important; pointer-events: none; }
.events-btn:last-child { border-radius: 0 4px 4px 0 !important; }
#events-types {z-index: 11;justify-content: center;position: relative;margin-top: -3px;pointer-events: none;}
.events-type { display: none; }
body[data-events="1"] .events-type[data-type='1'],
body[data-events="2"] .events-type[data-type='2'] { display: block; }
.month-select-name {font-size: 16px;display: inline-block;line-height: 18px;margin-right: 9px;}
#items-dates-events .items-main-text { flex: 1 0; white-space: nowrap; }
#items-dates-events .month-select-name { white-space: nowrap; }
.month-select-left, .month-select-right {position: relative;width: 23px;height: 26px;cursor: pointer;border-radius: 2px;top: -4px;transition: ease 0.2s; margin-bottom: -6px;}
.month-select-right:after,
.month-select-right:before,
.month-select-left:before,
.month-select-left:after {content: "";right: 8px;top: 0;bottom: 0;margin: auto;position: absolute;width: 6px;height: 1px;transition-timing-function: ease;transition-duration: 0.3s;transition-property: transform;background-color: rgb(255, 255, 255);border-radius: 4px;transform: translate3d(0px, -2px, 0px) rotate(45deg);}
.month-select-right:after { transform: translate3d(0px, 2px, 0px) rotate(-45deg); }
.month-select-left:before { transform: translate3d(0px, -2px, 0px) rotate(-45deg); }
.month-select-left:after { transform: translate3d(0px, 2px, 0px) rotate(45deg); }
.month-select-left:before,
.month-select-left:after {right: auto;left: 8px;}
.month-select-left:hover,
.month-select-right:hover {background: rgb(255 255 255 / 10%);}
#items-dates-events { z-index: 12; }
#items-dates-events .items-month { display: none; }
#items-dates-events .pignose-calendar-unit:not(.calendar-btn-have) a { opacity: 0.7; pointer-events: none; cursor: default; }
#items-dates-events .pignose-calendar-unit:not(.calendar-btn-have) { pointer-events: none; }
.event-month-start .month-select-left {pointer-events: none;opacity: 0.5;}
.weeks-names { display: flex; margin-bottom: 25px; margin-top: 37px; }
.week { display: flex; width: 100%; margin-bottom: 4px; }
.day-next-name-short { font-size: 11px; opacity: 0.7; transition: ease 0.2s; display: none; text-transform: uppercase; position: absolute; left: 0; right: 0; top: 21px; margin: auto; }
.svg-next-day-mini { display: none; }
.day {width: 100%;margin-right: 4px;border-radius: 5px;position: relative;}
.day-num { font-weight: 600; font-size: 20px; opacity: 0.4; position: absolute; left: 9px; top: 5px; }
.day:last-child { margin: 0; }
.day:before { content: ''; display: block; padding-bottom: 83%; }
.weeks-name {letter-spacing: 0.1em;text-transform: uppercase;opacity: 0.4;width: 100%;font-size: 12px;margin-left: 10px;}
.day-weekend .day-num { opacity: 0.8; }
.weeks-name-weekend { opacity: 0.7; }
.other-month .day-num,
.day-before .day-num {opacity: 0.2 !important;}
.day.active:not(.have) .day-num:before { content: ''; height: 37px; width: 37px; background: #fff; position: absolute; left: 50%; top: calc(50% + 1px); transform: translate(-50%, -50%); border-radius: 50%; }
.day.active .day-num { opacity: 1; }
.day.active { color: #171818; }
.day-num span { position: relative; z-index: 1; }
.day.have {background: rgba(255, 255, 255, 0.1); cursor: pointer; transition: ease 0.3s; }
.day.have.active .day-num { opacity: 1; }
.day-evnt-2 {opacity: 0.6;margin: 0px 0 0 11px;font-size: 13px;position: relative;top: -1px;}
.day-evnt-1 {position: relative;color: #fff;}
.day.have.day-before .day-evnt-1:before { background: #5A5A5A; opacity: 0.4; }
.day.have.active { background: rgba(255, 255, 255, 0.8); }
.day.have.active { color: #171818; }
.day.have .day-num { opacity: 0.8; }
.day-evnt-1:before { content: ''; position: absolute; background: #269723; width: 20px; height: 20px; border-radius: 50%; top: calc(50% + 1px); left: 50%; transform: translate(-50%, -50%); }
.day-evnt-1 span {position: relative;z-index: 1;font-size: 12px;}
.day-busy .day-evnt-1:before { background: #5A5A5A; }
.day-busy .day-evnt-2 { opacity: 0.3; }
.day-events {position: absolute;bottom: 8px;left: 13px;}
.day.active.have .day-evnt-2 { color: #171818; }
.day.have:hover { background: rgba(255, 255, 255, 0.16); }
.day.have.active:hover { background: rgba(255, 255, 255, 0.9); }
.day.day-before .day-events { opacity: 0.5; }
.day.have.day-before {background: rgba(0, 0, 0, 0.2);}\.day.have.day-before:hover { background: rgba(0, 0, 0, 0.3); }
.day-next svg { position: absolute; top: 13px; transition: ease 0.3s; }
.day-next-name { font-size: 13px; opacity: 0.7; position: absolute; top: 26px; transition: ease 0.2s; }
.day-next:hover svg { transform: translateX(3px); }
.day-next:hover .day-next-name { opacity: 0.5; }
body[data-events="1"] .items-month[data-type="1"] { display: flex !important; }
/* EVENTS - EVENTS  */
.events-type[data-type="2"] .events-body { margin-top: 18px; margin-bottom: 4px; display: flex; flex-wrap: wrap; gap: 18px; }
.events-type[data-type="2"] .event {width: calc((100% - 18px) / 2);margin-bottom: 0;max-width: none;}
body[data-events="2"] .items-month[data-type="2"] { display: block !important; }

/* EVENTS FORM */
#userform-event-form .red { display: inline; }
.event {margin-bottom: 9px;border-radius: 10px;padding: 11px 17px 20px;color: #fff;font-size: 13px;background: rgba(255, 255, 255, 0.2);transition: ease 0.3s background;cursor: pointer;max-width: 360px; text-align: left;}
body[data-design="white"] .event { background: rgba(23,24,24,0.15); }
.event:hover { background: rgba(255, 255, 255, 0.26); }
.event.event-before { opacity: 0.5; }
.event-before .event-bottom .event-right,
.event-before .event-content-info .event-right {display: none;}
.event-before .userline-btn { pointer-events: none; opacity: 0.5; }
.event-start .userline-btn,
.event-end .userline-btn { display: none; }
.event-end .userline-dont-reserv,
.event-start .userline-dont-reserv{ display: block; }
.event-end  .userline-busy-dont-first[data-type="end"],
.event-start .userline-busy-dont-first[data-type="start"] { display: block; }
.events { margin-top: 21px; max-width: 340px; }
.event-number {font-size: 13px;opacity: 0.5;margin-bottom: 2px;display: none;}
.event-name {font-weight: 700;font-size: 16px;line-height: 125%;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 40px;width: 100%;margin-bottom: 23px;}
.event-bottom { display: flex; align-items: flex-end; }
.event-left {flex: 1 0;}
.event-right { text-align: right; line-height: 15px; padding-bottom: 1px; }
.event-price {font-weight: 600;font-size: 15px;position: relative;}
.event-date {margin-bottom: 5px;position: relative;font-weight: 600;}
.event-icon { display: inline-block; width: 21px; vertical-align: top; }
.event-icon-date svg { position: relative; top: 1px; }
.event-icon-price svg { position: relative; left: -3px; top: 1px; }
.event-top { display: flex; width: 100%; }
.event-img { width: 75px; height: 75px; position: relative; border-radius: 4px; overflow: hidden; margin-top: 6px; margin-left: 14px; }
.event-img img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; object-fit: cover !important; }
.event-have-2:before { content: ''; webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; width: 7px; height: 7px; background: #7BFF6F; box-shadow: 0px 0px 15px #a5ff9d, 0px 0px 5px #b3ffb1; border-radius: 50px; display: inline-block; position: relative; right: 7px; top: 0px; }
#userform-event[data-status="busy"] .event-have-2:before { background: #FF4848; box-shadow: none; box-shadow: 0px 0px 15px #ff8d8d, 0px 0px 5px #ff3838; }
.event-have-2 { position: relative; }
.event[data-status='busy'] .event-have-2:before { background: #FF4848; box-shadow: none; box-shadow: 0px 0px 15px #ff8d8d, 0px 0px 5px #ff3838; }
.userline-event .rp-select .option { line-height: 17px; padding-top: 10px; padding-bottom: 10px; }
#userform-event-form { padding-bottom: 20px; }

#userform-event .event-date { font-size: 13px; }
#userform-event .event-right { font-size: 14px; line-height: 118%; }
#userform-event .event-have-2:before { width: 9px; height: 10px; top: 0px; }
#userform-event[data-status="busy"] .userline-btn { opacity: 0.5; pointer-events: none; }
.event-content-info { margin-top: 22px; display: flex; align-items: flex-end; }
.userline-event-content { margin-bottom: 20px; }
.event-content-title { font-weight: 700; font-size: 16px; line-height: 125%; margin-bottom: 5px; }
.event-content-description { font-size: 13px; line-height: 18px; opacity: 0.7; }
#userform-event-form .userline-count ul.list-ul > li:first-child { display: block; }
.userline-event .input-select { margin-top: 0; }


/* CERTIFICATES */
#certificates-types,
body[data-mobile="certificates"] #header > [data-type]:not([data-type="certificates"]),
body[data-mobile="certificates"] #items-filters { display: none; }
body[data-mobile="certificates"] #header > *[data-type="certificates"] { display: block; }
.certificates-text-line { opacity: 0.6; z-index: 1; position: relative; text-align: center; font-weight: 600; font-size: 16px; padding: 8px 8px 9px; }
.certificate-name { letter-spacing: 0.05em; text-transform: uppercase; font-weight: 700; font-size: 11px; line-height: 138%; margin-bottom: -2px; }
.certificate {background: rgba(255, 255, 255, 0.2);position: relative;border-radius: 5px;width: calc((100% - 20px) / 3);cursor: pointer;transition: ease 0.3s background;overflow: hidden;}
.certificate:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; border-radius: 5px; opacity: 0; transition: 0.3s ease; }
.certificate:hover:before { opacity: 0.1; }
.certificate-validity { font-size: 13px; margin-bottom: -4px; }
.certificate-validity-second { font-size: 13px; opacity: 0.5; }
.certificate-price {font-size: 19px;margin-bottom: -2px;text-transform: uppercase; font-weight: 700;}
.cert-symbol { font-size: 19px; }
.certificate-wrapper {padding: 13px 19px 13px 19px;z-index: 1; position: relative;}
.certificate-validity span { opacity: 0.7; }
.certificate:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/static/img/icon-certificates.svg?v=2) top right 8px no-repeat;opacity: 0.1;}
body[data-design-top="black"] .certificate::after { background-image: url(/static/img/icon-certificates-white.svg?v=2); }
.certificate-price b { font-size: 35px; }
.certificates-body { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
body[data-mobile="certificates"] #header-container { top: -64px; }
/* CERTIFICATES FORM */
.input-select-date { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1; }
.input-select-date svg { position: absolute; right: 13px; top: 14px; }
.cert-title { font-size: 15px; }
.cert-price { font-size: 15px; }
.cert-text { opacity: 0.5; font-size: 13px; padding-left: 5px; }
.cert-info { display: flex; align-items: flex-end; }
.userline-payment-certificate { margin: 15px 0 10px 0; }
.cert-increase-title { font-size: 14px; margin-bottom: 4px; }
.cert-increase-text { opacity: 0.5; font-size: 12px; line-height: 15px; margin-left: 11px; }
.cert-increase-info { display: flex; align-items: center; }
.cert-increase-info .input-field { margin: 0; width: 95px; }
.cert-increase-info .input-field input { padding: 0 9px 2px; font-size: 14px; height: 37px; }

html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] #leftmodal,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] #leftmodal { left: 0; width: 100%; top: 50px !important; height: calc(100% - 80px) !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled).tabs-enable[data-mobile="items"] #leftmodal,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled).tabs-enable[data-mobile="scheme"] #leftmodal { height: calc(100% - 140px) !important; }
html:not(.is-panel) body[data-widget-type="2"].label-disable:not(.address-disabled)[data-mobile="items"] #leftmodal,
html:not(.is-panel) body[data-widget-type="2"].label-disable:not(.address-disabled)[data-mobile="scheme"] #leftmodal { height: calc(100% - 50px) !important; }
html:not(.is-panel) body[data-widget-type="2"].label-disable:not(.address-disabled).tabs-enable[data-mobile="items"] #leftmodal,
html:not(.is-panel) body[data-widget-type="2"].label-disable:not(.address-disabled).tabs-enable[data-mobile="scheme"] #leftmodal { height: calc(100% - 110px) !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] .leftmodal-wrapper,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] .leftmodal-wrapper { box-shadow: none; border-radius: 0; padding-top: 0 !important; width: 100%; display: flex; justify-content: center; height: 100%; align-items: center; min-height: 100%; left: 0; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] .userline-close,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] .userline-close { display: none; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] .leftmodal-content.leftmodal-loaded,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] .leftmodal-content.leftmodal-loaded { max-width: 390px; height: auto; max-height: none; margin: auto; width: 100%; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] #leftmodal-bg,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] #leftmodal-bg { display: none !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] #leftmodal .userline-standart h2,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] #leftmodal .userline-standart h2 {position: relative;box-shadow: none !important;border: 0;min-height: auto !important;height: auto;padding: 0px 0 22px 0 !important;background: transparent;}
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] #userform-select-time,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] #userform-select-time { margin-bottom: 12px; }
/* html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .user-hsel-tabs > * { border: 1px solid #ffffff26; color: #ffffff99; display: inline-block; cursor: pointer; position: relative; border-radius: 5px 0 0 5px; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .tab-time:not(.tab-active) .user-tab-h,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .tab-time.tab-active .user-tab-m { background: rgba(255,255,255,0.15); border-color: transparent; color: #fff; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .user-tab-h span,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .user-tab-m span { opacity: 1 !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .user-tab-h { border-right: 0 !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .user-tab-m { border-radius: 0 5px 5px 0; border-left: 0 !important; } */
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) #items-container,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) #scheme-container {display: none;}
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] #header-container,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] #header-container,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] #drawing-wrapper-items,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] #drawing-wrapper-items { background: transparent !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] .user-hsel-body,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] .user-hsel-body { left: 0; width: 100%; padding: 20px 20px; border-radius: 0 3px 3px 3px; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] #userform-select-time,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] #userform-select-time { min-height: auto; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] .user-month-body,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] .user-month-body { top: 0; bottom: 0; margin: auto; display: flex; align-items: center; pointer-events: none; box-shadow: none; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] .user-month-wrapper,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] .user-month-wrapper { pointer-events: auto; width: 100%; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled):not(.leftmodal-open)[data-mobile="items"] #drawing-main,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled):not(.leftmodal-open)[data-mobile="scheme"] #drawing-main { opacity: 0; visibility: hidden !important; pointer-events: none; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"] .open-menu-bg,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="scheme"] .open-menu-bg { border-radius: 0 !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) #have-free {display: none !important; }
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"].tabs-enable #drawing-main:after,
html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled)[data-mobile="items"].tabs-enable #drawing-main:after {display: none;}


body.is-mobile .animation > *,
body.is-mobile .card-item .card-img,
body.is-mobile .card-item:before { transition: none; }

@media (min-width: 570px) {
    .panel-call a { padding: 7px 0px 0px; text-decoration: none; }
    .panel-call span { font-size: 14px; }
    .panel-call { width: auto; padding: 0 15px; }
    .panel-call svg { position: relative; top: 4px; margin-right: 9px; }
    .panel-btn a { color: #fff; }
}

@media (min-width: 870px) {
    html.is-panel #leftmodal { width: 375px; }
    html.is-panel .iframe-license,
    html.is-panel #drawing-main { left: 375px; width: calc(100% - 375px); }
    html.is-panel #main-bg { display: none; }
    html.is-panel #leftmodal .leftmodal-wrapper,
    html.is-panel .leftmodal .userline-busy,
    html.is-panel #lightcase-case h2,
    html.is-panel .userline-standart h2,
    html.is-panel .leftmodal .input-field label.active,
    html.is-panel .leftmodal .input-select label.active,
    html.is-panel .leftmodal .userline-datetime.active label,
    html.is-panel .leftmodal #userform-reservation[data-color="gradient"] label {background: #2F2F2F !important;}
    html.is-panel body .userline-standart h2,
    html.is-panel #leftmodal .leftmodal-wrapper {border-radius: 0;}
    html.is-panel .userform-time .tabs .tab a:after,
    html.is-panel .user-btn-background { background: #181818 !important; }
    html.is-panel .btn-disabled .user-btn-background { background: rgba(255, 255, 255, 0.1) !important; }
    html.is-panel .userline-datetime { margin-top: 6px; }
    html.is-panel #lightcase-case.pay-iframe { margin-left: -14px !important; }
    html.is-panel .leftmodal-wrapper:before { content: ''; position: absolute; right: 0; top: 0; background: #fff; height: 100%; width: 1px; opacity: 0.1; z-index: 40; }
    html.is-panel .leftmodal:not(.leftmodal-panel) .pignose-calendar .pignose-calendar-header,
    html.is-panel #lightcase-case h2,
    html.is-panel .userline-standart h2 { border-color: rgba(255,255,255,0.1); }
    html.is-panel body:not([data-license-id="0"]):not([data-license-id="1"]):not(.is-operator) #leftmodal { position: fixed;}
}

@media (max-width: 1540px) {
    html.is-panel .container { max-width: 875px; }
    html.is-panel .card-item { width: calc((100% - 20px) / 5); }
    html.is-panel .banquet-item { width: calc((100% - 10px) / 3); }
}
@media (max-width: 1330px) {
    html.is-panel .container { max-width: 700px; }
    html.is-panel .card-item { width: calc((100% - 15px) / 4); }
    html.is-panel .banquet-item { width: calc((100% - 5px) / 2); }
}
@media (max-width: 1144px) {
    html.is-panel .container { max-width: calc(100% - 32px); }
}
@media (max-width: 1070px) {
    html.is-panel .container { max-width: calc(100% - 32px); }
    html.is-panel .card-item { width: calc((100% - 10px) / 3); }
    html.is-panel .banquet-item { width: calc((100% - 5px) / 2); }
}
@media (max-width: 940px) {
    #main-content { width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; }
    .drawing-panel,
    body.is-widget.leftmodal-group .panel-close {border-radius: 0 !important;}
    #drawing-open {border-radius: 0 !important;}
    .panel-fullscreen { display: none; }
    .panel-lang .widget-down-body { right: 8px; left: auto; transform: none; }
    .panel-lang .widget-down-wrapper:before { right: 13px; left: auto; }
    .dev-line {border-radius: 0 !important;}
    body:not(.mobile) .left-panel-close { border-radius: 0; }
    .dopen-name { border-radius: 0 !important; }
}
@media (max-width: 869px) {
    .is-panel #tabs { display: none !important; }
    .is-panel #leftmodal { right: 0; transform: none;}
    .is-panel .group-text { display: none; }
    .is-panel #leftmodal .leftmodal-wrapper { border-radius: 0; }
    .is-panel body.leftmodal-open:not(.widget-item-selected) .background-container {z-index: 225;background: #000;}
    .is-panel body[timemodal-type="time-edit-table"] #leftmodal,
    .is-panel body[timemodal-type="time-edit-table"] #leftmodal-bg,
    .is-panel body[timemodal-type="group-edit-select"] #leftmodal-bg { display: none !important; }
    .is-panel body[timemodal-type="time-edit-table"]:not(.widget-item-selected) .background-container {display: none;}
    .is-panel body.leftmodal-open #main-bg { background: #000000; }
    .background-container, #header-container:before, #main-bg { transition: none; }
    .is-panel .leftmodal [data-type="datetime"] #userform-select-time:after,
    .is-panel .leftmodal [data-type="datetime-fast"] #userform-select-time:after { position: fixed; height: calc(100% - 219px); top: 219px; }
    .is-panel .leftmodal-before { opacity: 0 !important; }
    .is-panel #scheme-container { height: calc(100% - 50px); }

    html.is-panel .card-item { width: calc((100% - 15px) / 4); }
    html.is-panel .banquet-item { width: calc((100% - 10px) / 3); }


    html.is-panel body:not([data-license-id="0"]):not([data-license-id="1"]):not(.is-operator).leftmodal-open #main-content { height: 100% !important; }
    body.leftmodal-open .iframe-license-last { display: none; }

    .intervals-wrapper { white-space: nowrap; }
    .intervals { overflow: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-left: 0; margin-right: 0; margin-bottom: 0px;}
    .intervals::-webkit-scrollbar { width: 0px; height: 0px; }

    html.is-panel body[data-time-type="2"][timemodal-type="group-select"] .header,
    html.is-panel body[data-time-type="2"][timemodal-type="group-edit-select"] .header { padding-top: 9px; }
}
@media (max-width: 780px) {
    html.lightcase-open,
    html.lightcase-open body,
    html.lightcase-open #drawing-main { overflow: hidden; position: fixed; height: 100%; }

    html.is-panel .banquet-item { width: calc((100% - 5px) / 2); }

    .notwork-block { padding: 20px 8px 24px; }
    .dri-forst { font-size: 20px; margin-bottom: 3px; }
    .dri-second { font-size: 13px; }
    .callback span { font-size: 16px; }
    .callback a {font-size: 18px;}
    .items-info-first { margin-bottom: 11px; }

    .notwork-title {font-size: 19px;margin-bottom: 3px;}
    .notwork-info {font-size: 14px;margin-bottom: 14px;}

    #drawing-open[data-count="3"] .step-address-wrapper { justify-content: left; }

    .floor-items { display: none !important; }
    .select-floors .open-menu {border-radius: 0;height: 100%;display: block;text-align: left;padding: 0; min-width: auto; border-right: 1px solid rgba(0, 0, 0, 0.1);background: transparent;}
    .select-floors {display: block !important;height: 100%;}
    .select-floors .context-menu { top: auto; bottom: 100%; box-shadow: none; border-radius: 0 5px 0 0; }
    .select-floors .open-menu-head {line-height: 49px;position: relative;padding: 0 27px 0 14px;}
    .select-floors .open-menu-head:after { margin: 0; right: 9px; top: 21px; position: absolute; transform: rotate(180deg); }
    .select-floors .menu-active .open-menu-head:after { transform: rotate(0deg); }

    .drawing-lt,
    .drawing-lt-group { height: 100%; }
    .items-times-text, .items-times-time { top: 1px; }
    .select-floors .context-menu-option { font-size: 13px; padding: 13px 14px; }
    .select-floors .open-menu > * { z-index: 15; }
    .select-floors .open-menu.menu-active:after { content: ''; background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

    .userline-close [stroke] { stroke: #fff; }
    .select-floors .open-menu { font-size: 13px; background: transparent !important; }

    .date-body { top: auto; bottom: 55px; left: 0; right: 0; margin: auto; position: fixed; max-width: 100%; max-width: calc(100% - 10px); }
    .modal-body.date-body:before { display: none; }

    /* LIGHTCASE */
    #lightcase-case {border: 0;border-radius: 0;}
    #lightcase-case:not([class*='lc-type-image']):not([data-lc-type="error"]) #lightcase-content {border-radius: 0;height: 100%;border: 0;}
    body.widget-init #lightcase-case:not([class*='lc-type-image']) { width: 100% !important; margin: 0 !important; height: 100% !important; max-height: none !important; left: 0; top: 0 !important; }
    #lightcase-case:not([class*='lc-type-image']) .lightcase-contentInner,
    #lightcase-case:not([class*='lc-type-image']) .lightcase-inlineWrap{height: 100% !important;width: 100% !important;max-width: none !important;max-height: none !important;}
    #lightcase-case:not([class*='lc-type-image']) .lightcase-contentInner iframe {width: 100% !important;height: 100% !important;max-width: none !important;max-height: none !important;}
    #lightcase-case:not([class*='lc-type-image']):not(.lightcase-notitle) #lightcase-content { height: calc(100% - 56px); }
    #lightcase-case:not([class*='lc-type-image']):not(.lightcase-notitle) #lightcase-title { border-radius: 0; border-width: 0; border-bottom-width: 1px;}
    #lightcase-case:not([class*='lc-type-image']) a[data-rel^=lightcase] { cursor: default; pointer-events: none; }

    body > *:not(#leftmodal) .user-hours-text { margin: 9px 0 19px 0px; }

    .items-not-have-top-1 { font-size: 16px; margin-bottom: 9px; }
    .items-not-have-top-2 { font-size: 16px; margin: 0 auto 25px; line-height: normal; max-width: 380px; }
}
@media (max-width: 732px) {
    html.is-panel .container { max-width: none; }

    .items-times-text,
    .items-times-time { font-size: 12px; line-height: 14px; top: 3px; }
    .items-times-text { left: 16px; }
    .items-times-time { right: 16px; }
    .events-type { padding: 0 16px; }
    .certificates-body { padding: 0 16px; }
    #items-dates,
    #items-dates-events { width: calc(100% - 32px); left: 16px; }
    #items-dates-events .items-month[data-type="1"] { right: -8px; }
    #open-page .items-month { right: 0; }
    html.is-panel #open-page .items-month { right: 16px; }
    #items-elements,
    .is-panel .open-title .open-container,
    #banquets-elements,
    .step-address-list { padding: 0 16px; }
    #drawing .line-filters {width: 100%;width: calc(100% - 33px);left: 16px; }
    .card-item,
    html.is-panel .card-item { width: calc((100% - 10px) / 3); }
    .banquet-item,
    html.is-panel .banquet-item { width: calc((100% - 5px) / 2); }
    .address-item { width: calc((100% / 2) - 10px); }
    .s-img { width: 210px; }
    .banquet-item .card-line-1 { line-height: 15px; font-size: 13px; margin-bottom: 2px; }

    .interval:first-child { margin-left: 15px; }
    .interval:last-child { margin-right: 15px; }

    .day-num { left: 0; right: 0; margin: auto; text-align: center; top: 1px; }
    .weeks-name { text-align: center; margin: 0; }
    .day-num { font-size: 18px; }
    .day-evnt-2 { display: none; }
    .day-events { left: 0; right: 0; margin: auto; text-align: center; }
    .weeks-names { margin-top: 26px; margin-bottom: 21px; }
    .day.active:not(.have) .day-num:before { height: 32px; width: 32px; }
    .day:before { padding-bottom: 0; height: 64px; }
    .day-next-name { display: none; }
    .day-next-name-short { display: block; }
    .day-next { text-align: center; }
    .svg-next-day { display: none; }
    .svg-next-day-mini { display: inline; }
    .day-next svg { left: 0; right: 0; margin: auto; top: 10px; }
    .events-type[data-type="2"] .events-body { gap: 6px; }
    .events-type[data-type="2"] .event { width: calc((100% - 6px) / 2); }
}
@media (max-width: 700px) {
    #tabs { padding: 0; justify-content: center !important;flex-direction: column-reverse;}
    body.tabs-enable:not(.leftmodal-group):not([timemodal-type="group-edit-select"]):not([timemodal-type="time-edit-table"]) #tabs { margin-bottom: -14px; }
    .tabs-items { border-radius: 0; width: 100%; height: 50px; padding: 0 5vw; box-shadow: none; margin-top: 7px; justify-content: center; }
    .tabs-items-wrapper { max-width: 520px; width: 100%; }
    .tabs-items-right { width: 100%; justify-content: center; padding: 0 10px;}
    .tabs-btn { height: 33px; padding: 0 18px; line-height: 13px; }
    .tabs-item { padding: 7px 6px 0px; text-align: center; width: 100%; }
    .tabs-item:before { height: 24px; width: 100%; left: 0 !important; margin-top: 8px; }
    .tabs-item span { display: block; margin-top: 25px; font-size: 8px; }
    body.items-enable .tabs-item[data-group-main="items"],
    body.events-enable .tabs-item[data-group-main="events"],
    body.events-enable .tabs-item[data-type="events"],
    body.certificates-enable .tabs-item[data-group-main="events"],
    body.certificates-enable .tabs-item[data-type="certificates"],
    body.banquets-enable .tabs-item[data-type="banquets"] { display: block; }
    body.group-enable [data-type-group="items"],
    body.waitlist-enable [data-type-group="items"] { justify-content: space-between; }
    body:not(.scheme-enable) .tabs-items-right[data-type-group="items"] { justify-content: flex-end; }

    body.tabs-enable .dev-line { background: #fff; }
    body.tabs-enable .dev-line a { color: #171818; font-weight: 400; font-size: 12px; }
    body.tabs-enable .dev-line a span { text-decoration: underline; }
    body.tabs-enable .dev-line:before { content: ''; position: absolute; width: 80%; height: 1px; background: #171818; top: 4px; z-index: 1; left: 0; opacity: 0.1; right: 0; margin: auto; }
    body.tabs-enable .dev-info { opacity: 0.4; padding-top: 2px; }

    body.tabs-enable:not([data-widget-type='2']) .dev-line { background: #fff; font-weight: 400; }
    body.tabs-enable:not([data-widget-type='2']) .dev-info { opacity: 0.5; }
    body.tabs-enable:not([data-widget-type='2']) .dev-line:before { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: calc(100% - 80px); height: 1px; background: #1B1919; opacity: 0.1; }
    body.tabs-enable:not([data-widget-type='2']) .dev-line a { color: #333; }

    body.is-mobile .map-controls > * { height: 35px; width: 35px; }
    body.is-mobile .map-zoom-btn { height: 37px; }

    body.tabs-enable.scheme-enable #have-free,
    body.tabs-enable.group-enable #have-free,
    body.tabs-enable.waitlist-enable #have-free { bottom: 144px; }
    body.label-disable #have-free { bottom: 30px; }
    body.label-disable.tabs-enable #have-free { bottom: 72px; }
    body.label-disable.tabs-enable.scheme-enable #have-free,
    body.label-disable.tabs-enable.group-enable #have-free,
    body.label-disable.tabs-enable.waitlist-enable #have-free { bottom: 112px; }

    body.items-enable.scheme-enable:not(.leftmodal-group) #tabs:before,
    body.group-enable:not(.leftmodal-group) #tabs:before,
    body.waitlist-enable:not(.leftmodal-group) #tabs:before {content: "";left: 0px;top: -30px;margin: auto;background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50.28%, rgba(0, 0, 0, 0.9) 100%); width: 100%; height: 90px;z-index: -1;pointer-events: none;position: absolute;opacity: 0.2;}

    body.leftmodal-group .tabs-btn { padding: 0 14px; height: 41px; }

    .certificate { width: calc((100% - 10px) / 2); }

    html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled).tabs-enable[data-mobile="items"] #leftmodal, html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled).tabs-enable[data-mobile="scheme"] #leftmodal { height: calc(100% - 125px) !important; }

}
@media (max-width: 680px) {
    #open-close { display: block; }
    .open-title .open-container { margin: 0 16px 0px 48px; }
    #open-page { transform: translateX(0px) !important; z-index: 231; opacity: 0; }
    .s-img { width: 210px; }

    #events-types { margin-top: 36px; }
    .events-type[data-type="2"] .event { width: 100%; max-width: 360px; }
    .events-type[data-type="2"] .events-body { justify-content: center; }
}
@media (max-width: 580px) {
    .s-img { width: 180px; }
    .iframe-license br {display: block;}
    .iframe-license-text { display: inline-block; vertical-align: top; text-align: left; }
    .iframe-license {line-height: 17px; padding: 17px 12px 20px;}
    .iframe-license.iframe-license-last {padding: 24px 10px 26px;}
    .iframe-license .btn span { padding: 9px 19px 10px; }
    .iframe-license-label {margin-top: 9px; line-height: normal; font-size: 10px; padding: 1px 8px 2px; }
    .is-panel body:not([data-license-id="0"]):not([data-license-id="1"]):not(.is-operator):not(.leftmodal-open) #leftmodal { max-height: calc(100% - 139px); }
    .is-panel body:not([data-license-id="0"]):not([data-license-id="1"]):not(.is-operator):not(.leftmodal-open) #main-content { height: calc(100% - 136px) !important; }
}
@media (max-width: 570px) {
    body.no-menu #menu { max-width: calc(100% - 60px); }
    body.no-menu.is-iframe #menu { max-width: calc(100% - 110px) !important; }
}
@media (max-width: 550px) {
    .card-item,
    html.is-panel .card-item { width: calc((100% - 5px) / 2); }
    .banquet-item,
    html.is-panel .banquet-item { width: 100%; }
    .s-img { width: 230px; }
}
@media (max-width: 490px) {
    .items-main-text { font-size: 15px; }
    .items-month-head { font-size: 15px; }
    .month-select-name { font-size: 15px; }
    .certificate { width: 100%; max-width: 300px; }
    .certificates-body { justify-content: center; }
}
@media (max-width: 475px) {
    .s-img { width: 210px; }
    #modal-content-wrapper { margin: 0; min-height: 100%; max-width: none !important; width: 100% !important; border-radius: 0; }
    #modal-content-content:before { display: none; }
    #modal-content:before{display: none;}
    .content-container { padding: 24px 16px; }
    #modal-content[data-type="content"] .content-container { padding: 34px 26px; }
    .context-menu { position: fixed; left: 0 !important; right: 0 !important; margin: auto; top: 50%; max-width: 260px; text-align: center; max-height: calc(100% - 40px) !important; transform: translate(0, -50%) !important; }

    .day:before { height: 54px; }
}
@media (max-width: 425px) {
    #leftmodal[data-type] { width: 100%; top: 0 !important; height: 100% !important; max-height: none; border-radius: 0; left: 0;}
    #leftmodal .leftmodal-wrapper { width: 100%; height: 100% !important;; right: 0; margin: auto; transform: none !important; transition: none; -webkit-overflow-scrolling: touch; border-radius: 0 !important; border: 0; top: 0; left: 0 !important; transform: none !important; transition: none; will-change: auto; }
    .is-panel body:not([data-license-id="0"]):not([data-license-id="1"]):not(.is-operator):not(.leftmodal-open) #leftmodal { top: 0px !important; max-height: none; }
    .userline-standart h2 { max-width: 100%; padding-left: 48px !important; padding-right: 16px !important;}

    .line-date { margin-top: -26px; }
    .header { padding: 39px 0 8px 0; }
    body[data-mobile="certificates"] .header { padding: 14px 0 11px 0; }
    #events-types { margin-top: 11px; }
    body.is-widget.leftmodal-group #header-container { top: -53px; }
    body.is-widget.leftmodal-group[data-mobile="scheme"] #header-container { top: 0; }
    body.is-widget.leftmodal-group[data-mobile="scheme"].header-hide #header-container { top: -47px; }
    body.is-widget.leftmodal-group .header { padding-top: 20px; }

    body.is-widget.leftmodal-group[data-time-type="2"] #header-container { top: 0; }
    body.is-widget.leftmodal-group[data-time-type="2"] .header { padding-top: 9px; }
    html.is-panel body[data-time-type="2"][timemodal-type="group-select"] .header,
    html.is-panel body[data-time-type="2"][timemodal-type="group-edit-select"] .header { padding-top: 4px; }

    #header-container { top: -72px }
    body[data-time-type="2"]:not([data-mobile="scheme"]) #header-container { top: -37px; }
    body[timemodal-type="group-select"]:not([data-mobile="scheme"]):not([data-time-type="2"]) #header-container,
    body[timemodal-type="group-edit-select"]:not([data-mobile="scheme"]):not([data-time-type="2"]) #header-container { top: -47px; }
    body[data-mobile="items"][data-notwork="not-work"] #header-container,
    body[data-mobile="banquets"][data-notwork="not-work"] #header-container,
    body[data-mobile="items"][data-notwork="event-full"] #header-container,
    body[data-mobile="banquets"][data-notwork="event-full"] #header-container { top: -52px;}

    body[data-mobile="scheme"].header-hide #header-container { top: -72px; }
    body[data-mobile="scheme"][timemodal-type="group-select"].header-hide #header-container,
    body[data-mobile="scheme"][timemodal-type="group-edit-select"].header-hide #header-container { top: -47px; }
    body[data-mobile="scheme"][data-notwork="not-work"].header-hide #header-container,
    body[data-mobile="scheme"][data-notwork="event-full"].header-hide #header-container  { top: -52px; }

    #map-labels { height: calc(100% - 167px); top: 167px; }
    body.header-hide #map-labels { top: 95px; height: calc(100% - 95px); }

    .notwork-block { margin-top: 6px; }
    .items-month-head { font-size: 15px; }
    .items-main-text {font-size: 15px;}
    .items-month { margin-top: 1px; }

    .filter-sort a { font-size: 13px; padding: 3px 8px 6px; }

    .line-filters .open-menu { font-size: 13px; }
    .line-filters .open-menu-head { padding: 3px 21px 6px 21px; }
    .line-filters .open-menu-head:after { right: 6px; }
    .line-filters .open-menu-head:before { left: 9px; }
    .line-filters .context-menu-option:before { position: relative; display: inline-block; bottom: auto; left: auto; top: -2px; margin-right: 5px; }

    #lightcase-case:not([class*="lc-type-image"]) .lightcase-icon-close { position: fixed;left: 4px;top: 6px !important;font-size: 17px;width: 40px;height: 40px;line-height: 38px;text-align: center;cursor: pointer;text-decoration: none;transition: all 0.2s ease 0s;color: #fff;opacity: 1 !important;}
    #lightcase-case:not([class*='lc-type-image']) .lightcase-icon-close:before { content: "\e900" !important; font-family: resto; }

    .userline-close,
    #reserv-close {position: fixed;left: 4px;top: 6px !important;width: 40px;height: 40px;cursor: pointer;transition: all 0.2s ease 0s;opacity: 1 !important;}
    .userline-close:before,
    .userline-close:after,
    #reserv-close:before,
    #reserv-close:after { left: 10px; top: 13px; width: 5px; }
    .userline-close:after { top: 9px; }
    .userline-close span,
    #reserv-close span { position: absolute; width: 22px; height: 1px; background: #fff; left: 10px; top: 18px; }

    #leftmodal .rp-select::before { min-height: 1000px; }
    #lightcase-case:not([class*='lc-type-image']):not(.lightcase-notitle) #lightcase-title { padding-left: 48px; }
    body.leftmodal-open:not([timemodal-type="group-select"]), body.leftmodal-open #leftmodal {-webkit-overflow-scrolling: auto; }
    html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .leftmodal-wrapper { display: block; }
    body.leftmodal-open .leftmodal-wrapper {-webkit-overflow-scrolling: touch; }
    .panel-close:before,
    .panel-close:after,
    #drawing-open .dopen-close:before,
    #drawing-open .dopen-close:after { left: 12px; }
    .panel-btn,
    #drawing-open .dopen-close { width: 46px; }

    .items-month-body { position: fixed; left: 0; right: 0; margin: auto; top: calc(50% - 162px); }
    #lightcase-case h2, .userline-standart h2, .leftmodal-wrapper, .userline-photo:before { box-shadow: none !important; }

    #open-page { width: 100%; }

    .s-img { width: 190px; }

    .open-content::-webkit-scrollbar { width: 0px; height: 0px; }

    .step-address-list { padding: 0 8px; }
    .address-item { width: calc((100% / 2) - 4px); margin-right: 4px; margin-bottom: 4px; }
    .step-address-wrapper { margin-right: -4px; }
    .address-adrs { font-size: 14px; line-height: 16px; }

    .interval { margin-bottom: 1px; padding: 6px 9px; font-size: 13px; }

    .day-num { font-size: 16px; top: 2px; }
    #have-free-wrapper { width: 100%; }

    html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .leftmodal-content.leftmodal-loaded { max-width: none; }
    html:not(.is-panel) body[data-widget-type="2"]:not(.address-disabled) .user-hsel-body { left: -25px; border-radius: 0; width: calc(100% + 50px); }
}
@media (max-width: 400px) {
    body[data-lang="en"] .cart-reserv-item { font-size: 11px; }
    body[data-lang="en"] .card-item[data-status="free"] .s-1,
    body[data-lang="en"] .card-item[data-status="freesoon"] .s-2,
    body[data-lang="en"] .card-item[data-status="busy"] .s-3 {  font-size: 13px; }

    .tabs-btn { padding: 0 13px; }
    .tabs-btn-right[data-right="items"] .tabs-btn { min-width: 74px; }
}
@media (max-width: 365px) {
    html.is-panel .items-month-count { font-size: 10px; right: -9px; height: 16px; width: 16px; line-height: 15px; top: -4px; }

    #open-page .notwork-block { padding: 24px 0 30px; margin: 0 16px 17px; }

    .free-info-time { font-size: 13px; padding-top: 1px; }
    .card-item { font-size: 13px; }
    .card-floor { font-size: 11px; }
    .card-number { font-size: 18px; }
    .card-people { top: 2px; font-size: 14px; }
    .card-text { padding: 5px 8px; }
    .crd-name { font-size: 15px; }
    .s-img { width: 160px; }
    .card-deposit { font-size: 12px; font-weight: 300; }
    .card-deposit span { font-size: 13px; }
    .pignose-calendar-top-month { font-size: 17px; }
    .pignose-calendar .icon-arrow-left,
    .pignose-calendar .icon-arrow-right { line-height: 25px; font-size: 15px; }
    .items-month-body { width: 300px; }

    .add-group-info { left: 16px; width: 100px; height: 114px; top: 0; bottom: 0; margin: auto; }

    .notwork-title { font-size: 18px; }
    .notwork-info { font-size: 13px; }
    .callback a { font-size: 16px; line-height: 17px; }
    .dri-forst { font-size: 18px; margin-bottom: 1px; }

    .address-adrs { font-size: 13px; line-height: 14px; }
    .address-text { padding: 6px 9px 10px; }
    .address-metro { font-size: 12px; }
    .address-metro svg { top: 2px; }
    .address-item a:before,
    .address-item a:after { right: 8px; }

    #modal-content[data-type="content"] .content-container { padding: 24px 16px; }
}
@media (max-width: 359px) {
    /* license info */
    .iframe-license { font-size: 12px; line-height: 14px; padding: 19px 12px 20px; }
    .iframe-license-label { margin-top: 6px; }
    .iframe-license .btn span { padding: 8px 16px 9px; }
    .iframe-l-1 { line-height: 15px; }

    .dri-forst { font-size: 16px; }
}
@media (max-width: 355px) {
    body[data-lang="en"] .card-reserv { padding-left: 1px; padding-right: 1px; }
    body[data-lang="en"] .card-info { left: 0px; top: 0px; }
    body[data-lang="en"] .card-item[data-status="free"] .s-1,
    body[data-lang="en"] .card-item[data-status="freesoon"] .s-2,
    body[data-lang="en"] .card-item[data-status="busy"] .s-3 { padding: 0px 1px 2px;}
}
@media (max-width: 340px) {
}

/* COOKIES */
#cookies {display: none;position: absolute;right: 23px;bottom: 20px;background: rgb(16 13 13 / 60%);backdrop-filter: blur(18px);z-index: 2002;border-radius: 12px;}
#cookies.active { display: block; }
#cookies .cookies-wrapper {display: flex;background: rgba(255, 255, 255, 0.2);padding: 10px 10px 10px 16px;border-radius: 12px;}
#cookies .cookies-text {font-size: 14px;letter-spacing: 0.02em;padding-right: 20px;font-weight: 400;flex:1 0;}
#cookies a {display: flex;padding: 11px 18px 11px 15px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 8px;gap: 7px;text-decoration: none;transition: 0.3s ease;}
#cookies a:hover { opacity: 0.8; }
#cookies a > span {font-size: 10px;letter-spacing: 0.1em;text-align: center;color: rgba(255, 255, 255, 1);margin-top: 1px;font-weight: 600;}
body[data-design="white"] #cookies { background: rgba(255, 255, 255, 0.5); box-shadow: 0px 3px 20px 0px rgba(30, 32, 35, 0.05); color: #171818; }
body[data-design="white"] #cookies a > span { color: #171818; }
body[data-design="white"] #cookies a { border: 1px solid rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.05); }
body[data-design="white"] #cookies [fill="white"] { fill: #171818; }

@media(max-width:425px) {
    #cookies {width: calc(100% - 36px);right: 0;left: 18px;bottom: 18px;}
    #cookies .cookies-wrapper { padding-left: 14px; }
    #cookies .cookies-text { font-size: 13px; padding-right: 8px; }
}
@media(max-width:360px) {
    #cookies { width: calc(100% - 16px); left: 8px; bottom: 8px; }
    #cookies .cookies-wrapper { padding: 8px; padding-left: 10px; }
}