@font-face {font-family:'SF';font-display:swap;src:url('/include/fonts/SFUIDisplay-Regular.eot'); src:local('/include/fonts/SFUIDisplay-Regular'), url('/include/fonts/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('/include/fonts/SFUIDisplay-Regular.woff') format('woff'), url('/include/fonts/SFUIDisplay-Regular.ttf') format('truetype');font-weight:400;font-style:normal;}
@font-face {font-family:'SF';font-display:swap;src:url('/include/fonts/SFUIDisplay-Bold.eot'); src:local('/include/fonts/SFUIDisplay-Bold'), url('/include/fonts/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('/include/fonts/SFUIDisplay-Bold.woff') format('woff'), url('/include/fonts/SFUIDisplay-Bold.ttf') format('truetype');font-weight:600;font-style:bold;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;outline:none}
html {height:100%;width:100%;min-width:320px;font-size:10px;}
body,body.not-home {width:100%;min-width:320px;height:100%;margin:0;padding:0;font-size:1.4rem;line-height:1.4;font-family:'SF', sans-serif;font-weight:400;display:inline-block;background:#F8F8F8}
body::-webkit-scrollbar{width:4px;background-color:rgba(255,255,255,.3);}
body::-webkit-scrollbar-thumb{background-color:#263F29;border-radius:4px}
*::-webkit-scrollbar-corner{background-color:rgba(255,255,255,.3);}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:""; content:none}
b,strong {font-weight:bold}
input {outline:none}
table {border-collapse:collapse; border-spacing:0}
img {border:0; max-width:100%;pointer-events:none}
a {text-decoration:underline}
a:hover {text-decoration:none}
a, a:active, a:focus {outline:none !important;}
h1 {font-weight:100;font-size:2.4rem;line-height:1.1;color:#333!important;display:block;margin:5px 0 20px 0}
.user_auth {display:none}
#smartomato-application .sm-panel-block.sm-order-status.sm-error {background:none !important;}
.main,footer {width:100%}
.main{display:flex;justify-content:center;}
.smartomato-promotion-link{display:none!important}
#smartomato-application .smartomato-widget{z-index:1200}
#smartomato-application .sm-modal-overlay .sm-modal-dialog{z-index:1200}
.new-widget .sm-modal-dialog {z-index:300;}
.new-widget #smartomato-application .sm-modal-overlay .close-modal-wrapper .close-modal {z-index: 1250;}

#header {position:fixed;top:0;left:0;width:100%;height:auto;z-index:250}
#header.headerAbsolute {position:absolute}
.header_menu {width:100%;height:50px;background:#fff;position:relative;padding:5px 0;margin-top:0px}
.header_menu.out,.header_menu.out .header-menu,.header_menu.out .smm{animation: .15s linear .1s 1 normal both menu-out;}
.header_menu.on,.header_menu.on .header-menu,.header_menu.on .smm{animation: .15s linear .1s 1 normal both menu-on;}
.header_menu a {padding:10px;font-weight:300;font-size:1.2rem;color:#0E4C92;text-decoration:none;text-transform:uppercase}
.header_menu .header-menu a {display:block;}
.header {width:100%;height:auto;background:#f2f4e9;position:relative;border-bottom:5px solid #fff}
.header,.header_menu {display:flex;justify-content:center;align-items:center;position:relative;margin:0;}
.header .container,.header_menu .container {display:flex;justify-content:space-between;align-items:center;position:relative;margin:0;}
.header_menu ul{display:flex;margin:0}
.header_menu .header-menu li:first-child a{padding:10px 10px 10px 0;}
.container:before,.container:after,.footer_container.container:before,.footer_container .row:before,.footer_container.container:after,.footer_container .row:after,.footer_container.container .phone:before{display:none!important}
.header .logo {margin:15px 70px 15px 0}
.header .logo img,.logo img {width:100px}
.green .logo img {width:auto;height:55px}
.header .phone {min-height:40px;margin:38px 0px 10px 0;font-weight:bold;color:#263F29;float:left}
.header .phone:before {content:"";float:left;width:40px;height:40px;border-radius:50%;background:url(/include/images/phone.svg) center no-repeat}
.header .phone__number,.phone-number {float:left;color:#263F29;font-size:15px;line-height:17.5px;margin:0 10px 0 0;text-decoration:none;font-weight:400}
.header .small_phone_box {display:none;padding:5px 0;background:#000;font-size:13px;line-height:18px;border-top:1px solid #fff}
.header .small_phone_box .phone__number {margin:4px 0 0 0}
.header .phone__code {font-weight:300}
.header__callback,.footer-callback {float:none;padding:0;margin:0 0 0 25px;font-size:15px;line-height:17.5px;font-weight:300;border-radius:0;color:#fff;text-decoration:underline !important}
.phone:before,.header .phone:before {content:"";float:left;width:19px;padding-right:50px;height:19px;border-radius:0;background:url(/include/images/phone.svg) center no-repeat}
.smm a.fa,.smm a.fa:hover {margin:0 0 0 25px;font-size:1.6rem;text-decoration:none;color:#0E4C92}

.mobile_menu{display:none;cursor:pointer;width:40px;height:40px;}
.mobile_menu__stick {display:block;height:2px;width:35px;background:#263F29;padding:1px 0}
.mobile_menu_list_header{display:flex;justify-content:space-between;align-items:center;padding:10px;}

.not-home .services-block {display:none}
.services-block {padding:31px 0 29px;background:#fafafa;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.services-block__item {padding:0 63px 0 22px;line-height:1.5;border-right:1px solid #e5e5e5}
.services-block__item .services-block__icon {width:50px;height:40px;margin:0 20px 0 0;text-align:center;float:left}
.services-block__item .services-block__icon:before {font-family:'FontAwesome';font-size:250%;position:absolute;line-height:1.3;}
.services-block__item .fa-refresh:before{content:"\f021"}
.services-block__item .fa-percent:before{content:"\f295"}
.services-block__item .fa-thumbs-up:before{content:"\f164"}
.services-block__text {padding:0 0 0 84px}
.services-block__delivery {border-left:1px solid #e5e5e5}
.services-block__strong {font-weight:900}

.wrapper {width:100%;height:100%;display:flex;flex-wrap:wrap;margin:0;padding:0;}
.main_container {display:flex;justify-content:space-between;position:relative;overflow:hidden}
.container.main_container{padding:15px 5px}

.breadcrumb {display:flex;align-items:center;padding:8px 15px;margin-bottom:1em;list-style:none;background-color:#f2f4e9;border-radius:4px;}
.breadcrumb li {color:#7f8a92;font-size:1.2rem;line-height:1.4}
.breadcrumb li a {color:#263F29;font-size:1.2rem;line-height:1.4;text-decoration:none}
.breadcrumb .breadcrumb__link-el{color:#263F29;margin:0 .2em}

#main_block_page {padding:15px;margin:0;background:#fff;border:1px solid #ededed;border-radius:8px;display:block;overflow:hidden;}
.home #main_block_page {margin:0;padding:35px 0 0 21px;border:none;border-radius:0;background:transparent}
#main_block_page {width:73%;margin:0;padding:18px 10px 0 10px;border:1px solid #ededed;border-radius:3px;background:transparent}
#main_block_page {padding:0;margin-bottom:0;background:transparent;border:none;border-radius:0;position:relative}
.left_side_container{width:25%;min-width:298px;order: -1;}
.left_side_container > div{position:relative;z-index:15}
.left_side_container #left_sideApp ul {width:100%;display:flex;justify-content:space-around;align-items:center;}
.left_side_container #left_sideApp li {width:47%;text-align:left;margin-bottom:15px;}
#left_sideApp .dop_left_menu li {margin-bottom:0;}
#left_sideApp .dop_left_menu li svg g {fill:#263F29;}
/*.left_side_container #left_sideApp li a {width:100%;padding:0px;display:block}*/
.left_side_container #left_sideApp .downloadappplise {width:100%;display:block;text-align:center;font-weight:400}
.food-delivery #main_block_page {width:100%;}
.food-delivery .left_side_container {display:none}

.mobile_menu_list_wrapper {padding:0 10px;position:fixed;left:-100%;top:0;bottom:0;width:320px;z-index:1000000;overflow-y:auto;background:#f7f7f7}
.mobile_menu_list_wrapper::-webkit-scrollbar{width:4px;background-color:#f2f4e9}
.mobile_menu_list_wrapper::-webkit-scrollbar-thumb{background-color:#263F29;border-radius:4px}
.mobile_menu_bg {display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10000;background:rgba(0, 0, 0, .24);cursor:pointer}
#mobile_menu_list .mobile_dop_menu_list {padding:0}
#mobile_menu_list .mobile_dop_menu_list .uldepth_level_0 {padding:5px 0}
#mobile_menu_list .mobile_dop_menu_list li.depth_level_1 {padding:2px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
#mobile_menu_list .mobile_dop_menu_list li.depth_level_1 a {font-size:13px;padding:10px;font-weight:300;color:#0E4C92}
#mobile_menu_list .mobile_dop_menu_list li.depth_level_1.active a {padding:0 5px}
#mobile_menu_list .mobile_dop_menu_list hr {margin-top:0;margin-bottom:0}

/*contacts*/
.in_contacts{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.in_contacts .col{width:48%;}
.in_contacts .col h3 {padding: 0 0 10px;margin: 0;color: #333;font-weight: 400;font-size: 2.2rem}
.in_contacts .col a.fa-vk,.in_contacts .col a.telegram{margin:0 15px;font-size:1.6rem;text-decoration:none;color:#0E4C92;}


/*catalog*/
.bx_catalog_section_box #title h1 {margin:5px 0;}
.welcome-text {padding:15px;margin:10px 0 20px 0;background-color:#f5f5f5!important;border-left:5px dotted #0E4C92;font-weight:300;color:#6b6b6b;font-size:1.6rem;line-height:1.5}
.welcome-text.alert,.welcome-text.jobtime {border-left: 5px dotted #ca4255;}
.welcome-text a {color:#428bca;}
.is-catalog-page .welcome-text.bottompage {border-left:none;border-radius:0 0 5px 5px!important;margin-bottom:10px!important;}
.is-catalog-page #title h2 {color:#7f8a92;font-size:1.4rem;font-weight:400;}
.welcome-text h3 {padding:0 0 10px;margin:0;color:#333;font-weight:400;font-size:22px}
.welcome-text p {margin:0 0 8px;font-weight:300;color:#6b6b6b;font-size:1.4rem;line-height:1.5}
.text-jobtime,.text-jobtime p,.item.welcome-text,.item.welcome-text p,.blockout.welcome-text,.blockout.welcome-text p {padding: 15px;margin: 0 0 20px 0;background: #e8e6e6!important;border-left: 5px solid #ca4255;font-weight: 300;color: #6b6b6b;font-size:1.6rem;}
.restoran-menu {}
.restoran-menu li {width:auto;margin:5px 0 5px 5px;padding:5px 10px;display:inline-block;border:1px solid #333;border-radius:4px;}
.restoran-menu li.selected,.restoran-menu li:hover {background-color:#263F29}
.restoran-menu li a {font-size:1.4rem;color:#333;text-decoration:none}
.restoran-menu li a.selected,.restoran-menu li:hover a {color:#f2f4e9;}

#blockout{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-color:rgba(255,255,255,.85);z-index:100}

fieldset.fmenu {padding:0.35em 0.6em 0.75em;margin:0 10px 15px 0px;border:1px solid #263F29;border-radius:4px}
legend h2{font-size:1.6rem;text-align:center;color:#263F29;margin:0;padding:10px 0;}
fieldset.fmenu legend {display:block;width:70%;margin:0;background-color:#f2f4e9;border:1px solid #263F29;border-radius:4px}
fieldset.fmenu ul,.location {width:100%;margin:0;padding:0}
fieldset.fmenu li,.location li {width:100%;padding:2px 0;display:block;}
fieldset.fmenu li a,.location li a {width:100%;padding:10px 5px;color:#333;text-decoration:none;font-size:1.4rem;display:flex;justify-content:space-between;align-items:center;}
fieldset.fmenu li a.active,.location li a.active{background-color:#f2f4e9;border-radius:4px;}
ul.location {width:calc(100% - .7em);padding:0.35em 0.6em 0.75em;}
.food-delivery fieldset.fmenu{width:100%;margin:0 0 1em 0}
.food-delivery fieldset.fmenu ul,.food-delivery .location {width:100%;display:flex;flex-wrap:wrap}
.food-delivery fieldset.fmenu li,.food-delivery .location li {width:24.5%;display:flex;}
.food-delivery fieldset.fmenu li a,.food-delivery .location li a {display:flex;flex-wrap:wrap}
.food-delivery li a img,.food-delivery li a span{width:100%;}
.food-delivery li a img {border-radius:4px}
.food-delivery li a span{margin:.5em 0 0 0;text-align:center}
.food-delivery li a span br{display:none}

footer {padding:0;margin:0;color:#263F29;position:relative;background:#f2f4e9;}
footer .container {padding:15px 15px 75px 15px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .footer-left-col,footer .footer-right-col{width:30%;padding:0;line-height:1.6}
footer .footer-left-col {display:flex;flex-wrap:wrap;justify-content:space-between;}
footer #copyright {width:100%;margin:20px 0 10px 0;text-align:center}
footer .footer-left-col ul {width:50%;text-align:left;}
footer .footer-left-col ul li a {text-decoration:none;}

footer .footer-right-col {text-align:right;display:flex;flex-wrap:wrap;justify-content: flex-end;padding-left:0}
footer .footer-right-col .smm{text-align:right;margin-bottom:10px}
footer .smm a.fa,footer .smm a.fa:hover {margin:0 0 0 25px;font-size:1.6rem;text-decoration:none;color:#ccc}
footer .footer-right-col .smm a.fa,.footer_container .smm a.fa:hover{color:#263F29;font-size:130%;}
footer .footer-right-col .smm,footer .footer-right-col h3,footer .footer-right-col .dop_left_menu,footer .footer-right-col img{width:100%;font-weight:normal;}
footer .footer-right-col img {max-width:300px;float:right;margin:20px 0 0 0;}
footer .footer-right-col ul.dop_left_menu {width:100%;}
footer .footer-right-col ul.dop_left_menu li {width:50%;text-align:right;float:left}
footer .footer-right-col ul.dop_left_menu li svg {width:85%;height:auto;}
footer .footer-right-col ul.dop_left_menu li svg g {fill:#263F29;}
.fr .footer-menu {margin-right:-15px}
div.footer-menu ul li a {font-weight:300;font-size:12px;text-transform:uppercase;display:block;padding:0 15px}
div.footer-menu ul li:last-child a {padding:0 0 0 15px;}
footer li a{display:block}
footer a{color:#263F29;text-decoration:none;}
footer a:hover{color:#263F29;text-decoration:underline;}
footer fieldset.fmenu{margin:10px 0 15px 0px}
.iSystemsTel{display:none}

@media screen and (min-width:1024px){
.mobile {display:none}
.container{width:95%;}
}
@media screen and (min-width:1200px){
.mobile {display:none}
.container{width:1170px;}
}
@media screen and (max-width:1024px){
.container{width:95%;}
}
@media screen and (max-width:768px){
.header .container .fl {width:100%;display:flex;justify-content:space-between;align-items:center;}

}
@media screen and (max-width:767px){
#main_block_page {width:99%;}
.header_menu,.header .phone {display:none;}
.mobile_menu {display:flex;flex-wrap:wrap;justify-content:center;align-content:space-evenly;}
.mobile_menu_list_header__text {text-transform:uppercase;font-size:1.6rem;color:#7f7f7f;font-weight:600}
.mobile_menu--close{width:30px;height:30px;order:1;position:relative}
.mobile_menu--close:after,.mobile_menu--close:before {content:'';position:absolute;top:45%;right:1em;width:30px;height:3px;background:#7f7f7f}
.mobile_menu--close:after {-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);}
.mobile_menu--close:before {-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
.left_side_container{display:none}
.iSystemsTel {display:block;margin:0;width:40px;height:40px;background:url('/include/images/phone.svg') no-repeat center center;background-size:70%;cursor:pointer;animation: shake 2s 1s ease infinite;}
.iSystemsTel a {display:block;margin:0;width:100%;height:100%;}
.pulse-button:hover {-webkit-animation:none;}
@keyframes shake {
0% {transform:skew(0deg);}
5% {transform:skew(0deg);}
10% {transform:skew(0deg);}
15% {transform:skew(0deg);}
20% {transform:skew(0deg);}
25% {transform:skew(0deg);}
30% {transform:skew(0deg);}
35% {transform:skew(0deg);}
40% {transform:skew(-16deg,16deg);}
45% {transform:skew(0deg);}
50% {transform:skew(-16deg,16deg);}
55% {transform:skew(0deg);}
60% {transform:skew(-16deg,16deg);}
65% {transform:skew(0deg);}
70% {transform:skew(0deg);}
75% {transform:skew(0deg);}
80% {transform:skew(0deg);}
85% {transform:skew(0deg);}
90% {transform:skew(0deg);}
95% {transform:skew(0deg);}
100% {transform:skew(0deg);}
}
.breadcrumb{flex-wrap:wrap}
.breadcrumb li{margin-top: .9em;}
.breadcrumb .breadcrumb__link-el{margin-top: .75em;}
}
@media screen and (max-width:500px){
footer .footer-left-col,footer .footer-right-col{width:100%;}
footer .footer-left-col ul li{margin:0 0 5px 0}
footer .footer-left-col ul li a {font-size:1.6rem}
footer .footer-right-col {justify-content: center;}
footer .footer-right-col .smm,footer .footer-right-col h3{text-align:center}
}

@keyframes menu-out{
0%{height:50px}
50%{height:25px}
100% {height:0;padding:0;display:none;}
}
@keyframes menu-on{
0%{height:0;padding:0;display:none;}
50%{height:25px}
100% {height:50px;display:flex}
}

.left_side_container.leftmenu > fieldset:first-of-type {
    display: none;
}