@font-face {
    font-family: 'Druk Wide Cy Web';
    src: url('/fonts/0b5ecd0afcf95185925504cdca01f5e3.eot');
    src: url('/fonts/0b5ecd0afcf95185925504cdca01f5e3.eot?#iefix') format('embedded-opentype'),
        url('/fonts/0b5ecd0afcf95185925504cdca01f5e3.woff2') format('woff2'),
        url('/fonts/0b5ecd0afcf95185925504cdca01f5e3.woff') format('woff'),
        url('/fonts/0b5ecd0afcf95185925504cdca01f5e3.ttf') format('truetype'),
        url('/fonts/0b5ecd0afcf95185925504cdca01f5e3.svg#Druk Wide Cy Web Bold Regular')
            format('svg');
}

@font-face {
    font-family: 'Druk Wide';
    src: url('/font/dusk.woff2') format('woff2'), url('/font/dusk.woff') format('woff');
}

#restoplace-wrapper-btn {
    display: none;
}

:root {
    --yellow: #ffed1f;
    --copyright-color: #282828;
    --white: #fff;
    --black-stroke: #e9e9e9;
    --black: #101010;
    --black-footer-bg: #191919;
    --black-70: #2a2a2a;
    --black-100: #1b1b1b;
    --black-200: #4a4a4a;
    --black-300: #9f9f9f;
    --yellow: #ffed1f;
    --yellow-50: #ddce21;
    --yellow-100: #eedd1b;
    --yellow-300: #534c00;
    --red: #ff1a3b;
    --red-100: #d71e39;
    --purple: #e63287;
    --purple-100: #d93281;
    --green: #4bc34b;
    --green-100: #41b341;
    --green-200: #205220;
    --green-300: #164316;
    --copyright-color: #282828;
    --yellow-25: #fff25e;
    --block-border-radius: 40px;
    --font-family: 'Inter', sans-serif;
    --second-family: 'Druk Wide Cy Web', sans-serif;
}

body {
    max-width: 1920px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
    background-color: #101010;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    width: 100%;
    letter-spacing: 0;
    line-height: 130%;
    overflow-x: hidden;
}

h1,
h2,
h3 {
    font-family: 'Druk Wide Cy Web';
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
}

.callBackVoid:hover {
    cursor: pointer;
}

:hover {
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

/* Datepicker */

/* Overall container for a clean, borderless look */
.ui-datepicker {
    font-family: var(--font-family);
    padding: 0;
    border: none;
    box-shadow: none;
    width: fit-content;
    border-radius: 10px;
    padding: 30px;
    background: var(--white);
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    z-index: 2;
    color: #0e0e0e;
}

.ui-datepicker table {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}

/* Header style for month and year */
.ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    padding: 0 0 10px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    font-weight: 600;
}

.ui-datepicker .ui-datepicker-next {
    right: 0px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0px;
}

/* Navigation arrows */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0;
    padding: 5px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: war(--white);
    border-radius: 50%;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-image: none;
    font-size: 18px;
    text-indent: 0;
    line-height: 30px;
    color: #000;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

.ui-icon {
    width: 30px;
    height: 30px;
    overflow: visible;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

.ui-datepicker .ui-datepicker-prev span::before,
.ui-datepicker .ui-datepicker-next span::before {
    content: '';
    display: inline-block;
    border-color: #0e0e0e;
    border-style: solid;
    border-width: 1px 1px 0 0;
    height: 10px;
    width: 10px;
    position: relative;
    top: -2px;
}

.ui-datepicker .ui-datepicker-prev span::before {
    left: 2px;
    transform: rotate(-135deg);
}

.ui-datepicker .ui-datepicker-next span::before {
    left: -2px;
    transform: rotate(45deg);
}

/* Day names row */
.ui-datepicker .ui-datepicker-calendar th {
    padding: 10px 0;
    font-weight: 500;
    text-align: center;
    border: none;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #787878;
}

/* Day cells (numbers) */
.ui-datepicker .ui-datepicker-calendar td {
    padding: 5px 0;
    border: none;
}

.ui-datepicker .ui-state-default {
    border: none;
    background: none;
    color: #000;
    text-align: center;
    display: block;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-weight: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-datepicker .ui-state-default:hover {
    transform: scale(1.1);
}

/* Styling for the specific highlighted dates */

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    border: 1px solid var(--black);
    border: 1px solid var(--black);
    border-radius: 50%;
    background: none !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
    background-color: var(--red) !important;
    border: 1px solid var(--red);
    color: #fff !important;
    border-radius: 50%;
}

/* Other month's days */
.ui-datepicker .ui-datepicker-other-month .ui-state-default {
    color: #ccc;
}

/* ---- */

.stick-menu {
    display: none;
    text-align: center;
}

.shapka-top {
    overflow: hidden;
}

.shapka-stick {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition-duration: 0.5s;
}

.shapka-stick.sticked {
    background-color: #101010;
    padding-bottom: 20px;
}

.shapka-stick.sticked.fixed {
    position: fixed;
    width: 100%;
}

/* .shapka-stick {
    transition-duration: 0.3s;
} 

.is-sticky .shapka-stick {
    background-color: #101010;
    padding-bottom: 20px;
    z-index: 900;
}*/

.is-sticky .stick-menu {
    width: 100%;
    z-index: 1000;
    display: block;
    position: fixed;
    background-color: #fff;
    padding: 12px 0;
}

.stickMenu__list {
    display: flex;
    justify-content: space-around;
}

.line-top {
    display: none;
    z-index: 1001;
    /*position: fixed;*/
    width: 100%;
    left: 0;
    top: 0;
}

.line-top__inner {
    padding: 8px;
    background-color: #fcfcfc;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.line-top__logo img,
.mobile-menu__logo img {
    height: 32px;
}

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

.line-top__phone-link {
    color: #000;
    text-decoration: none;
}

.line-top__icon {
    text-decoration: none;
    color: #000;
    font-size: 1.8em;
}

.shapka__logo-img {
    width: 100px;
}

.mobile-menu-wrapper {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    background-color: rgba(16, 16, 16, 0.8);
}

.mobile-menu {
    background-color: var(--yellow);
    border-radius: 0 20px 20px 0;
    width: 60%;
    height: min-content;

    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: var(--black);
}

.mobile-menu__inner {
    padding: 16px;
}

.mobile-menu__line-top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu__closed {
    color: #000;
    text-decoration: none;
    font-size: 1.8em;
}

.mobile-menu__logo img {
    width: 77px;
    height: auto;
}

.mobile-menu__list {
    list-style: none;
    padding: 15px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.mobile-menu__item.city {
    font-size: 14px;
}

.mobile-menu__item.city .sity-item {
    border: 1px solid var(--red);
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--black);
}

.mobile-menu__item.city .sity-link {
    border: 1px solid var(--red);
    background: var(--yellow);
}
.mobile-menu__item.city .adress-sub {
    color: var(--yellow-300);
}

.mobile-menu__item {
    padding: 15px 20px;
    border-top: 1px solid var(--yellow-50);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu__item + .down-menu {
    width: 100%;
    display: none;
    background: var(--yellow);
}

.mobile-menu__closed img {
    width: 40px;
    height: 40px;
}

.mobile-menu__item.open-menu:hover + .down-menu,
.mobile-menu__item.open-menu + .down-menu:hover {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
}

.mobile-menu__item span {
    border-radius: 3px;
    padding: 2.5px 5px;
    background: var(--red);
    color: var(--yellow);
    text-align: center;
}

.mobile-menu__item:hover span,
.mobile-menu__item:active span {
    background: var(--yellow);
    color: var(--red);
}

.mobile-menu__item + .down-menu a {
    padding: 15px 20px;
    width: 100%;
    border: 1px solid var(--yellow-50);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-menu__item:hover,
.mobile-menu__item:active,
.mobile-menu__item + .down-menu a:hover,
.mobile-menu__item + .down-menu a:active {
    color: var(--white);
    background-color: var(--red);
}

.mobile-menu__item.city:hover,
.mobile-menu__item.city:active,
.mobile-menu__item.city:hover a,
.mobile-menu__item.city:active a {
    background: var(--yellow);
    color: var(--black) !important;
}

.mobile-menu__list .mobile-menu__item:last-of-type {
    border-bottom: 1px solid var(--yellow-50);
}

.mobile-menu .red-btn a {
    display: flex;
    justify-content: center;
}

.mobile-menu .red-btn.red-bg a {
    background: var(--red);
    color: var(--yellow);
}

.mobile-menu .red-btn.red-bg a:hover {
    background: var(--yellow);
    color: var(--red);
}

.red-btn.taxi img {
    height: 15px;
    margin-right: 10px;
}

.red-btn.taxi:hover img {
    content: url(../img/ico.png);
}

.red-btn.taxi img {
    height: 15px;
    margin-right: 10px;
}

.mobile-menu .adress a:hover {
    color: var(--red) !important;
}

.mobile-menu__item.city {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 15px 0;
}

.mobile-menu__item a,
.mobile-menu__item + .down-menu a {
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    justify-content: center;
}

.mobile-menu__phone {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mobile-menu--btns {
    display: flex;
    gap: 10px;
}

.mobile-menu--btns a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--black);
}

.mobile-menu--btns__item a img {
    filter: brightness(0);
}

.mobile-menu--btns a:hover,
.mobile-menu--btns a:active {
    background-color: var(--white);
}

.mobile-menu__phone-text {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 8px 0;
    font-size: 0.875em;
}

.mobile-menu__phone-list {
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    margin: 0;
}

.mobile-menu__phone-item {
    padding: 8px 0;
}

.mobile-menu__phone-link {
    text-transform: uppercase;
    font-size: 0.875em;
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.category-mobile {
    margin: 8px 0;
}

.category-mobile select {
    width: 100%;
    border: 2px solid #000;
    border-radius: 8px;
    padding: 8px 16px;
}

.line-top__callback {
    background-color: #000;
    color: #ffffff;
    border: none;
    margin-top: 4px;
    text-transform: lowercase;
    padding: 4px 8px;
}

#myVideo {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.shapka-top {
    background-image: url('/img/rvbvideo.webp');
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.slide-text {
    color: var(--white);
}

.shapka-top .circle {
    position: absolute;
    left: -155px;
    top: 110px;
    z-index: -1;
}

.shapka-sticker {
    position: absolute;
    animation: 3s linear 0s infinite alternate levitate;
    /* z-index: 3; */
}

.shapka-sticker.sticker-1 {
    left: 124px;
    top: 0;
}

.shapka-sticker.sticker-2 {
    right: 0px;
    top: 100px;
}

.shapka-sticker.sticker-3 {
    left: -30px;
    bottom: 200px;
}

.shapka-sticker.sticker-4 {
    right: 30px;
    bottom: 40px;
    z-index: 3;
}

.shapka-top .slide__container {
    z-index: 2;
}

.shapka-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #4a4a4a;
    margin-bottom: 20px;
}

.shapka-nav a:hover {
    color: #ffed1f;
}

.open-menu {
    position: relative;
}

.open-link::after {
    content: url('/img/nav/down.svg');
}

.mobile-menu__item .open-link::after {
    content: url('/img/nav/down-mob.svg');
}

.mobile-menu__item:hover .open-link::after,
.mobile-menu__item.opened .open-link::after {
    content: url('/img/nav/down-mob-w.svg');
}

.mobile-menu__item:hover .open-link::after,
.open-link:hover::after,
.mobile-menu__item.opened .open-link::after {
    transform: rotate(180deg) translateY(-5px);
    /* transition-duration: 0.3s; */
}

.shapka-nav .down-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: 10px;
    border: 1px solid #ffed1f;
    background: #101010;
    padding: 30px;
}

.shapka-nav .open-menu:hover .down-menu,
.shapka-nav .open-menu:hover .down-menu:hover {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    z-index: 1001;
}

.shapka-nav .down-menu a {
    padding: 0 !important;
    white-space: nowrap;
}

.shapka-nav__item a {
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
}

.shapka-nav__item span {
    color: #101010;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 5px;
    border-radius: 3px;
    background: #ffed1f;
}

.shapka-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.shapka-cont__left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.shapka-logo {
    border-right: 1px solid var(--black-200);
    padding-right: 20px;
}

.adress {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.map-pin {
    width: 16px;
    height: auto;
}

.adress-title {
    display: flex;
    gap: 10px;
    font-weight: 500;
    color: #fff;
}

.adress-title:hover,
.adress-title:focus {
    color: var(--yellow);
}

.mobile-menu .adress-title,
.mobile-menu .sity-link {
    justify-content: start;
}

.adress-sub {
    color: #9f9f9f;
}

.sity {
    display: flex;
    flex-direction: column;
}

.sity-item {
    border-radius: 80px;
    border: 1px solid #ffed1f;
    color: #fff;
    padding: 20px;
    min-width: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    user-select: none;
    cursor: pointer;
}

.sity-item:hover {
    background: #1b1b1b;
}

.mobile-menu__item .sity-item,
.mobile-menu__item .sity-link {
    width: fit-content;
    min-width: fit-content;
}

.mobile-menu__item .sity-link {
    width: 114px;
}

.sity-drop {
    position: absolute;
}

.sity-link {
    border-radius: 80px;
    border: 1px solid #4a4a4a;
    background: #101010;
    padding: 20px;
    min-width: 150px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    user-select: none;
    margin-top: 10px;
    color: #fff;
}

.sity-link:hover {
    border-color: #9f9f9f;
    color: #fff;
}

.sity-item::-webkit-details-marker {
    display: none;
}

.shapka-cont .sity-item:after {
    content: url('/img/nav/down.svg');
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.shapka-cont details[open] .sity-item:after {
    content: url('/img/nav/up.svg');
}

.mobile-menu__item.city .sity-item::after {
    content: url('/img/nav/down-red.svg');
    margin-left: 5px;
}

.mobile-menu__item.city .sity-item:hover {
    background: var(--yellow-100);
}

.mobile-menu__item.city details[open] .sity-item:after {
    content: url('/img/nav/up-red.svg');
}

details[open] {
    animation: slide 0.5s ease-in-out;
    animation-duration: 1s;
    z-index: 3;
}

.shapka-btn {
    border-left: 1px solid #4a4a4a;
    padding-left: 20px;
}

.shapka-cont__right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.yell-btn a {
    color: #101010;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 80px;
    background: #ffed1f;
    padding: 20px 30px;
    display: flex;
    width: fit-content;
}

.red-btn a,
.yell-btn a,
.inh-btn a,
.grey-btn a,
.modalMain__button a {
    text-align: center;
    min-height: 62px;
    align-items: center;
    height: 62px;
}

.yell-btn a:hover {
    color: #ffed1f;
    background: #ff1a3b;
}

.yell-btn a:active {
    background: #d71e39;
}

.forma .yell-btn a:hover {
    color: var(--white);
    background: var(--green);
}

.forma .yell-btn a:active {
    background: var(--green-100);
}

.forma input:hover,
.forma input:active {
    box-shadow: 4px 4px 0 0 var(--red);
}

.shapka-soc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.shapka-soc__item a {
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #ffed1f;
}

.shapka-soc__item a:hover {
    background-color: #ffed1f;
}

.shapka-soc__item a:hover img {
    filter: brightness(0);
}

.shapka-soc__item a:active {
    background-color: #ddce21;
}

.shapka-phone a {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.shapka-phone a:hover {
    color: var(--yellow);
}

.shapka-slide {
    padding: 100px 0 50px;
}

.slide-title {
    width: 944px;
    max-width: 100%;
    margin-bottom: 40px;
}

.slide-text {
    margin-bottom: 30px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.slide-title img {
    width: 944px;
}

.slide-soc {
    margin-top: 58px;
    display: flex;
    gap: 60px;
}

.slide-bg {
    background-image: url('/img/slide-bg.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}

.slide__container {
    position: relative;
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: stretch;
}

.slide__container > div {
    width: 50%;
}

.slide-bg__zhukov {
    position: relative;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: -1;
}

.slide-bg__zhukov-img {
    width: 100%;
}

.slide-soc__item a {
    color: #4a4a4a;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.slide-soc__item a:hover {
    color: #fff;
}

.yell-block {
    border-top-right-radius: var(--block-border-radius);
    border-top-left-radius: var(--block-border-radius);
    background: #ffed1f;
    background-image: url('/img/yell-bg.svg');
    background-repeat: repeat;
}

.green-block {
    padding-top: 60px;
    border-radius: var(--block-border-radius);
    background: #4bc34b;
    background-image: url('/img/gren-bg.svg');
    background-repeat: repeat;
    overflow: hidden;
    z-index: 100;
    position: relative;
}

.green-block-sticker {
    position: absolute;
    z-index: 101;
    animation: 3s linear 0s infinite alternate levitate;
}

.green-block-sticker.sticker-1 {
    right: 0;
    top: 2%;
}

.green-block-sticker.sticker-2 {
    left: 38%;
    bottom: 115px;
}

.green-block-sticker.sticker-3 {
    top: -85px;
    right: -95px;
}

.koncert-inner {
    position: relative;
    display: grid;

    grid-template-columns: 39% 61%;
    width: 100%;
    padding-right: 20px;
    padding-left: 60px;
}

.koncert-right {
    display: flex;
    flex-direction: column;
    gap: 54px;
    width: 100%;
    position: relative;
    height: 100%;
}

.koncert-left {
    margin-bottom: 60px;
    margin-right: 10px;
    width: 100%;
    max-width: 712px;
}

.koncert-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.koncert-slider .owl-carousel {
    padding-left: 7%;
    padding-right: 18%;
    padding-top: 3%;
}

.koncert-slider .tv-img {
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 100%;
}

.koncert-right .tv-table {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.koncert-img {
    max-width: 770px;
    height: 100%;
}

.inh-btn a {
    border-radius: 80px;
    border: 1px solid #205220;
    padding: 20px 20px;
    display: flex;
    color: #205220;
    font-weight: 500;
    width: fit-content;
    justify-content: center;

    align-items: center;
}

.inh-btn a:hover {
    background-color: #205220;
    color: #fff;
}

.inh-btn a:active {
    background-color: #164316;
    color: #fff;
}

.koncert-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.koncert-btns__left,
.koncert-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.koncert-nav.mobile {
    display: none;
}
.koncert-nav {
    z-index: 104;
}

.koncert-btn {
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: #ffed1f;
    border-radius: 50%;
    cursor: pointer;
}

.koncert-btn img {
    filter: brightness(0);
}

.koncert-btn:hover {
    background-color: #ff1a3b;
}

.koncert-btn:active img,
.koncert-btn:hover img {
    filter: none;
}

.koncert-btn:active {
    background-color: #d71e39;
}

.owl-next.disabled,
.owl-prev.disabled {
    display: none;
}

.net-block {
    border-radius: var(--block-border-radius);
    background: #111;
    background-image: url('/img/net-bg.svg');
    background-repeat: repeat;
    margin: 0 auto;
}

.yell-bot {
    padding: 40px 60px 50px;
    position: relative;
}

.rot-title {
    position: absolute;
    /* transform: rotate(-90deg); */
    top: 300px;
    left: 60px;
    color: #837900;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    writing-mode: sideways-lr;
    z-index: 100;
}

.sticky-wrapper {
    height: min-content !important;
    width: 100%;
}

.koncert-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-family: 'Druk Wide Cy Web';
    font-size: 54px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 20.4%;
}

.koncert-sub {
    color: #248824;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: right;
    padding-right: 38px;
}

.koncert-pictitle {
    position: relative;
    margin-bottom: 20px;
    max-width: 636px;
    width: 100%;
}

.koncert-pictitle img:last-of-type {
    width: 100%;
}

.koncert-title {
    color: #101010;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.koncert-text {
    margin-top: 10px;
    margin-bottom: 40px;
    color: #205220;
}

.afisha-top {
    display: flex;
    justify-content: space-between;

    margin-bottom: 30px;
}

.afisha-nav .afisha-btn.not-mob {
}

.afisha-inner {
    position: relative;
}

.afisha-btn.mobile {
    display: none;
}

.afisha-title {
    max-width: 55%;
}

.afisha-title img {
    width: 100%;
}

.afisha-top__right {
    max-width: 647px;
}

.afisha-text {
    color: #534c00;
    font-weight: 400;
    margin-bottom: 20px;
}

.afisha-slider,
.akcii-slider {
    margin-right: -60px;
    margin-left: 228px;
}

.yell-bot {
    overflow-x: hidden;
}

.afisha-slider img {
    border-radius: 10px;
    max-width: 430px;
}

.akcii-slider img {
    border-radius: 10px;
}

.interier-slider .owl-item.active.center img {
    transform: translateY(10px);
    padding-bottom: 10px;
}

.afisha-btn {
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: #ff1a3b;
    border-radius: 50%;
    cursor: pointer;
}

.afisha-btn:hover {
    background-color: #101010;
}

.afisha-btn:active {
    background-color: #2a2a2a;
}

.afisha-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.afisha-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.afisha-dots,
.akcii-dots {
    border-radius: 80px;
    border: 1px solid #ddce21;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.afisha-dots .owl-dot,
.akcii-dots .owl-dot {
    width: 20px;
    height: 20px;
    border: 2px solid #ff1a3b;
    border-radius: 50%;
    cursor: pointer;
}

.afisha-dots .active span,
.akcii-dots .active span {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #ff1a3b;
    display: flex;
    position: relative;
    top: 3px;
    left: 3px;
}

.owl-carouselAfisha .owl-item,
.owl-carouselAkcii .owl-item {
    padding-bottom: 10px;
    /* width: 430px !important; */
}

.owl-carouselAfisha .owl-item:hover img,
.owl-carouselAkcii .owl-item:hover img {
    transform: translateY(10px);
}

.red-btn a {
    border-radius: 80px;
    border: 1px solid #ff1a3b;
    padding: 20px 30px;
    color: #ff1a3b;
    font-weight: 500;
    display: flex;
}

.red-btn a:hover {
    background: #ff1a3b;
    color: #ffed1f;
}

.red-btn a:active {
    background: #d71e39;
    color: #ffed1f;
}

.bar-sub {
    margin-bottom: 40px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
}

.bar-inner {
    background-image: url('/img/bar.svg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 60px;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bar-title {
    color: #fff;
    font-family: 'Druk Wide Cy Web';
    font-size: 54px;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
    margin-bottom: 40px;
}

.bar-title span {
    color: #ffed1f;
}

.bar-container {
    width: 1385px;
    max-width: 100%;
    margin: 0 auto;
}

.bar-text {
    color: #9f9f9f;
    text-align: center;
    margin-bottom: 40px;
}

.bar-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
}

.bar-item {
    border-radius: 133px 133px 20px 20px;
    border: 1px solid #4a4a4a;
    background: #101010;
    padding: 20px;
    transition-duration: 0.3s;
}

.bar-item img {
    max-width: 100%;
}

.bar-name {
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.bar-item:hover {
    transform: translateY(-10px);
    background-color: #ff1a3b;
    border-color: #ff1a3b;
}

.grey-block {
    background-image: url('/img/food-bg.png');
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

/* .grey-block .container-fluid {
    padding: 60px;
    padding-right: 30px;
    padding-top: 0;
} */

.grey-block .container-fluid .food-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.89fr);
}

.akcii-block {
    padding: 60px;
    padding-bottom: 40px;
    position: relative;
    border-radius: var(--block-border-radius);
}

.akcii-block .afisha-title {
    max-width: 1029px;
}

.akcii-block .afisha-top {
    margin-bottom: 40px;
    gap: 50px;
}

.food-slider {
    transform: scale(1.17);
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
}

.food-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 129px;
    padding: 70px 0 70px;

    min-height: 600px;
}

.food-title {
    color: #fff;
    font-family: 'Druk Wide Cy Web';
    font-size: 76px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
    margin-bottom: 20px;
}

.food-title span {
    color: #ffed1f;
}

.food-text {
    color: #9f9f9f;
    margin-bottom: 40px;
}

.food-btns {
    display: flex;
    gap: 40px;
    align-items: center;
}

.food-nav.not-mob {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.food-nav.mobile {
    display: none;
}

.food-sub {
    font-size: 24px;
    color: #4a4a4a;
}

.owl-carouselFood img {
    /* animation: 2s linear 0s infinite alternate food; */
    animation: 3s linear 0s infinite alternate levitate;
}

.owl-carouselFood .owl-item {
    padding: 20px 30px;
    padding-left: 0;
}

@keyframes food {
    0% {
        transform: translateY(-6px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(6px);
    }
}

.interier {
    position: relative;
}

.interier-sticker {
    position: absolute;
    animation: 3s linear 0s infinite alternate levitate;
    z-index: 2;
}

.interier-sticker.sticker-1 {
    left: 40%;
    top: 10%;
}

.interier-sticker.sticker-2 {
    left: 70%;
    bottom: 1%;
}

.interier-top {
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.fl-title {
    display: flex;
    justify-content: space-between;

    gap: 20px;
}

.interier-title {
    color: #fff;
    font-family: 'Druk Wide Cy Web';
    font-size: 76px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
}

.interier-title span {
    color: #ffed1f;
}

.interier-slider .owl-item img {
    max-width: 930px;
    height: 460px;
}

.fl-text {
    color: #9f9f9f;
    margin-bottom: 20px;
}

.fl-info {
    width: 800px;
    max-width: 100%;
}

.callMap {
    cursor: pointer;
}

.owl-carouselZali img {
    border-radius: var(--block-border-radius);
}

.interier-slider {
    margin: 0 -60px 60px;
    position: relative;
}

.interier-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 37%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    z-index: 200;
}

.map-block {
    background-image: url('/img/map.png');
    background-size: cover;
    background-position: center;
    min-height: 886px;
    padding: 90px 0;
}

.map-block__inner {
    position: relative;
}

.map-ramka {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.map-info {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 877px;
    max-width: 100%;
    padding-top: 100px;
    text-align: center;
}

.map-pic img {
    width: 100%;
}

.map-pic {
    margin-bottom: 20px;
}

.map-adress {
    font-family: 'Druk Wide Cy Web';
    font-size: 38px;
    font-weight: 500;
    line-height: 105%;
}

.map-adress a {
    color: #fff;
}

.adress-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 31px;
}

.map-sub {
    color: #9f9f9f;
    margin-bottom: 31px;
}

.footer {
    border-radius: 20px 20px 0 0;
    background: #191919;
    padding: 20px 0;
}

.footer-inner {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.footer-l,
.footer-r,
.footer-c {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-r {
    justify-content: flex-end;
}

.footer-c {
    justify-content: center;
}

.footer-c p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--copyright-color);
}

.footer-info {
    color: #9f9f9f;
    font-size: 16px;
}

.grey-btn a {
    color: #9f9f9f;
    border-radius: 80px;
    border: 1px solid #9f9f9f;
    padding: 20px 30px;
    display: flex;
}

.grey-btn a:hover {
    background-color: #2a2a2a;
    border-color: #fff;
    color: #fff;
}

.grey-btn a:active {
    background-color: #1b1b1b;
}

.footer-soc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.footer-soc__item a {
    display: flex;
    width: 62px;
    height: 62px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #9f9f9f;
}

.footer-soc__item a:hover {
    background: #2a2a2a;
}

.footer-soc__item a:hover img {
    filter: brightness(100);
}

.footer-soc__item a:active {
    background: #1b1b1b;
}

.forma {
    background-image: url('/img/form.png');
    background-position: center;
    background-size: cover;
    padding: 77px 0;
    border-radius: var(--block-border-radius);
}

.forma-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.forma-top {
    width: 1300px;
    max-width: 100%;
}

.forma-title img {
    width: 100%;
    margin-bottom: 20px;
}

.forma-sub {
    margin-bottom: 34px;
}

.forma-grid {
    width: 1034px;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-bottom: 22px;
}

.formMain__col1 {
    grid-column: 1 / 3;
}

.formMain__col2 {
    grid-column: 3 / 5;
}

.formMain__col3 {
    grid-column: 1 / 2;
}

.formMain__col4 {
    grid-column: 2 / 3;
}

.formMain__col5 {
    grid-column: 3 / 5;
}

.formMain__input {
    border-radius: 80px;
    background: #fff;
    width: 100%;
    padding: 20px 30px;
    color: #101010;
    border: none;
    outline-style: none;
    font-family: var(--font-family);
    font-weight: 500;
    height: 62px;
}

.formMain__input::placeholder {
    color: var(--black-300);
    font-size: 18px;
    font-weight: 500;
}

.formMain__input:focus,
.formMain__input:hover {
    box-shadow: 4px 4px 0 0 #ff1a3b;
}

.formMain__col .yell-btn a {
    width: 100%;
    justify-content: center;
    cursor: pointer;
}

.castomcheck {
    display: block;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    font-weight: 400;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 35px;
    margin-bottom: 20px;
}

.forma-check .castomcheck {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--white);
}

.castomcheck a {
    color: #fff;
    text-decoration: underline;
}

.castomcheck:last-child {
    margin-bottom: 0;
}

.castomcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 25px;
    width: 25px;
    background: #fff;
    border-radius: 5px;
}

.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.castomcheck input:checked ~ .checkmark:after {
    display: block;
}

.castomcheck .checkmark:after {
    left: 5px;
    top: 4px;
    content: url('/img/check.svg');
}

.warning {
    background-color: pink;
}

.line-top__icon {
    display: none;
}

.yel-btn-2 a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18px 20px 17px 20px;
    border-radius: 10px;
    box-shadow: 4px 4px 0px 0px rgba(255, 26, 59, 1);
    background: rgba(255, 237, 31, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0%;
    cursor: pointer;
}

.yel-btn-2 span::before {
    content: 'Узнай об открытии!';
}

.yel-btn-2 a:hover {
    box-shadow: none;
    background-color: #fff257;
}

/* .modal-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
} */

.modal-rel {
    position: relative;
    padding: 60px 56px 40px;
}

.modal-rel::before {
    position: absolute;
    left: 0;
    top: 30px;
    transform: skewY(-6deg);
    background-color: transparent;
}

.modal-close:hover {
    background-color: #ff1a3b;
    border-color: #ff1a3b;
    color: #fff;
}

.ok-modal {
    background-image: url(/img/mbg.png);
    background-position: top center;
    background-size: 90% auto;
    background-repeat: no-repeat;
}

.ok-modal .modal-rel {
    padding: 60px 21px 40px;
}

.modal-img {
    margin: 20px auto 40px;
    width: 154px;
    text-align: center;
}

.modal-img img {
    width: 100%;
}

.ok-modal .modalMain__sub {
    margin-bottom: 0;
}

.modalMain__btn {
    background-color: #fc6701;
    padding: 8px;
    white-space: nowrap;
    border-radius: 5px;

    outline-style: none;
    font-weight: 600;
    color: #fff;
}

.modalMain__btn:hover {
    background-color: #be4f03;
    color: #fff;
}

.modalMain {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}

.modalMain__bg {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
}

.modalMain__inner {
    position: absolute;
    width: 632px;
    padding: 30px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1005;
    border-radius: 30px;
    background: #ff1a3b;
}

.modalMap__inner {
    width: 800px;
    max-width: 100%;
    padding: 0;
    background-color: #101010;
}

.plan-img img {
    width: 100%;
    border-radius: 20px;
}

.modal-close {
    cursor: pointer;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: inherit;
    position: absolute;
    right: 20px;
    top: 20px;
    border: 1px solid #fff;
}

.modalMap__inner .modal-close {
    cursor: pointer;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #ffed1f;
    position: absolute;
    right: 20px;
    top: 20px;
    border: 0;
}

.modalMain__inner .modal-close:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black);
}

.modalMain__inner .modal-close:hover img {
    filter: brightness(0);
}

.modalMain__title {
    color: #fff;
    font-family: 'Druk Wide Cy Web';
    font-size: 38px;
    font-weight: 500;
    line-height: 105%;
    text-align: center;
    margin-bottom: 20px;
}

.modalMain__sub {
    margin-bottom: 34px;
    text-align: center;
    color: #fff;
}

.modalMain__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.modalMain__input {
    width: 100%;
    border: 1px solid #dddddd;
    padding: 4px 8px;
}

.modal-check .castomcheck {
    font-size: 16px;
}

.modalYesright {
    color: #fff;
}

.modalYesright a {
    color: #fff;
}

.modalMain__button {
    text-align: center;
    margin-bottom: 22px;
}

.modalMain__btn {
    border-radius: 80px;
    background: #4bc34b;
    padding: 20px 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
    font-size: 18px;
}

.modalMain__btn:hover {
    background-color: #ffed1f;
    color: #101010;
}

.circle-320 {
    display: none;
}

.map-block .taxi {
    display: none;
}

@keyframes levitate {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(20px);
    }
}

@media (min-width: 950px) {
    .container-fluid {
        padding: 0 60px;
    }
}

@media (max-width: 1919px) {
    :root {
        --block-border-radius: 20px;
    }
    body {
        font-size: 14px;
    }

    .red-btn a,
    .yell-btn a,
    .inh-btn a,
    .grey-btn a,
    .modalMain__button a {
        min-height: 55px;
        height: 55px;
    }

    .shapka-stick.sticked {
        padding-bottom: 15px;
    }

    .shapka-nav__item a {
        padding: 15px 0 20px;
    }

    .slide__container,
    .bar-inner,
    .koncert-inner,
    .food-inner,
    .afisha-top,
    .interier-top,
    .afisha-inner,
    .forma-inner,
    .grey-block .container-fluid .food-grid {
        max-width: 1280px;
        width: 100%;
    }

    .interier-slider {
        max-width: 1400px;
        width: 1400px;
    }

    .shapka-top .main.container-fluid,
    .net-block .container-fluid,
    .green-block,
    .afisha,
    .grey-block .container-fluid,
    .interier .container-fluid {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .formMain__input,
    .formMain__input::placeholder,
    .modalMain__btn {
        font-size: 14px;
    }
    .formMain__input {
        height: 55px;
    }

    .interier-slider .owl-item img {
        max-width: 650px;
        height: 336px;
    }

    /* --- First block --- */

    .modalMap__inner .modal-close {
        width: 55px;
        height: 55px;
    }

    .shapka-logo {
        padding-right: 10px;
    }

    .shapka-cont__left,
    .shapka-cont__right {
        gap: 10px;
    }

    .shapka-btn {
        padding-left: 10px;
    }

    .slide-title {
        margin-bottom: 20px;
    }

    .slide-title img {
        width: 687px;
    }

    .slide-text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .slide-soc {
        margin-top: 28px;
        display: flex;
        gap: 60px;
    }

    .slide__container {
        gap: 60px;
    }

    .slide-bg__zhukov-img {
        width: 437px;
    }

    img[src*='zhukov-top.png'] {
        content: url(../img/zhukov-top-1400.png);
    }

    .slide-bg__zhukov {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .shapka-top .circle {
        position: absolute;
        transform: scale(0.5);
        left: -294px;
        top: -222px;
    }
    .circle circle {
        stroke-width: 2px;
    }

    .shapka-sticker.sticker-1 {
        top: 36px;
        left: 8px;
        width: 117px;
    }

    .shapka-sticker.sticker-2 {
        right: -4px;
        top: 60px;
        width: 146px;
    }

    .shapka-sticker.sticker-3 {
        left: -64px;
        bottom: 52px;
        width: 137px;
    }

    .shapka-sticker.sticker-4 {
        right: -39px;
        bottom: 15px;
        z-index: 3;
        width: 142px;
    }

    /* ---- */

    /* --- Second block ---*/

    .green-block {
        padding-right: 40px;
        padding-left: 60px;
    }

    .yell-block {
        border-radius: var(--block-border-radius);
    }
    .koncert-inner {
        grid-template-columns: 43% 57%;
        padding: 0;
    }
    .koncert-pictitle img {
        width: 100%;
    }

    .koncert-pictitle,
    .koncert-title,
    .koncert-text,
    .koncert-btns {
        padding-right: 50px;
    }

    .koncert-sub {
        padding-right: 20px;
    }

    .koncert-right {
        gap: 42px;
    }

    .koncert-left {
        width: 100%;
        max-width: 560px;
    }

    .green-block-sticker.sticker-1 {
        right: -13px;
        top: 22px;
        width: 98px;
    }

    .green-block-sticker.sticker-2 {
        left: 42%;
        bottom: 2%;
        width: 152px;
    }

    .green-block-sticker.sticker-3 {
        top: -60px;
        right: -30px;
        width: 141px;
    }

    /* ---- */

    .afisha-slider img {
        max-width: 250px;
    }

    .afisha-slider {
        margin-right: -60px;
    }

    img[src*='afisha.png'] {
        content: url(../img/afisha-1400.png);
    }

    .owl-carouselAfisha .owl-item,
    .owl-carouselAkcii .owl-item {
        max-width: 250px !important;
    }

    .akcii-block .afisha-title {
        max-width: 740px;
    }

    .akcii-block .afisha-top__right {
        max-width: 510px;
    }

    .akcii-block {
        padding-bottom: 60px;
    }

    /* --- Third block --- */
    .yell-bot {
        padding: 60px 60px 50px;
    }
    /* ----- */

    /* --- Fifth block --- */

    .food-inner {
        gap: 112px;
    }

    .food-slider {
        transform: scale(1.21);
    }

    .owl-carouselFood .owl-item {
        padding: 20px 0;
    }

    .food-text br {
        display: none;
    }

    .grey-block {
        z-index: 101;
        position: relative;
    }

    /* ---- */

    .interier-sticker.sticker-1 {
        width: 202px;
        left: 40%;
        top: 10%;
    }

    .interier-sticker.sticker-2 {
        width: 121px;
    }

    .slide-soc__item a {
        font-size: 14px;
    }

    body {
        font-size: 14px;
    }

    .shapka-logo img {
        height: 55px;
    }

    .shapka-soc__item a {
        width: 55px;
        height: 55px;
    }

    .shapka-soc__item img {
        height: 22px;
    }

    .red-btn a,
    .yell-btn a {
        padding: 20px 25px;
    }

    .shapka-nav__item a {
        font-size: 14px;
    }

    .shapka-nav__item img {
        height: 22px;
    }

    .koncert-top {
        font-size: 38px;
        margin-bottom: 9.5%;
    }

    .bar-sub,
    .koncert-sub,
    .koncert-title {
        font-size: 16px;
    }

    .afisha-btn,
    .koncert-btn {
        width: 55px;
        height: 55px;
    }

    .afisha-dots {
        padding: 17px 15px;
    }

    .rot-title {
        bottom: 108px;
        top: auto;
        font-size: 16px;
        left: 19px;
    }

    .bar-title {
        font-size: 36px;
        line-height: 140%;
        margin-bottom: 20px;
    }

    .bar-text br {
        display: none;
    }

    .food-title {
        font-size: 52px;
        font-weight: 500;
        line-height: 105%;
    }

    .food-inner {
        min-height: 460px;
        padding: 60px 0 60px;
    }

    .food-sub {
        font-size: 16px;
    }

    .akcii-slider {
        width: 1030px;
        max-width: 100%;
        margin: 0 auto;
    }

    .interier-title {
        font-size: 54px;
        line-height: 105%;
    }

    .interier-top {
        gap: 20px;
        padding-bottom: 37px;
    }

    .interier-slider .owl-item {
        max-width: 650px !important;
    }

    .fl-info {
        width: 550px;
    }

    .forma-inner {
        width: 950px;
        max-width: 100%;
        margin: 0 auto;
    }

    .forma {
        padding: 50px 0;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .map-block {
        min-height: 580px;
    }

    .map-ramka {
        width: 760px;
        max-width: 100%;
    }

    .map-ramka img {
        width: 100%;
    }

    .map-info {
        width: 634px;
        max-width: 100%;
        padding-top: 20px;
    }

    .map-adress {
        font-size: 24px;
    }

    .map-pic {
        margin-bottom: 10px;
    }

    .map-sub {
        margin-bottom: 20px;
    }

    .adress-top {
        margin-bottom: 10px;
    }

    .footer-logo img {
        height: 45px;
    }

    .grey-btn a {
        padding: 20px 25px;
    }

    .footer-soc__item a {
        width: 55px;
        height: 55px;
    }

    .afisha-title {
        max-width: 50%;
    }

    .afisha-top {
        gap: 17px;
    }

    .bar-inner {
        padding: 62px 0;
    }
    .bar-container {
        padding: 0 36px;
    }

    .bar-container,
    .bar-list {
        max-height: 230px;
    }

    .bar-item img {
        max-width: 100%;
        width: 140px;
    }

    .bar-item {
        padding: 20px 15px;
    }

    .bar-name {
        margin-top: 15px;
    }
}

@media (max-width: 1350px) and (min-width: 1200px) {
    .koncert-right {
        gap: 15%;
    }

    .interier-sticker.sticker-1 {
        width: 100px;
        left: 43%;
        top: 1%;
    }
}

@media (max-width: 1199px) {
    .red-btn a,
    .yell-btn a,
    .inh-btn a,
    .grey-btn a,
    .modalMain__button a {
        min-height: 50px;
        height: 50px;
    }

    .mobile-menu__list .sity-item,
    .mobile-menu__item .sity-link {
        padding: 20px 14px;
        height: 50px;
    }

    .slide__container,
    .bar-inner,
    .koncert-left,
    .food-inner,
    .afisha-top,
    .interier-top,
    .afisha-inner,
    .forma-inner,
    .akcii-block .afisha-top__right,
    .koncert-inner {
        max-width: 580px;
    }

    .modalMap__inner {
        max-width: 620px;
    }

    .interier-slider {
        max-width: 620px;
    }

    .interier-nav {
        width: 100%;
        padding: 0 15px;
    }

    .bar-container,
    .bar-list {
        max-height: 100%;
    }
    .bar-container {
        display: flex;
        justify-content: center;
    }

    .bar-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .line-top__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        background-color: #ff1a3b;
    }

    .shapka-stick {
        padding: 23px 10px;
    }

    .shapka-stick .col-xs-12 {
        padding: 0 10px;
    }

    .shapka-cont .adress,
    .shapka-btn,
    .shapka-nav,
    .shapka-phone {
        display: none;
    }
    .modalMain__title {
        font-size: 26px;
    }

    .rot-title {
        display: none;
    }

    .koncert-title,
    .koncert-text,
    .afisha-text {
        text-align: center;
    }

    .circle circle {
        stroke-width: 3px;
    }

    .formMain__input {
        padding: 20px 30px 20px 20px;
        height: 50px;
    }

    .modalMap__inner .modal-close,
    .modal-close {
        width: 50px;
        height: 50px;
    }

    #ModalCallback .modalMain__inner {
        padding: 20px 24px;
        max-width: 560px;
    }

    .shapka-stick .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }

    .shapka-slide {
        padding: 10px 0 38px;
        width: 480px !important;
    }

    .koncert-top {
        font-size: 26px;
        width: 100%;
    }

    .interier-slider .owl-item.active.center img {
        transform: none;
    }

    .afisha {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .afisha-top {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px !important;
        margin-bottom: 10px;
    }

    .green-block-sticker.sticker-1 {
        right: 10%;
        top: 52%;
        width: 98px;
    }

    .green-block-sticker.sticker-2 {
        left: 7%;
        bottom: 2%;
        width: 127px;
    }

    .green-block-sticker.sticker-3 {
        top: -20px;
        right: -60px;
        width: 97px;
    }

    .shapka-soc__item a,
    .footer-soc__item a {
        width: 50px;
        height: 50px;
    }

    .line-top__icon {
        width: 50px;
        height: 50px;
    }

    .koncert-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .koncert-sub {
        display: none;
    }

    .koncert-left {
        margin-bottom: 30px;
    }

    .koncert-pictitle {
        max-width: 100%;
        display: flex;
        align-items: center;
    }

    .koncert-title br,
    .koncert-text br {
        display: none;
    }

    .koncert-btns {
        flex-direction: row;
    }

    .koncert-title,
    .koncert-text {
        text-align: center;
    }

    .koncert-pictitle {
        max-width: 340px;
    }

    .koncert-text {
        margin-bottom: 20px;
    }

    .koncert-pictitle,
    .koncert-title,
    .koncert-text,
    .koncert-btns {
        padding-right: 0px;
    }

    .koncert-title,
    .koncert-text {
        width: 100%;
    }

    .koncert-title br,
    .koncert-text br {
        display: none;
    }

    .koncert-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .green-block {
        padding: 30px 40px 0;
    }

    .koncert-top {
        margin-bottom: 15px;
    }

    .map-block .taxi {
        display: block;
    }

    .shapka-top .slide__container {
        position: relative;
        height: 580px;
        align-items: start;
    }

    .slide__container > div {
        align-items: flex-start;
    }
    .slide-title img {
        width: 100%;
        height: auto;
    }

    .slide-text {
        width: 65%;
        text-align: left;
    }

    .slide-text br {
        display: none;
    }

    .slide-soc {
        display: none;
    }

    .slide-bg__zhukov {
        position: absolute;
        bottom: 0;
        right: 5%;
    }

    .slide-bg__zhukov-img {
        width: 280px;
    }

    .shapka-top .circle {
        transform: scale(0.5);
        left: -414px;
        top: -264px;
    }

    .shapka-sticker.sticker-1 {
        left: -37px;
        top: 60px;
        width: 73px;
    }

    .shapka-sticker.sticker-2 {
        right: -42px;
        top: -32px;
        width: 110px;
    }

    .shapka-sticker.sticker-3 {
        left: -48px;
        bottom: 26px;
        width: 104px;
    }

    .shapka-sticker.sticker-4 {
        content: url(../img/fly/lolipop-640.png);
        right: -65px;
        bottom: 0;
        z-index: 3;
        width: 110px;
    }

    .koncert-inner {
        padding: 0;
    }

    .koncert-left {
        margin-right: 0;
    }

    .koncert-right {
        height: 288px;
        max-width: 640px;
        padding: 0 60px;
    }

    .koncert-nav.not-mob {
        display: none;
    }

    .koncert-nav.mobile {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        z-index: 200;
        width: 100%;
    }

    .koncert-slider .owl-carousel {
        padding-left: 26px;
        padding-right: 55px;
        padding-top: 24px;
    }

    .yell-bot {
        padding: 30px 20px 20px;
    }

    .afisha-title {
        max-width: 382px;
        width: 100%;
    }

    .bar-container,
    .bar-list {
        max-height: 100%;
    }

    .afisha-slider img {
        max-width: 295px;
    }

    .afisha-dots,
    .akcii-dots {
        padding: 15px;
    }
    .afisha-text {
        margin-bottom: 10px;
    }

    .red-btn a,
    .yell-btn a {
        padding: 16px 25px;
    }

    .afisha-nav {
        gap: 10px;
    }

    .afisha-top {
        margin-bottom: 20px;
    }

    .afisha-btn,
    .koncert-btn {
        width: 50px;
        height: 50px;
    }

    .owl-carouselAfisha .owl-item,
    .owl-carouselAkcii .owl-item {
        max-width: 295px !important;
    }

    .afisha-slider {
        padding-left: 0;
        margin: 0;
    }

    img[src*='afisha.png'] {
        content: url(../img/afisha-320.png);
    }

    .bar-inner {
        padding: 35px 5px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bar-title {
        text-wrap: balance;
        line-height: 130%;
        font-size: 26px;
    }

    .bar-text br {
        display: block;
    }

    .bar-container {
        display: flex;
        justify-content: center;
    }

    .bar-list {
        gap: 15px;
    }

    .bar-item {
        padding: 15px 10px 10px;
    }

    .bar-item img {
        width: 99px;
        height: auto;
    }

    .bar-name {
        margin-top: 10px;
    }

    .bar-sub,
    .koncert-sub,
    .koncert-title {
        font-size: 14px;
    }

    .food-title br {
        display: block;
    }

    .bar-text,
    .bar-sub {
        margin-bottom: 20px;
    }

    .grey-block .container-fluid .food-grid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .food-grid .food-sub {
        display: none;
    }

    .food-inner {
        min-height: min-content;
        padding: 0;
        padding: 30px 30px 0;
    }

    .food-btns {
        justify-content: center;
        z-index: 2;
    }

    .food-top {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .food-title {
        font-size: 36px !important;
        line-height: 105%;
        margin-bottom: 10px;
    }

    .food-title,
    .food-text {
        text-align: center;
    }

    .food-text {
        margin-bottom: 15px;
        width: 100%;
    }

    .food-slider {
        transform: scale(1);
        margin: 0;
        height: 320px;
        max-width: 550px;
    }

    .food-slider .owl-carouselFood {
        transform: scale(0.75);
    }

    .food-slider .owl-item {
        transform: rotate(-15deg);
    }

    .food-nav.not-mob {
        display: none;
    }

    .food-nav.mobile {
        display: block;
        position: absolute;
        left: 50%;
        top: 48%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        z-index: 200;
        width: 100%;
    }

    .interier-slider .owl-item img {
        max-width: 620px;
        height: 336px;
    }

    .akcii-block .afisha-top__right {
        width: 100%;
    }
    .akcii-block {
        padding: 30px 20px;
    }

    .akcii-block .afisha-title {
        max-width: 515px;
    }

    .akcii-slider img {
        border-radius: 20px;
    }

    .akcii-block .afisha-top {
        margin-bottom: 20px;
    }

    .interier .container-fluid {
        padding: 0 10px;
    }

    .interier-top {
        padding: 30px 0 20px;
        gap: 20px;
        align-items: center;
    }

    .interier-title {
        font-size: 38px !important;
    }

    .fl-info {
        width: 100%;
    }

    .fl-title {
        justify-content: center;
        gap: 20px;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        text-align: center;
        justify-items: center;
    }

    .fl-info,
    .forma-top {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .interier-slider {
        margin: 0 0 30px;
        width: 100%;
    }

    .interier-slider .owl-item {
        max-width: 620px !important;
    }

    .interier-sticker.sticker-1 {
        left: 3%;
        top: -6%;
        width: 132px;
    }

    .interier-sticker.sticker-2 {
        left: 70%;
        bottom: 45%;
    }

    .forma {
        padding: 35px 5px;
    }

    img[src*='form-title.png'] {
        content: url(../img/form-title-640.png);
    }

    .forma-grid {
        width: 100%;
        margin-bottom: 20px;
    }

    .forma-sub {
        margin-bottom: 20px;
    }

    .forma-sub br {
        display: none;
    }

    .forma-title {
        width: 472px;
    }

    .forma-title img {
        margin-bottom: 10px;
    }

    .map-pic {
        max-width: 448px;
    }

    .map-block {
        padding: 60px 5px;
        max-height: 640px;
    }

    .map-info {
        max-width: 100%;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .adress-top {
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin-bottom: 31px;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        order: 4;
        padding-top: 10px;
    }

    .footer-inner {
        display: flex;
        justify-content: center;
        gap: 20px;
        align-items: center;

        flex-direction: column;
        align-content: center;
    }

    .footer-l {
        width: 463px;
    }

    .footer-c {
        order: 3;
    }

    .footer-info {
        font-size: 14px;
    }

    .footer {
        padding: 20px 0;
    }

    .map-block {
        min-height: 540px;
    }

    .map-ramka img {
        height: 100%;
    }

    .map-ramka {
        height: 400px;
    }

    .map-adress {
        font-size: 16px;
    }
    .shapka-soc__item.taxi,
    .shapka-soc__item.taxi a {
        width: fit-content;
    }

    .shapka-soc__item.taxi a {
        border-radius: 80px;
        padding: 20px 25px;
        display: flex;
        gap: 10px;
        color: var(--yellow);
    }

    .shapka-soc__item.taxi a:hover {
        color: var(--black);
    }

    .shapka-soc__item img {
        height: 15px;
    }

    img[src*='gaz.png'] {
        content: url(../img/gaz-640.png);
    }
}

@media (max-width: 639px) {
    .shapka-top {
        background-image: url('/img/rvbvideo-mob.webp');
    }
    .red-btn a,
    .yell-btn a,
    .inh-btn a,
    .modalMain__button a,
    .grey-btn a,
    .shapka-soc__item.taxi a {
        /* min-height: 40px;
        height: 40px; */
        padding: 12px 15px;
        text-align: center;
    }

    .mobile-menu__logo img {
        width: 56px;
        height: auto;
    }

    .mobile-menu__list {
        padding: 14px 0;
    }

    .mobile-menu__item {
        padding: 14px 20px;
    }

    .mobile-menu__item.city {
        padding: 14px 0;
    }

    .mobile-menu__list .sity-item,
    .mobile-menu__item .sity-link {
        padding: 12px 10px;
        height: 40px;
    }

    .mobile-menu {
        width: 100%;
    }

    .modalMap__inner,
    #ModalCallback .modalMain__inner {
        max-width: 96%;
    }

    .modalMain__row {
        display: flex;
        flex-direction: column;
    }

    .net-block .container-fluid,
    .interier .container-fluid {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mobile-menu__item {
        padding: 14px 20px;
    }

    .mobile-menu--btns__item img {
        width: 15px;
    }

    .grey-block .container-fluid .food-grid {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .afisha-top__right {
        max-width: 100% !important;
    }
    .afisha-slider,
    .akcii-slider {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .afisha-btns {
        width: 100%;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    .afisha-nav {
        flex-wrap: wrap;
    }
    .afisha-dots .active span,
    .akcii-dots .active span {
        width: 10px;
        height: 10px;
    }

    .afisha-nav .afisha-btn.not-mob {
        display: none;
    }

    .afisha-btn.mobile {
        position: absolute;
        display: flex;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .afisha-left.mobile,
    .akcii-left.mobile {
        left: 10px;
    }

    .afisha-right.mobile,
    .akcii-right.mobile {
        right: 10px;
    }

    .formMain__col {
        grid-column: 1/3;
    }

    .forma-grid {
        grid-template-columns: repeat(1, 1fr) !important;
        width: 100%;
    }

    .forma-title {
        width: 100%;
    }

    /* First block */

    .circle {
        display: none;
    }

    .circle-320 {
        display: block;
        position: absolute;
        top: 11%;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }

    .shapka-stick {
        padding: 20px 0;
    }

    .shapka-stick .sity {
        display: none;
    }

    .shapka-top .slide__container {
        height: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .slide-title img {
        content: url(../img/title-320.png);
    }

    .slide__container > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .slide__container > div {
        width: 100%;
    }

    .slide__container {
        gap: 0;
    }
    .slide__container > div {
        align-items: center;
    }

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

    .slide-bg__zhukov {
        position: relative;
        left: 0;
        top: 0;
        flex-wrap: nowrap;
    }

    .shapka-sticker.sticker-1 {
        left: 20px;
        top: 0;
        width: 55px;
    }

    .shapka-sticker.sticker-2 {
        left: 73%;
        bottom: 29%;
        width: 71px;
    }

    .shapka-sticker.sticker-3 {
        left: 9%;
        bottom: 3%;
        width: 82px;
        z-index: 3;
        display: block;
    }

    .shapka-sticker.sticker-4 {
        right: 20px;
        bottom: -4px;
        z-index: 3;
        width: 80px;
    }

    /* ---- */

    .slide-title {
        width: 100%;
    }

    #ModalCallback .modalMain__inner {
        padding: 20px 24px;
    }

    img[src*='form-title.png'] {
        content: url(../img/form-title-320.png);
    }

    .modal-close {
        background-color: var(--red);
        position: absolute;
        top: -20px;
        right: 2px;
    }

    #ModalCallback .modalMain__inner {
        padding: 20px 10px;
    }

    .green-block {
        padding: 20px 0 0;
    }

    .koncert-top {
        font-size: 18px;
        width: 100%;
    }

    .shapka-logo {
        border-right: 0;
    }

    .shapka-stick .col-xs-12 {
        padding-left: 12px;
    }

    .slide-title,
    .slide-text {
        margin-bottom: 10px;
    }

    .shapka-stick {
        padding: 15px 0;
    }

    .shapka-top .circle {
        transform: scale(0.3);
        left: -269px;
        top: -32px;
    }

    .circle circle {
        stroke-width: 4px;
    }

    .koncert-inner {
        padding: 0 10px;
    }

    .koncert-top {
        margin-bottom: 27px;
    }

    .koncert-left {
        padding: 0 25px;
    }

    .koncert-pictitle,
    .koncert-title {
        margin-bottom: 10px;
    }

    .koncert-text {
        margin: 0 0 10px;
    }

    .koncert-btns {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .koncert-btns__left .inh-btn {
        /* height: 100%; */
    }

    .koncert-left {
        width: 100%;
    }

    .koncert-nav.mobile {
        padding: 0;
    }

    .green-block {
        overflow: visible;
    }

    .koncert-slider .owl-carousel {
        padding-top: 5%;
    }

    .green-block-sticker.sticker-1 {
        right: 10px;
        top: 300px;
        width: 64px;
    }

    .green-block-sticker.sticker-2 {
        left: 5px;
        bottom: -25px;
        width: 67px;
    }

    .green-block-sticker.sticker-3 {
        top: -31px;
        right: -31px;

        width: 72px;
    }

    .afisha-nav .afisha-btn {
        display: none;
    }

    .bar-inner {
        padding: 26px 0 20px;
    }

    .bar-container {
        width: 100%;
    }

    .bar-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .food-title {
        font-size: 26px !important;
    }

    .interier-title {
        font-size: 30px !important;
    }

    .food-title {
        margin-bottom: 20px;
    }

    .food-nav.not-mob {
        display: flex;
    }

    .food-nav.mobile {
        display: none;
    }

    .owl-carouselFood img {
        animation: none;
        /* padding-bottom: 28px; */
    }

    .food-top {
        order: 1;
    }

    .food-grid .food-sub {
        display: block;
        margin-top: 20px;
    }

    .food-slider .owl-carouselFood {
        transform: scale(1);
    }

    .interier-top {
        padding: 20px 0;
    }

    .grey-block .container-fluid .food-grid {
        gap: 20px;
    }

    img[src*='akcii.png'] {
        content: url(../img/akcii-320.png);
    }

    .afisha-text {
        margin-bottom: 20px;
    }

    .akcii-block {
        padding: 20px 10px 10px;
    }

    .afisha-btns {
        gap: 10px;
        /* flex-wrap: nowrap; */
    }

    .bar-container {
        padding: 0 7px;
    }

    .yell-bot {
        padding: 30px 10px 10px;
    }

    .afisha-dots {
        padding: 10px 15px;
    }

    .bar-item {
        padding: 18px 15px 10px;
    }
    .interier-sticker {
        display: none;
    }

    .food-text {
        margin-bottom: 20px;
    }

    .food-inner {
        padding: 0;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .container-fluid {
        padding: 0 10px;
    }

    .interier-slider {
        margin: 0 0 20px;
    }

    .owl-carouselZali img {
        height: 210px;
    }
    .forma {
        padding: 20px 0;
    }

    .forma-sub {
        margin-bottom: 10px;
        line-height: 140%;
    }

    .forma-grid {
        width: 100%;
        margin-bottom: 10px;
    }

    .forma-check .castomcheck {
        font-size: 12px;
        text-align: left;
    }

    .forma-check {
        padding: 0 40px;
    }

    .map-block {
        padding: 60px 0 90px;
        min-height: auto !important;
    }
    .map-adress {
        font-size: 14px !important;
    }
    .map-ramka {
        display: none;
    }

    .footer-r {
        gap: 10px;
    }

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

    .footer {
        padding: 20px 10px;
    }

    .adress-top {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .footer-soc__item img {
        height: 15px;
    }

    /* --- */

    .bar-inner,
    .koncert-left,
    .koncert-right,
    .food-inner,
    .afisha-top,
    .interier-top,
    .slide-bg__zhukov,
    .shapka-slide,
    .interier-slider,
    .interier-slider .owl-item img,
    .afisha-top,
    .afisha-slider img,
    .footer-l {
        max-width: 100%;
        width: 100% !important;
    }

    .forma-inner {
        max-width: 100%;
        width: 100%;
    }

    .koncert-inner {
        max-width: 100%;
        width: 100%;
    }

    .afisha-inner {
        max-width: 100%;
        width: 100%;
    }

    .interier-slider .owl-item {
        max-width: 100% !important;
    }

    .interier-slider .owl-item img {
        height: 210px;
    }

    .owl-carouselAfisha .owl-item,
    .owl-carouselAkcii .owl-item {
        max-width: 100% !important;
    }

    .food-slider {
        transform: scale(1.05);
        margin: -40px -50px 0 -60px;
        /* height: 250px; */
        max-width: 100%;
        height: 100%;
    }

    .food-btns {
        gap: 10px;
    }

    /* ---- */

    body,
    .mobile-menu__item a,
    .mobile-menu__item + .down-menu a,
    .adress-sub,
    .mobile-menu__item.city,
    .modal-check .castomcheck,
    .forma-check .castomcheck,
    .formMain__input,
    .formMain__input::placeholder,
    .modalMain__btn,
    .food-sub,
    .footer-info,
    .bar-sub,
    .koncert-sub,
    .koncert-title,
    .slide-text {
        font-size: 16px;
    }

    .modalMain__title {
        font-size: 24px;
    }

    .koncert-top {
        font-size: 20px;
    }

    .bar-title {
        font-size: 22px !important;
        margin-bottom: 15px;
    }

    .afisha-title {
        max-width: 100%;
        padding: 0 30px;
    }

    /* ---- */

    .shapka-slide {
        padding: 16px 0 20px;
    }

    .koncert-right {
        max-height: 300px;
        padding: 0 30px;
    }

    .footer-l {
        flex-direction: column;
        width: 100%;
    }

    .koncert-slider .owl-carousel {
        padding-top: 0;
        height: 100%;
    }

    .koncert-slider .owl-carousel .owl-stage-outer,
    .koncert-slider .owl-carousel .owl-stage,
    .koncert-slider .owl-carousel .owl-item.active {
        height: 100%;
    }

    .afisha {
        padding: 0 20px;
    }

    .grey-block {
        max-height: fit-content;
    }

    .akcii-block .afisha-title {
        max-width: 100%;
        padding: 0 45px;
    }
}

@media (max-width: 485px) {
    .koncert-right {
        padding: 0;
    }

    .afisha {
        padding: 0;
    }
}

@media (max-width: 430px) {
    .bar-title {
        font-size: 20px !important;
    }

    .koncert-right {
        max-height: 220px;
    }

    body,
    .mobile-menu__item a,
    .mobile-menu__item + .down-menu a,
    .adress-sub,
    .mobile-menu__item.city,
    .modal-check .castomcheck,
    .forma-check .castomcheck,
    .formMain__input,
    .formMain__input::placeholder,
    .modalMain__btn,
    .food-sub,
    .footer-info,
    .bar-sub,
    .koncert-sub,
    .koncert-title,
    .slide-text {
        font-size: 14px;
    }

    .red-btn a,
    .yell-btn a,
    .inh-btn a,
    .modalMain__button a,
    .grey-btn a,
    .shapka-soc__item.taxi a {
        min-height: 40px;
        height: 40px;
    }

    .koncert-btn {
        width: 40px;
        height: 40px;
    }

    .shapka-logo img {
        height: 40px;
    }

    .afisha-btn,
    .shapka-soc__item a,
    .footer-soc__item a {
        width: 40px;
        height: 40px;
    }

    .line-top__icon {
        width: 40px;
        height: 40px;
    }

    .modalMap__inner .modal-close,
    .modal-close {
        width: 40px;
        height: 40px;
    }

    .formMain__input {
        padding: 12px 15px;
        height: 40px;
    }

    .afisha-dots,
    .akcii-dots {
        height: 40px;
    }
}

@media (max-width: 350px) {
    .afisha-btns {
        justify-content: center;
    }

    .slide-bg__zhukov-img {
        width: 240px;
    }

    body,
    .mobile-menu__item a,
    .mobile-menu__item + .down-menu a,
    .adress-sub,
    .mobile-menu__item.city,
    .modal-check .castomcheck,
    .forma-check .castomcheck,
    .formMain__input,
    .formMain__input::placeholder,
    .modalMain__btn,
    .food-sub,
    .footer-info,
    .bar-sub,
    .koncert-sub,
    .koncert-title,
    .slide-text {
        font-size: 12px;
    }

    .food-slider {
        transform: scale(1.05);
        margin: 0 -50px 0 -60px;
        height: 250px;
        max-width: 315px;
    }

    .grey-block {
        max-height: 580px;
    }

    .koncert-top {
        font-size: 18px;
    }

    .modalMain__title {
        font-size: 18px;
    }

    .food-title,
    .interier-title {
        font-size: 26px !important;
    }

    .koncert-slider .owl-carousel {
        padding-top: 17px;
    }

    .bar-title {
        font-size: 16px !important;
        margin-bottom: 10px;
    }

    .afisha-title {
        max-width: 300px;
        padding: 0;
    }

    .akcii-block .afisha-title {
        max-width: 230px;
        padding: 0;
    }

    .bar-inner,
    .koncert-left,
    .koncert-right,
    .food-inner,
    .afisha-top,
    .interier-top,
    .slide-bg__zhukov,
    .shapka-slide,
    .interier-slider,
    .interier-slider .owl-item img,
    .afisha-top,
    .afisha-inner,
    .afisha-slider img,
    .footer-l {
        max-width: 300px;
    }

    .interier-slider .owl-item,
    .owl-carouselAfisha .owl-item,
    .owl-carouselAkcii .owl-item {
        max-width: 300px !important;
    }

    .koncert-inner {
        max-width: 320px;
    }

    .koncert-right {
        max-height: 200px;
        padding: 0;
    }

    .forma-inner {
        width: 300px;
    }

    .interier-slider .owl-item img {
        height: 210px;
    }

    .afisha-slider img {
        width: 300px;
    }

    .shapka-slide {
        padding: 16px 0 20px;
    }
    .slide-title img {
        width: 278px;
    }
    .owl-carouselFood img {
        padding-bottom: 28px;
    }
}