html{height: 100%;}
body{height: 100%; min-width: 360px; position: relative; font: 16px/1.375 "NeoSansCyr-Regular"; background: #fff; color: #23201c}
#container{min-height: 100%; position: relative; }
#sticky-footer-wrapper {padding-bottom: 175px;}
#header{position: relative; border-bottom: 1px solid #d9d7d7;}
#content{min-height: 200px; position: relative}
#footer{position: absolute; left: 0; bottom: 0; width: 100%; height: 175px; padding-top: 48px; text-align: center;}
.wrapper-max{max-width: 1200px; margin: 0 auto; padding: 0 10px; box-sizing: content-box}
.wrapper-middle{max-width: 900px; margin: 0 auto; padding: 0 10px; box-sizing: content-box}
.wrapper-min{max-width: 800px; margin: 0 auto; padding: 0 10px; box-sizing: content-box}
.left-column{width: 230px; float: left;  background: #f8f1f2}
.left-column ul{width: 100%; padding: 13px 0;}
.left-column li a{display: block; padding: 8px 20px 8px 40px; background-repeat: no-repeat; background-size: 15px 15px;
    background-position: left 18px center}
.left-column li.active a, .left-column li:hover a{background-color: #f3dcdf}
.right-column{padding-left: 5.8%; width: calc(100% - 230px); float: left}
.extra-admin-buttons{padding: 10px 0; clear: both;}

/*Common styles*/
h1{font: 30px "NeoSansCyr-Medium"; font-weight: normal; text-align: center; margin: 0 10px 25px; text-transform: uppercase}
h2{font: 24px "NeoSansCyr-Medium"; color: #ff8300; margin-bottom: 15px}
h3{font: 20px "NeoSansCyr-Medium"; margin-bottom: 15px}
h4{font: 18px "NeoSansCyr-Medium"; margin-bottom: 20px}
p{margin-bottom: 12px}
p a{border-bottom: 1px solid #f5984c}
.centered{text-align: center}
h1 + .centered{font-family: "NeoSansCyr-Italic"; margin: 5px 10px 15px;}
.site-block{margin-bottom: 40px}
.pink{font: 18px/1.375 "NeoSansCyr-Italic"; color: #fe624b}
.path{margin: 20px 0 10px; font-size: 13px; text-align: center}
.path a{padding-right: 3px}
.path a::after{content:" / "}
.path a span{color: #2156b0; border-bottom: 1px solid #2156b0}
.path a span:hover{border-bottom: none}
.pager{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center;
    -ms-flex-pack: center; justify-content: center; margin: 40px auto 20px;}
.pager span{display: inline-block; margin-right: 10px; line-height: 34px}
.pager a{padding: 6px 10px; border-bottom: none; color: #ff8200; font-size: 16px}
.pager a.active{color: #23201c; background-color: #f48f96}
.pager a.pager-prev, .pager a.pager-next {width: 30px; height: 30px; font-size: 0px; padding: 0;}
.pager a.pager-prev{background: url("../images/pager-prev.svg")no-repeat center center; background-size: 14px 14px}
.pager a.pager-next{background: url("../images/pager-next.svg")no-repeat center center; background-size: 14px 14px}
.no-padding{padding: 0!important}
.no-margin{margin: 0!important}
.uppercase{text-transform: uppercase}
.hidden-text{height: 220px; overflow: hidden}
.hidden-text.showed{height: auto;}
.hidden-text-toggle{display: inline-block; cursor: pointer; color: #fe624b; border-bottom: 1px solid #fe624b;}
.hidden-text-toggle:hover{border-bottom: 1px solid transparent;}

/*Buttons*/
.button-wrapper{width: 100%; text-align: center}
.button{display: inline-block; padding: 15px 30px; color: #fff!important; background-color: #ff8200; text-align: center; text-transform: uppercase;
    font-size: 15px; border-radius: 5px; cursor: pointer; -moz-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s;
    margin: 25px 0 40px; min-width: 180px; border: none!important;}
.button:hover{background-color: #d46f04}
.button:disabled{background-color: #ccc; cursor: not-allowed; color: #666;}

/*Forms*/
.form-errors, .form-success {margin: 5px 0 15px; padding: 10px 20px; width: 100%;  border-radius: 3px; /*display: none*/}
.form-errors p, .form-success p{margin-bottom: 3px}
.form-errors {border: 1px solid #d85a5b; color: #d85a5b; background: #fff0f0}
.form-success{border: 1px solid #84a151; color: #84a151; background: #edf5df}
div.error-field input, div.error-field textarea{border: 2px solid #de553a; background-color: #fce7e3}
.field-name{margin-bottom: 5px}
.field-input{margin-bottom: 20px}
input[type="text"], input[type="password"], textarea{width: 100%; border: 1px solid #acacac; border-radius: 3px; outline: none;
    padding: 15px}
input[type="text"], input[type="password"]{height: 38px; line-height: 38px}
textarea{resize: none; min-height: 165px}
.form-buttons{text-align: center}
select {width: 100%; height: 38px;padding: 0 15px; -webkit-appearance: none; background-image: url(../images/arrow-down.svg);
    background-size: 15px 15px; background-position: right 10px center; background-repeat: no-repeat; line-height: 38px;
    -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none;  appearance: none!important;
    cursor: pointer; outline: none; background-color: #fff}
select::-ms-expand {display: none;}

/*Label*/
label{cursor: default;}

/*Header*/
.header-top{height: 25px; background: #f8f1f2; font-size: 12px; line-height: 25px;}
/*.header-bottom{height: 80px;}*/
.header-bottom .wrapper-max{position: relative}
.choose-city{float: left; position: relative}
.choose-city > span{color: #fe624b; display: inline-block; margin-right: 10px}
.choose-city .city-list{position: relative; display: inline-block; }
.choose-city .city-list .city-chosen{text-decoration: underline; cursor: pointer}
.choose-city .city-list .city-chosen:hover{text-decoration: none;}
.choose-city .city-list ul{display: none; position: absolute; top: 25px; left: 0; background: #fff; padding: 12px 0 5px;
    z-index: 10; box-shadow: 0px 5px 15.68px 0.32px rgba(146, 37, 45, 0.35); font-size: 14px}
.choose-city .city-list li a{padding: 7px 22px;}
.choose-city .city-list li a:hover{color: #ff8200}
.choose-city .city-list:hover ul{display: block}
.hotline{float: right}
.hotline span{color: #fe624b; display: inline-block; margin-right: 10px}
.hotline a{font-family: "NeoSansCyr-Medium"}
.logo{display: block; width: 220px; float: left; margin: 10px 30px 0 0;}
.logo img{display: block; width: 100%}
.phones{float: left; margin-top: 22px}
.phones span{color: #fe624b; font-size: 12px; display: block}
.phones a{display: inline-block; font: 18px "NeoSansCyr-Medium"; padding-right: 0 !important}
.main-menu{float: right; margin-top: 30px; margin-right: 50px; font-size: 14px}
.main-menu ul li{display: inline-block; position: relative;}
.main-menu ul li a{border-bottom: none; padding: 0 18px 0 0;}
.main-menu > ul > li:last-child a{padding: 0}
.main-menu ul li a span{border-bottom: 1px solid #23201c}
.main-menu > ul > li:hover > a span, .main-menu > ul > li.active:hover > a span{color: #ff8200; border-bottom: none}
.main-menu > ul > li:hover > span, .main-menu > ul > li.active:hover > span{color: #ff8200; border-bottom: none}
.main-menu ul span.arrow{background: url("../images/arrow-down.svg")no-repeat right 5px center; background-size: 9px 9px}
.main-menu > ul > li > span{padding: 0 18px 0 0;}
.main-menu ul ul{display: none; position: absolute; width: 170px; background: #fff; padding: 30px 0 15px;
    z-index: 10; top: 18px; left: -13px; box-shadow: 0px 5px 15.68px 0.32px rgba(146, 37, 45, 0.35);}
.main-menu ul a.arrow{background: url("../images/arrow-down.svg")no-repeat right 5px center; background-size: 9px 9px;}
.main-menu ul ul li{width: 100%}
.main-menu ul ul li a{display: block;text-decoration: none; padding: 7px 20px}
.main-menu ul ul li a:hover{color: #ff8200}
.main-menu > ul > li:hover ul{display: block}

.sb-search {position: absolute; right: 0; z-index: 10; width: 0%; min-width: 40px; height: 40px; float: right;
    margin: 18px 0 0 0; overflow: hidden;  -webkit-transition: width 0.3s; -moz-transition: width 0.3s;
    transition: width 0.3s; -webkit-backface-visibility: hidden; box-sizing: border-box;}
.sb-search-input#search {position: absolute; top: 0; right: 0; border: none; outline: none; background: #fff; width: 100%;
    height: 40px; margin: 0; z-index: 10; padding: 0 50px 0 15px; font-size: 18px; box-sizing: border-box;
    border-radius: 50px; border: none}
.sb-icon-search, .sb-search-submit  {width: 40px; height: 40px; display: block; position: absolute; right: 0;
    top: 0; padding: 0; margin: 0; line-height: 40px; text-align: center; cursor: pointer; box-sizing: border-box; }
.sb-search-submit {background: #fff; /* для IE */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1;}
.sb-icon-search {background: transparent url(../images/search.svg)no-repeat center center; background-size: 20px 20px; z-index: 90;}
.sb-search.sb-search-open, .no-js .sb-search {width: 670px;}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {z-index: 11;
    background: transparent url(../images/cross-orange.svg)no-repeat center center; background-size: 17px 17px;}
/*.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {z-index: 90;}*/
.sb-search.sb-search-open .sb-search-input#search{border: 1px solid #abaaaa;}
span.search-found{color: #fe624b;}
.search-name{margin-bottom: 8px}
.search-decription{padding-left: 20px; margin-bottom: 20px}
.searching-results{margin-bottom: 30px}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #fe624b; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

#menu-button{display: none; float: right; width: 35px; height: 35px; margin: 20px 45px 0 0; cursor: pointer;
    background: url("../images/menu.svg")no-repeat; background-size: contain;}
#mobile-menu{padding: 30px 20px; background: #f8f1f2; width: 280px;  position: fixed; top: 0;height: 100%;
    z-index: 999999; overflow-x: hidden; overflow-y: auto; left: -280px; right: auto; transition: left 0.5s}
#mobile-menu.showed{left: 0}
#mobile-menu a{padding: 12px 0; text-decoration: none; display: block}
#mobile-menu .phones a{padding: 5px 0}
#mobile-menu ul li a{display: inline-block; padding-right: 15px; line-height: 18px; border-bottom: none}
#mobile-menu ul ul{display: none; padding: 0 0 0 30px}
#mobile-menu #menu-close{width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; 
    background: url("../images/cross-black.svg")no-repeat center center; background-size: contain; cursor: pointer}
#mobile-menu ul a.arrow{background: url("../images/arrow-right.svg")no-repeat right center; background-size: 10px 10px}
#mobile-menu ul a.arrow.active{background: url("../images/arrow-down.svg")no-repeat right center; background-size: 10px 10px}

#mobile-menu ul li > span{display: inline-block; padding-right: 15px; line-height: 18px; border-bottom: none}
#mobile-menu ul span.arrow{background: url("../images/arrow-right.svg")no-repeat right center; background-size: 10px 10px}
#mobile-menu ul span.arrow.active{background: url("../images/arrow-down.svg")no-repeat right center; background-size: 10px 10px}


/*Slider*/
.rev_slider_wrapper{margin-bottom: 40px; overflow: hidden; height: 384px}
.rev_slider .tparrows{width: 35px; height: 56px}
.rev_slider .hesperiden .tp-bullet{border: none; width: 15px; height: 15px}
#rev_slider_index{text-align: center; color: #fff; text-transform: uppercase;}
#rev_slider_index .tparrows.tp-leftarrow{background: transparent url("../images/sliders/prev-white.svg")no-repeat center center;
    background-size: contain; left: 138px!important}
#rev_slider_index .tparrows.tp-rightarrow{background:  transparent url("../images/sliders/next-white.svg")no-repeat center center;
    background-size: contain; right: 138px!important; left: auto!important}
#rev_slider_index .hesperiden .tp-bullet{background-image: url("../images/sliders/bullet.png"); background-size: contain}
#rev_slider_index .hesperiden .tp-bullet.selected{background-image: url("../images/sliders/bullet-active.png"); background-size: contain}
#rev_slider_index .tp-caption {background: rgba(0, 0, 0, 0.5); padding: 1px 30px}
#rev_slider_index .tp-caption > *{margin-bottom: 18px}
#rev_slider_index .tp-caption .title{font:bold 45px "Arial"!important}
#rev_slider_index .tp-caption .description > *{display: inline-block; vertical-align: top}
#rev_slider_index .tp-caption .description .big{font: bold 113px/0.8 "Arial"!important;}
#rev_slider_index .tp-caption .description p{text-align: left!important; font: 36px/1.2 "Arial"!important}
#rev_slider_index .tp-caption a{font: bold 17px "Arial"!important; display: inline-block; border: 3px solid #fff; border-radius: 50px;
    padding: 15px 40px;  max-width: 280px}
.swiper-carousel{position: relative}
.slide-hover{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: rgba(244, 143, 154, 0.9);
    padding: 10%; text-align: center; cursor: pointer; transition: all 0.5s; opacity: 0}
.slide-hover span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%}
.canteens-swiper .swiper-slide:hover .slide-hover{opacity: 1}
.swiper-slide img{width: 100%; display: block}

/*Menu*/
.menu-items{margin-bottom: 40px}
.menu-item{display: block; float: left; width: 228px; height: 380px; margin: 0 15px 0 0; text-align: center;
    border: 1px solid #cfcecc; transition: all 0.5s}
.menu-item:nth-child(5n){margin-right: 0}
.menu-item .item-img{position: relative}
.menu-item .item-img img{display: block; width: 100%}
.menu-item .item-description{padding: 0 25px}
.menu-item .item-name{height: 65px; padding-top: 22px; font: 18px "NeoSansCyr-Medium"}
.menu-item .item-text{font-size: 15px}
.menu-item:hover {box-shadow: 0px 5px 15.68px 0.32px rgba(146, 37, 45, 0.35);}
.menu-item:hover .item-name{color: #ff8200}
.menu-item .item-icon{width: 40px; height: 40px; border-radius: 50px; background: #fff; padding: 8px; position: absolute;
    left: 50%; margin-left: -20px; bottom: -20px}
.menu-swiper{display: none; margin-bottom: 40px}
.menu-swiper .swiper-slide{width: 228px !important}
.menu-swiper .swiper-slide .menu-item{width: 226px !important; float: none; margin: 0 auto}

/*Index-content*/
.delivery{margin-bottom: 40px}
.delivery img{display: block; width: 100%}
.interior{background: #f8f1f2; padding: 35px 65px; margin-bottom: 40px}
.interior .wrapper-max{padding: 0}
.interior .swiper-container{padding-bottom: 0}
#map{height: 465px; position: relative; border-top: 1px solid #d9d7d7}
#cities-map-list{width: 100%;  position: absolute; z-index: 10; bottom: 0; left: 0;
    background: #f48f96; font-size: 15px; text-align: center}
#cities-map-list li{display: inline-block; padding: 12px 7px}
#cities-map-list li:hover{background: #da7d83; cursor: pointer}
.side-fixed{width: 45px; height: 475px; position: fixed; bottom: 0; right: 0; z-index: 100}
.side-fixed > a{position: fixed; bottom: 0; right: 0; z-index: 100}
.side-fixed .delivery-link{bottom: 158px}
.side-fixed .franchising-link{bottom: 316px}

/*Menu-weeks*/
.weeks-numbers{width: 60%; margin: 25px auto 17px; border: 1px solid #b8b8b8}
.weeks-numbers li{width: 8.3%; float: left; text-align: center; border-right: 1px solid #b8b8b8; cursor: pointer;
    color: #f58220}
.weeks-numbers li a{display: block; width: 100%; height: 100%; padding: 10px 0}
.weeks-numbers li:last-child{border-right: none}
.weeks-numbers li.active{color: #23201c; background: #f48f96}
.active-week{width: 280px; height: 38px; line-height: 38px; text-transform: uppercase; text-align: center;
    background:#f48f96; margin: 17px auto; font-family: "NeoSansCyr-Italic"}
.menu-list li{cursor: pointer}
.menu-list li.new a{background-image: url(../images/menu/new-orange.svg); color: #f58220}
.menu-list li.breakfast a{background-image: url(../images/menu/omelette.svg);}
.menu-list li.salads a{background-image: url(../images/menu/salad.svg);}
.menu-list li.snacks a{background-image: url(../images/menu/sandwich.svg);}
.menu-list li.first-course a{background-image: url(../images/menu/soup.svg);}
.menu-list li.second-course a{background-image: url(../images/menu/roast-turkey.svg);}
.menu-list li.garnishes a{background-image: url(../images/menu/fries.svg);}
.menu-list li.baking a{background-image: url(../images/menu/croissant.svg);}
.menu-list li.drinks a{background-image: url(../images/menu/coffee.svg);}
.menu-list li.culinary-journey a{background-image: url(../images/menu/airplane.svg);}
.menu-list li.seasonal a{background-image: url(../images/menu/mushrooms.svg);}
.menu-list li.dessert a{background-image: url(../images/menu/piece-of-cake.svg);}
.menu-list li.beer a{background-image: url(../images/menu/beer.svg);}
.menu-list li.pies a{background-image: url(../images/menu/bread.svg);}
.menu-list li.vegetarian a{background-image: url(../images/menu/leaf.svg);}
.menu-list li.sauces a{background-image: url(../images/menu/sauce.svg);}
.menu-list li.confectionery a{background-image: url(../images/menu/omelette.svg);}
.menu-list li.chocolate a{background-image: url(../images/menu/chocolate.svg);}
.menu-list li.semimanufactures a{background-image: url(../images/menu/sausage.svg);}
.menu-list li.banquet a{background-image: url(../images/menu/wine-opener.svg);}
.menu-select{display: none; width: 280px; margin: 0 auto 20px}

.menu-content .dish-item{border-top: 1px solid #d9d7d7; cursor: pointer}
.menu-content .dish-item:hover .name{color: #ff7800}
.menu-content .dish-item > div{float: left; min-height: 150px}
.menu-content .image{width: 23%; text-align: center; position: relative}
.menu-content .image img{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%;
max-height: 90%}
.menu-content .description{width: 60%; padding: 40px 15px 0 40px}
.menu-content .price{width: 17%; text-align: center; padding: 40px 15px}
.menu-content .description span, .description div.name span{display: block}
.description .name{font: 18px "NeoSansCyr-Medium"; margin-bottom: 15px}
span.foreign-name{font: 15px "NeoSansCyr-Regular"; line-height: 22px; color: #ff7800}
div.foreign-content{margin-bottom: 15px; color: #ff7800}
.description .characteristics{font-size: 13px}
.price{color: #ff7800; font: 20px "NeoSansCyr-Medium"}
.menu-tabs{margin-left: calc(230px + 5.8%); margin-bottom: 10px}
.menu-tabs li{display: inline-block;}
.menu-tabs li a{display: block; padding: 5px 12px; color: #f58220}
.menu-tabs li.active a{color: #23201c; background: #f48f96}
.menu-tabs.mobile{display: none; margin-left: 0; text-align: center}

/*Modal*/
#overlay{display: none;width: 100%; height: 100%; position: fixed; background: #131111; opacity: 0.4; z-index: 1001;
    top: 0; left: 0; }
.modal-window{display: none; position: fixed; background: #fff; width: 835px; height: 450px; z-index: 1002;
    top: 100px; left: 50%; transform: translateX(-50%);}
.modal-close {position: absolute; top: -40px; right: -40px; cursor: pointer; width: 30px; height: 30px; z-index: 10;
    background: url("../images/cross.svg") no-repeat; background-size: contain}
.modal-window .prev, .modal-window .next {width: 40px; height: 40px; position: absolute; top: 50%;  transform: translateY(-50%);
     cursor: pointer;}
.modal-window .prev {left: -50px; background: url(../images/sliders/prev-white.svg) no-repeat; background-size: contain;}
.modal-window .next {right: -50px; background: url(../images/sliders/next-white.svg) no-repeat; background-size: contain;}

.modal-window .image{float: left; width: 68%; height: 100%; position: relative}
.modal-window .image img{display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.modal-window .description{float: left; width: 32%; padding: 50px 25px 25px}
.modal-window .description-text, .modal-window .characteristics{margin-bottom: 15px}

/*News, Promo*/
.news-block{margin-bottom: 30px}
.news-block .image{display: block; width: 42%; float: left}
.news-block .image img{display: block; width: 100%}
.news-block .description{width: 58%; float: left; padding: 20px 0 0 6%}
.news-block .date{font-size: 13px}
.navigation{background: #f8f1f2; margin-top: 25px; font-size: 16px}
.navigation a{width: 49%; max-width: 150px; padding: 25px 0 20px}
.navigation a.previous {float: left; background: url("../images/pager-prev.svg") no-repeat left 6px center; background-size: 15px 15px;
    padding-left: 30px}
.navigation a.next {float: right; background: url("../images/pager-next.svg") no-repeat right 6px center; background-size: 15px 15px;
    padding-right: 30px}
.navigation a span{display: inline-block; padding: 0 1%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%}
.navigation a.next span{text-align: right}
.ya-share2{margin: 25px 0}

/*Reviews*/
.review-block{padding-bottom: 35px; margin-bottom: 25px; border-bottom: 1px solid #d9d7d7}
.reviewer-name{margin-bottom: 15px;}
.review-text{font-family: "NeoSansCyr-Italic"; margin-bottom: 5px}
.review-date{margin-bottom: 15px; font-size: 13px}
.review-answer{padding-left: 30px; font-family: "NeoSansCyr-Italic"; color: #fe624b}
#feedback-form{max-width: 550px; margin: 35px auto 0; padding: 30px 115px; background: #f8f1f2; border-radius: 10px}
#feedback-form .button{display: block; width: 260px; margin: 15px auto 20px}
#feedback-form p{margin-bottom: 0}
.policy{color: #ff8200; font-size: 13px}

/*Footer*/
#footer a, #footer a.icon:hover{border-bottom: none}
#footer a:hover{border-bottom: 1px solid #23201c}
.social-icons{margin-bottom: 20px}
.social-icons .icon{display: inline-block; width: 30px; height: 30px; background-size: contain; margin-left: 12px; border-bottom: none}
.vk-icon{background-image: url(../images/vk.svg)}
.facebook-icon{background-image: url(../images/facebook.svg)}
.youtube-icon{background-image: url(../images/youtube.svg)}
.instagram-icon{background-image: url(../images/instagram.svg)}
.ok-icon{background-image: url(../images/odnoklassniki-logo.svg)}

.to-top{width: 50px; height: 50px; background: #ff8200 url("../images/arrow-up.svg") no-repeat center center; z-index: 1000;
    background-size: 25px 25px; position: fixed; right: 50px; bottom: 5%; display: none; cursor: pointer; opacity: 0.7}
.fixed-menu{display: none; position: fixed; bottom: 0; left: 0;  z-index: 1000; width: 100%; font-size: 14px;
    height: 46px;  box-sizing: border-box; cursor: pointer;}
.fixed-menu a{display: block; height: 100%; float: left; color: #fff; text-transform: uppercase; text-align: center;
    line-height: 48px}
.fixed-menu a span{display: inline-block; padding-right: 25px; line-height: 46px}
.fixed-menu a.delivery-link{background: #ff8200; width: 32%;}
.fixed-menu a.franchising-link {background: #27c9d3; width: 32%;}
.fixed-menu a.banquet-link {background: #fe624b; width: 25%;}
.fixed-menu a.delivery-link span{background: url("../images/delivery-truck.svg")no-repeat right top 8px; background-size:27px 27px; padding-right: 30px;}
.fixed-menu a.franchising-link span{background: url("../images/coin-stack.svg")no-repeat right top 12px; background-size: 22px 17px}
.fixed-menu a.banquet-link span{background: url("../images/glass-and-bottle-of-wine.svg")no-repeat right top 10px; background-size: 23px 18px}
.mobile-to-top{width: 11%; float: right; height: 100%; cursor: pointer; background: #da7d83 url("../images/arrow-up.svg")no-repeat center center;
    background-size: 20px 20px; padding: 10px 0;}
    
/*Baloons on map*/
.ymaps-2-1-69-balloon__content{padding: 18px 0 18px 18px!important; margin-right: 22px!important}
.name-canteen-baloon{font: 14px "NeoSansCyr-Medium"; margin-bottom: 10px;}
.phone-canteen-baloon{font: 12px "NeoSansCyr-Regular"; color: #fe624b; margin-bottom: 5px}
.schedule-canteen-baloon{font: 12px "NeoSansCyr-Regular"; text-transform: uppercase; margin-bottom: 15px}
.info-canteen-baloon{font: 12px/1.3 "NeoSansCyr-Regular";}

.footer-docs {
    display: flex;
    flex-direction: row;
    gap: 1em;
    padding: 1em 2em;
    align-items: center;
}
.footer-docs a {
    flex: auto;
}
@media screen and (max-width: 979px) {
    .footer-docs {
        flex-direction: column;
    }
}

.form-date-field, .form-phone-field {
    height: 38px;
    line-height: 38px;
    border-radius: 3px;
    padding: 15px;
}
#ClientSex-ordered-table td {
    padding: 15px;
}