@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=cyrillic");
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500);*/
@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"),
    url(MaterialIcons-Regular.woff2) format("woff2"),
    url(MaterialIcons-Regular.woff) format("woff"),
    url(MaterialIcons-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Gilroy";
    src: url("../font/gilroy/Gilroy-Medium.ttf");
}

body {
    font-family: Gilroy, serif;
    background-color: #F6F4F1;
}

.seoText {
    padding-left: 93px;
    padding-right: 93px;
}

.index .seoTitleBlock {
    margin-left: 0;
    margin-right: 0;
}

.seoContent {
    display: none;
}

.hrefToRestaurateur {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.seoTitleBlock {
    cursor: pointer;
    display: flex;
    margin-left: 93px;
    margin-right: 93px;
    position: relative;
}

.seoTitleBlock:after {
    display: none;

    border-color: black transparent transparent transparent;
    border-width: 6px 6px 0 6px;
    right: 1px;
    border-style: solid;
    content: '';
    height: 0;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    width: 0;
}

.seoTitleBlock.active:after {
    display: block;
}

.seoTitleBlock.opened:after {
    transform: rotate(180deg);
}

.index .seoTitleBlock:after {
    display: block;

}

.reviewPhotosBlock {
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.metaTagH1 {
    margin-top: 20px;
}

body.active {
    position: inherit !important;
    overflow: visible !important;
}

.openMap {
    cursor: pointer;
}

.reviewPhotoPreview {
    height: 100px;
}

.simpleSlider {
    overflow: auto;
    width: 100%;
}

.restaurateurNews img {
    object-fit: cover;
    height: 344px;
    width: 817px;
}

.instantConfirmation {

}

@media only screen and (max-width: 700px) {
    .restaurateurNews img {
        height: 180px;
        width: 100%;
    }
}


.desktopDepositRules {
    text-align: center;
    margin-top: 15px;
}

.desktopDepositRules span {
    cursor: pointer;
    border-bottom: 1px black dotted;
}

.staticHeader:after, div.main div.restaurants .mainPhoto:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*content: '';*/
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.515) 100%) !important;
}


.restCounterMobile {
    z-index: 2;
    position: relative;
}


.depositContainer {
    z-index: 50;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.depositRulesTextBlock {
    z-index: 50;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.depositRulesText {
    background: white;
    max-width: 500px;
    padding: 15px !important;
    border-radius: 12px;
    margin: 5px !important;
}

.sliderWrap {
    display: flex;
    height: 455px;
    flex-direction: row;
    width: fit-content;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.vtbCashback {
    position: relative;
    display: flex;
}

.vtbCashback span {
    visibility: hidden;
    background: #BC0B25;
    color: white;
    top: 25px;
    padding: 5px;
    position: absolute;
}

.vtbCashback:hover span {
    visibility: visible;
}

.cashBackValueInCard {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: rgba(34, 37, 43, 0.70) !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.80) !important;
    backdrop-filter: blur(12px);
    position: absolute;
    left: 15px;
    top: 15px;
    background: #00AAFF;
    padding: 2px 6px;
    font-weight: 400;
    font-size: 14px;
    color: white;
}

.cashBackValueInCard img {
    height: 24px;
}

.loaderWrap {
    z-index: 500;
    background: rgba(0, 0, 0, 0.6);
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    display: none;
    left: 0 !important;
    border-radius: 0 !important;
    top: 0 !important;
}

.loaderContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.typeOfImage {
    display: none;
    color: white;
    font-size: 24px;
    padding-top: 15px;
}

.newImageContainer {
    position: relative;
    height: 100%;
}

.openStoreMobile {
    width: 180px !important;
    height: 60px !important;
}

.material-icons {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: "liga";
}

.material-icons.md-16 {
    font-size: 16px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

.material-icons.md-light {
    color: white;
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}

@keyframes go-left-right {
    from {
        left: -50px;
        width: 50px;
    }
    to {
        left: 100%;
        width: 400px;
    }
}

@-webkit-keyframes go-left-right {
    from {
        left: -50px;
        width: 0px;
    }
    to {
        left: 100%;
        width: 400px;
    }
}

@keyframes fromright {
    0% {
        right: -350px;
    }
    70% {
        right: 40px;
    }
    100% {
        right: 10px;
    }
}

@-webkit-keyframes fromright {
    0% {
        right: -350px;
    }
    80% {
        right: 40px;
    }
    100% {
        right: 10px;
    }
}

.progress {
    width: 100%;
    height: 4px;
    background-color: #03a9f4;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    display: none;
}

.progress.active {
    display: block;
}

.progress.active::after {
    content: "";
    animation: go-left-right 3s infinite alternate;
    -webkit-animation: go-left-right 3s infinite alternate;
    position: relative;
    height: 4px;
    background: #90caf9;
    display: block;
}

html {
    min-height: 100%;
}

body {
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
}

body.active {
    overflow-y: hidden;
}

a {
    text-decoration: none;
    color: #000;
}

a img {
    border: 0px;
}

a:hover {
    color: #555;
}

textarea,
input,
button {
    padding: 0px;
    margin: 0px;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input,
button {
    overflow: hidden;
}

.black {
    color: #0e2244;
}

.gray {
    color: #777;
}

.yellow {
    color: #BC0B25;
}

div.main {
    margin: auto;
    max-width: 1004px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

div.main.appView {
    padding-left: 0px;
    padding-right: 0px;
}

.publContentView {
    padding-left: 10px;
    padding-right: 10px;
}

div.main.appView div.rests h2 {
    padding-left: 10px;
    padding-right: 10px;
}

div.main.appView div.restCard .price {
    padding-right: 10px;
}

div.main.appView div.restCard .title {
    padding-left: 10px;
}

div.main.appView div.restCard .restInfo {
    padding-left: 10px;
    padding-right: 10px;
}

div.main.appView div.overviews .news.item {
    text-align: left;
}

div.main.appView div.overviews .news.item span.title {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

div.main.appView div.overviews .review.item {
    text-align: left;
}

div.main.appView div.overviews .review.item span.title {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

div.main.appView .publ-date {
    display: block;
    padding-left: 10px;
    margin-bottom: 3px;
    color: #aaa;
}

footer {
    margin: auto;
    box-sizing: border-box;
    max-width: 1004px;
    padding-left: 93px;
    padding-right: 93px;
    padding-bottom: 24px;
}

div.main.srch {
    margin: auto;
    max-width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: white;
}

div.main.srch #searchForm {
    max-width: 1004px;
    margin: auto;
}

div.topPanel {
    margin: auto;
    max-width: 1004px;
    padding-top: 24px;
    height: 48px;
    position: relative;
}

div.topPanelBl.fix {
    position: fixed;
    width: 100%;
    top: 0px;
    background-color: white;
    z-index: 21;
}

div.topPanelBl.srch {
    max-width: 100%;
    /*background-color: white;*/
}

.topPanel.fix {
    padding-bottom: 12px;
}

div.bgHolder {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5;
    display: none;
}

div.photoBox, div.photoReviewsBox {
    display: none;
    position: fixed;
    text-align: center;
    top: 0px;
    left: 0px;
    z-index: 10;
}

div#photosModal, div#photosReviewsModal {
    height: 100%;
    width: 100%;
    top: 0 !important;
}

div.bgHolder.active,
div.photoReviewsBox.active,
div.photoBox.active {
    display: block;
}

.reviewPhotosBlock img {
    cursor: pointer;
}

div#photosModal img, div#photosReviewsModal img {
    position: absolute;
    width: auto;
    height: auto;
    max-height: 90%;
    max-width: 90%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    display: none;
}

div#photosModal img.active, div#photosReviewsModal img.active {
    display: block;
}

div.topPanel div.logo {
    float: left;
    padding-left: 108px;
    padding-bottom: 12px;
    position: relative;
    top: -3px;
}

div.topPanel div.logo img,
div.topPanel div.logo object {
    display: block;
    height: 40px;
    width: 120px;
    position: relative;
    /*top: -7px;*/
}

div.topPanel div.logo div.citySelect {
    position: absolute;
    bottom: 2px;
    left: 120px;
    font-size: 14px;
    color: #000000;
    /*border-bottom:1px #FDBB16 dashed;*/
    cursor: pointer;
    white-space: nowrap;
}

div.topPanel div.logo div.citySelect i {
    position: absolute;
}


div.topPanel div.contacts {
    float: right;
    padding-right: 93px;
    padding-top: 2px;
    position: relative;
}

div.topPanel div.contacts div.phone {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

div.topBooking div.booking div.phone {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

div.rightColumn div.bookingForm {
    transition: top 300ms;
}

div.rightColumn div.bookingForm div.phone {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
}

div.topPanel div.contacts div.uAction {
    text-align: right;
    position: absolute;
    right: 93px;
    bottom: -12px;
    font-size: 14px;
}

div.topPanel div.appsLnks {
    position: absolute;
    right: 260px;
    width: 76px;
    top: 28px;
}

div.topPanel div.appsLnks a {
    margin-right: 5px;
}

div.topPanel div.appsLnks a img {
    height: 26px;
}

div.topPanel div.appsLnks a .iosIc {
    position: relative;
    top: -1px;
}

div.topPanel div.appsLnks a .telegramIc {
    position: relative;
    height: 14px;
    margin-right: 2px;
    top: -1px;
}

nav.mainMenu {
    width: 100%;
}

.backRow {
    display: flex;
    justify-content: start;
    gap: 15px;
    align-items: center;
    background: white;
    font-weight: 600;
    padding: 12px;
    font-size: 16px;
}

.backRow img {
    rotate: 180deg;
}

nav.mainMenu ul.menuList {
    display: block;
    padding-top: 9px;
    padding-left: 205px;
    width: 470px;
    text-align: center;
    margin: auto 0px;
}

nav.mainMenu ul.menuList li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
    transition: transform 0.3s;
}

nav.mainMenu ul.menuList li:hover {
    transform: scale(1.05);
}

div.main div.restaurant {
    padding-top: 12px;
}

div.main div.restaurant h2 {
    margin-top: 26px;
    font-weight: 700;
    font-size: 24px;
}

div.main h2,
div.h2 {
    margin-top: 12px;
    font-weight: 500;
    font-size: 18px;
}

div.main div.restaurant .mainPhoto,
div.main div.restaurants .mainPhoto {
    display: block;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /*overflow: hidden;*/
    height: 420px;
    margin-bottom: 12px;
    border-radius: 15px;
}

div.main div.overview .mainPhoto {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 420px;
    margin-bottom: 12px;
    background-color: #0e2244;
    border-radius: 15px;
}

div.main div.overview .mainPhoto.entry {
    background-size: auto 100%;
}

div.main div.static .mainPhoto {
    /*background-color:#FDBB16;*/
    display: block;
    transition: background-image 1200ms;
    background-position: center center;
    position: relative;
    overflow: hidden;
    height: 420px;
    margin-bottom: 12px;
}

.mainPhoto div.blHolder {
    border-radius: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: black;
    opacity: 0.3;
    filter: alpha(opacity=60);
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.mainPhoto div.restInfo {
    z-index: 2;
    height: 100%;
    position: relative;
}

div.restInfo div.restTitle {
    padding-top: 70px;
    font-size: 22px;
    color: white;
    float: left;
    padding-left: 93px;
}

div.restInfo div.restTitle h1 {
    margin: 0px;
    font-size: 30px;
    font-weight: 700;
    color: white;
    line-height: 40px;
}

div.restInfo div.restTitle p {
    margin: 0px;
    font-size: 18px;
    color: white;
    font-weight: 500;
}

div.restInfo div.restTitle p:first-letter {
    text-transform: uppercase;
}

div.restInfo div.topBooking {
    padding-right: 93px;
    padding-top: 54px;
    float: right;
}

div.restInfo div.topBooking div.booking {
    width: 259px;
    box-sizing: border-box;
    background-color: white;
    padding: 20px 20px 20px 20px;
    position: relative;
    border-radius: 15px;
}

div.topBooking div.booking div.phone {
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px gray solid;
}

div.topBooking div.address,
div.topBooking div.metro,
div.topBooking div.kitchens {
    position: relative;
}

div.bookingForm div.address,
div.bookingForm div.metro {
    position: relative;
}

div.topBooking div.address img,
div.topBooking div.metro img {
    width: 18px;
    position: absolute;
    left: 0px;
    top: 9px;
}

div.topBooking div.address img,
div.topBooking div.metro svg,
div.topBooking div.kitchens img {
    width: 18px;
    position: absolute;
    left: 0px;
    top: 9px;
}

div.restCard .cardIcons.metroIcon {
    left: -3px;
    top: 5px;
}

div.metro svg {
    width: 24px !important;
    left: -2px !important;
    top: 5px !important;
}

div.bookingForm div.address img,
div.bookingForm div.metro svg,
div.bookingForm div.metro img {
    width: 18px;
    position: absolute;
    left: 0px;
    top: 9px;
}

div.topBooking div.booking div.address,
div.topBooking div.booking div.metro,
div.topBooking div.booking div.kitchens {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 24px;
}

div.rightColumn div.bookingForm div.metro,
div.rightColumn div.bookingForm div.address {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 24px;
}

div.topBooking div.booking div.bookingBtn,
div.rightColumn div.bookingForm div.bookingBtn {
    padding-top: 12px;
}

div.topBooking div.booking div.bookingBtn .btn {
    width: 100%;
}

div.topBooking div.booking .material-icons {
    display: block;
    float: left;
    height: 100%;
    position: absolute;
    left: 20px;
}

div.rightColumn div.bookingForm .material-icons {
    display: block;
    float: left;
    height: 100%;
    position: absolute;
    left: 20px;
}

.btn,
.leclick-green-btn {
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    height: 48px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    text-align: center;
    color: white;
    background: #BC0B25;
    text-decoration: none;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    line-height: 48px;
    border: 1px #BC0B25 solid;
    transition: background 0.5s ease, transform .5s;
    cursor: pointer;
}

.btn:hover {
    transform: scale(1.02);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 100px inset;
}


button.btn {
    line-height: normal;
}

.btn:hover {
    color: white;
}


.btn-dark {
    background-color: #0e2244;
    border: 1px #0e2244 solid;
}

/*.btn-dark:hover {
    background-color:#0E2244;
    border:1px #0E2244 solid;
}*/
.btn-blue {
    background-color: #2196f3;
    border: 1px #2196f3 solid;
}

.btn-blue:hover {
    background-color: #1976d2;
    border: 1px #1976d2 solid;
}

.btn-transparent {
    background-color: transparent;
    color: black;
    cursor: default;
}

.btn-transparent:hover {
    background-color: transparent;
    color: black;
}

.btn.min {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 400;
}

div.main div.restaurant div.mainColumn {
    float: left;
    padding-left: 73px;
    width: 578px;
}

div.main div.restaurant div.rightColumn {
    float: left;
    padding-right: 93px;
    padding-top: 48px;
    width: 259px;
    position: relative;
}

div.restaurant div.rightColumn div.bookingForm {
    /*border: 1px #0e2244 solid;*/
    padding: 20px;
    position: relative;
    background-color: white;
    width: 217px;
    border-radius: 12px;
}

div.restaurant div.rightColumn div.bookingForm.fixed {
    /*border: 1px #0e2244 solid;*/
    padding: 20px;
    position: fixed;
    top: 12px;
    z-index: 1;
}

div.rightColumn div.bookingForm div.phone {
    text-align: center;
    padding-top: 12px;
}

div.rightColumn div.bookingForm div.restType,
div.rightColumn div.bookingForm div.restTitle {
    font-weight: 500;
    font-size: 18px;
}

div.rightColumn div.bookingForm div.restType:first-letter {
    text-transform: uppercase;
}

div.rightColumn div.bookingForm div.restTitle {
    padding-bottom: 12px;
}

div.rightColumn div.bookingForm div.map {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
}

div.rightColumn div.bookingForm div.map .material-icons {
    text-align: center;
    position: absolute;
    top: 80px;
    left: 100px;
}

div.main div.restaurant div.interior {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 93px;
    padding-right: 93px;
    overflow: hidden;
    height: 228px;
    position: relative;
    width: 817px;
}

div.main div.restaurant div.mainColumn div.section {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

div.main div.restaurant div.mainColumn div.description div.content {
    width: 538px;
}

div.main div.restaurant div.mainColumn div.description div.content div.text {
    position: relative;
    font-size: 14px;
    line-height: 20px;
}

div.main
div.restaurant
div.mainColumn
div.description
div.content
div.text.columns {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

div.main
div.restaurant
div.mainColumn
div.description
div.content
div.text.columns
p {
    display: none;
}

div.main
div.restaurant
div.mainColumn
div.description
div.content.active
div.text.columns
p {
    display: block;
}

div.main
div.restaurant
div.mainColumn
div.description
div.content
div.text.columns
p:nth-child(1),
div.main
div.restaurant
div.mainColumn
div.description
div.content
div.text.columns
p:nth-child(2) {
    display: block;
}

div.restaurant div.mainColumn div.importantInfo div.content.active {
    height: auto;
    max-height: 1000px;
}

div.main div.restaurant div.mainColumn div.description div.content.active {
    transition: max-height 500ms;
}

div.main
div.restaurant
div.mainColumn
div.description
div.content.active
div.text {
    height: auto;
}

div.main div.restaurant div.mainColumn div.description div.content span.hidden {
    display: none;
    transition: display 300ms;
}

div.restaurant div.mainColumn div.importantInfo div.content span.hidden {
    display: none;
    transition: display 300ms;
}

div.main
div.restaurant
div.mainColumn
div.description
div.content.active
span.hidden,
div.restaurant div.mainColumn div.importantInfo div.content.active span.hidden {
    display: block;
    transition: display 300ms;
}

div.importantInfo div.content div.items.kitchens span.kitchen,
div.restaurant
div.mainColumn
div.importantInfo
div.content.active
div.items.kitchens
span.hidden {
    display: inline;
}

div.importantInfo div.content div.items img.svgIcon {
    position: absolute;
    left: 0px;
    width: 18px;
    filter: invert(65%) sepia(13%) saturate(297%) hue-rotate(174deg) brightness(94%) contrast(88%);
}

div.mainColumn div.description div.content p:first-child {
    margin-top: 0px;
}

div.mainColumn div.section div.readMore,
div.mainColumn div.importantInfo div.readMore {
    text-align: right;
    line-height: 25px;
    color: gray;
    font-size: 14px;
    cursor: pointer;
}

div.mainColumn div.readMore::before {
    content: "Подробнее";
}

div.mainColumn div.readMore.active::before {
    content: "Скрыть";
}

div.lastClientText {
    line-height: 25px;
    color: gray;
    font-size: 14px;
}

div.mainColumn div.section div.readMore i.material-icons {
    float: right;
    position: relative;
    top: 4px;
    transition: transform 300ms;
}

div.searchFilter a i.material-icons {
    transition: transform 300ms;
}

div.searchFilter a.active {
    color: #fdbb16;
}

div.mainColumn div.section div.readMore.active i.material-icons,
div.searchFilter a.active i.material-icons {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform 300ms;
}

div.main div.restaurant div.mainColumn div.importantInfo {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

div.restaurant div.mainColumn div.importantInfo div.content {
    border-radius: 12px;
    background-color: #ffffff;
    color: black;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    max-height: 200px;
    overflow: hidden;
    position: relative;
}

div.importantInfo div.content div.items {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-right: 20px;
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
}

div.importantInfo a {
    color: black;
}

div.importantInfo div.content:after,
.chainContent:after {
    content: "";
    display: block;
    clear: both;
}

div.workTime .content:after,
div.search:after,
div.searchResultRow:after,
div.filterSelected:after,
div.fullFilter:after,
div.fullFilterContainer:after,
div.overviews:after,
div.footerContainer:after,
div.restaurant:after,
div.static:after,
div.main.index div.content:after,
div.restaurants:after {
    content: "";
    display: block;
    clear: both;
}

div.importantInfo div.content div.items .material-icons {
    position: absolute;
    left: 0px;
}

div.importantInfo div.content div.items span {
    display: block;
}

div.importantInfo div.content div.items span.title {
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display: block;
}

div.restaurant div.workTime .content {
    padding-top: 16px;
    padding-bottom: 16px;
    /*border: 1px #0e2244 solid;*/
    border-radius: 10px;
    background: white;
}


div.restaurant div.workTime div.item {
    float: left;
    width: calc(100% / 7 - 1px);
    text-align: center;
    font-size: 14px;
    background-color: #fff;
}

div.restaurant div.workTime div.item div.tFH {
    position: relative;
    left: 1px;
    background-image: url("../img/icons/24.svg");
    height: 36px;
    width: 36px;
    background-size: 36px;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 8px;
}

div.restaurant div.workTime div.item.active {
    color: #BC0B25;
}

div.restaurant div.workTime div.item.active div.tFH {
    background-image: url("../img/icons/24active.svg");
}

div.restaurant div.workTime div.item span {
    display: block;
}

div.restaurant div.workTime div.item span.wDay {
    line-height: 30px;
}

div.restaurant div.news,
div.restaurant div.otherRests {
    height: 320px;
    position: relative;
    overflow: hidden;
}

div.restaurant div.news {
    height: 270px;
}

div.restaurant div.news div.items,
div.restaurant div.news div.items div.sliderContainer {
    height: 300px;
    position: relative;
    width: 538px;
}

div.restaurant div.otherRests div.items,
div.restaurant div.otherRests div.items div.sliderContainer {
    height: 320px;
    position: relative;
    width: 538px;
}

div.sliderContainer {
    overflow: hidden;
}

div.interior div.items,
div.content.indexpage div.items,
div.overviews div.items,
div.interior div.items div.sliderContainer,
div.content.indexpage div.items div.sliderContainer,
div.overviews div.items div.sliderContainer {
    height: 300px;
    position: relative;
    width: 817px;
}

div.content.indexpage div.items,
div.content.indexpage div.items div.sliderContainer {
    height: 250px;
}

div.content.indexpage.rest div.items,
div.content.indexpage.rest div.items div.sliderContainer {
    height: 455px;
}

div.interior span.left,
div.interior span.right {
    position: absolute;
    box-sizing: border-box;
    top: 95px;
    z-index: 1;
    cursor: pointer;
    height: 30px;
    width: 30px;
    background-color: rgba(14, 34, 68, 0.8);
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    padding-top: 3px;
    user-select: none;
    color: white;
    -webkit-user-select: none;
    transition: left 100ms, right 100ms;
}

.bookingForm .mapAction .address {
    color: #276AF6;
}

div.items span.left,
div.items span.right {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    top: 110px;
    z-index: 1;
    cursor: pointer;
    background-color: rgba(14, 34, 68, 0.8);
    border-radius: 50%;
    text-align: center;
    padding-top: 3px;
    user-select: none;
    -webkit-user-select: none;
    transition: left 100ms, right 100ms;
    height: 40px;
    width: 40px;
    background-color: rgb(255 255 255 / 80%);
    line-height: 52px;
    color: #18191B;
}

div.news div.items span.left,
div.news div.items span.right {
    top: 54px;
}

div.interior div.items span.left,
div.interior div.items span.right {
    top: 86px;
}

div.items.innerArrows span.left,
div.interior span.left {
    left: 10px;
}

div.items.innerArrows span.right,
div.interior span.right {
    right: 10px;
}

div.items span.left {
    left: -50px;
}

div.items span.right {
    right: -50px;
}

div.slider {
    position: absolute;
    left: 0px;
    transition: left 300ms;
}

div.overviews div.items div.slider .item {
    position: absolute;
}

div.restaurant div.news a.item,
div.restaurant div.otherRests a.item {
    float: left;
    position: absolute;
    height: 300px;
    width: 259px;
    margin-right: 20px;
    display: inline-block;
    transition: left 300ms, right 300ms;
}

div.interior div.items a.item,
div.content.indexpage div.items.news a.item {
    float: left;
    position: absolute;
    height: 300px;
    width: 259px;
    margin-right: 20px;
    display: inline-block;
    transition: left 300ms, right 300ms;
}


div.restaurant div.news a.item span.photo,
div.interior div.items a.item span.photo,
div.restaurant div.otherRests a.item span.photo,
div.content.indexpage div.items.news a.item span.photo {
    display: inline-block;
    height: 204px;
    width: 259px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 12px;
    transition: transform .3s;
}

div.restaurant div.news a.item span.photo:hover,
div.interior div.items a.item span.photo:hover,
div.restaurant div.otherRests a.item span.photo:hover,
div.content.indexpage div.items.news a.item span.photo:hover {
    transform: scale(1.05);
    z-index: 5;
}


div.restaurant div.news a.item span.photo {
    height: 132px;
}

div.restaurant div.news a.item span.title {
    display: block;
    width: 259px;
    padding-top: 12px;
    font-size: 16px;
    font-weight: 700;
}

.titleContainerRestaurant h2 {
    color: #000000;
}

.titleContainerRestaurant a {
    color: #949EAB;
}

div.restaurant div.otherRests a.item span.title {
    display: block;
    width: 259px;
    padding-top: 12px;
    font-size: 17px;
    font-weight: 700;
}

div.feedback.section .signupBtn {
    text-transform: none;
    float: right;
}

div.main div.restaurant div.feedback.section h2 {
    margin-top: 6px;
    margin-bottom: 0px;
}

div.feedback.section div.item {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px black solid;
}

div.feedback.section div.item:last-child {
    border: none;
}


div.feedback.section div.item span.name {
    font-weight: 600;
}

div.feedback.section div.item span.rating .material-icons {
    font-size: 18px;
    color: #fdbb16;
}

div.feedback.section div.item span.date {
    float: right;
    font-size: 14px;
    color: #777;
}

div.feedback.section div.item p.review {
    font-size: 14px;
    line-height: 24px;
    width: 439px;
}

div.feedback.section div.noReviews {
    padding-top: 24px;
    padding-bottom: 12px;
}

div.feedback.section div.item span.partner {
    font-size: 14px;
    color: #777;
}

/*feedback*/
textarea {
    box-sizing: border-box;
    margin-top: 12px;
    height: 134px;
    border: 1px black solid;
    width: 100%;
    padding: 12px;
}

textarea:focus,
textarea:hover {
    border: 1px #fdbb16 solid;
}

/* Listing Main */
div.search {
    padding-left: 73px;
    padding-right: 73px;
}

div.search div.searchField {
    width: calc(100% - 319px);
    min-width: 300px;
    padding-left: 20px;
    display: block;
}

div.search div.searchField input {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    border: 1px #999 solid;
    padding: 0px;
    font-family: Gilroy, serif;
    padding-left: 20px;
    font-size: 14px;
    border-radius: 12px;
}

div.indexSearch input,
div.searchInChains input {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    border: 1px white solid;
    padding: 0px;
    padding-left: 20px;
    font-size: 14px;
    position: relative;
    border-radius: 12px;
}

div.indexSearch .btn,
div.searchInChains .btn {
    background-color: #BC0B25;
    border: 1px #BC0B25 solid;
}

div.search div.searchSubmit {
    width: 259px;
    padding-right: 20px;
    float: right;
}

div.search div.searchSubmit button {
    background: #BC0B25;
    width: 100%;
    padding: 0px;
    font-size: 16px;
    border: 0;
}

div.search div.searchSubmit .btn.mobile {
    display: none;
    width: 50px;
}

div.search div.searchSubmit .btn.mobile .material-icons {
    font-size: 30px;
    margin-top: 5px;
}

div.searchFilter {
    padding-left: 93px;
    padding-right: 93px;
    /*padding-bottom:36px; */
}

div.searchFilter ul {
    display: block;
    box-sizing: border-box;
    text-align: justify;
    width: 100%;
    padding-left: 0px;
    list-style: none;
    /* position: absolute; */
}


div.searchFilter ul li {
    /* display: inline-block; */
    float: left;
    text-align: left;
    padding-right: 56px;
}

div.searchFilter.nometro ul li {
    padding-right: 0px;
}

div.searchFilter ul li:last-child {
    padding-right: 0px;
    padding-left: 7px;
}

div.searchFilter ul li .material-icons {
    position: relative;
    top: 4px;
}

div.sFeatures,
div.popularRests {
    padding-left: 83px;
    padding-right: 83px;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
}

div.sFeatures div.items,
div.popularRests div.items {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 817px;
    padding-top: 24px;
}

div.sFeatures div.items {
    height: 340px;
}

div.sFeatures div.items div.item {
    display: block;
    width: 259px;
}

div.sFeatures div.items a.item {
    display: block;
    width: 259px;
    float: left;
    position: absolute;
    height: 300px;
    width: 259px;
    margin-right: 20px;
    display: inline-block;
    text-align: center;
    transition: left 300ms, right 300ms;
}

div.sFeatures a.item div.image {
    display: block;
    height: 259px;
    width: 259px;
    margin: auto;
    overflow: hidden;
    background-size: 258px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-sizing: border-box;
}

div.sFeatures a.item p.title {
    display: block;
    width: 259px;
    font-size: 14px;
    font-weight: 500;
}

div.sFeatures div.items span.left,
div.sFeatures div.items span.right {
    top: 140px;
}

div.wideBannerPlace {
    /*padding-left:93px;*/
    /*padding-right:93px;*/
    padding-top: 24px;
    /*padding-bottom:24px;*/
}

div.wideBannerPlace .banner {
    /*background-color:black;*/
    /*height:204px;*/
    height: auto;
    color: white;
    /*line-height:200px;*/
    font-size: 22px;
    text-align: center;
}

div.wideBannerPlace img {
    width: 820px;
    border-radius: 12px;
}

div.popularRests div.items {
    height: 468px;
    /*padding-top: 0px;*/
}

div.searchResultRow {
    position: relative;
    margin-bottom: 72px;
}

div.searchResultRow:last-of-type {
    margin-bottom: 0px;
}

div.restCard {
    width: 259px;
    height: 400px;
    padding-bottom: 60px;
    position: relative;
    float: left;
}

div.restCard.inSlider {
    height: 379px;
}

div.restCard a.image {
    display: block;
    height: 204px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 12px;
    position: relative;
    background-repeat: no-repeat;
    border-radius: 12px;
    transition: transform .3s;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 5px 5px -5px, rgba(0, 0, 0, 0.3) 0px 5px 5px -5px;

}

div.restCard:hover a.image:hover {
    transform: scale(1.03);
}

div.restCard.chain-card a.image {
    background-size: contain;
    background-color: #f4f4f4;
}

div.restCard .cardIcons {
    width: 18px;
    position: absolute;
    left: 0px;
    top: 10px;
}

div.restCard.inSlider {
    position: absolute;
}

div.restCard.inSearch {
    /* margin-right: 20px; */
}

div.restCard.inSearch:nth-child(3n + 2) {
    margin: 0 20px;
}

div.restCard.inSearch:nth-child(n + 4) {
    margin-top: 80px;
}

div.restCard.inSearch.item.lastInRow {
    margin-right: 0px;
}

div.restCard div.restInfo span.infoItem {
    display: block;
    padding-left: 24px;
    position: relative;
}

div.restCard div.price {
    float: right;
    padding-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

div.restCard div.title a {
    display: block;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}

.restRate {
    padding-top: 5px;
}

div.restCard div.restInfo {
    padding-bottom: 12px;
}

div.restCard div.restInfo span.infoItem {
    padding-top: 9px;
}


div.restCard div.restInfo span.infoItem i.material-icons {
    position: absolute;
    left: 0px;
}


div.restCard div.bookingBtn {
    position: absolute;
    bottom: 0px;
    width: 259px;
}

div.restCard div.bookingBtn .btn__blue {
    background-color: #0e2244;
    border-color: #0e2244;
}

div.restCard div.price .rouble {
    width: 12px;
}

div.onMap,
div.searchResult div.items {
    padding-left: 93px;
    padding-right: 93px;
    padding-bottom: 48px;
    padding-top: 48px;
}

div.onMap div.imgMap {
    background-image: url("/img/mapM.jpg");
    height: 306px;
    padding-top: 135px;
    box-sizing: border-box;
    border-radius: 12px;
}

div.onMap div.imgMap a.btn {
    margin: auto;
    width: 299px;
}

div.searchHolder,
div.noRests {
    text-align: center;
    margin-top: 36px;
    padding-bottom: 48px;
}

div.searchResult.fix {
    padding-top: 200px;
}

div.searchContainer {
    position: relative;
}

div.searchContainer div.cnt,
div.searchContainer h1.cnt {
    display: block;
    font-size: 14px;
    line-height: 48px;
    font-weight: 500;
    border-bottom: 1px #777 solid;
    top: 160px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 93px;
    margin-right: 93px;
}

div.cntFix div.cnt,
div.cntFix h1.cnt,
.searchResult h1.cnt {
    display: block;
    font-size: 14px;
    line-height: 48px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px #777 solid;
    top: 160px;
    margin-left: 93px;
    margin-right: 93px;
}

.searchResult h1.cnt {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    top: -40px;
}

.staticHeader .search {
    z-index: 2;
    position: sticky;
}

div.goToMap {
    display: none;
}

div.goToMap img.loc {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    width: 19px;
}

div.goToMap.active {
    display: block;
    float: right;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    border: none;
    position: absolute;
    right: 93px;
    bottom: 6px;
}

div.cntFix {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: white;
    width: 100%;
}

div.cntFix div.cnt {
    width: 817px;
    margin: auto;
    border-bottom: 0px;
    padding-top: 12px;
    border-top: 1px #777 solid;
}

div.searchSection.fix {
    position: fixed;
    width: 100%;
    background-color: white;
    top: 84px;
    left: 0px;
    z-index: 20;
}

div.searchSection.fix div.searchContainer {
    width: 1004px;
    margin: auto;
    display: block;
}

div.searchResult span.allShowed,
div.searchResult .searchHolder {
    line-height: 36px;
    padding-top: 80px;
    padding-bottom: 12px;
    font-weight: 500;
    display: block;
    text-align: center;
}

span.allShowed {
    line-height: 36px;
    padding-top: 80px;
    padding-bottom: 12px;
    font-weight: 500;
    display: block;
    text-align: center;
}

div.fullFilterContainer div.fullFilter {
    padding-left: 20px;
    padding-top: 24px;
    padding-bottom: 60px;
    user-select: none;
    -webkit-user-select: none;
    z-index: 20;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

div.fullFilterContainer div.fullFilter .filterItem {
    width: 25%;
}

div.main.srch div.fullFilterContainer div.fullFilter {
    padding-bottom: 24px;
}

div.filterItem {
    margin-bottom: 5px;
    height: 20px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

div.fullFilterContainer div.fullFilter div.filterItem {
    /*width: 159px;*/
    float: left;
    /*padding-right: 20px;*/
}

div.filterItem input[type="checkbox"] {
    width: 0px;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
}

div.filterItem input[type="checkbox"] + label {
    color: #777;
    cursor: pointer;
    padding-left: 20px;
}

div.filterItem input[type="checkbox"] + label:before {
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    background-color: white;
    border: 1px #777 solid;
    float: left;
    /*margin-top: 2px;*/
    background-position: center 17px;
    background-image: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.filterItem input[type="checkbox"]:checked + label {
    color: black;
}

div.filterItem input[type="checkbox"]:checked + label:before {
    border: 1px #0e2244 solid;
    background-image: url("../img/reservation-block/check.png");
}

div.filSubmit {
    /*padding-bottom: 120px;*/
}

div.main.srch div.filSubmit {
    padding-bottom: 24px;
}


.filterElement {
    position: absolute;
    left: -20px;
    padding-left: 40px;
}

div.filSubmit button.btn {
    margin: auto;
}

/*restCard*/
/*metro*/
.btn.mTop {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.btn.mBtm {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}

.metromap {
    display: inline-block;
    width: auto;
}

#metromap i {
    z-index: 1;
    position: absolute;
    background-color: #4caf50;
    display: block;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    color: white;
    padding-top: 1px;
    border: 2px white solid;
    cursor: pointer;
}

.m-del {
    position: relative;
    display: block;
    height: 10px;
    width: 10px;
    top: -8px;
    left: 2px;
    float: right;
    margin-left: 4px;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
}

.m-del:hover {
    color: red;
}

.m-dele {
    position: relative;
    display: block;
    height: 10px;
    width: 10px;
    top: -8px;
    left: 2px;
    float: right;
    margin-left: 4px;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
}

.m-dele:hover {
    color: red;
}

.metrost {
    display: inline-block;
    margin-right: 4px;
    padding: 4px;
}

.metroselected {
    margin-top: 7px;
}

.filterSelected div {
    float: left;
    width: auto;
    font-size: 14px;
    background: #fdbb16;
    font-weight: normal;
    padding: 3px 3px 3px 10px;
    margin: 0px;
    height: 30px;
    overflow-y: hidden;
    /*border:1px #FDBB16 solid;*/
    margin: 0px 4px 4px 0px;
    box-sizing: border-box;
    line-height: 28px;
}

.filterSelected .clearFlt {
    background: none;
}

.search .metroselected div {
    background-color: white;
}

.mline {
    display: block;
    float: left;
    height: 10px;
    width: 10px;
    margin-top: 8px;
    margin-right: 5px;
    border-radius: 50%;
}

.line-aplflkl {
    background: #2c74c3;
    background: -moz-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 33%,
            #933e2b 33%,
            #933e2b 67%,
            #4ec6f2 67%,
            #4ec6f2 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #2c74c3),
            color-stop(33%, #2c74c3),
            color-stop(33%, #933e2b),
            color-stop(67%, #933e2b),
            color-stop(66%, #4ec6f2),
            color-stop(100%, #4ec6f2)
    );
    background: -webkit-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 33%,
            #933e2b 33%,
            #933e2b 67%,
            #4ec6f2 67%,
            #4ec6f2 100%
    );
    background: -o-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 33%,
            #933e2b 33%,
            #933e2b 67%,
            #4ec6f2 67%,
            #4ec6f2 100%
    );
    background: -ms-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 33%,
            #933e2b 33%,
            #933e2b 67%,
            #4ec6f2 67%,
            #4ec6f2 100%
    );
    background: linear-gradient(
            to right,
            #2c74c3 0%,
            #2c74c3 33%,
            #933e2b 33%,
            #933e2b 67%,
            #4ec6f2 67%,
            #4ec6f2 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c74c3', endColorstr='#4ec6f2', GradientType=1);
}

.line-aplfl {
    background: #2c74c3;
    background: -moz-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #4ec6f2 50%,
            #4ec6f2 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #2c74c3),
            color-stop(50%, #2c74c3),
            color-stop(50%, #4ec6f2),
            color-stop(100%, #4ec6f2)
    );
    background: -webkit-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #4ec6f2 50%,
            #4ec6f2 100%
    );
    background: -o-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #4ec6f2 50%,
            #4ec6f2 100%
    );
    background: -ms-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #4ec6f2 50%,
            #4ec6f2 100%
    );
    background: linear-gradient(
            to right,
            #2c74c3 0%,
            #2c74c3 50%,
            #4ec6f2 50%,
            #4ec6f2 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c74c3', endColorstr='#4ec6f2', GradientType=1);
}

.line-aplksl {
    background: #2c74c3;
    background: -moz-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #2c74c3),
            color-stop(50%, #2c74c3),
            color-stop(50%, #fbc71c),
            color-stop(100%, #fbc71c)
    );
    background: -webkit-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: -o-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: -ms-linear-gradient(
            left,
            #2c74c3 0%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: linear-gradient(
            to right,
            #2c74c3 0%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c74c3', endColorstr='#fbc71c', GradientType=1);
}

.line-kkhlzl {
    background: #7ed3c8;
    background: -moz-linear-gradient(
            left,
            #7ed3c8 0%,
            #7ed3c8 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #7ed3c8),
            color-stop(50%, #7ed3c8),
            color-stop(50%, #4bbe52),
            color-stop(100%, #4bbe52)
    );
    background: -webkit-linear-gradient(
            left,
            #7ed3c8 0%,
            #7ed3c8 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: -o-linear-gradient(
            left,
            #7ed3c8 0%,
            #7ed3c8 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: -ms-linear-gradient(
            left,
            #7ed3c8 0%,
            #7ed3c8 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: linear-gradient(
            to right,
            #7ed3c8 0%,
            #7ed3c8 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ed3c8', endColorstr='#4bbe52', GradientType=1);
}

.line-klzl {
    background: #933e2b;
    background: -moz-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #933e2b),
            color-stop(50%, #933e2b),
            color-stop(50%, #4bbe52),
            color-stop(100%, #4bbe52)
    );
    background: -webkit-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: -o-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: -ms-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    background: linear-gradient(
            to right,
            #933e2b 0%,
            #933e2b 50%,
            #4bbe52 50%,
            #4bbe52 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#933e2b', endColorstr='#4bbe52', GradientType=1);
}

.line-klapl {
    background: #933e2b;
    background: -moz-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #933e2b),
            color-stop(50%, #933e2b),
            color-stop(50%, #2c74c3),
            color-stop(100%, #2c74c3)
    );
    background: -webkit-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    background: -o-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    background: -ms-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    background: linear-gradient(
            to right,
            #933e2b 0%,
            #933e2b 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#933e2b', endColorstr='#2c74c3', GradientType=1);
}

.line-klkrl {
    background: #933e2b;
    background: -moz-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #f47024 50%,
            #f47024 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #933e2b),
            color-stop(50%, #933e2b),
            color-stop(50%, #f47024),
            color-stop(100%, #f47024)
    );
    background: -webkit-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #f47024 50%,
            #f47024 100%
    );
    background: -o-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #f47024 50%,
            #f47024 100%
    );
    background: -ms-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #f47024 50%,
            #f47024 100%
    );
    background: linear-gradient(
            to right,
            #933e2b 0%,
            #933e2b 50%,
            #f47024 50%,
            #f47024 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#933e2b', endColorstr='#f47024', GradientType=1);
}

.line-klsl {
    background: #933e2b;
    background: -moz-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #ed2622 50%,
            #ed2622 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #933e2b),
            color-stop(50%, #933e2b),
            color-stop(50%, #ed2622),
            color-stop(100%, #ed2622)
    );
    background: -webkit-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #ed2622 50%,
            #ed2622 100%
    );
    background: -o-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #ed2622 50%,
            #ed2622 100%
    );
    background: -ms-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #ed2622 50%,
            #ed2622 100%
    );
    background: linear-gradient(
            to right,
            #933e2b 0%,
            #933e2b 50%,
            #ed2622 50%,
            #ed2622 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#933e2b', endColorstr='#ed2622', GradientType=1);
}

.line-kltkl {
    background: #933e2b;
    background: -moz-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #933e2b),
            color-stop(50%, #933e2b),
            color-stop(50%, #89329d),
            color-stop(100%, #89329d)
    );
    background: -webkit-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: -o-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: -ms-linear-gradient(
            left,
            #933e2b 0%,
            #933e2b 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: linear-gradient(
            to right,
            #933e2b 0%,
            #933e2b 50%,
            #89329d 50%,
            #89329d 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#933e2b', endColorstr='#89329d', GradientType=1);
}

.line-krlksl {
    background: #f47024;
    background: -moz-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #f47024),
            color-stop(50%, #f47024),
            color-stop(50%, #fbc71c),
            color-stop(100%, #fbc71c)
    );
    background: -webkit-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: -o-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: -ms-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    background: linear-gradient(
            to right,
            #f47024 0%,
            #f47024 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47024', endColorstr='#fbc71c', GradientType=1);
}

.line-krltkl {
    background: #f47024;
    background: -moz-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #f47024),
            color-stop(50%, #f47024),
            color-stop(50%, #89329d),
            color-stop(100%, #89329d)
    );
    background: -webkit-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: -o-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: -ms-linear-gradient(
            left,
            #f47024 0%,
            #f47024 50%,
            #89329d 50%,
            #89329d 100%
    );
    background: linear-gradient(
            to right,
            #f47024 0%,
            #f47024 50%,
            #89329d 50%,
            #89329d 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47024', endColorstr='#89329d', GradientType=1);
}

.line-stlmon {
    background: #9e9e9f;
    background: -moz-linear-gradient(
            left,
            #9e9e9f 0%,
            #9e9e9f 50%,
            #3679c5 50%,
            #3679c5 100%
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #9e9e9f),
            color-stop(50%, #9e9e9f),
            color-stop(50%, #3679c5),
            color-stop(100%, #3679c5)
    );
    background: -webkit-linear-gradient(
            left,
            #9e9e9f 0%,
            #9e9e9f 50%,
            #3679c5 50%,
            #3679c5 100%
    );
    background: -o-linear-gradient(
            left,
            #9e9e9f 0%,
            #9e9e9f 50%,
            #3679c5 50%,
            #3679c5 100%
    );
    background: -ms-linear-gradient(
            left,
            #9e9e9f 0%,
            #9e9e9f 50%,
            #3679c5 50%,
            #3679c5 100%
    );
    background: linear-gradient(
            to right,
            #9e9e9f 0%,
            #9e9e9f 50%,
            #3679c5 50%,
            #3679c5 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9f', endColorstr='#3679c5', GradientType=1);
}

.line-l1l2 {
    background: #ed2622;
    /* Old browsers */
    background: -moz-linear-gradient(
            left,
            #ed2622 0%,
            #ed2622 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    /* FF3.6+ */
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #ed2622),
            color-stop(50%, #ed2622),
            color-stop(50%, #2c74c3),
            color-stop(100%, #2c74c3)
    );
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
            left,
            #ed2622 0%,
            #ed2622 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
            left,
            #ed2622 0%,
            #ed2622 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    /* Opera 11.10+ */
    background: -ms-linear-gradient(
            left,
            #ed2622 0%,
            #ed2622 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    /* IE10+ */
    background: linear-gradient(
            to right,
            #ed2622 0%,
            #ed2622 50%,
            #2c74c3 50%,
            #2c74c3 100%
    );
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed2622', endColorstr='#2c74c3', GradientType=1);
    /* IE6-9 */
}

.line-l3l4 {
    background: #4bbe52;
    /* Old browsers */
    background: -moz-linear-gradient(
            left,
            #4bbe52 0%,
            #4bbe52 50%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    /* FF3.6+ */
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #4bbe52),
            color-stop(50%, #4bbe52),
            color-stop(50%, #2c74c3),
            color-stop(50%, #fbc71c),
            color-stop(100%, #fbc71c)
    );
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
            left,
            #4bbe52 0%,
            #4bbe52 50%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
            left,
            #4bbe52 0%,
            #4bbe52 50%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    /* Opera 11.10+ */
    background: -ms-linear-gradient(
            left,
            #4bbe52 0%,
            #4bbe52 50%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    /* IE10+ */
    background: linear-gradient(
            to right,
            #4bbe52 0%,
            #4bbe52 50%,
            #2c74c3 50%,
            #fbc71c 50%,
            #fbc71c 100%
    );
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bbe52', endColorstr='#fbc71c', GradientType=1);
    /* IE6-9 */
}

.line-sl,
.line-l1 {
    background-color: #ed2622;
}

.line-zl,
.line-l3,
.line-el1 {
    background-color: #4bbe52;
}

.line-apl,
.line-l2 {
    background-color: #2c74c3;
}

.line-fl {
    background-color: #4ec6f2;
}

.line-kl {
    background-color: #933e2b;
}

.line-krl,
.line-l4 {
    background-color: #f47024;
}

.line-tkl,
.line-l5 {
    background-color: #89329d;
}

.line-ksl {
    background-color: #fbc71c;
}

.line-stl {
    background-color: #9e9e9f;
}

.line-ldl {
    background-color: #a6d72b;
}

.line-kkhl {
    background-color: #7ed3c8;
}

.line-but {
    background-color: #b5c3e8;
}

.line-mon {
    background-color: #3679c5;
}

.mlabel {
    box-sizing: border-box;
    font-size: 14px !important;
}

area {
    -user-select: none;
    user-select: none;
    outline-width: 0;
    outline: none;
    border: 0px;
}

area:active {
    -user-select: none;
    user-select: none;
    outline-width: 0;
    outline: none;
    border: 0px;
}

/*modal*/
.modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    margin: auto;
    z-index: 50;
    display: none;
    text-align: center;
    overflow-y: scroll;
}

.modal.active {
    display: block !important;
}

.modal .modalContent {
    display: inline-block;
    margin: 50px auto;
    background-color: white;
    width: 80%;
    max-width: 1000px;
    padding: 24px;
    text-align: left;
    position: relative;
}

.modal .modalContent .checkImg {
    text-align: center;
}

.modal .modalContent .checkImg img {
    width: 90px;
    margin-bottom: 20px;
}

.modal .modalContent .success-message-text {
    text-align: center;
    font-size: 16px;
    display: block;
}

.modal .modalContent .success-message-text .modal__contact-links {
    text-align: center;
    font-size: 18px;
    display: block;
    color: #f6a623;
    line-height: 30px;
}

.modal .modalContent .close {
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 7px;
    font-size: 20px;
    cursor: pointer;
}

.filterSelected {
    border-radius: 12px;
    margin-top: 12px;
    margin-left: 93px;
    margin-right: 93px;
    background-color: #fed89a;
    position: relative;
    overflow: hidden;
    padding-right: 30px;
}

.filterSelected .clearFlt {
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: pointer;
}

.filterSelected .clearFlt img {
    height: 18px;
}

/*dropdown*/
.dropdownActive {
    position: relative;
}

.dropdown, .dropdownNew {
    height: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    transition: height 200ms, padding 200ms;
}

#priceFilterBlock {
    color: white;
}

.dropdown.active, .dropdownNew.active {
    height: auto;
    overflow-y: visible;
    padding: 10px;
    padding-top: 15px;
    background-color: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: height 200ms, padding 200ms;
    z-index: 20;
}

/* booking */
.bookingFrame {
    width: 100%;
    height: 560px;
    overflow: hidden;
    border: 0px;
}

.reservation-block {
    margin: 0px !important;
}

.modal .modalContent.bookingContainer {
    max-width: 550px !important;
    /*height: 97%;*/
    overflow: hidden;
    background-color: transparent;
    padding: 0px;
}


.rPhoto {
    width: 100%;
    height: 204px;
    background-size: cover;
    margin-bottom: 12px;
}

.bookingContainer .rTitle {
    padding-bottom: 12px;
    font-weight: 500;
    font-size: 18px;
}

.bookingContainer .address {
    font-size: 14px;
    padding-bottom: 12px;
}

.bookingContainer .address i {
    position: relative;
    top: 3px;
}

.bookingContainer .rInfo {
    background-color: #ffd99a;
    padding: 20px;
    box-sizing: border-box;
}

.timesBlock {
    position: relative;
    top: -5px;
}

.timesBlock .selectTime {
    display: inline-block;
    border: 1px #fdbb16 solid;
    width: 80px;
    margin-right: 3px;
    margin-bottom: 5px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.timesBlock .selectTime:hover {
    background-color: #fdbb16;
}

.bkActBl {
    width: 259px;
    float: left;
    margin-bottom: 12px;
    font-size: 18px;
    position: relative;
    top: -3px;
}

.bkActBl i {
    position: relative;
    top: 5px;
    padding-right: 10px;
}

/*on-map*/
.sOnMap#map {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding-top: 175px;
    box-sizing: border-box;
}

.loadHolder {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding-top: 250px;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    z-index: 10;
}

/*balloon*/
ymaps.ymaps-2-1-69-balloon__close + .ymaps-2-1-69-balloon__content {
    margin: 0px;
}

@media screen and (max-width: 400px) {


    .ymaps-2-1-69-balloon__close {
        top: 40px !important;
        right: 10px !important;
        background-color: #0e2244;
        height: 30px;
        width: 30px;
        border-radius: 50%;
    }

    .ymaps-2-1-69-balloon__close-button::after {
        color: white;
        height: 30px;
        width: 30px;
        display: block;
        line-height: 30px;
        text-align: center;
        font-size: 24px;
    }
}

ymaps.ymaps-2-1-69-copyrights-pane {
    z-index: 700 !important;
}

ymaps.ymaps-2-1-69-balloon__content {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 300px;
    height: 100%;
    min-height: 15px;
    margin: 0;
    padding: 0px;
    background: #fff;
    font: 13px;
}

ymaps.ymaps-2-1-69-balloon__content > ymaps {
    width: 440px !important;
    overflow: hidden !important;
}

@media screen and (max-width: 400px) {
    ymaps.ymaps-2-1-69-balloon__content > ymaps {
        width: 100% !important;
        height: 400px !important;
        overflow: hidden !important;
    }
}

ymaps.ymaps-2-1-69-balloon__close-button {
    height: 30px;
    width: 30px;
    background-color: black;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    margin-top: 5px;
    opacity: 0.9;
}

ymaps.ymaps-2-1-69-balloon__close-button:after {
    content: "×";
    color: white;
}

ymaps.ymaps-2-1-69-zoom {
    left: 62px;
    top: 20px;
}

@media screen and (max-width: 400px) {
    ymaps.ymaps-2-1-69-zoom {
        left: 20px;
        top: 20px;
    }
}

.balloonCotainer {
    width: 440px;
    min-height: 400px;
}

@media screen and (max-width: 400px) {
    .balloonCotainer {
        width: 100%;
    }
}

.balloonPhoto {
    display: none;
    height: 216px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    padding-top: 180px;
    box-sizing: border-box;
}

.balloonPhoto .btn {
    width: 200px;
    margin: auto;
    position: absolute;
    top: 40%;
    left: 18%;
}

.moreInfoOnMap {
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px;
}

.balloonPhoto.active {
    display: block;
}

.balloonContent {
    display: none;
    box-sizing: border-box;
    padding: 20px;
}

.balloonContent.active {
    display: block;
}

.balloonList {
    box-sizing: border-box;
    width: 160px;
    margin: 20px 0px;
    padding: 0px 20px;
    border-right: 1px #444 solid;
    margin-right: 20px;
    float: left;

    max-height: 120px;
    overflow-y: scroll;
}

.balloonList a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    font-weight: 500;
}

.balloonList a.active {
    color: #fdbb16;
}

.balloonContent .rTitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
}

.locBtn {
    position: absolute;
    z-index: 10;
    top: 260px;
    left: 60px;
    background-color: #fdbb16;
    color: white;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    line-height: 70px;
    /*border:2px black solid;*/
}

.goToList {
    position: absolute;
    z-index: 10;
    top: 245px;
    right: 20px;
    height: 36px;
    line-height: 36px;
    /*background-color: #0e2244;*/
    border: none;
}

.showOnMap {
    display: flex;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px 18px;
    gap: 10px;
    color: white;
    background: #0e2244;
}

.showOnMap span {
    font-family: Gilroy, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}


.goToList .material-icons {
    float: left;
    position: relative;
    top: 5px;
}

.locBtn i.material-icons {
    font-size: 30px;
}

/*overview*/
div.publication div.rests {
    margin-top: 48px;
}

div.overview div.backLnk,
div.publication div.backLnk {
    margin-left: 93px;
    padding-top: 36px;
    padding-bottom: 12px;
}

div.overview div.backLnk a,
div.publication div.backLnk a {
    text-decoration: underline;
    color: #555;
}

div.overview div.content {
    box-sizing: border-box;
    padding-left: 93px;
    padding-right: 93px;
}

div.overview div.titleContainer,
div.restaurant div.titleContainer {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px #FFF solid;
    margin-bottom: 36px;
}

div.restaurant div.titleContainer {
    margin-left: 93px;
    margin-right: 93px;
}

div.overview div.titleContainer h1,
div.restaurant div.titleContainer h1 {
    margin: 0px;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    max-width: 538px;
}

div.restaurant div.titleContainer h1.active {
    color: #fdbb16;
}

div.restaurant div.titleContainer h1 span {
    color: black;
}

div.overview div.titleContainer span.date {
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #555;
}

div.publication div.titleContainer span.date {
    position: absolute;
    /* top: 24px; */
    right: 0px;
    color: #555;
    bottom: 2px;
}

div.overview div.description {
    position: relative;
    text-align: justify;
    font-size: 14px;
    line-height: 20px;
    column-count: 3;
    margin-bottom: 36px;
}

div.overview div.description.notColumns {
    max-width: 538px;
}

div.overview div.description.columns {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

div.overview div.description.columns img {
    width: 259px !important;
    height: auto !important;
}

div.overview div.description.notColumns img {
    margin: auto;
    max-width: 100% !important;
    height: auto !important;
}

div.overview div.description p:first-child {
    margin-top: 0px;
}

div.overview div.rests {
    padding-left: 93px;
    margin-bottom: 36px;
}

div.publication div.rests {
    padding-left: 93px;
    margin-bottom: 36px;
}

div.overview div.rests h2 {
    margin-bottom: 24px;
}

div.overview .bookingBtn .btn {
    border: 1px #0e2244 solid;
    background-color: #0e2244;
}

div.publication .bookingBtn .btn {
    border: 1px #0e2244 solid;
    background-color: #0e2244;
}

div.overview .bookingBtn .btn.modalAction,
div.publication .bookingBtn .btn.modalAction,
div.overview .bookingBtn .btn.yellowBtn,
div.publication .bookingBtn .btn.yellowBtn {
    border: 1px #fdbb16 solid;
    background-color: #fdbb16;
}


.ymaps-2-1-79-balloon__close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.ymaps-2-1-79-balloon__content ymaps {
    overflow: hidden !important;
    height: 376px;

}

.balloonPhoto .btn {
    border-radius: 8px;
    width: 220px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
}


.ymaps-2-1-79-balloon__layout {
    height: inherit;
    border-radius: 12px;
}

.ymaps-2-1-79-balloon {
    width: 344px;
    height: 376px;
    border-radius: 12px;
}

.balloonCotainer {
    width: 344px;
    border-radius: 12px;
}

.ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
    margin-right: 0 !important;
    padding: 0 !important;
    overflow: hidden;
!important;
}

.ymaps-2-1-79-balloon__close {
    background: rgba(255, 255, 255, 0.8);
    width: 30px;
    height: 30px;
    opacity: 1;
    border-radius: 50%;
}

.ymaps-2-1-79-balloon__close-button {
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
    border-radius: 50% !important;
}

div.overviews .item {
    display: block;
    width: 259px;
    float: left;
    height: 320px;
    margin-right: 20px;
    position: relative;
}

div.overviews .item.tests {
    padding-bottom: 70px;
}

div.overviews .item .start-test_btn {
    position: absolute;
    bottom: 10px;
}

div.overviews .item.lastInRow {
    margin-right: 0px;
}

div.overviews a.item span.photo {
    display: block;
    height: 204px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 12px;
    border-radius: 12px;
}

div.overviews a.item.interview span.photo {
    width: 204px;
    margin: auto;
    border-radius: 50%;
}

div.overviews a.item span.title {
    font-weight: 700;
}

div.overviews a.item.interview span.title {
    display: block;
    margin-top: 12px;
    text-align: center;
}

.pSlider {
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.pSlider li {
    position: absolute;
    top: 0px;
    left: 1004px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    background-color: black;
    /*background-size:cover;*/
    background-size: auto 100%;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center center;
    transition: left 300ms;
}

.pSlider li.active {
    left: 0px;
    transition: left 300ms;
}

.pSlider li a {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 440px;
    position: relative;

}

.pSlider li img {
    display: none;
}

.pSlider .text {
    margin-top: 230px;
    margin: auto;
    background-color: rgba(19, 36, 72, 0.55);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 48px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0px;
    text-align: left;
    bottom: 0px;
}

div.overview .mainPhoto .left,
div.overview .mainPhoto .right {
    position: absolute;
    top: 180px;
    display: block;
    color: white;
    background-color: rgba(19, 36, 72, 1);
    border-radius: 50%;
    height: 48px;
    width: 48px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
}

div.overview .mainPhoto .left i,
div.overview .mainPhoto .right i {
    font-size: 32px;
    line-height: 48px;
    cursor: pointer;
}

div.overview .mainPhoto .left {
    left: 20px;
}

div.overview .mainPhoto .right {
    right: 20px;
}


.slide {
    max-width: 100%;
    margin: 10px auto;
    display: grid;
    box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.4);
}

.slide-items {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    grid-area: 1/1;

    overflow: hidden;
}

.slide-nav {
    grid-area: 1/1;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
}

.slide-nav button {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0;
}

.slide-items > * {
    display: block;
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    -moz-transition: all 3s ease-out;
    -o-transition: all 3s ease-out;
    -webkit-transition: all 3s ease-out;
    position: absolute;
    /*top: 0px;*/
    opacity: 0;
    pointer-events: none;
}

.slide-items > .active {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    opacity: 1;
    pointer-events: initial;
}

.slide-thumb {
    display: flex;
    grid-column: 1 / 3;
}

.slide-thumb > span {
    flex: 1;
    display: block;
    height: 3px;
    background: rgba(0, 0, 0, 0.4);
    margin: 5px;
    border-radius: 3px;
    overflow: hidden;
}

.slide-thumb > span.active::after {
    content: '';
    display: block;
    height: inherit;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    transform: translateX(-100%);
    animation: thumb 5s forwards linear;
}

@keyframes thumb {
    to {
        transform: initial;
    }
}

/*citySelect*/
#citySel {
    padding: 0px;
}

#citySel.active {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -6px;
}

#citySel .cityItem {
    display: block;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
    line-height: auto;
    transition: line-height 300ms;
}

#citySel .cityItem:hover {
    background-color: #eee;
}

#citySel.active .cityItem {
    line-height: 38px;
    transition: line-height 300ms;
}

/*icons*/
img.svgIcon {
    position: relative;
    top: 10px;
    width: 32px;
}

.infoItem .material-icons {
    top: 11px;
}

.nextPageBtn {
    float: left;
    width: 100%;
    margin-bottom: 24px;
}

.nextPageBtn .btn {
    position: relative;
    top: -24px;
    margin: auto;
    width: 259px;
}

div.noData {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    position: relative;
    top: -24px;
}

/*footer*/
footer a {
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
}

footer .copyright {
    font-size: 12px;
    display: block;
    text-align: right;
    font-weight: 500;
}

div.footerContainer {
    border-top: 1px #0e2244 solid;
    padding-top: 36px;
    margin-top: 48px;
}

div.footerContainer ul.linksBlock {
    width: 580px;
    padding: 0px;
    margin: 0px;
}

div.footerContainer ul.linksBlock li {
    width: 220px;
    height: 36px;
    line-height: 36px;
    float: left;
    display: block;
    margin: 0px;
}

div.footerContainer ul.linksBlock li:nth-child(4),
div.footerContainer ul.linksBlock li:nth-child(1) {
    width: 130px;
}

div.footerContainer ul.linksBlock li a {
    /*text-decoration:underline;*/
}

div.footerContainer ul.linksBlock li.socIcons {
    font-weight: 500;
}

div.footerContainer ul.linksBlock li.socIcons a {
    text-decoration: none;
}

div.footerContainer ul.linksBlock li.socIcons a img {
    height: 18px;
    position: relative;
    padding-right: 5px;
    top: 5px;
}

div.footerLogo {
    text-align: right;
}

div.footerLogo a {
    display: block;
}

div.footerLogo img {
    height: 40px;
    position: relative;
    top: -3px;
    right: 100px;
    width: 120px;
}


div.footerLogo a {
    font-weight: 500;
    font-size: 18px;
}

div.static div.staticHeader {
    background-color: #fdbb16;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

div.static div.staticHeader.mainPhoto.index {
    background-color: transparent;
    overflow: visible;
    border-radius: 15px;
}

div.static div.staticHeader.index .header-promo-link {
    display: block;
    padding-top: 130px;
}

div.static div.staticHeader.index .mainPhoto {
    overflow: visible;
}

div.static div.staticHeader.index a .mainPhotoIndex {
    margin-top: 0px;
}

div.static div.mainColumn {
    width: 558px;
    float: left;
    padding-left: 93px;
}

div.static div.rightColumn {
    width: 259px;
    padding-top: 68px;
    position: relative;
    float: left;
    margin-left: 20px;
}

div.static div.rightColumn div.list {
    position: relative;
    top: 0px;
    border: 1px #0e2244 solid;
    padding: 10px 20px 20px 20px;
    width: 259px;
    box-sizing: border-box;
    transition: top 300ms;
}

div.static div.rightColumn div.list.fix {
    position: fixed;
    top: 20px;
    transition: top 300ms;
}

div.static div.rightColumn div.list a {
    display: block;
    padding-top: 10px;
    font-weight: 500;
}

div.static div.rightColumn div.list a.active {
    color: #fdbb16;
}

div.static div.staticHeader img {
    float: left;
    height: 420px;
}

div.static .mainPhoto.staticHeader.pageNF {
    height: 470px;
}

.staticHeader {
    top: 65px;
}

div.static .mainPhoto.staticHeader.pageNF form {
    position: relative;
    top: -50px;
}

div.static div.staticHeader.pageNF img {
    float: left;
    height: 420px;
}

div.static div.staticHeader div.headerContent {
    width: 360px;
    padding-top: 100px;
    float: left;
}

div.static div.staticHeader.pageNF div.headerContent {
    padding-top: 70px;
}

div.static div.staticHeader div.headerContent.rules {
    padding-top: 75px;
}

div.static div.staticHeader div.headerContent h1 {
    font-size: 42px;
    font-weight: 500;
    color: white;
}

div.static div.staticHeader div.headerContent div.desc {
    padding-bottom: 18px;
    font-size: 18px;
    font-weight: 500;
}

div.static div.staticHeader div.headerContent div.descSecond {
    font-size: 18px;
    font-weight: 500;
}

div.static div.staticHeader div.headerContent div.descSecond span.contactSpace {
    padding-left: 40px;
}

div.static div.content {
    padding-top: 48px;
    padding-bottom: 48px;
}

div.static div.content.beeline {
    text-align: justify;
}

div.static div.content.rules {
    padding-top: 0px;
}

div.static div.content h4 {
    padding-top: 48px;
    font-weight: 500;
}

div.static div.content p {
    font-weight: 400;
    width: 558px;
}

div.static div.content.rules p {
    padding-left: 16px;
    width: 538px;
}

div.static div.content p a {
    text-decoration: underline;
}

div.static div.content p strong {
    font-weight: 500;
}

/*static*/
/*scrolldiv*/
.scrollInspect {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: black;
    padding: 10px;
    color: white;
}

/*banquets*/
div.restaurants div.mainColumn {
    padding-left: 93px;
    padding-right: 93px;
    padding-top: 48px;
}

div.restaurants div.searchResult {
    padding-left: 93px;
    padding-right: 93px;
    padding-top: 48px;
}

div.restaurants div.searchResult div.items {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#bnqSrch {
    padding-top: 12px;
    margin-bottom: 36px;
}

#bnqSrch input[type="text"] {
    width: 60px;
    height: 24px;
    border: 1px #0e2244 solid;
    text-align: center;
    margin-left: 10px;
}

#bnqSrch div.inputField {
    float: left;
    position: relative;
    height: 48px;
    line-height: 48px;
    padding-right: 30px;
}

#bnqSrch div.inputField:nth-child(3) {
    padding-right: 0;
}

#bnqSrch div.inputField .inputLabel {
    font-weight: 500;
}

#bnqSrch div.inputField .inputLabel img {
    width: 24px;
    position: relative;
    top: 6px;
    margin-right: 10px;
}

#bnqSrch .btn {
    width: 259px;
    float: right;
}

#bnqSrch div.inputField .dropdown {
    top: 8px;
    line-height: 18px;
    width: 110px;
}

.mainPhotoBnqDesc {
    display: block;
    color: white;
    position: relative;
    z-index: 1;
    text-align: center;
}

.mainPhotoBnqDesc span {
    max-width: 450px;
    font-size: 24px;
    display: block;
    padding-top: 150px;
    margin: auto;
    font-weight: 500;
}

.mainPhotoBnqDesc .btn {
    max-width: 200px;
    margin: auto;
    margin-top: 20px;
}

mainPhoto .mainPhoto.index {
    background-repeat: no-repeat;
    background-size: cover;
}

.mainPhotoIndex {
    width: 490px;
    color: white;
    text-transform: uppercase;
    margin: auto;
    margin-top: 130px;
    padding: 20px;
    position: relative;
    z-index: 2;
}

.mainPhotoIndex span,
.mainPhotoIndex h1 {
    display: block;
    text-align: center;
    font-weight: 500;
}

.mainPhotoIndex .firstLine {
    font-size: 24px;
    margin: 0px;
}

/*mainPage*/
h1.firstLine::after {
    content: "";
    width: 75px;
    margin: auto;
    border-bottom: 1px white solid;
    display: block;
    margin-top: 7px;
}

.mainPhotoIndex span.secondLine {
    font-size: 38px;
}

div.main.index div.content {
    padding-left: 93px;
    padding-right: 93px;
}

div.main.index div.content h2.pop {
    margin-top: 28px;
}

div.main.index div.wideBannerPlace.index {
    /*padding-top: 48px;*/
}

div.indexSearch {
    margin-top: 80px;
    position: relative;
    z-index: 2;
}

div.searchInChains {
    position: relative;
    z-index: 2;
}

div.indexSearch input,
div.searchInChains input {
    position: relative;
    z-index: 2;
    width: 538px;
    border: none;
    margin-left: 93px;
    float: left;
}

div.searchInChains input {
    height: 46px;
    margin-top: 1px;
}

div.indexSearch button,
div.searchInChains button {
    float: left;
    margin-left: 20px;
    width: 259px;
}

div.staticHeader.pageNF div.headerContent:after {
    content: "";
    display: block;
    clear: both;
}

div.staticHeader.pageNF div.search {
    clear: both;
    padding-top: 20px;
}

div.staticHeader.pageNF div.search div.searchField input {
    border: 1px white solid;
}

div.staticHeader.pageNF div.search .btn {
    background-color: #0e2244;
    line-height: normal;
    border: 1px #0e2244 solid;
}

div.mainColumn.faq {
    padding-top: 48px;
}

div.faqRow {
    padding-left: 93px;
}

div.faqData div.question {
    padding-top: 12px;
    font-weight: 500;
}

div.contactUsContent {
    padding-left: 93px;
}

div.contactUsContent div.contactUsBl {
    padding-top: 48px;
    float: left;
    width: 259px;
    margin-right: 20px;
    padding-bottom: 24px;
    border-bottom: 1px #fdbb16 solid;
}

div.contactUsContent div.contactUsBl div.email {
    font-size: 20px;
    font-weight: 500;
}

div.contactUsContent div.contactUsBl div.emailDesc {
    font-size: 12px;
}

.mainPhoto.staticHeader.contactUs {
    background-size: cover;
    background-repeat: no-repeat;
}

.mainPhoto.staticHeader.contactUs div.contactBl {
    margin: auto;
    margin-top: 80px;
    width: 350px;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 24px;
    font-size: 24px;
    font-weight: 500;
}

.mainPhoto.staticHeader.contactUs div.contactBl a {
    color: white;
}

.mainPhoto.staticHeader.contactUs img.loc {
    position: absolute;
    top: 230px;
    left: 400px;
    width: 24px;
}

/*404*/
/*faq*/
/*contact us*/
/*partners*/
.partnersIndx {
    padding-top: 12px;
    text-align: center;
}

.partnersIndx a img {
    margin-left: 22px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.partnersIndx a:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.partnersIndx a:first-child img {
    margin-left: 0px;
}

/*new publications*/
.publication {
    width: 100%;
}

.publication .publicationContainer {
    margin: auto;
    padding-bottom: 32px;
    position: relative;
}

.publication .publicationContainer .pblItem {
    position: relative;
}

.publication .publicationContainer .pblItem .sortIcon,
.publication .publicationContainer .pblItem .deleteIcon {
    display: none;
}

.publication .publicationContainer .pblItem:hover .sortIcon,
.publication .publicationContainer .pblItem:hover .deleteIcon {
    display: block;
    cursor: pointer;
    position: absolute;
    top: -9px;
    right: 0px;
    height: 36px;
    width: 36px;
    padding-top: 6px;
    padding-left: 6px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(100, 100, 100, 0.1);
    z-index: 10;
}

.publication .publicationContainer .pblItem:hover .sortIcon:hover {
    background-color: rgba(100, 100, 100, 0.2);
}

.publication .publicationContainer .pblItem:hover .deleteIcon {
    right: 50px;
}

.publication .publicationContainer .pblItem:hover .deleteIcon:hover {
    background-color: rgba(100, 100, 100, 0.2);
}

.publication .publicationContainer .pblItem:hover .deleteIcon.confirm {
    background-color: #f44336;
    color: white;
}

.publication .publicationContainer .publicationContent {
    position: relative;
    padding-bottom: 24px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
}

.publication .publicationContainer .publicationContent .publBtn {
    max-width: 300px;
    margin: auto;
    margin-top: 30px;
}

.publication .publicationContainer .publicationText a {
    text-decoration: underline;
}

.publication .publicationContainer .publicationContent .addContent,
.publication .publicationContainer .publicationContent .editContent {
    position: absolute;
    bottom: -28px;
    right: 30px;
}

.publication .publicationContainer .publicationContent .titleContainer {
    border-bottom: 1px #fdbb16 solid;
    margin-left: 93px;
    margin-right: 93px;
    position: relative;
}

.publication .publicationContainer .publicationContent .titleContainer .title {
    position: relative;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 24px;
    margin-bottom: 36px;
    margin: 0px;
    margin-top: 24px;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    /* max-width: 538px; */
    outline: 0;
    /*border: 1px gray dotted;*/
}

.publication .publicationContainer .publicationContent .publicationText {
    outline: 0;
    min-height: 24px;
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    /*border: 1px gray dotted;*/
    margin-left: 93px;
    margin-right: 93px;
}

.publication
.publicationContainer
.publicationContent
.publicationText
p:first-child {
    margin-top: 0px;
}

.publication
.publicationContainer
.publicationContent
.publicationText.notColumns {
    max-width: 538px;
}

.publication
.publicationContainer
.publicationContent
.publicationText.notColumnsCenter {
    margin: auto;
    max-width: 538px;
    margin-top: 48px;
    margin-bottom: 72px;
    position: relative;
}

.publication
.publicationContainer
.publicationContent
.publicationText.notColumnsQuote {
    margin: auto;
    max-width: 538px;
    text-align: center;
    padding-top: 0px;
    margin-top: 72px;
    margin-bottom: 72px;
    font-size: 20px;
    position: relative;
}

.publication
.publicationContainer
.publicationContent
.publicationText.notColumnsQuote:after {
    content: "";
    display: inline-block;
    height: 1px;
    border-bottom: 1px black solid;
    width: 259px;
    margin-top: 40px;
}

.publication
.publicationContainer
.publicationContent
.publicationText.columns {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: justify;
}

.publication .publicationContainer .publicationContent .publicationText strong {
    font-weight: 600;
}

.publication .publicationContainer .publicationContent .publicationText i,
.publication .publicationContainer .publicationContent .publicationText em {
    font-style: italic;
}

.publication .publicationContainer .publicationContent .publicationText ul {
    margin-left: 15px;
    list-style-type: disc;
    list-style-position: inside;
}

.publication .publicationContainer .publicationContent .publicationText ol {
    margin-left: 15px;
    list-style-type: decimal;
    list-style-position: inside;
}

.publication .publicationContainer .publicationContent .publicationText ul ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}

.publication .publicationContainer .publicationContent .publicationText ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}

.publication .publicationContainer .publicationContent .publicationText ol ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}

.publication .publicationContainer .publicationContent .publicationText ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}

.publication .publicationContainer .publicationContent .publicationImage {
    margin-top: 24px;
}

.publication .publicationContainer .publicationContent .publicationImage .img {
    text-align: center;
    background-color: #eee;
    background-size: cover;
    background-position: center center;
}

.publication
.publicationContainer
.publicationContent
.publicationImage.notColumns {
    margin-left: 93px;
    margin-right: 93px;
}

.publication
.publicationContainer
.publicationContent
.publicationImage.notColumns
.img {
    height: 344px;
    width: 817px;
    /*padding-top: 160px;*/
}

.publication
.publicationContainer
.publicationContent
.publicationImage.columns {
    margin-left: 93px;
}

.publication
.publicationContainer
.publicationContent
.publicationImage.columns
.img {
    float: left;
    height: 204px;
    width: 259px;
    margin-right: 20px;
    /*padding-top: 80px;*/
}

.publication
.publicationContainer
.publicationContent
.publicationImage.columns:before {
    content: "";
    display: table;
}

.publication
.publicationContainer
.publicationContent
.publicationImage.columns:after {
    content: "";
    display: table;
    clear: both;
}

.publication
.publicationContainer
.publicationContent
.publicationImage.notColumnsBig
.img {
    height: 420px;
    width: 1004px;
    /*padding-top: 200px;*/
    border-radius: 15px;
}

.publication
.publicationContainer
.publicationContent
.publicationImage
input[type="file"] {
    display: none;
}

.publication
.publicationContainer
.publicationContent
.publicationImage
button.addImg {
    margin: auto;
}

.publication
.publicationContainer
.publicationContent
.publicationImage
button.addImg.active {
    background-color: rgba(0, 0, 0, 0.4);
    position: relative;
    top: 80px;
}

.publication .addItem {
    padding-left: 93px;
    padding-right: 93px;
    display: none;
}

.publication .addItem.active {
    display: block;
}

.publication .addItem .newItem {
    height: 150px;
    padding: 10px;
    cursor: pointer;
    /*&:first-child {
    padding-left: 0px;
  }
  &:last-child {
    padding-right: 0px;
  }*/
}

.publication .addItem .newItem span {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #d2d2d2;
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
}

.publication .addItem .newItem span:hover {
    background-color: #ff9800;
    color: white;
}

.publication .textActions {
    position: relative;
}

.publication .textActions .fixedActions {
    position: fixed;
}

.publication .textActions .fixedActions a {
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin-top: 12px;
}

.publication .textActions .fixedActions a i.material-icons {
    margin-right: 10px;
}

.indexSearch .searchHelper {
    margin-left: 95px;

}


.searchHelper {
    width: 538px;
    z-index: 1;
    max-height: 240px;
    background-color: white;
    position: absolute;
    display: none;
    overflow: hidden;
    top: 50px;
}

.searchHelper.active {
    display: block;
    border-radius: 12px;
}

div.searchInChains .searchHelper {
    display: block;
    padding-top: 46px;
    top: 0px;
}

.searchHelper .rlItem {
    display: block;
    padding: 12px 20px;
    height: 36px;
}

.searchHelper::before {
    display: block;
    content: "";
    position: absolute;
    top: 48px;
    border-bottom: 1px black solid;
    margin-left: 20px;
    margin-right: 20px;
    width: 498px;
}

.searchHelper .rlItem.active,
.searchHelper .rlItem:hover {
    background-color: #eee;
}

.searchHelper .rlItem .itemTitle {
    display: block;
}

.searchHelper .rlItem .secondInfo {
    display: block;
    font-size: 10px;
    padding-top: 5px;
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.static div.staticHeader.index .searchHelper .rlItem .itemTitle a {
    padding-top: 0px;
}

.searchHelper .rlItem .bookingBtn {
    display: block;
    float: right;
    height: 36px;
    width: 166px;
}

.searchHelper .rlItem .bookingBtn .btn {
    height: 36px;
    width: 166px;
    padding-top: 0px;
    font-size: 14px;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 36px;
    background-color: #D1082C;
    border: 1px #D1082C solid;
}

/*MapModal*/
#mapModal .modalContent {
    max-width: 817px;
    padding: 0px;
    height: 348px;
    top: 20%;
    overflow: hidden;
    margin: 0px auto;
    background-color: white;
    display: block;
}

#mapModal .modalContent #yMap {
    height: 348px;
    width: 558px;
    float: left;
}

#mapModal .modalContent .modalLeft {
    height: 300px;
    width: 211px;
    padding: 24px;
    float: left;
    background-color: white;
}

#mapModal .title {
    font-size: 20px;
}

/*partner*/
div.static div.mainColumn.partners {
    padding-top: 24px;
    width: 100%;
}

.partnerItem {
    width: 259px;
    float: left;
    padding-bottom: 24px;
    margin-top: 24px;
    margin-right: 20px;
    margin-bottom: 24px;
    border-bottom: 1px #777 solid;
    height: 300px;
    position: relative;
}

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

.partnerItem .imgContainer {
    height: 124px;
    display: inline-block;
    line-height: 124px;
}

.partnerItem img {
    vertical-align: middle;
    max-width: 180px;
    max-height: 124px;
    margin: auto;
    cursor: pointer;
}

.partnerItem .partnerContent .partnerName,
.partnerItem .partnerContent .partnerDesc {
    text-align: left;
}

.partnerItem .partnerContent .partnerName {
    margin-top: 24px;
    font-size: 20px;
    cursor: pointer;
}

.partnerItem .partnerContent .partnerDesc {
    text-align: justify;
    height: 85px;
}

.partnerItem .offer {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 30px;
    color: #fdbb16;
}

.allPartners {
    float: right;
    color: #444;
    line-height: 24px;
    padding-right: 14px;
    text-decoration: underline;
}

.restMenu {
}

div.main div.restaurant .restMenu h2 {
    margin-top: 36px;
}

.restMenu .menuItem:after,
.searchInChains:after {
    content: "";
    display: block;
    clear: both;
}

.restMenu .menuItem {
    padding-top: 12px;
    cursor: default;
}

.restMenu .menuItem:hover .menuItemTitle,
.restMenu .menuItem:hover .menuItemWeight,
.restMenu .menuItem:hover .menuItemPrice {
    color: #fdbb16;
}

.restMenu .menuSection {
    font-size: 16px;
    padding-top: 24px;
    font-weight: 500;
}

.restMenu .menuItemTitle,
.restMenu .menuItemWeight,
.restMenu .menuItemPrice {
    float: left;
}

.restMenu .menuItemTitle {
    width: 332px;
    line-height: 20px;
    padding-right: 20px;
}

.restMenu .menuItemTitle .menuItemDesc {
    font-size: 12px;
    line-height: 18px;
    padding-top: 5px;
    font-style: italic;
}

.restMenu .menuItemWeight,
.restMenu .menuItemPrice {
    width: 73px;
    line-height: 20px;
    padding-right: 20px;
}

.restMenu .menuItemWeight {
    color: #444;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.restMenu .menuItemPrice {
    font-size: 14px;
    width: 63px;
    padding-left: 10px;
}

.goToMenu {
}

h2.active {
    color: #fdbb16;
}

h2.active span {
    color: black;
}

.publication .mainImg {
    position: relative;
}

.publication .mainImg .fb-like {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/*chains*/
.chainContent {
    padding-left: 93px;
    padding-right: 93px;
    margin-top: 36px;
}

.chainRests {
    padding-left: 93px;
    padding-right: 93px;
}

.chainContent .chainDescription {
    width: 538px;
    text-align: justify;
    float: left;
}

.chainContent .chainLogo {
    width: 219px;
    margin: 20px;
    margin-right: 40px;
    margin-top: 54px;
    float: left;
}

.chainContent .chainLogo img {
    width: 219px;
}

.chainRests .h2 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.restTitle .chainLogo {
    display: block;
    margin-top: 24px;
}

.restTitle .chainLogo img {
    max-width: 150px;
    max-height: 100px;
}

.restTitle .chainRestsLnk {
    color: white;
    text-decoration: underline;
    font-size: 14px;
}

.restTitle .offer {
    display: block;
    position: absolute;
    bottom: 32px;
    color: white;
    line-height: 35px;
    cursor: pointer;
}

.restTitle .s7 {
    display: block;
    position: absolute;
    bottom: 80px;
    left: 90px;
    color: white;
    line-height: 35px;
    cursor: pointer;
}

.restTitle .offer img,
.restTitle .s7 img {
    height: 33px;
    float: left;
    margin-right: 12px;
}

.restTitle .s7 img {
    height: 40px;
}

/*offerModal*/
.modal .modalContent.offerModal {
    width: 578px;
}

.modal .modalContent.offerModal {
    top: 20%;
}

.bnqBanner {
    width: 820px;
    margin: auto;
    position: relative;
    top: 30px;
}

div.mobile-content {
    display: none;
}

div.mobile-content div.titleContainer {
    margin-left: 0;
}

span.filter-tag {
    background: #BC0B25;
    color: white;
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 5px 12px;
}

div.restaurant
div.mainColumn
div.importantInfo
div.content.mobile-filters-content {
    background: transparent;
    display: none;
    margin-top: -10px;
    max-height: 85px;
    padding: 0;
}

div.restaurant
div.mainColumn
div.importantInfo
div.content.mobile-filters-content.active {
    height: auto;
    max-height: 1000px;
}

.section-icons {
    margin-top: 10px;
    text-align: center;
}

.section-icon {
    border: 1px solid #fdbb16;
    border-radius: 50px;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    line-height: 63px;
    margin-right: 15px;
    padding-left: 1px;
    width: 50px;
}

.section-icon img {
    margin-top: 1px;
    width: 45px;
}

.section-icon:last-child {
    margin-right: 0;
}

.for-close-restaurant {
    margin-top: 10px;
    text-align: center;
}


.mobile-booking {
    bottom: 8px;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 40;
}

.mobile-main-menu {
    box-sizing: border-box;
    background: #BC0B25;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: left 0.1s ease-out;
    width: 300px;
    z-index: 100;
}

.mobile-main-menu.hidden {
    left: -300px;
}

.mobile-main-menu .close-button {
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    outline: none !important;
    padding: 15px;
}

.mobile-main-menu .close-button .material-icons {
    font-size: 32px;
    font-weight: normal;
}

.menu-items-list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 50px 40px 0;
}

.menu-item {
    border-bottom: 1px solid white;
}

.menu-item a {
    color: white;
    display: inline-block;
    font-size: 16px;
    padding: 15px 0;
    text-decoration: none;
    width: 100%;
}

.mobile-menu-button,
.mobile-filters-button,
.mobile-map-button {
    background: transparent;
    border: none;
    color: black;
    cursor: pointer;
    display: none;
    outline: none !important;
    padding: 15px;
    position: absolute;
    top: 0;
}

.mobile-menu-button {
    left: 0;
}

.mobile-filters-button {
    right: 0;
}

.mobile-map-button {
    right: 50px;
}

.mobile-menu-button .material-icons,
.mobile-filters-button .material-icons,
.mobile-map-button .material-icons {
    font-size: 32px;
    font-weight: normal;
}

.menu-contacts {
    bottom: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.menu-contacts .appsLnks {
    color: black;
}

.menu-contacts .appsLnks a {
    margin: 0 3px;
}

.menu-contacts .appsLnks img {
    width: 15px;
}

.menu-contacts .phone {
    color: white;
    display: inline-block;
    font-size: 18px;
    margin-top: 20px;
    text-decoration: none;
}

.menu-contacts .socIcons {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

.menu-contacts .socIcons a {
    display: inline-block;
    vertical-align: middle;
}

div.search-filter-mobile {
    background: #f2f2f2;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    position: fixed;
    padding: 20px;
    top: 0;
    right: 0;
    transition: right 0.1s ease-out;
    width: 300px;
    z-index: 100;
}

div.search-filter-mobile.hidden {
    right: -300px;
}

div.search-filter-mobile h1 {
    border-bottom: 1px solid #fdbb16;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    padding-bottom: 10px;
}

div.search-filter-mobile .mobile-filters-close {
    background: transparent;
    border: none;
    color: black;
    cursor: pointer;
    font-size: 20px;
    outline: none !important;
    position: absolute;
    padding: 18px 15px 15px;
    top: 0;
    right: 0;
}

div.search-filter-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.search-filter-mobile ul > li {
    float: none;
    padding: 0;
}

div.search-filter-mobile ul > li:last-child {
    padding: 0;
}

div.search-filter-mobile ul > li > a {
    border-bottom: 1px solid #d8d8d8;
    color: #4a4a4a;
    padding: 10px 0;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    vertical-align: top;
}

div.search-filter-mobile ul > li > a:after {
    clear: both;
    content: "";
    display: table;
}

.filterAction, .selectmetro, #searchForm > div > div > div:nth-child(2) > ul > li:nth-child(4) > a {
    font-weight: 400;
    font-size: 14px;
}

#searchForm > div > div > div.search > div.searchSubmit > button:nth-child(1) {
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
}

div.search-filter-mobile ul > li > a .material-icons {
    float: right;
    vertical-align: top;
}

div.search-filter-mobile ul > li > .fullFilter {
    margin-top: 15px;
}

.menu-contacts {
    position: static;
    margin-top: 30px;
    margin-bottom: 10px;
}

.mobile-main-menu {
    overflow-y: scroll;
}

.s7priority {
    margin-bottom: 12px;
    line-height: 30px;
    cursor: pointer;
}

.s7priority img {
    height: 30px;
    margin-right: 10px;
    float: left;
}

.s7offerContent {
    margin-top: 24px;
}

.ulogin-block {
    position: absolute;
    right: 93px;
    bottom: 0px;
}

.ulogin-block .fa {
    display: none;
}

.ulogin-block__link {
    color: #000000;
}

.ulogin-block__delimiter {
    color: #000000;
    margin: 6px;
}

@media only screen and (max-width: 780px) {
    div.footerLogo img {
        left: 23px;
    }


    .ulogin-block {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .publication
    .publicationContainer
    .publicationContent
    .publicationText.columns {
        column-count: initial;
        -moz-column-count: initial;
        -webkit-column-count: initial;
    }
}

.rest-card__fav-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: white;
}

/* line 1, ../../src/components/notifications/lck-modal.scss */
.bg-holder-fav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
    z-index: 20;
    background-color: transparent;
    transition: background-color 300ms;
}

/* line 10, ../../src/components/notifications/lck-modal.scss */
.bg-holder-fav.active {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 30;
}

.topRowInMobileFilter .filterAction {
    justify-content: space-between;
    display: flex;
    align-items: center;
}


.arrowInMobFilters {

}

/* line 18, ../../src/components/notifications/lck-modal.scss */
.question-panel {
    width: 80%;
    max-width: 480px;
    padding: 20px 30px 20px 30px;
    background-color: white;
    color: black;
    position: fixed;
    top: -1000px;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 31;
    transition: top 300ms;
    box-sizing: border-box;
}

/* line 31, ../../src/components/notifications/lck-modal.scss */
.question-panel__title {
    margin-left: 0px;
    font-size: 18px;
}

/* line 34, ../../src/components/notifications/lck-modal.scss */
.question-panel__title::after {
    content: "";
    padding-top: 10px;
    display: block;
    width: 200px;
    border-bottom: 1px white solid;
}

/* line 42, ../../src/components/notifications/lck-modal.scss */
.question-panel__text {
    padding-top: 10px;
}

/* line 45, ../../src/components/notifications/lck-modal.scss */
.question-panel__cancel-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 50%;
    transition: background-color 300ms;
    color: black;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    margin-right: 0px;
}

/* line 58, ../../src/components/notifications/lck-modal.scss */
.question-panel__cancel-btn:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* line 62, ../../src/components/notifications/lck-modal.scss */
.question-panel__buttons-container {
    padding-top: 10px;
    text-align: center;
}

/* line 66, ../../src/components/notifications/lck-modal.scss */
.question-panel__confirm-btn,
.question-panel__reject-btn {
    padding: 10px;
    border-radius: 3px;
    color: black;
    min-width: 40px;
    text-align: center;
    bottom: 20px;
    transition: background-color 300ms;
    margin: 10px;
    display: inline-block;
}

/* line 77, ../../src/components/notifications/lck-modal.scss */
.question-panel__confirm-btn:hover,
.question-panel__reject-btn:hover {
    background-color: transparent;
}

/* line 81, ../../src/components/notifications/lck-modal.scss */
.question-panel__confirm-btn {
    background-color: rgba(37, 177, 166, 0.3);
}

/* line 84, ../../src/components/notifications/lck-modal.scss */
.question-panel__reject-btn {
    background-color: rgba(255, 0, 0, 0.2);
}

/* line 87, ../../src/components/notifications/lck-modal.scss */
.question-panel.active {
    top: 50%;
}

.rest-fav-bl {
    float: right;
    padding-top: 6px;
    cursor: pointer;
}

.rest-fav-bl:hover {
    color: #444;
}

.rest-fav-bl span {
    border-bottom: 1px black dotted;
    line-height: 24px;
    margin-right: 10px;
}

.rest-fav-bl i {
    float: right;
}

.rest-m-fav-icon {
    position: absolute;
    z-index: 10;
    right: 16px;
    top: 16px;
    color: white;
    cursor: pointer;
}

@media screen and (min-width: 600px) {
    .rest-m-fav-icon {
        display: none;
    }
}

div.static div.staticHeader.index .header__restaurants-count {
    position: absolute;
    bottom: 134px;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 18px;
}

div.static div.staticHeader.index .header__restaurants-count a {
    display: inline;
    color: white;
    padding-top: 0px;
    border-bottom: 1px white dashed;
    font-weight: 500;
}

.start-test_btn {
    display: block;
    height: 48px;
    line-height: 48px;
    width: 100%;
    color: white;
    margin-top: 10px;
    text-align: center;
    background-color: #BC0B25;
    font-size: 16px;
}

.banquet-promo-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.banquet-booking {
    position: relative;
    max-width: 300px;
    margin: auto;
    top: 100px;
    z-index: 2;
}

.banquetParams::after {
    clear: both;
    display: block;
    content: "";
}

.mastercard-offer {
    background-color: #000;
    padding: 10px;
    color: white;
    font-size: 12px;
    background-image: url(/img/partners/mastercard/mc_for_listing.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 10px center;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    text-align: right;
}

.mastercard-offer span {
    padding-left: 55px;
}

.sOnMap + .main .fullFilterContainer {
    background-color: white;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.6);
    border-radius: 4px;
}

.sOnMap + .main .fullFilterContainer div.filSubmit {
    padding-bottom: 36px;
}

nav.mainMenu ul.menuList.menuList--ua {
    text-align: right;
}

.mobileIndex {
    display: none;
}

div.restCard.inSlider {
    height: 405px;
}

.searchHelper::before {
    content: none;
}

.lckBookingForm {
    border: 0;
}

.mobileFiltersWrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nameAndIconFilter {
    display: flex;
    gap: 10px;
    align-items: center;
}

div.filterItem input[type="checkbox"] + label:before {
    border: 2px solid #BC0B25;
    border-radius: 4px;
}

div.filterItem input[type="checkbox"]:checked + label:before {
    border: 2px solid #BC0B25;
}

div.searchContainer div.cnt, div.searchContainer h1.cnt, .items .cnt {
    font-weight: 700;
    font-size: 24px;
    color: #17181A;
    border-bottom: none;
}


.filterSelected .filterItem, .filterSelected .metroSelect {
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    border: 1px solid #fed89a;
    color: white;
}

.m-dele {
    top: -6px;
    left: 0;
    font-size: 30px;
    font-weight: 400;
}

.m-del {
    top: -6px;
    left: 0;
    font-size: 30px;
    font-weight: 400;
}

.filterSelected div {
    padding: 3px 12px 3px 10px;
}

.filterSelected {
    background: none;
}

.filterSelected .metroSelect .mline {
    position: absolute;
    left: 5px;
    top: -2px;
}

.filterSelected {
    overflow: inherit !important;
}

.mobile-menu-button {
    right: 0;
    color: #17181A;
    left: inherit;
    top: 13px;
}

.citySelect {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


.citySelectBlock {
    display: none;
}

.mobile-main-menu-vtb {
    display: none;
}

.menuListVTB {
    display: flex;
    gap: 25px;
    font-weight: 600;
    font-size: 13px;
}

#citySel.active::-webkit-scrollbar {
    width: 5px;
}

#citySel.active::-webkit-scrollbar-thumb {
    background: #3A83F1;
    border-radius: 10px;
}

.hideDesktop, .hideMobile {
    display: none;
}

div.main div.restaurant h2, #similarRestaurants h2 a {

    color: #17181A;
}

.indexpage h2 a, .overviews h2 a {
    font-weight: 700;
    font-size: 42px;
    color: #17181A;
}

/*mobile*/
@media screen and (max-width: 700px) {
    .for-close-restaurant {
        position: fixed;
        bottom: 0px;
        background: #F6F4F1;
        z-index: 5;
        padding: 10px;
        width: calc(100% - 20px);
        margin-left: 0;
        left: 0;
    }

    .for-close-restaurant .phone {
        margin-top: 15px;
    }

    .for-close-restaurant .phone-click {
        color: blue;
        font-weight: 700;
    }


    .modal .modalContent .close {
        z-index: 10;
    }

    .modal .modalContent.bookingContainer {
        height: 100% !important;
        width: 100% !important;
        margin: 0;
    }

    .bookingContainer {
        height: 100% !important;
        width: 100% !important;
    }

    .swiperEl {
        float: left;
        height: 220px;
        width: 326px;
        color: #000;
        font-weight: 300;
        text-align: center;
        -webkit-border-radius: 30px;
        -o-border-radius: 30px;
        -moz-border-radius: 30px;
        cursor: pointer;
    }

    div.main div.restaurant h2, #similarRestaurants h2 a {
        font-weight: 600;
        font-size: 20px;
        color: #17181A;
    }

    #similarRestaurantsVTB {
        display: block;
    }

    div.main div.restaurant div.mainColumn div.section .readMore {
        text-align: right !important;
    }

    .hideDesktop {
        display: block;
    }

    #citySel.active .cityItem {
        line-height: 48px;
    }


    .logoInMenu {
        margin-top: 30px;
        margin-left: 15px;
    }

    .topPanelVTB, .topPanelVTB {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 60px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 5%;
        padding-right: 5%;
        position: relative;
    }

    .menu-items-list {
        padding: 10px;
        background: #FFFFFF;
        margin: 10px;
        border-radius: 12px;;
    }

    .seoText {
        padding-left: 0;
        padding-right: 0;
    }

    #closeMobileSearchFilters {
        background: transparent;
        border: none;
        color: black;
        cursor: pointer;
        font-size: 20px;
        outline: none !important;
        position: absolute;
        padding: 18px 15px 15px;
        top: 0;
        right: 0;

    }

    #toggleMobileMenu {
        padding-bottom: 0;
        padding-top: 0;
    }

    .menuListVTB {
        display: none !important;
    }

    .mobile-main-menu-vtb {
        background: linear-gradient(0deg, #F5F6F8, #F5F6F8), #FFFFFF;
        display: none;
        position: fixed;
        transition: left 0.1s ease-out;
        color: #17181A;
        left: 20px;
        width: calc(100% - 40px);
        right: 20px !important;
        z-index: 100;
        top: 20px !important;
        border-radius: 8px;
    }

    .logo a img {
        height: 30px;
    }

    .menu-contacts .phone {
        color: black;
    }

    .citiesHrefWrap::-webkit-scrollbar {
        width: 5px;
    }

    .citiesHrefWrap {
        border-radius: 8px;
        overflow: auto;
        background: white;
        padding: 10px 15px 10px 15px;
    }

    .citiesHrefWrap::-webkit-scrollbar-thumb {
        background: #3A83F1;
        border-radius: 10px;
    }

    .mobile-main-menu-vtb .menu-item a {
        color: #17181A;
    }


    .mobileMenuWrap {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 20;
        background: rgba(0, 0, 0, 0.6);
    }

    .citiesListContainer {
        display: none;
    }

    .citiesListContainer {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5;
        background: rgba(0, 0, 0, 0.6);
    }

    .citiesListMobileWrap .selectCity {
        font-weight: 700;
        font-size: 24px;
        color: #17181A;
    }

    .citiesListMobileWrap .currentCity {
        font-weight: 600;
        font-size: 13px;
        color: #17181A;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .citySelectBlock {
        display: block;
        margin-right: 80px;
        font-weight: 600;
        font-size: 13px;
    }

    .citiesHrefWrap .cityItem {
        font-weight: 400;
        font-size: 16px;
        color: #17181A;
        display: flex !important;
        justify-content: space-between !important;
        position: relative;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .citiesListMobileWrap {
        border-radius: 8px;
        margin: 15px;
        overflow: hidden;

        padding: 20px;
        max-height: 80%;
        background: linear-gradient(0deg, #F5F6F8, #F5F6F8), #FFFFFF;
    }

    .citiesHrefWrap {
        height: 500px;
    }

    .topPanelVTB {
        height: 60px;
    }

    div.search div.searchField input {
        border-radius: 4px;
        border: 1px solid var(--light-gray, #818A97);
        background: var(--light-white-text, #FFF);
    }

    .filterSelected .clearFlt {
        background: none;
    }

    .searchSubmit {
        position: absolute;
        right: 0;
    }

    div.search div.searchSubmit button {
        background: none;
        color: #818A97;
    }

    div.search div.searchField {
        width: 100% !important;
    }

    .mobile-content .titleContainer {
        display: flex;
        flex-direction: column;
    }

    .titleContainer .restRate {
        padding-top: 10px;
    }

    .sOnMap#map {
        padding-top: 100px;
    }

    .topPanelBl {
        background: white;
    }

    .hideOnMobile {
        display: none;
    }

    .goToListOnMobile {
        display: flex;
        align-items: center;
        color: #0A2973;
        font-weight: 400;
        font-size: 14px;
        gap: 8px;
        margin-left: 10px;
    }

    .goToListOnMobile .material-icons {
        color: #3B84F1;
    }

    #mobileSearchFilters .submit-btn {
        border-radius: 8px;
        margin-top: 30px;
        font-weight: 600;
        font-size: 16px;
        width: 100%;
    }

    .filtersAndMap {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .filtersAndMap .mobile-map-button {
        padding-left: 15px;
        position: static;
    }

    .filtersAndMap .mobile-filters-button {
        padding-right: 15px;
        position: relative;

    }

    .filterElement {
        font-size: 16px;
        left: 0px;
        padding-left: 30px;
    }

    .filterAction span, .dropdownAction span {
        position: inherit;
    }

    div.search-filter-mobile ul > li > a:after {
        display: none;
    }

    #mobileSearchFilters .filterAction, #mobileSearchFilters .dropdownAction {
        font-weight: 600;
        font-size: 16px;
        color: #17181A;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .clearAllFilters {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        cursor: pointer;
    }

    div.filterItem {
        border-bottom: 1px #d8d9db solid;
        padding-bottom: 10px;
    }

    .mobileFilterCount {
        border-radius: 50%;
        background: var(--red, #E62632);
        padding: 2px 6px;
        font-weight: 500;
        line-height: 16px;
        color: white;
        right: 50px;
        top: 12px;
        position: absolute;
        opacity: 0.9;
    }

    .citiesListMobileWrap #closeMobileSearchFilters {
        top: 30px;
        right: 30px;
    }

    div.searchFilter ul li .material-icons {
        top: 0;
    }

    #mobileSearchFilters h3 {
        font-weight: 700;
        font-size: 24px;
        color: #17181A;
    }

    div.search-filter-mobile ul > li > a {
        margin-top: 0;
    }

    div.search-filter-mobile ul > li {
        padding: 5px 10px !important;
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        background: var(--light-white-bg, #FFF);
    }

    .searchAndDelete {
        padding-bottom: 10px;
    }

    .desktopIndex {
        display: none;
    }

    .mobileIndex {
        display: block;
        overflow: hidden
    }

    div.main.index div.content {
        padding-right: 0px;
        padding-left: 0;
    }

    .elOfMenu {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .elOfMenu .nameAndIcon {
        display: flex !important;
        gap: 20px;
        font-weight: 600;
        font-size: 16px;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .searchAndMenu #indexSearch {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #FFFFFF;
        position: relative;
        border: 1px solid #818A97;
        border-radius: 4px;
    }

    .searchHelper {
        margin-left: 0;
        padding-top: 0;
        top: 50px;
        /*border: 1px solid #818A97;*/
        background: #F5F6F8;
        width: auto;
    }

    .searchHelper .rlItem {
        padding: 12px 15px;
    }


    .searchHelper .rlItem .bookingBtn {
        display: none;
    }

    .searchAndMenu #indexSearch input {
        height: 40px;
        margin-left: 10px;
        width: 70%;
        border: 0;
        font-size: 14px;
        font-family: Gilroy, serif;
    }

    .searchAndMenu #indexSearch img {
        margin-right: 20px;
    }

    .searchAndMenu #indexSearch button {
        border: 0;
        padding-right: 0;
    }

    div.static div.staticHeader.index .header__restaurants-count {
        width: auto;
    }

    .staticHeader {
        /*position: absolute !important;*/
        top: 0;
        left: 0px;
        height: auto;
        width: auto;
        border-radius: 0 !important;
    }

    div.static div.staticHeader.index .header-promo-link {
        padding-top: 0;
    }

    .searchAndMenu .indexMenuWrap .menu-item .elOfMenu span {
        color: #17181A !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    #bubbleInFilter {
        position: absolute;
        top: 5px;
        right: 10px;
    }

    .indexMenuWrap .menu-item {
        list-style-type: none;
        margin-right: 10px;
    }

    .mainPhotoIndex .firstLine {
        font-weight: 400;
        font-size: 14px;
    }

    .mainPhotoIndex {
        width: auto;
    }

    .indexMenuWrap {
        margin-top: 10px;
    }

    .mainPhotoIndex span.secondLine {
        font-weight: 700;
        font-size: 24px;
    }

    .searchAndMenu {
        background: #FFFFFF;
        border-radius: 4px;
        padding: 20px 20px 10px 20px;
    }

    .spacer {
        height: 165px;
    }

    .partnerNews {
        height: 300px;
        position: relative;
        width: 100% !important;
    }

    .partnerNews .sliderWrap {
        height: 250px;
    }

    .swiperBlock div.restCard {
        width: 316px;
    }

    div.restCard.inSlider {
        position: initial;
    }

    div.restCard.inSlider {
        height: auto;
    }

    .indexpage h2 a .showMore {
        color: #0e2244;
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        display: flex;
        align-items: center;
    }

    .indexpage h2 a {
        display: flex;
        justify-content: space-between;
    }

    .indexpage h2 a, .overviews h2 a {
        font-weight: 600;
        font-size: 20px !important;
        color: #17181A;
    }

    .newsTitlePartner {
        position: absolute;
        left: 10px;
        font-weight: 600;
        font-size: 14px;
        color: #FFFFFF;
        bottom: 15px;
    }

    div.restaurant div.news a.item span.title {
        width: auto;
    }

    div.restaurant div.news a.item, div.restaurant div.otherRests a.item {
        width: 165px;

    }

    div.topPanel div.logo div.citySelect {
        top: 43px;
    }

    .mobileSearchButtonOnIndex {
        background: none;
    }

    div.restaurant div.news {
        height: 295px;
    }

    div.wideBannerPlace img {
        width: 100%;
    }

    div.restaurant div.news a.item span.photo, div.interior div.items a.item span.photo, div.restaurant div.otherRests a.item span.photo, div.content.indexpage div.items.news a.item span.photo {
        width: 165px;
        height: 212px;
    }

    .backShadow {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.315) 100%);
        position: absolute;
        left: 0;
        top: 0;
        height: 212px;
        width: 100%;
        border-radius: 12px;
    }


    div.interior div.items a.item, div.content.indexpage div.items.news a.item {
        width: 165px;

    }

    div.interior div.items a.item, div.content.indexpage div.items.news a.item {
        height: 201px;
    }

    .newsCard {
        width: 168px;
    }

    .index .static {
        position: relative;
    }

    .index .static .staticHeader {
        top: 0;
    }

    #searchForm {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .searchWrap {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        display: none;
        z-index: 3;
        background: rgba(0, 0, 0, 0.6);
    }

    div.search-filter-mobile ul > li > a {
        border-bottom: 0;
    }


    div.search-filter-mobile {
        background: linear-gradient(0deg, #F5F6F8, #F5F6F8), #FFFFFF;
        display: none;
        width: calc(100% - 40px);
        height: calc(90% - 40px);
        right: 20px !important;
        top: 20px !important;
        border-radius: 8px;
    }

    div.restCard div.bookingBtn {
        top: 380px !important;
        position: absolute !important;
    }

    #citySel.active .cityItem {
        line-height: 48px;
    }

    div.restCard.inSearch {
        height: 440px !important;
    }

    div.footerLogo img {
        position: initial;
    }

    .goToListOnMobile .material-icons {
        color: white;
    }

    .mainPhoto.index, .mainPhoto a {
        color: white !important;
    }

    .showOnMap {
        display: flex;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        padding: 4px 10px;
        gap: 8px;
        color: white;
        background: #0e2244;

    }

    .showOnMap span {
        font-family: Gilroy, serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
    }

    .showOnMap img {
        height: 24px;
    }

    .restSpecialOffers {
        display: block;
        padding-left: 24px;
        position: absolute;
        bottom: 245px;
        color: white;
        width: 90%;
    }

    .partnerFooter {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
        background: #FFFFFF;
        align-items: center;
        padding: 10px;
    }


}

/*desktop*/
@media screen and (min-width: 700px) {
    .items .cnt {
        margin-bottom: 40px;
    }

    .desktopIndex .cnt, .desktopIndex .filterSelected, .desktopIndex .filSubmit, .desktopIndex a[data-modal="metro"] {
        display: none !important;
    }

    .desktopIndex #searchForm {
        margin-top: 50px;
    }

    .desktopIndex div.fullFilterContainer div.fullFilter {
        padding-bottom: 10px;
    }

    .desktopIndex div.searchFilter ul li a {
        color: white;
        z-index: 3;
    }

    .desktopIndex .fullFilterContainer {
        background: #F6F4F1;
        z-index: 5;
        width: 100%;
        position: absolute;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        transition: height 200ms, padding 200ms;
    }


    .staticHeader:after, div.main div.restaurants .mainPhoto:after {
        border-radius: 12px;
    }

    .restSpecialOffers {
        display: block;
        padding-left: 24px;
        position: absolute;
        bottom: 265px;
        color: white;
        width: 225px;
    }

    .goToList {
        background: #0e2244;

    }

    #similarRestaurantsVTB {
        display: none;
    }

    #similarRestaurants {
        display: block;
        padding-bottom: 30px;
    }

    .hideMobile {
        display: block;
    }

    #citySel.active {
        max-height: 500px;
        position: absolute;
        left: 80px;
        top: 70px;
        background: #FFFFFF;
        width: 207px;
        box-shadow: 0px 1px 2px rgba(34, 37, 43, 0.12), 0px 12px 24px rgba(34, 37, 43, 0.24), inset 0px 1px 1px rgba(34, 37, 43, 0.04);
        border-radius: 12px;
    }

    div.restCard.inSearch:nth-child(n + 4) {
        margin-top: 50px;
    }

    .citySelect img {
        height: 15px !important;
        width: 15px !important;
        top: 0 !important;
    }

    #citySel.active .cityItem {
        font-weight: 400;
        font-size: 14px;
        color: #17181A;
    }

    div.restCard.inSearch, div.restCard.inSlider {
        background: #FFFFFF;
        border-radius: 12px;
    }

    .sOnMap#map {
        padding-top: 0;
        margin-top: 220px;
    }

    div.restCard div.restInfo, div.restCard div.title, div.restCard div.restRate, div.restCard div.price {
        padding-left: 10px;
        padding-right: 10px;
    }

    div.restCard div.bookingBtn {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        width: 239px;
    }

    .goToListOnMobile {
        display: none;
    }

    .staticHeader {
        top: 0;
    }

    .mainPhotoIndex {
        width: auto;
    }

    .partnerFooter {
        max-width: 1004px;
        margin: auto;
        box-sizing: border-box;
        max-width: 1004px;
        padding-left: 93px;
        padding-right: 93px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    div.interior div.items a.item, div.content.indexpage div.items.news div.item {
        width: 259px;
    }

    .indexpage h2 a .showMore {
        color: #0e2244;
    }

    .desktopIndex {
        padding-top: 10px;
        /*background: #F5F6F8;*/
    }

    .popRestsHref .showMore {
        font-weight: 600;
        font-size: 18px;
        color: #3A83F1;
    }

    .popRestsHref {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    div.static div.staticHeader.index .header__restaurants-count {
        display: block;
        position: sticky;
        z-index: 2;
    }

    .titleInFav {
        font-weight: 600;
        font-size: 20px;
        color: #17181A;
        margin-bottom: 15px;
        padding-top: 10px;
    }

    .leftCol img {
        width: 320px;
        height: 100%;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
}


.historyBookingWrap {
    margin-top: 15px;
    margin-bottom: 10px;
    background: #FFFFFF;
    border-radius: 12px;
    display: flex;
    height: 193.8px;
    gap: 10px;
}

.historyBookingWrap .leftCol {
    height: 100%;
    position: relative;
}

.historyBookingWrap .rightCol {
    width: 100%;
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.historyBookingWrap .rightCol .firstRow .restName {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
}

.historyBookingWrap .rightCol .firstRow .cancelReserv {
    font-weight: 600;
    color: #E62632;
    font-size: 14px;
    cursor: pointer;

}


.historyBookingWrap .rightCol .firstRow .addReview {
    font-weight: 600;
    color: #3A83F1;
    cursor: pointer;
    font-size: 14px;
}

.historyBookingWrap .rightCol .dateTimeRow, .historyBookingWrap .rightCol .firstRow {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.historyBookingWrap .rightCol .dateTimeRow .bookingBtn {
    border: 2px solid #BC0B25;
    border-radius: 8px;
    padding: 8px 12px;
    color: #FFFFFF;

    font-weight: 600;
    font-size: 14px;
    background: #BC0B25;
}

.historyBookingWrap .rightCol .dateTimeRow .bookingBtn a {
    color: #FFFFFF;

}

.historyBookingWrap .rightCol .dateTimeRow .dateTime {
    background: #F2F2F2;
    border-radius: 8px;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 600;
    color: #22252B;
    font-size: 14px;
}

.historyBookingWrap .rightCol .statusRow, .historyBookingWrap .rightCol .ratingRow {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
}


.historyBookingWrap .rightCol .statusRow .statusTitle {
    font-weight: 400;
    font-size: 14px;
    color: rgba(34, 37, 43, 0.6);
}

.changeOrderButton {
    border: 2px solid rgba(58, 131, 241, 1);
    border-radius: 8px;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 600;
    color: rgba(58, 131, 241, 1);
    font-size: 14px;
}

.changeOrderButton:hover {
    color: rgba(58, 131, 241, 1);
}

.historyBookingWrap .rightCol .statusRow .statusName {
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    padding: 4px 8px;
}


.desktopBookings {
    display: block;
}

.mobileBookings {
    display: none;
}

.historyBookingWrap .leftCol {
    height: 100%;
    position: relative;
}

.partnerStatus7, .partnerStatus6 {
    background: #F4F7FA;
    color: #18191B;
}

.partnerStatus4, .partnerStatus5, .partnerStatus10, .partnerStatus13 {
    background: #FBDCDC;
    color: #671212;
}

.partnerStatus1, .partnerStatus8, .partnerStatus9, .partnerStatus11, .partnerStatus12 {
    background: #FFFACA;
    color: #66520A;
}

.partnerStatus2, .partnerStatus3 {
    background: #C9FBEC;
    color: #054D38;
}

.nextAndBackBlock {
    width: 100%;
}

.nextAndBackBlock div {
    cursor: pointer;
}


/*mobile*/
@media screen and (max-width: 700px) {

    .ratingRow .creatorImg {
        position: absolute;
        right: 15px;
    }

    .ratingRow {
        padding-top: 10px;
    }

    .desktopBookings {
        display: none;
    }

    .historyBookingWrap .leftCol {
        display: none;
    }

    .historyBookingWrap {
        gap: 0 !important;
    }

    .titleInFav {
        font-weight: 600;
        font-size: 20px;
        color: #17181A;
        margin-bottom: 15px;
        padding-top: 10px;
    }


    .historyBookingWrap .rightCol .statusRow {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .historyBookingWrap {
        height: auto;
    }

    .mobileBookings {
        display: block;
    }

    .historyBookingWrap .leftCol {
        display: none;
    }

    .historyBookingWrap .dateTimeRow {
        flex-direction: column;
        gap: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .historyBookingWrap .dateTimeRow .dateTime {
        width: 90%;
        text-align: center;
    }

    .historyBookingWrap .dateTimeRow .addReview {
        width: 90%;
        text-align: center;
        padding: 8px 12px;
        font-weight: 600;
        font-size: 14px;
        color: #3A83F1;
        border: 2px solid #3A83F1;
        border-radius: 8px;
    }

    .historyBookingWrap .dateTimeRow .repeatButton, .historyBookingWrap .dateTimeRow .bookingBtn {
        text-align: center;
        width: 90%;
    }

    .rightCol {
        position: relative;
    }

    .addReview {
        position: absolute;
        right: 15px;
        top: 12px;
        padding: 0 !important;
        width: auto !important;
        border: none !important;
    }


    .topPanelBl {
        position: fixed;
        width: 100%;
        z-index: 3;
        top: 0;
    }

    .topPanelBl::before {
        position: absolute;
        top: 50%;
        height: 60px;
        left: 50%;
        content: '';
    }

    .mobileIndex .main, .mainBackColor, .main {
        margin-top: 60px !important;
    }

    .restaurantsPage {
        margin-top: 100px !important;
    }


    .signIn .hideOnDesktop {
        position: fixed;
        top: 60px;
        width: 100%;
        display: block;
        z-index: 2;
    }

    .signIn .main {
        margin-top: 100px !important;
    }

    .signIn.userPage .main {
        margin-top: 0 !important;
    }

    .signIn .hideOnMobile {
        display: none;
    }

    .signIn input, .signIn select {
        font-size: 18px;
        font-family: Gilroy, serif;
    }

    .openNowFilterMobile {
        font-weight: 600;
        font-size: 16px;
        color: #17181A;
        display: flex;
        justify-content: space-between;
        position: relative;
        height: 39px;
        align-items: center;
    }

    .openNowFilterMobile .filterItem {
        width: 100%;
        border-bottom: none;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        display: flex;
        padding-bottom: 0;
    }

    .openNowFilterMobile .filterElement {
        position: initial;
        padding-left: 200px;
        padding-right: 200px;
        z-index: 2;
    }

    .openNowFilterMobile div.filterItem input[type="checkbox"] + label:before {
        right: 0 !important;
        left: initial;
        top: 2px;
    }

    .openNowFilterMobile div.filterItem input[type="checkbox"] + label {
        padding-left: 0;
        padding-right: 10px;

    }

}


/*desktop*/
@media screen and (min-width: 700px) {
    .ratingRow {
        justify-content: space-between;
    }

    .ratingRow img {
        max-height: 30px;
    }

    .signIn input, .signIn select {
        font-size: 18px;
        font-family: Gilroy, serif;
    }

    .enterPhoneWrap, .enterCodeWrap {
        background: white;
        display: flex;
        padding: 20px 0;
        border-radius: 12px;
        justify-content: center;
        align-items: center;
    }

    .enterPhoneBlock input {
        background: rgba(246, 244, 241, 1) !important;
    }

    .enterPhoneBlock .buttonBlock {
        background: white !important;
    }

    .nextAndBackBlock {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        gap: 15px;
    }

    .enterPhoneBlock {
        width: 100%;
        max-width: 390px;
    }

    .signIn .hideOnDesktop {
        display: none;
    }

    .signIn .hideOnMobile {
        display: block;
        margin-top: 10px;
    }

    .desktopPadding {
        padding-top: 20px !important;
    }

    .navBarUserBlock {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        background: white;
        border-radius: 12px;
        height: 42px;
        font-weight: 500;
    }

    .navBarUserSeparateLine {
        border: 1px solid black;
        height: 17px;
    }

    .navbarUserEl.active {
        text-decoration: underline;
    }

    .navbarUserEl {
        cursor: pointer;
    }

    .titleInFav {
        font-weight: 700;
        font-size: 42px;
        margin-bottom: 20px;
        color: #17181A;
    }

    div.searchFilter ul {
        display: flex;
        justify-content: space-between;
        align-items: baseline;

    }

    div.searchFilter ul li a {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    div.searchFilter ul li {
        padding-right: 0;
    }

    div.searchFilter ul li .material-icons {
        position: initial;
    }

    .canReserveFilter div {
        width: 120px;
    }

    .canReserveFilter a.active, .openNowFilter a.active {
        color: black !important;
    }

    .openNowFilter div {
        width: 80px;
    }
}


/*mobile*/
@media screen and (max-width: 700px) {
    .menuArrBlock {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }
    .menuItem{
        background: #bc0b25;
        font-weight: 600;
        font-size: 14px;
        padding: 10px 20px;
        color: #fff;
        border: none;
        border-radius: 15px;
    }

    .seoTitleBlock {
        margin-left: 10px;
        margin-right: 10px;
    }

    .metaTagH1 {
        font-size: 16px;
    }

    .chainDescription h1 {
        font-size: 18px;

    }

    .nameLikeAndClose {
        background: white;
        display: flex !important;
        width: 100%;
        justify-content: space-between;
        /*padding: 5px 10px;*/
        height: 44px;
        align-items: center;
    }

    .nameLikeAndCloseBack {
        display: block !important;
        width: 100%;
        height: 3px;
    }

    .slide {
        margin: 0;
    }

    .bookingButtonWrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .nameInTop {
        margin-left: 10px;
        color: #000;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }

    .rouble {
        width: 12px;
    }

    .titleContainer h1 {
        margin-top: 8px !important;
    }

    .rateAndPrice {
        display: flex;
        justify-content: space-between;
    }

    div.main {
        padding-top: 0;
    }

    .rest-fav-bl {
        padding-top: 0;
    }

    .likeAndClose {
        display: flex;
        gap: 10px;
        margin-right: 10px;
    }

    .closeModalRestCard, .setLikeInRestCard {
        font-family: "Material Icons";
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        display: inline-block;
        width: 1em;
        height: 1em;
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
    }
}