@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&display=swap');

@font-face {
  font-family: 'Golos-regular';
  src: url('../fonts/Golos-Text/golos-text_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Golos-bold';
  src: url('../fonts/Golos-Text/golos-text_bold.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Golos-bold';
  src: url('../fonts/Golos-Text/golos-text_bold.ttf')  format('truetype'), /* Safari, Android, iOS */
}

html, body {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  background-color: #121212;
}

body {
  min-width: 1024px;
  font-family: "Golos-regular", arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  color: white;
}

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 {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1em;
  vertical-align: baseline;
  font-feature-settings: "pnum" on, "lnum" on;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

img {
  border-style: none;
}

picture img {
  width: 100%;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: normal;
}

input:not(.form-check-input) {
  width: 100%;
  border: 1px solid #cccccc;
  height: 34px;
  font-size: 15px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  padding-left: 14px;
  border-radius: 4px;
  padding-right: 14px;
  text-overflow: ellipsis;
  -moz-appearance: none;
}

input:focus {
  outline: none;
}

input, textarea, button {
  font-size: inherit;
  line-height: 1em;
  -moz-appearance: none;
}

input, select, textarea, button {
  font-family: inherit;
}

button {
  cursor: pointer;
  outline: none;
}

button:focus, .btn:focus, .btn-close:focus {
  box-shadow: none !important;
}

button:disabled {
  cursor: default;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

input, select, textarea, button {
  font-family: inherit;
}

a {
  color: white;
  cursor: pointer;
  text-decoration: none;
}

html{
  height: 100%;
}

html, body {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*overflow: hidden ;
  height: 100% !important;*/
  -webkit-overflow-scrolling: touch !important;

}

body {
  font-family: 'Golos-regular',"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.46;
  /*background: #222 url(../img/bg2.jpg);*/
  background-color: #121212;
  color: #fff;
  /*padding-top: 50px;*/
  /*font: 300 15px Roboto,'Open Sans', 'sans-serif', Arial, Helvetica, sans-serif;*/
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;


}
.RestaurantMenu_catName {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  font-family: "Golos-bold";
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/*
::selection {
  color: none;
  background: none;
}*/
p{
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

a{
  text-decoration: none;
  color: #fff5db;
  /*font-family: "intro-black", sans-serif;*/
  font-family: "stolzl-book", sans-serif;
  transition: .2s ease-out;
}
a:hover{
  color: #ff530A;
}

h1{

  /*font-weight: normal;*/
  font-size: 28px;
  color: #333;
}
h2{
  font-weight: normal;
}

H3{
  font-size: 18px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.25px;
  margin-bottom: 8px;
}
[contenteditable=true]:empty:before {
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.19);
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #222;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #444;
}


/*
//////////////////////////////////////////////
      ALL
//////////////////////////////////////////////
*/
.Clear {
  clear: both;
}

.Hide {
  display: none;
}

.HIDE{
  display: none!important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}


.Rub_s{
  fill: #ffffff;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
  width: 22px;
  height: 26px;
}



/*
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/

/*
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
.fa-li.fa-lg {
  left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  -webkit-border-radius: .1em;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
*/







/*       FLEX     */
.Flex_main {
  display: flex;
  overflow: hidden;
  height: 100%;
  flex-flow: column nowrap;
  align-items: stretch;
}

.Flex_content {
  overflow: hidden;
  height: 100vh;
  display: flex;
  /*overflow: hidden;*/
}

.Flex_main_inside {
  display: flex;
  overflow: hidden;
  flex-flow: column nowrap;
  align-items: stretch;
}

.Flex_display {
  display: flex;
  width: 100%;
}
.Flex_scroll {
  overflow: auto;
  flex: 1;
}
.Flex_1{
  flex-grow: 1;
  flex-basis: 200px;
}
.Flex_2{
  flex-grow: 2;
  flex-basis: 300px;
}
.Flex_3{
  flex-grow: 3;
  flex-basis: 400px;
}




.Flex_grid_area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.Flex_grid_area .fg_el_200 {
  flex: 1 1 200px;
}

.Flex_grid_area .fg_el_100 {
  flex: 1 1 100px;
}





/*FLEX TABLE*/
.Adaptive_table{display: flex; flex-flow: row nowrap; align-items: center;}
.Adaptive_table_n{display: flex; flex-flow: row nowrap; align-items: center; }
.Adaptive_table_el_title{flex-grow: 0; flex-shrink: 0;font-size: 14px; color: rgb(100, 100, 100); width: 180px; padding-right: 15px; }

.Flex_area{display: flex; flex-flow: row nowrap;  }


.Center_area{
  max-width: 1280px;
  margin: 0 auto;
  /*padding:0 20px 0px 20px;*/
}
.Center_padding{
  padding:0 20px 0px 20px;
}
.Separator_h {
  margin: 30px 0;
  border-top: 2px dashed #f7f7f7;
}

.Separator_center{
  border-right: 2px dashed rgba(0, 0, 0, 0.07);
}

.Separator_line {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
  margin: 15px 0;
}





.Banner_main{
  background: #444 url(../img/bg_banner_main.jpg) no-repeat center;
  height: 550px;
  padding-top: 50px;
  background-size: cover;
}
.Banner_main_sub{
  background: url(../img/bg_banner_2.jpg) no-repeat 100% 108px;
}

.Banner_catery{
  font-family: 'stolzl-book', sans-serif;
  margin-bottom: 25px;
  padding: 0 20px;
  color: #ffffffcc;
  /* text-align: center; */
  border-left: 2px solid #fb7640;
}
.Banner_catery.NO_ADDRESS{
  margin-top: 130px;
}


/*MENU*/
.Menu_area {
  margin:  0 auto;
  max-width: 1280px;
  padding: 25px 0;
  z-index: 99;
  position: relative;
}
.Menu_area .menus{
  display: flex;
  align-items: center;
}
.Menu_area .logo {
  width: 30px;
  height: 30px;
  background: url(../img/menu_logo.svg) no-repeat center;
  margin-right: 30px;
}

.Menu_area .el {
  padding: 8px 15px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  position: relative;
  transition: .2s ease-out;
}


.Menu_el{
  color: rgb(255, 255, 255);
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  display: block;
  font-weight: bold;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  position: relative;
  transition: .2s ease-out;
  margin: 2px 0;
}

.Menu_el:hover{
  color: #ff530A;
}


.Menu_area .el.act{
  color: #ff530A;
}

.Menu_area .city{
  color: #fb7640;
  padding: 8px 15px;
  cursor: pointer;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  position: relative;
  transition: .2s ease-out;
}


/*
.Menu_area .el:after {
  content: '';
  display: block;
  width: 0%;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #ffffff;
  -webkit-transition: .4s ease-out;
  transition: .4s ease-out;
}

.Menu_area .el:hover:after{
  width: 100%;
}
*/
.Menu_area .el:hover{
  /*background-color: #ff530A;*/
  color: #ff530A;
}

.Menu_area_mb {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  display: flex;
  top: 0;
  width: 100%;
  align-items: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 60;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08), 0 0 1px 0 rgba(0, 20, 51, 0);
}

.Menu_area_mb .mb_el{
  display: inline-block;
  margin: 0 10px;
}

.Menu_sub_area_mb{
  padding-top: 35px;
}
.Menu_area_mb .menu {
  width: 35px;
  height: 20px;
  display: inline-block;
  margin: 18px 0px 18px 15px;
  vertical-align: top;
  float: left;
}
.Menu_area_mb .logo {
  width: 30px;
  height: 30px;
  background: url(../img/menu_logo.svg) no-repeat center;
  margin: 0 0 0 20px;
  background-size: 25px;
}
.Menu_sub_area_mb .m_el {
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  padding: 8px 0 6px 10px;
  margin-left: 25px;
  font-size: 22px;
  font-family: "intro-black", sans-serif;
  line-height: 24px;
  letter-spacing: -1px;
}
.Menu_sub_area_mb .cart{
  background: url(../img/cart2.png) no-repeat left;
  background-size: 30px;
  height: 30px;
  padding-left: 35px;
  line-height: 17px;
  margin-left: 35px;
  margin-top: 5px;
}
.Menu_sub_area_mb .m_city {
  cursor: pointer;
  display: block;
  padding: 8px 0 6px 10px;
  margin-left: 25px;
  font-size: 28px;
  font-family: "intro-black", sans-serif;
  line-height: 26px;
  letter-spacing: -1px;
  color: #fb7640;
  text-transform: uppercase;
}


.Menu_sub_area_mb .m_el.act {
  color: #ff530A;
}

.Menu_sub_area_mb .separator {
  height: 1px;
  /* background-color: rgba(153, 153, 153, 0.1); */
  margin: 10px 0px;
}


.City_select_area{
  margin-top: 20px;
}
.City_select_area.mb{
  margin-top: 20px;
  margin-left: 45px;
  padding-top: 20px;
  border-top: 2px solid #fff;
}
.City_select_area .s_el{
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  margin-bottom: 3px;
  font-size: 22px;
  cursor: pointer;
  display: block;
}

.City_select_area .s_el.ACT{
  color: #fb7640;
}
.City_select_area .s_el:hover{
  color: #fb7640;
}







.Footer_area{
  margin: 0 auto;
  max-width: 1280px;
  padding: 100px 0 100px 0;
  align-items: center;
}
.Footer_area .in_line{
  display: flex;
  align-items: center;
}

.Footer_area .logo{
  display: inline-block;
  width: 130px;
  height: 60px;
  background: url(../img/logo_footer.png) no-repeat left;
  background-size: 110px;
}

.Footer_area .f_el {
  padding: 8px 12px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-family: "intro-black", sans-serif;
  /*text-transform: uppercase;*/
  position: relative;
  transition: .2s ease-out;
  vertical-align: middle;
}
.Footer_area .f_el.act {
  color: #ff530A;
}







.Title_big{
  font-size: 160px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  text-shadow: 7px 8px 0 rgba(0, 0, 0, 0.16);
  line-height: 136px;
  letter-spacing: -5.6px;
  left: -7px;
}

.Title_main{
  font-size: 128px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 100px;
  margin-left: -7px;
  /*padding-top: 40px;*/
  /*text-shadow: 7px 8px 0 rgba(0, 0, 0, 0.16);*/
  /*text-shadow: 0px 8px 0 rgb(251, 176, 64);*/
}
.Title_main.cyberclub{
  margin-top: 20px;
}
.Title_main.catery{
  margin-top: 90px;
  font-size: 90px;
}
.Title_main.catery:first-child{
  margin-top: 0px;
}

.Title_small{
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  margin-bottom: 3px;
  font-size: 30px;
  line-height: 30px;
}
.Title_small_2{
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  margin-bottom: 3px;
  font-size: 30px;
}



.Title_light{
  font-size: 120px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 95px;
  letter-spacing: -0.7px;
}

/*
.Title_main_big{
  font-size: 130px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 110px;
}
*/

.Title_dot_info{
  font-size: 14px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  margin-left: 6px;
}

.Info_main{
  font-size: 18px;
  font-family: "stolzl-book", sans-serif;
  line-height: 24px;
}


.Title_category{
  margin-top: 50px;
  font-size: 68px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 68px;
  margin-left: -1px;
  text-shadow: 7px 8px 0 rgba(0, 0, 0, 0.16);
  /*text-shadow: 0px 8px 0 rgb(251, 176, 64);*/
}
.Title_category:first-child{
  margin-top: 0;
}


.Dots_list_intro_area{
  position: absolute;
  z-index: 9;
  /*display: flex;*/
  bottom: 0;
  overflow: auto;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.67);
  max-height: 140px;
}


.But_big{
  font-size: 26px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  padding: 14px 27px 14px;
  background: transparent;
  border: 3px solid #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s ease-out;
  display: inline-block;
}

.catery .But_big{
  font-size: 22px;
  display: block;
}

.But_big:hover{
  background-color: #fff;
  color: #333;
}
.But_crm{
  text-transform: uppercase;
  text-align: left;
  position: relative;
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 5px;
  /*font-weight: bold;*/
  vertical-align: top;
  cursor: pointer;
  color: #ffffff8f;
  transition: .2s ease-out;
  display: inline-block;
  box-shadow: inset 0 0 0px 1px #ffffff80;
}
.But_crm:hover{
  background-color: #fff;
  color: #333;
}


.Field{
  font-size: 18px;
  font-family: "stolzl-regular", sans-serif;
  line-height: 26px;
  display: block;
  width: 100%;
  background-color: #3a3939e3;
  border: transparent;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-appearance:none;

}
.Field[type="date"] {
  min-height: 40px;
}

label.crm{
  font-size: 16px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  opacity: 1;
  margin-top: 22px;
  display: block;
}

label.agreement {
  line-height: 18px;
  padding-left: 45px;
  position: relative;
  top: -32px;
  opacity: 0.7;
  color: #b5b5b5;
  font-weight: normal;
  font-size: 14px;
  margin: 0;

}
label.normal{
  color:#ffffff73;
  padding-bottom: 2px;
  display: block;
  font-size: 14px;
}

.Check_box{
  width: 20px;
  height: 20px;
  background-color: transparent;
  /* box-shadow: 0px 0 0px 2px #FF9800;*/
}


form select option {
  color: #fff;
  font-size: 18px;
  font-family: "stolzl-regular", sans-serif;
  line-height: 26px;
  background: #222;
}


.Cyber_club_title_old{
  color: transparent;
  text-transform: uppercase;
  font-size: 10em;
  font-weight: bold;
  background: linear-gradient( #317bff 30%, white, #8b008bbf 60%, cornflowerblue 100% );
  background-size: contain;
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px silver;
  filter: drop-shadow(5px 5px 1px black) drop-shadow(1px 1px 1px magenta);
  margin-left: -8px;
  border-bottom: 3px solid #6f2492;
  margin-bottom: 40px;
  border-top: 3px solid #6f2492;
}
.Cyber_club_title{
  color: transparent;
  text-transform: uppercase;
  font-size: 10em;
  line-height: 76px;
  font-family: "intro-black", sans-serif;
  text-shadow: -2px 0 #2196f3, 2px 0 cyan, 0 0 17px #5f1dffcf;
  border-bottom: 10px solid #ae00ff;
  margin-bottom: 40px;
  border-top: 10px solid #ae00ff;
  text-align: center;
}




.Products_list_area{
  /*margin: 0 -35px; */
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.Products_list{
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.Products_list_catery {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.Product_el {
  transition: all 0.2s ease-out;
  margin: 22px;
  min-height: 250px;
  vertical-align: text-bottom;
  max-width: 360px;
  cursor: pointer;
  position: relative;
  flex: 0 0 calc(30% - 35px);
  font-family: "stolzl-book", sans-serif;
}





.Product_el.catery{
  display: unset;
  margin: 20px;
  overflow: hidden;
  border-radius: 9px;
  background-color: #0000004f;
  padding: 25px;
}
.Product_el.catery:hover{
  box-shadow: 0px 14px 20px -8px #00000052, 0px 50px 36px -20px #0000008f;
  transform:  scale(1.03);
}

.Product_el .title {
  font-size: 28px;
  font-family: "Golos-regular", sans-serif;
  text-transform: uppercase;
  line-height: 32px;
  letter-spacing: -0.7px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: .4s ease-out;
  transition: .4s ease-out;
  min-width: 245px;
}
.desc p {
    font-family: 'Roboto Condensed';
    font-size: clamp(14px, 1vw, 1vw);
    font-weight: 500;
}
.Product_el .price{
  font-size: 34px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 34px;
  letter-spacing: -0.7px;
  /*text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3), 1px 1px 10px rgba(0, 0, 0, 0.3), 1px 1px 10px rgba(0, 0, 0, 0.3), 1px 1px 10px rgba(0, 0, 0, 0.3);*/
}
.Product_el img {
  max-width: 195px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.Product_el.sauce img{
  max-width: 170px;
}
.Product_el .img_area{
  margin: -25px;
}


.Product_el.catery img{
  width: 100%;
  z-index: 1;
  position: unset;
  max-width: unset;
  -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0) 80%, rgba(0,0,0,0) 100%);
}
.Product_el.catery .title{
  font-size: 30px;
  line-height: 32px;
}

.Product_el.catery .price{
  font-size: 32px;
}





.Product_el .top{
  position: relative;
  z-index: 10;
  min-height: 210px;
}
.CATEGORY3 .Product_el .top{
  position: relative;
  z-index: 10;
  min-height: 235px;
}

.Product_el .top_small{
  position: relative;
  z-index: 10;
  padding-bottom: 55px;
}

.Product_el .desc {
  font-size: 14px;
  line-height: 18px;
  max-width: 200px;
  margin-top: 4px;
  text-shadow: 0px 1px #CE5A48;
}
.Product_el:hover .title{
  color: #ff530A;
}


.Product_el .buy{
  display: inline-block;
  font-size: 18px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  text-align: left;
  padding: 8px 14px;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s ease-out;
  bottom: 0;
  position: absolute;
}

.Product_el .buy:hover{
  background-color: #fff;
  color: #333;
}
.Product_el .buy.ACT{
  background-color: #fff;
  color: #333;
}


.Product_el.sauce{
  min-height: 180px;
  flex: 0 0 calc(23% - 35px);
}
.Product_el.sauce .top{
  min-height: 170px;
}



.Product_el.cyberclub{
  /*min-width: 380px;
  max-width: unset;
  margin:45px;*/
}
.Product_el.cyberclub img{
  right: -45px;
}



















.Product_title{
  font-size: 68px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 62px;
  max-width: 540px;
  margin-top: 25px;
}
.Product_category_title{
  font-size: 36px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 36px;
  margin-left: -2px;
  margin-bottom: 5px;
}
.Product_price_title{
  font-size: 62px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 68px;
}

.Product_area{
  position: relative;
  overflow: visible;
  padding: 30px;
}
.Product_area .pr_close{
  z-index: 55;
  position: sticky;
  float: right;
  top: 0px;
  font-size: 35px;
  right: 0;
  height: 45px;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  cursor: pointer;
  margin: -30px;
}
.Product_area .pr_close:hover{
  color: #ff530A;
}
.Product_area .pr_desc{
  font-size: 16px;
  line-height: 23px;
  font-family: "stolzl-regular", sans-serif;
}

.Product_area .pr_price_area{
  z-index: 55;
  position: sticky;
  bottom: 0px;
  display: flex;
  align-items: center;
  margin: 0 -30px -30px -30px;
  padding: 30px;
  background-color: rgba(9, 8, 8, 0.95);
  background: linear-gradient(7deg, rgb(0,0,0) 10%, rgba(0,0,0,0) 70%);
}
.Product_area.default .pr_price_area{
  /*background: linear-gradient(9deg, rgba(9,8,8,0.95) 0%, rgba(0,0,0,0) 60%);*/
  /*background: linear-gradient(0deg, rgb(0,0,0) 15%,rgba(0,0,0,0.5) 60%, rgba(0,0,0,0) 100%);*/
}

.Product_area .pr_const_area{
  margin-top: 40px;
}

.Product_area .pr_img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-height: 600px;
  overflow: hidden;
  z-index: -1;
  width: 480px;
  text-align: right;
}


.Product_area .pr_img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.Product_area.catery .pr_img{
  width: unset;
  -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0) 70%, rgba(0,0,0,0) 100%);
}
.Product_area.catery .pr_img img{
  -webkit-mask-image: linear-gradient(270deg, rgb(0 0 0) 70%, rgba(0,0,0,0) 100%);
  width: unset;
}


.Product_area .pr_const_title{
  font-size: 28px;
  font-family: "Montserrat", sans-serif;
  display: inline-block;
}

.Product_area .pr_roasting_title{
  font-size: 68px;
  line-height: 1.3em;
  font-family: "Montserrat", sans-serif;
  text-shadow: 1px 1px 0px #000;
  display: inline-block;
  transition: .4s ease;
  cursor: pointer;
  margin-right: 25px;
}

.Product_area .pr_roasting_title.ACT{
  font-family: "intro-black", sans-serif;
  color: #fbb03f;
}
.Product_area .pr_roasting_s{
  font-family: "intro-black", sans-serif;
  /*color: #ff530A;*/
  font-size: 68px;
  display: inline-block;
}

.Product_area .pr_buy{
  display: inline-block;
  font-size: 18px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  padding: 10px 14px;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s ease-out;
  background-color: rgba(0, 0, 0, 0.73);
}

.Product_area .pr_buy.ACT{
  background-color: #fff;
  color: #333;
}
.Product_area .pr_buy:hover{
  background-color: #fff;
  color: #333;
}

.Product_area .error{
  color: #ffffff;
  background: #d21604;
  padding: 12px 15px;
  border-radius: 5px;
  margin-left: 10px;
}

.Product_area .error:empty{
  display: none;
}
.Product_area .info{
  color: #f6b041;
  background: #070707;
  padding: 4px 15px;
  border-radius: 5px;
  margin-left: 10px;
}

.Product_area .info:empty{
  display: none;
}





.Product_area .pr_cutlet_area{
  margin-top: 40px;
}

.Product_area .pr_cutlet_area .logo{
  height: 85px;
}

.Product_area .pr_cutlet_area .m_title{
  font-size: 16px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: -0.2px;
  transition: .2s ease-out;
}
.Product_area .pr_cutlet_area .m_el {
  margin: 5px 15px;
  width: 150px;
  cursor: pointer;
}
.Product_area .pr_cutlet_area .m_el.ACT {
  color: #ff530A;
}

.Product_area .pr_cutlet_area .beef{
  background-image: url(../img/sprite.png);
  background-position: -101px -226px;
  width: 102px;
  height: 85px;
}
.Product_area .pr_cutlet_area .ACT .beef{
  background-position: -203px -226px;
}

.Product_area .pr_cutlet_area .vegetarian{
  background-image: url(../img/sprite.png);
  background-position: -138px -84px;
  width: 74px;
  height: 70px;
}
.Product_area .pr_cutlet_area .ACT .vegetarian{
  background-position: -551px -414px;
}



.Product_area .pr_cutlet_area .vegetable{
  background-image: url(../img/sprite.png);
  background-position: -188px -311px;
  width: 105px;
  height: 85px;
}
.Product_area .pr_cutlet_area .ACT .vegetable{
  background-position: -292px -311px;
}




.Product_area .pr_cutlet_area .chicken{
  background-image: url(../img/sprite.png);
  background-position: -94px -312px;
  width: 94px;
  height: 91px;
}
.Product_area .pr_cutlet_area .ACT .chicken{
  background-position: 0px -312px;
}


.Product_area .pr_cutlet_area  .title{
  transition: .2s ease-out;
}
.Product_area .pr_cutlet_area .ACT .title{
  color: #ff530A;
}






.Product_area .pr_meat_area{
  position: relative;
  min-height: 350px;
  margin-top: 100px;
  transition: .2s ease-out;
}
.Product_area .pr_meat_img{
  position: absolute;
  /*width: 553px;*/
  right: 0;
  z-index: -1;
}
.Product_area .pr_meat_area.DISABLE{
  opacity: 0.1;
}








.Customer_orders_area{

}
.Customer_orders_area .c_header{
  /*align-items: center;*/
  display: flex;
  justify-content: unset;
  padding-bottom: 25px;
  flex-direction: column;
  border-bottom: 1px solid #ffffff14;
}

.Customer_orders_area .c_el{
  background-color: rgba(0, 0, 0, 0.27);
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 25px;
  align-items: center;
  margin-top: 25px;
  font-family: "stolzl-book", sans-serif;
}
.Customer_orders_area .c_el_status{
  display: inline-block;
  background-color: #2196F3;
  padding: 4px 12px;
  border-radius: 6px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  float: right;
}
.Customer_orders_area .c_el_title{
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
}
.Customer_orders_area .c_el_address{
  /*padding: 0 25px;*/
  font-family: "intro-black", sans-serif;
}

.Customer_orders_area .c_el_address div{
  padding-right: 5px;
}

.Customer_orders_area .c_el_price{
  /*padding: 0 25px;*/
  font-family: "intro-black", sans-serif;
}

/*
.Basket_but{
  width: 80px;
  bottom: 30px;
  display: block;
  right: 30px;
  height: 80px;
  position: fixed;
  z-index: 120;
  border-radius: 50%;
  background: rgba(0,0,0,0.68) url(../img/cart2.png) no-repeat 46% 60%;
  background-size: 35px;
  transition: .4s ease-out;
}*/
.Basket_but {
  width: 70px;
  bottom: 25px;
  display: block;
  right: 25px;
  height: 70px;
  position: fixed;
  z-index: 120;
  border-radius: 50%;
  background: rgba(0,0,0,0.68) url(../img/cart2.png) no-repeat 45% 55%;
  background-size: 35px;
  transition: .4s ease-out;
}


.Basket_but:hover{
  background-color: #ff530A;
}
/*.Basket_but span{
  position: absolute;
  left: 27px;
  width: 30px;
  height: 30px;
  font-weight: bold;
  font-size: 18px;
  top: 8px;
  text-align: center;
}*/
.Basket_but span {
  position: absolute;
  right: 0px;
  width: 30px;
  height: 30px;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  color: #0a0a0a;
  justify-content: center;
  font-size: 16px;
  top: -10px;
  text-align: center;
}
.Basket_but span:not(:empty){
  background-color: #ff7c00;
}
.Basket_but.ANIM1{
  animation: Animation_basket1 1.5s;
}
.Basket_but.ANIM2{
  animation: Animation_basket2 1.5s;
}

@keyframes Animation_basket1 {
  50%{background-color: #ff530A;}
  100%{transform:rotateY(360deg)}
}
@keyframes Animation_basket2 {
  50%{background-color: #ff530A;}
  100%{transform:rotateY(360deg)}
}


.Categories_area{
  display: flex;
  overflow: auto;
  align-items: center;
  z-index: 55;
  position: sticky;
  top: 0;
  /*background-color: rgba(31,31,31,0.6);*/
  background-color: rgb(18 18 18 / 88%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  /*margin-left: 64px;
  margin-top: -15px;*/
}

.Categories_area::-webkit-scrollbar {
  display: none;
}

.Categories_area .cat_el{
  padding: 10px 8px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  position: relative;
  transition: .2s ease-out;
}
.Categories_area .cat_el:first-child{
  padding-left: 0;
}


.Product_dots_area{
  margin-top: 50px;
  margin-bottom: 40px;
}
.Product_dots_area .p_el{
  background: url(../img/menu_logo.png) no-repeat top left;
  width: 175px;
  padding-left: 40px;
  position: relative;
  vertical-align: top;
  height: 85px;
  margin-right: 25px;
  display: inline-block;
}

.Product_dots_area .p_title{
  font-size: 18px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  display: block;
  margin-bottom: 3px;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.Product_dots_area .p_metro{
  font-family: "stolzl-regular", sans-serif;
  line-height: 18px;
  font-size: 12px;
}
.Product_dots_area .p_title:hover{
  color:#ff530A ;
}


.Dot_area{
  position: relative;
}
.Dot_area .d_desc{
  font-size: 16px;
  font-family: "stolzl-book", sans-serif;
  line-height: 28px;
}
.Dot_area .d_info_area{
  position: relative;
  margin-top: 50px;
  min-height: 450px;
}
.Dot_area .d_img{
  position: absolute;
  top: 115px;
  right: 0;
  z-index: -1;
}
.Dot_area .d_img img{
  max-width: 100%;
  width: auto;
  max-height: 500px;
}

.Dot_area .d_address{
  font-size: 36px;
  line-height: 1.3em;
  font-family: "Montserrat", sans-serif;
  text-shadow: 1px 1px 0px #000;
}


.But{
  display: inline-block;
  font-size: 18px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  text-align: left;
  padding: 8px 14px;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s ease-out;
}
.But:hover {
  background-color: #fff;
  color: #333;
}




/*
.Dots_map_area{
  background-color: #444;
  width: 1120px;
  height: 568px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 0;
   width: auto;
   height: auto;
  overflow: hidden;
}
*/

.Dots_map_area{
  background-color: #444;
  z-index: 1;
  width: auto;
  overflow: hidden;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;

}

.Map_filter ymaps[class*="ground"] {
  -webkit-filter: invert(100%) grayscale(0.8);
  filter: invert(100%) grayscale(0.8);
}


.Dots_list_main{
  position: absolute;
}


.Dots_list{
  background-color: rgba(0, 0, 0, 0.67);
}

.Dots_list_el{
  padding: 20px 20px 10px 20px;
  display: inline-block;
  transition: .2s ease-out;
  min-width: 200px;
  vertical-align: top;
  max-width: 200px;
}
.Dots_list_el .title{
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 5px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
}

.Dots_list_el:hover{
  color: #ff530A;
}

.Dots_list_el .desc{
  font-size: 14px;
  font-family: "stolzl-book", sans-serif;
  line-height: 18px;
}



.Ico_menu{
  background: url("../img/menu.png") no-repeat center;
  background-size: 34px;
}
.Ico_vk{
  background: url("../img/ico_vk.png") no-repeat center;
  background-size: 28px;
  width: 36px;
}
.Ico_f{
  background: url("../img/ico_f.png") no-repeat center;
  background-size: 22px;
  height: 30px;
}
.Ico_i{
  background: url("../img/ico_i.png") no-repeat center;
  background-size: 24px;
  height: 25px;
  margin: 0 10px;
}

.Icon_menu {
  background-image: url(../img/sprite.png);
  background-position: -513px -403px;
  width: 36px;
  height: 32px;

  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.Icon_lunch {
  background-image: url(../img/sprite.png);
  background-position: -442px -403px;
  width: 71px;
  height: 47px;

  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.Icon_coffee {
  background-image: url(../img/sprite.png);
  background-position: -199px -155px;
  width: 32px;
  height: 48px;

  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}


.Area_left_padding{
  padding-left: 100px;
}
.Area_top_padding{
  padding-top: 100px;
}


.Mobile_view_only{
  display: none;
}
.Pc_view_only{
}

.Mobile_top_set {
  margin-top: 0;
}






.Burger_modification_catery_area{
  display: flex;
  flex-flow: wrap;
}

.Burger_modification_catery_area .m_el{
  display: flex;
  align-items: center;
  margin-right: 75px;
  /*margin-bottom: 5px;*/
}
.Burger_modification_catery_area .m_title{
  font-size: 16px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 20px;
  width: 192px;
  letter-spacing: -0.2px;
  transition: .2s ease-out;
}
.Burger_modification_catery_area .m_sizes{
  display: flex;
}
.Burger_modification_catery_area .size{
  padding: 5px 10px;
  cursor: pointer;
  background-color: #ffffff1a;
  border-radius: 5px;
  margin: 5px;
  font-weight: bold;
}

.Burger_modification_catery_area .size.ACT{
  background-color: #fff;
  color: #222;
}







.Burger-cb-m-block{
/*  display: flex;*/
  flex-flow: wrap;
}

.Burger-cb-m-block .m_el{
  display: flex;
  align-items: center;
  margin: 8px 25px 15px 0;
}
.Burger-cb-m-block .m_title{
  font-size: 16px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 20px;
  width: 105px;
  margin-right: 15px;
  transition: .2s ease-out;
}
.Burger-cb-m-block .m_sizes{
  display: flex;
}
.Burger-cb-m-block .size{
  font-weight: bold;
  display: flex;
  border-radius: 5px;
  align-items: center;
  padding: 5px 5px;
  background-color: #ffffff1a;
}

.Burger-cb-m-block .size.ACT{
  background-color: #fff;
  color: #222;
}
.Burger-cb-m-block .val{
  background-color: transparent;
  padding: 5px;
  text-align: center;
}
.Burger-cb-m-block .less,.Burger-cb-m-block .more{
  font-size: 27px;
  cursor: pointer;
  display: flex;
  line-height: 8px;
  padding: 14px 12px;
}





.Burger_modification_area{
  display: flex;
  flex-flow: wrap;
  margin: 0 -15px;
}

.Burger_modification_area .m_el{
  margin: 5px 15px;
  width: 150px;
  cursor: pointer;
}
.Burger_modification_area .m_title{
  font-size: 16px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: -0.2px;
  transition: .2s ease-out;
}
.Burger_modification_area .ACT .m_title{
  color: #ff530A;
}



.Burger_modification_area .logo{
  height: 115px;
  display: flex;
  align-items: center;
  display: none;
}
.Burger_modification_area .logo .l48{
  background-image: url(../img/sprite.png);
  background-position: -99px -403px;
  width: 99px;
  height: 83px;
  /*transition: .2s ease-out;*/
}
.Burger_modification_area .ACT .logo .l48{
  background-position: 0px -403px;
}


.Burger_modification_area .logo .l49{
  background-image: url(../img/sprite.png);
  background-position: -460px -184px;
  width: 83px;
  height: 78px;
}
.Burger_modification_area .ACT .logo .l49{
  background-position: -460px -262px;
}


.Burger_modification_area .logo .l50{
  background-image: url(../img/sprite.png);
  background-position: 0px -155px;
  width: 138px;
  height: 71px;
}
.Burger_modification_area .ACT .logo .l50{
  background-position: 0px -84px;
}


.Burger_modification_area .logo .l51{
  background-image: url(../img/sprite.png);
  background-position: -551px -333px;
  width: 88px;
  height: 81px;
}
.Burger_modification_area .ACT .logo .l51{
  background-position: -551px -252px;
}




.Burger_modification_area .logo .l52{
  background-image: url(../img/sprite.png);
  background-position: -198px -403px;
  width: 122px;
  height: 67px;
}
.Burger_modification_area .ACT .logo .l52{
  background-position: -320px -403px;
}



.Burger_modification_area .logo .l53{
  background-image: url(../img/sprite2.png);
  background-position: -0px -100px;
  width: 100px;
  height: 100px;
}
.Burger_modification_area .ACT .logo .l53{
  background-image: url(../img/sprite2_act.png);
  background-position: -0px -100px;
}


.Burger_modification_area .logo .l54{
  background-image: url(../img/sprite2.png);
  background-position: -0px -200px;
  width: 100px;
  height: 100px;
}
.Burger_modification_area .ACT .logo .l54{
  background-image: url(../img/sprite2_act.png);
  background-position: -0px -200px;
}


.Burger_modification_area .logo .l55{
  background-image: url(../img/sprite2.png);
  background-position: -100px -0px;
  width: 100px;
  height: 100px;
}
.Burger_modification_area .ACT .logo .l55{
  background-image: url(../img/sprite2_act.png);
  background-position: -100px -0px;
}





.Burger_modification_area .logo .l56{
  background-image: url(../img/sprite2.png);
  background-position: -0px -0px;
  width: 100px;
  height: 100px;
}
.Burger_modification_area .ACT .logo .l56{
  background-image: url(../img/sprite2_act.png);
  background-position: -0px -0px;
}

.Burger_modification_area .logo .l57{
  background-image: url(../img/sprite2.png);
  background-position: -100px -100px;
  width: 100px;
  height: 100px;
}
.Burger_modification_area .ACT .logo .l57{
  background-image: url(../img/sprite2_act.png);
  background-position: -100px -100px;
}




.Burger_modification_area .logo .l58{
  background-image: url(../img/sprite.png);
  background-position: -551px -167px;
  width: 91px;
  height: 85px;
}
.Burger_modification_area .ACT .logo .l58{
  background-position: -551px -82px;
}

.Burger_modification_area .logo .l59{
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 121px;
  height: 84px;
}
.Burger_modification_area .ACT .logo .l59{
  background-position: -121px 0px;
}




.Drink_modification_area{
  display: flex;
  flex-flow: wrap;
  margin: 0px -15px;
  max-width: 550px;

}

.Drink_modification_area .m_el{
  margin: 5px 15px;
  cursor: pointer;
}
.Drink_modification_area .m_title{
  font-size: 18px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: -0.2px;
  transition: .2s ease-out;
}
.Drink_modification_area .ACT .m_title{
  color: #ff530A;
}




.News_area{
  margin-top: 50px;
}
.News_area .n_el{
  width: 345px;
  display: block;
}
.News_area .n_img{
  height: 200px;
  background-color: #333;
  overflow: hidden;
}
.News_area .n_title{
  font-size: 18px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 22px;
  letter-spacing: -0.15px;
}
.News_area .n_info{
  padding-top: 12px;
  font-size: 12px;
  font-family: "stolzl-regular", sans-serif;
  margin-bottom: 6px;
}


.Popup_el{
  position: relative;
  cursor: pointer;
  transition: all .2s ease-in-out;
  font-family: "intro-black", sans-serif;
}
.Popup_content{
  box-shadow: 0px 10px 50px rgba(0,0,0,0.1);
  font-weight: normal;
  background: #000;
  border-radius: 8px;
  color: rgba(3, 3, 3, 0.64);
  right: 0;
  bottom: 100%;
  position: absolute;
  z-index: 98;
  padding: 25px;
  width: 180px;
  font-size: 16px;
  text-align: left;
}

.Popup_content.size_small{
  min-width: 230px;
  max-width: 300px;
}

.Popup_content.size_medium{
  min-width: 300px;
  max-width: 450px;
  padding: 25px;
}
.Popup_content.size_big{
  min-width: 550px;
  max-width: 650px;
  padding: 25px;
}



.Popup_content:before {
  border: solid;
  border-color: #000 transparent;
  border-width: 6px 6px 0px 6px;
  bottom: -6px;
  content: "";
  right: 20px;
  position: absolute;
  z-index: 99;
}

.Popup_content.position_bottom{
  top: 100%;
  bottom: unset;
  top: -15px;
}

.Popup_content.position_bottom:before{
  border-width: 0px 6px 6px 6px;
  top: -6px;
  bottom: unset;
}



.Popup_content .pop_title{
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
}
.Popup_content .pop_title_big{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 24px;
}
.Popup_content .pop_separator{
  height: 1px;
  background-color: rgba(3, 3, 3, 0.03);
  margin: 10px -15px;
}
.Popup_content .pop_el,.Popup_content a.pop_el{
  padding: 5px 10px;
  color: rgba(3, 3, 3, 0.64);
  display: block;
  border-radius: 4px;
}
.Popup_content .pop_el:hover{
  /*color: rgb(142, 86, 233);*/
  background-color: rgba(236, 248, 255, 0.65);
}

.Popup_content .pop_el_act{
  padding: 5px 10px;
  color: rgba(3, 3, 3, 0.3);
  display: block;
  cursor: default;
  border-radius: 4px;
}
.Popup_content .pop_el_act.ACT{
  color: rgba(3, 3, 3, 0.7);
  cursor: pointer;
}
.Popup_content .pop_el_act.ACT:hover{
  /*color: rgb(142, 86, 233);*/
  background-color: rgba(236, 248, 255, 0.65);
}



.Popup_content .pop_input {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.85);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  padding: 8px 15px;
  border: transparent;
  border-radius: 5px;
  background-color: #f4f4f4;
}
.Popup_content .pop_but{
  /*display: inline-block;*/
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-color: #5f5edf;
  color: #fff;
  line-height: 20px;
}
.Popup_content .pop_error{
  margin-top: 10px;
  color: rgba(255, 11, 11, 0.51);
}


@keyframes Animation_popup {
  0%{
    opacity: 0;
    /*filter: blur(5px)*/
  }
  100%{
    opacity: 1;
  }
}

.Popup_window{
  transition: .4s ease-out;
  /*backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);*/
  position: fixed;
  right: 15px;
  margin: 80px auto;
  max-width: 900px;
  left: 15px;
  max-height: 85vh;
  /*box-shadow: 0px 10px 50px rgba(0,0,0,0.85);*/
  box-shadow: 4px 7px 30px -10px rgb(0 0 0);
  font-weight: normal;
  background: rgba(0, 0, 0, 1);
  border-radius: 18px;
  /* padding: 30px; */
  z-index: 99;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  /*bottom: 0;*/
/*
  left: 0;
  right: 0;
  margin: auto;*/
  animation: Animation_popup 0.3s linear;
  animation-fill-mode: forwards;
}

.Popup_window.size_medium{
  min-width: 350px;
  max-width: 450px;
  /*padding: 25px;*/
}


/*  ORDER AREA*/

.Order_address_area{
  background-color: rgb(10 10 10);
  padding: 35px;
  margin-top: 50px;
  max-width: 600px;
  border-radius: 8px;
}


.Order_address_area .payment_type_area{
  display: flex;
  margin: 0 -10px;
}
.Order_address_area .payment_type_area .p_el{
  padding: 10px 20px;
  border-radius: 5px;
  color: #999;
  border: 1px solid #858585;
  margin: 0 10px;
  cursor: pointer;
}
.Order_address_area .payment_type_area .p_el.ACT{
  background-color: #ff530A;
  color: #333;
  border-color: transparent;
}

.Order_address_area .bill_load_but{
  padding: 10px 20px;
  background-color: #272727;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
}


.Order_address_area .b_title_main{
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.2px;
  font-size: 24px;
  margin-right: 15px;
  cursor: pointer;
}

.Order_address_area .input_field{
  margin-right: 10px;
  margin-bottom: 15px;
}
.Order_address_area .select_field{
  border: transparent;
  /* border-bottom: 2px solid #fff; */
  font-size: 16px;
  color: #fff;
  width: 100%;
  border-radius: 4px;
  background-color: #272727;
  padding: 12px 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.Order_address_area .input_field:last-child{
  margin-right:0;
}

.Order_address_area .address_error{
  padding: 5px;
  color: #ff6d9b;
}

.Order_address_area .d_type_el{
  color: rgba(255,255,255,0.3);
  cursor: pointer;
}
.Order_address_area .d_type_el.ACT{
  color: #ff530A;
}


.Input_field_el {
  border: transparent;
  /* border-bottom: 2px solid #fff; */
  font-size: 16px;
  color: #fff;
  width: 100%;
  border-radius: 4px;
  background-color: #272727;
  padding: 10px 15px;
  resize: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.Input_field_el[type='time']{
  padding: 9px 15px;
}
.Input_field_el.YES{
  background-color: #4CAF50;
}

.Delivery_close_area{
  padding: 20px;
  background-color: #ff530A;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0;
  border-radius: 4px;
  font-size: 13px;
}


.Warning_info{
  margin-bottom: 20px;
  margin-top: 0;
  display: block;
}





.Delivery_address_input{
  background-color: #ffffff14;
  border: transparent;
  color: #fff;
  /*opacity: 0.5;*/
  padding: 14px 20px;
  width: 100%;
  border-radius: 5px;
  /* box-shadow: inset 0 0px 0 2px #fffffff5; */
  transition: .2s ease-out;
  /*font-family: "stolzl-book", sans-serif;*/
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select.Delivery_address_input{
  padding: 14px 20px;
}
.Delivery_address_input:focus{
  /*opacity: 1;*/
  /*box-shadow: inset 0 0px 0 2px #fba22d;*/
  background-color: #ffffff3b;
}
select.Delivery_address_input:focus{
  background-color: #333;
}

.Delivery_address_area{
  color: #333;
  font-size: 16px;
  display: flex;
  position: relative;
  /*box-shadow: inset 0 0px 0 2px #fffffff5;*/
  /*box-shadow: inset 0 0px 0 2px #ff530A;*/
  /*padding: 5px;*/
  border-radius: 5px;
  margin-bottom: 10px;
  align-items: flex-start;
  /*font-family: "stolzl-book", sans-serif;*/
  font-family: "intro-black", sans-serif;

}

.Delivery_address_area.Popup_window{
  position: fixed;
  padding: 27px 27px 18px 27px;
  background: rgb(6 6 6);
  overflow: unset;
  z-index: 90;
}

.Delivery_address_but{
  background-color: #ff530A;
  display: flex;
  align-items: center;
  padding: 14px 20px;
  /*font-weight: bold;*/
  border-radius: 5px;
  cursor: pointer;
  justify-content: center;
  transition: .2s ease-out;

}

.Delivery_address_but:hover{
  background-color: #ff9f0f;
}
.Delivery_address_area .in{
  flex: 1;
  margin-right: 10px;
}


.Delivery_type_area{
  display: flex;
  border-radius: 5px;
  background-color: #ffffff14;
  overflow: hidden;
  /* box-shadow: inset 0 0 0px 1px #fb7640; */
  margin-right: 10px;
}
.Delivery_type_area .dt_el{
  padding: 14px 20px;
  /*font-weight: bold;*/
  cursor: pointer;
  color: #ffffff69;
  transition: .2s ease-out;
  text-align: center;
  flex: 1;
  font-family: "intro-black", sans-serif;
}
.Delivery_type_area .dt_el:hover{
  background-color: rgba(251, 118, 64, 0.87);
  color: #fff;
}
.Delivery_type_area .dt_el.ACT{
  background-color: #fb7640;
  /*font-weight: bold;*/
  color: #fff;
}






.Delivery_zones_show{
  margin-top: -30px;
  text-align: right;
  margin-bottom: 20px;
  position: absolute;
  right: 0;
  font-size: 14px;
  bottom: -40px;
  font-family: 'stolzl-book', sans-serif;
  z-index: 96;
  color: #ffffff47;
  cursor: pointer;
}
.Delivery_zones_show_big{
  background-color: #ff530A;
  padding: 18px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
}







.Reg_area{
  color: #fff;
}


.Reg_area .input_field{
  background-color: #272727;
  border: transparent;
  /* border-bottom: 2px solid #fff; */
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
  margin-bottom: 10px;
}
.Reg_area .input_but{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  position: relative;
  padding: 9px 14px;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: .2s ease-out;
  margin-top: 15px;
}
.Reg_area .input_but:hover{
  background-color: #fff;
   color: #333;
}

.Reg_area .but_out{
  font-size: 16px;
  font-family: "intro-black", sans-serif;
  text-align: center;
  margin-top: 15px;
  display: block;
  cursor: pointer;

}

.Reg_area .title{
  text-transform: uppercase;
  font-size: 22px;
  cursor: pointer;
  font-family: "intro-black", sans-serif;
  margin-bottom: 15px;
}
.Reg_area .title span:first-child{
  margin-right: 15px;
}
.Reg_area .title .ACT{
  color: #ff530A;
}

.Error_text{
  font-size: 14px;
  margin: 5px 0;
  text-align: center;
  color: #ff6f6f;
}

.Link_animate{
  border-bottom: 1px solid rgba(255,255,255,0.3);
  transition: .2s ease-out;
}
.Link_animate:hover{
  color: #ff530A;
  border-color: #ff530A;
}


.Basket_area{

}
.Basket_products_area{
  margin: 20px -15px;
  padding-top: 15px;
  /*flex-wrap: wrap;*/
  flex: 1;
}
.Basket_area .b_el{
  /*flex-wrap: wrap;*/
  /*align-items: center;*/
  display: inline-block;
  width: 195px;
  min-width: 195px;
  margin: 20px 15px;
  text-align: center;
  vertical-align: top;
  min-height: 40px;
  background-color: rgba(0, 0, 0, 0.25);
  padding: 0 30px 15px 30px;
  border-radius: 10px;
  position: relative;
}
.Basket_area .b_title{
  font-size: 18px;
  line-height: 20px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  z-index: 9;
  position: relative;
}
.Basket_area .b_toppings{
  line-height: 15px;
  font-size: 12px;
}
.Basket_area .b_price{
  font-size: 18px;
  line-height: 18px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.Basket_area .b_quantity{
  /* background-color: #0003; */
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
  margin: 5px 5px;
  /*border: 1px solid #fdfdfd1c;*/
}

.Basket_area .b_remove{
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #904944;
  position: absolute;
  cursor: pointer;
  right: 2px;
  top: 0px;
  width: 25px;
  font-weight: bold;
  height: 25px;
  z-index: 9;
}
.Basket_area .b_quantity_l,.Basket_area .b_quantity_val{
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
.Basket_area img{
  width: 150px;
}
.Basket_area .b_img{
  height: 135px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: -25px;
}


.Basket_area.catery{
  display: flex;
  align-items: flex-start;
}
.catery .Order_address_area {
  margin-top: 55px;
  max-width: 450px;
}
.Basket_area.catery .b_img{
  height: 135px;
  position: relative;
  z-index: -1;
  display: block;
  margin: 0 -30px 0 -30px;
}
.Basket_area.catery img{
  width: 100%;
  -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0) 80%, rgba(0,0,0,0) 100%);
}
.Basket_area.catery .b_el{
  overflow: hidden;
}




.Order_area .o_price{
  text-align: right;
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  min-width: 100px;
}
.Order_area .o_quantity{
  text-align: right;
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
.Order_area .o_title {
  font-size: 20px;
  line-height: 22px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.7px;
  padding: 10px 0;
}
.Order_area .o_toppings{
  line-height: 10px;
}
.Order_area .o_number{
  font-size: 52px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.7px;
}
.Order_area .o_info{
  padding-bottom: 25px;
  /* padding-top: 20px; */
  margin-top: 20px;
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
}





.Vacance_area{

}
.Vacance_area .v_el{
  margin-top: 20px;
}
.Vacance_area .v_title{
  cursor: pointer;
}
.Vacance_area .v_title.ACT{
  color: #ff530A;
}



.Map_on_main{
  height: 550px;
  margin-top: 50px;
  background-color: rgb(32,32,32);
  position: relative;
}

.Block_info{
  margin-top: 50px;
  max-width: 580px;
  min-height: 680px;
}


.Table{
  width: 100%;
}
.Table_line td {
  border-bottom: 1px solid #ffffff0f;
}
.Table_line tr:last-child td {
  border-bottom: transparent;
}
.Table .body td {
  padding: 7px 7px;
}




ul.header-socials {
  position: fixed;
  top: 50%;
  right: -180px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: 10;
}
ul.header-socials li a {
  font-size: 14px;
  font-family: "stolzl-regular", sans-serif;
  letter-spacing: 0.2px;
  text-shadow: 1px 1px 0 #000;
  position: relative;
  display: inline-block;
}
ul.header-socials li {
  display: inline-block;
  margin-left: 15px;
}


/*
.OPEN_DIV_ELEMENT{
  filter: brightness(0.3) opacity(0.3);
}*/

/*
body :not(#PRODUCT_EL_AREA) {
  filter: blur(5px);
}
*/


@keyframes Animation_window1 {
  50%{}
  100%{
    /*-webkit-backdrop-filter: brightness(0.3) opacity(0.9) blur(5px);*/
    -webkit-backdrop-filter: brightness(0.3) opacity(0.9) blur(5px);
    filter: brightness(0.3) opacity(0.9) blur(5px);
  }
}
/*
@keyframes Animation_window2 {
  50%{background-color: #ff530A;}
  100%{transform:rotateY(360deg)}
}
*/
.OPEN_DIV_ELEMENT #PRODUCTS_AREA{
  /*filter: brightness(0.3) opacity(0.3);*/
  /*filter: brightness(0.3) opacity(0.9) blur(5px);*/
  animation: Animation_window1 0.3s;
  animation-fill-mode: forwards;
}



@media (max-width: 1000px) {
  .Product_el {
    flex: 0 0 39%;
  }
}


@media (max-width: 768px) {

  .Product_area .info{
    line-height: 14px;
    font-size: 12px;
  }

  .Cyber_club_title{
    line-height: 44px;
    font-size: 4em;
  }
  .Delivery_address_area .in {
    margin: 0;
  }
  .Table .body td{
    padding: 0;
  }

  ul.header-socials{
    display: none;
  }

  .Mobile_top_set {
    margin-top: 56px!important;
  }
  .Categories_area .cat_el{
    font-size: 15px;
  }
    .Product_el .title {
        font-size: clamp(17px, 6vw, 5vw);
        line-height: 26px;
        flex-wrap: wrap;
        display: block;
        max-width: 278px;
        min-width: auto;
    }
  .Product_el .price{
    font-size: 26px;
    line-height: 26px;
  }
  .Area_left_padding{
    padding-left: 0px;
  }
  .Title_main{
    font-size: 48px!important;
    line-height: 38px;
    margin-left: -2px;
    padding-top: 35px;
    margin-bottom: 30px;
  }
  .Title_small_2{
    font-size: 22px;
  }
  .Title_light{
    font-size: 60px;
    line-height: 60px;
  }
  .Dot_area .d_desc{
    font-size: 14px;
    line-height: 20px;
  }


  .Mobile_view_only {
    display: block;
  }
  .Pc_view_only {
    display: none;
  }

  .Center_area{
    padding: 0 20px 0px 20px;
    /*overflow-x: hidden;*/
  }



  .Products_list_area{
    margin: 0;
  }

  .Product_el.sauce{
    min-height: unset;
    flex: 0 0 40%;
  }

  .Product_el{
    /*flex: 0 0 38%;*/
    min-height:unset;
    /*display: block;
    margin: 5px 0 5px 0!important;
    min-height: 245px;
    max-width: unset!important;
    min-width:unset!important;*/
  }

  .Product_el img {
    max-width: 123px;
    right: -6px !important;
    opacity: 0.8;
    top: 0px;
  }
  .container, .container-sm {
    max-width: 100% !important;
    flex-wrap: wrap;
    display: flex;
  }
  .menu-grid {
    grid-template-columns: 1fr;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .Burger-cb-m-block .m_el{
    justify-content: space-between;
    width: 100%;
    margin: 8px 0px 15px 0;
  }
  .Burger-cb-m-block .m_title{
    width: unset;
  }



  .Product_el.sauce img{

  }
  .Product_el.sauce .top{
    min-height: 107px;
  }


  .Dot_area .d_img{
    opacity: 0.4;
  }
  .Title_category{
    font-size: 38px;
    line-height: 38px;
    margin-left: -1px;
  }
  .Flex_area{
    display: block;
  }
  .Categories_area{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    top: 56px;
    margin: 0 -20px;
    padding-left: 20px;
    /*background-color: rgba(0,0,0,0.7);*/
  }

  .Title_big{
    font-size: 52px;
    line-height: 52px;
    letter-spacing: -3.6px;
    padding-top: 15px;
  }


  .Product_price_title{
    font-size: 36px;
    line-height: 36px;
  }



  .Product_title{
    font-size: 36px;
    line-height: 36px;
  }
  .cyberclub .Product_title{
    margin-top: 100px;
  }
  .cyberclub .Product_area.catery .pr_img img{
    -webkit-mask-image:unset;
  }

  .Product_category_title{
    font-size: 24px;
    line-height: 24px;
    margin-left: 0;
  }
  .Popup_content.position_bottom{
    top: 70px;
    position: fixed;
  }

  .Product_area .pr_desc{
    font-size: 14px;
    line-height: 20px;
  }
  .Product_area{
    padding: 20px 15px;
  }
  .Product_area .pr_price_area{
    margin: 0 -15px -20px -15px;
    padding: 15px;
  }
  .Info_main{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 45px;
  }


  .Product_area .pr_img{
    opacity: 0.6;
    right: -10px;
    width: 225px;
    max-height: 300px;
    top: 0;
  }

  .Product_area .pr_img.pr_cyberclub{
    right: unset;
    width: unset;
  }

  .Product_area .pr_const_area{
    margin-top: 50px;
  }
  .Product_area .pr_roasting_s,.Product_area .pr_roasting_title{
    font-size: 38px;
  }
  .Product_area .pr_meat_img{
    right: -50%;
  }




  .Dot_area .d_info_area{
    margin-top: 30px;
    min-height: 335px;
  }

  .Basket_products_area{
    display: flex;
    overflow: auto;
    margin: 0 -15px 0 -15px;
  }
  .Basket_area.catery .b_el{
    /*width: 100%;*/
  }

  .Basket_area.catery{
    display: block;
  }


  .Order_address_area {
    padding: 25px;
    margin-top: 0!important;
  }

  .Order_address_area .input_field {
    margin-bottom: 8px;
    width: 100%;
    font-size: 16px;
    /*padding: 0;*/
  }
  .Order_address_area .select_field{
    font-size: 16px;
    padding: 6px 8px;
  }
  .Order_address_area .b_title_main{
    font-size: 20px;
    line-height: 24px;
  }
  .Order_area .o_price{
    font-size: 18px;
  }
  .Order_area .o_title {
    font-size: 18px;
    padding: 5px 0;
  }
  .Adaptive_table{
    display: block;
  }

  .Warning_info{
    margin-top: 58px;
    margin-bottom: -45px;
  }
  .But_big{
    font-size: 16px;
    padding: 12px 20px 12px;
    border: 2px solid #ffffff;
  }
  .Map_on_main{
    margin: 50px -20px 0 -20px;
  }
  .Banner_main_sub{
    margin: 0 -20px;
    padding: 20px;
  }
  .Product_area .pr_const_title{
    font-size: 24px;
  }

  .Footer_area .f_el{
    padding: 5px 12px;
    font-size: 12px;
  }
  .Footer_area .logo {
    margin-bottom: 5px;
  }
  .Footer_area{
    padding-top: 90px;
    margin: 0 20px;
  }
  .Footer_area .in_line{
    display: block;
    align-items: center;
  }
  .Drink_modification_area .m_title{
    font-size: 18px;
  }
  .Drink_modification_area {
    display: block;
  }


  .Reg_area .input_field{
    font-size: 16px;
    padding: 6px 12px;
  }
  .Reg_area .title{
    font-size: 20px;
  }
  .Reg_area .input_but{
    font-size: 16px;
    padding: 6px 12px;
  }

  .Dots_list_el .desc{
    font-size: 12px;
    line-height: 16px;
  }
  .Dot_area .d_address{
    font-size: 28px;
  }

  .Product_el .top{
    min-height: 170px;
  }

  .Product_el .buy{
    font-size: 15px;
    /*line-height: 15px;*/
  }

  .Product_el .desc {
    font-size: 14px;
    line-height: 18px;
    max-width: 176px;
    margin-top: 4px;
  }


  .Customer_orders_area .c_el_title {
    font-size: 16px;
    line-height: 16px;
  }
  .Customer_orders_area .c_el{
    padding: 20px;
  }
  .Customer_orders_area .c_el_address {
    padding: 0px 10px;
    font-size: 12px;
    line-height: 12px;
  }
  .Customer_orders_area .c_el_price {
    padding: 0px 5px;
    font-size: 12px;
  }
  .Customer_orders_area .c_el_status{
    padding: 4px 8px;
    font-size: 12px;
  }
/*
  .Popup_window{
    margin: 20px auto;
    max-height: unset;
    top: 0;
    bottom: 0;
  }
*/
  .Burger_modification_area .m_el{
    width: 125px;
  }

  .Delivery_address_area{
    margin-top: 97px;
    display: block;
    margin-bottom: -35px;
    font-size: 14px;
  }
  .Delivery_zones_show_big{
    margin-top: 66px;
    margin-bottom: -45px;
  }

  .Delivery_type_area{
    margin: 0 0 10px 0;
  }

}



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

  .Product_el{
    flex: 0 0 100%;
    margin: 20px 0;
  }
  .Product_el.sauce{
    flex: 0 0 100%;
  }
  .Product_el .desc{
    font-size: 13px;
  }
  .Product_el.catery{
    margin:0;
  }

}


.WHITE_THEME{

}
.WHITE_THEME #PRODUCT_EL_AREA.Popup_window{
  background: rgb(255 255 255 / 88%);
  color: #111;
}
.WHITE_THEME .Burger_modification_area .m_el{
  width: unset;
  margin: 5px 9px;
  display: flex;
  padding: 6px 12px;
  background-color: #e3e3e3bf;
  border: 1px solid #00000052;
  border-radius: 12px;
}
.WHITE_THEME .Product_area .pr_price_area{
  background: transparent;
  #justify-content: flex-end;
}
.WHITE_THEME .Product_area .pr_buy{
  border:transparent;
  background-color: #f98900;
  border-radius: 12px;
}
.WHITE_THEME .Product_area .pr_buy:hover{
  background-color: #f98900;
}

.WHITE_THEME .Product_area .pr_cutlet_area .m_el {
  background-color: #e3e3e3bf;
  margin: 5px 15px;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 12px;
  width: unset;
  text-wrap: nowrap;
  border: 1px solid #00000052;
}

.WHITE_THEME .Product_area .pr_cutlet_area .m_el.ACT {
  background-color: #f98900;
  color: black;
  border-color: #f98900;
}

.WHITE_THEME .Burger_modification_area {
  margin: 0px -10px;
}
.WHITE_THEME .Product_category_title{
  font-size: 32px;
}

.WHITE_THEME .Burger_modification_area .m_el.ACT{
  background-color: #f38800;
  color: black;
  border-color: #f98900;
}
.WHITE_THEME .Burger_modification_area .ACT .m_title {
  color: black;
}
.WHITE_THEME .Burger_modification_area .ACT .m_title {
  color: black;
}

.WHITE_THEME .Product_area .pr_img{
  top: -35px;
}

.AppDefaultLayout_root {
  width: 100%;
  margin-top: 90px;
}

.proviant_newyear {
  z-index: 25;
  position: relative;
  background: transparent !important;
  top: 77px;
}
.form-select {
  background: #1c212b;
  color: white;
  border: none;
  margin-bottom: 0px !important;
  border-radius: 11px !important;
}
.AddrButtonJs {
  width: 100%;
  margin-top: -1px;
  background: #252525 !important;
}
.DesktopHeader_content {
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 24px;
  z-index: 100;
  position: fixed;
  background: #000;
  transition: box-shadow 0.2s ease-in-out, background 0.4s;
  will-change: transform;
}

.mark-item {
  z-index: 555;
  color: white;
  display: block;
  position: absolute;
  right: 5px;
  top: 7px;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: bold;
}
.mark-item.post {
  background: green;
}
.mark-item.new {
  background: #ee4836;
}
.mark-item.hot {
  background: red;
}
.DesktopHeader_header {
  width: 100%;
  height: 80px;
  display: flex;
  position: relative;
  transition: border-color 0.2s ease-in-out;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid rgba(56,61,70,0.5);
}

.DesktopHeader_leftBlock {
  width: 100%;
  display: flex;
  align-items: center;
}

.DesktopHeader_rightBlock {
  flex: none;
  display: flex;
  align-items: center;
}

.DesktopHeader_logo {
  flex: 0 0 auto;
  width: 207px;
  height: 96px;
  margin-right: 36px;
  margin-bottom: 6px;
  background-size: contain;
  background-image: url("../../img/logo-mroob.png");
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.DesktopHeader_searchContainer {
  display: flex;
  position: relative;
  flex-grow: 1;
  margin-right: 24px;
}

.DesktopHeader_addressWrapper {
  flex: 1 1 50%;
  display: flex;
  min-width: 0;
}
.showtimetrue:disabled {
  display: none !important;
}
.DesktopUIButton_root {
  color: #fff;
  border: 0;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  text-align: center;
  transition: .2s ease-out;
  align-items: center;
  line-height: 22px;
  -moz-user-select: none;
}

.DesktopUIButton_xs {
  padding: 5px 16px;
  font-weight: normal;
  border-radius: 8px;
}

.DesktopHeader_headerItem + .DesktopHeader_headerItem {
  margin-left: 24px;
}

.DesktopHeader_button {
  padding: 0 8px 3px;
}

.DesktopUIButton_primary {
  background-color: rgb(252, 224, 0);
}

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

.DesktopHeader_menuIcon {
  margin: 0 auto;
  display: block;
  background-size: contain;
}

.Price_root {
  font-size: inherit;
  line-height: inherit;
  white-space: nowrap;
}

.DesktopHeader_icon {
  flex: none;
  width: 24px;
  height: 24px;
  margin: -1px 0;
    margin-right: 0px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
  background-size: contain;
}

.DesktopHeader_menuText {
  margin-top: 3px;
}

.DesktopHeader_menuItem {
  flex: 1 0 auto;
  cursor: pointer;
  background: white;
  text-align: center;
}

.DesktopUIButton_sm {
  padding: 13px 18px;
  font-weight: normal;
  border-radius: 8px;
}

.DesktopUIButton_md {
  padding: 13px 18px;
  font-weight: 500;
  border-radius: 12px;
}

.DesktopUIButton_lg {
  padding: 17px 24px;
  font-weight: 500;
  border-radius: 12px;
}

.DesktopUIButton_content {
  width: 100%;
  display: flex;
  transition: all .15s;
  align-items: center;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  justify-content: center;
}

.DesktopUIButton_primary {
  background-color: #ee4836;
}

.DesktopUIButton_primary:hover {
  background-color: rgb(223, 84, 63);
}

.DesktopUIButton_primary:active {
  background-color: #ee4836;
}

.DesktopUIButton_primary.DesktopUIButton_pressed {
  background-color: #ee4836;
}

.DesktopUIButton_secondary {
  background-color: #f1f0ed;
}
.DesktopUIButton_third {
  background-color: rgba(255, 255, 255, 0.05);
}

.DesktopUIButton_third:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.DesktopUIButton_secondary:hover {
  background-color: #e7e6e4;
}

.DesktopUIButton_secondary:active {
  background-color: #dedddb;
}

.DesktopUIButton_secondary.DesktopUIButton_pressed {
  background-color: #dedddb;
}

.DesktopUIButton_simple {
  background-color: transparent;
}

.DesktopUIButton_simple:hover {
  background-color: transparent;
  color: white;
}

.DesktopUIButton_simple:active {
  background-color: transparent;
  color: white;
}

.DesktopUIButton_simple.DesktopUIButton_pressed {
  background-color: #e6e6e6;
}

.DesktopUIButton_white {
  color: #21201F;
  opacity: 0.4;
  background-color: transparent;
}

.DesktopUIButton_white:hover {
  opacity: 1;
}

.DesktopUIButton_white:active {
  opacity: 1;
}

.DesktopUIButton_white.DesktopUIButton_pressed {
  opacity: 1;
}

.DesktopUIButton_tabMain {
  color: #21201F;
  background-color: transparent;
}

.DesktopUIButton_tabMain:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.DesktopUIButton_tabMain:active {
  background-color: #F1F0ED;
}

.DesktopUIButton_tabMain.DesktopUIButton_pressed {
  background-color: #F1F0ED;
}

.DesktopUIButton_tabInvert {
  color: #21201F;
  background-color: transparent;
}

.DesktopUIButton_tabInvert:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

.DesktopUIButton_tabInvert:active {
  background-color: #ffffff;
}

.DesktopUIButton_tabInvert.DesktopUIButton_pressed {
  background-color: #ffffff;
}

.DesktopUIButton_disabled {
  opacity: 0.6;
  pointer-events: none;
}

.DesktopUIButton_disabled:hover {
  opacity: 0.6;
}

.DesktopUIButton_disabled.DesktopUIButton_pressed {
  opacity: 0.6;
}

.DesktopUIButton_fullWidth {
  width: 100%;
}

.DesktopUIButton_outline {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}

.DesktopAddressButton_address {
  height: 22px;
  display: flex;
  max-width: 100%;
  align-items: center;
}

.DesktopAddressButton_icon {
  top: -1px;
  flex: none;
  display: inline-block;
  position: relative;
  margin-right: 7px;
  vertical-align: middle;
}

.DesktopAddressButton_addressStreet {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.DesktopAddressButton_chevron.DesktopAddressButton_down {
  transform: rotate(90deg);
}

.fontBold {
  font-weight: bold;
}

.fontblack {
  color: black;
}

.DesktopUILoader_root {
  position: relative;
}

.DesktopUILoader_content {
  transition: filter 0.2s linear;
}

.RestaurantPage_root {
  display: flex;
  padding: 22px 6px !important;
  max-width: 1873px !important;
  min-width: 1200px;
  justify-content: center;
}

.AppDefaultLayout_content {
  margin: 0 auto;
  z-index: 1;
  max-width: 1500px;
}

.DesktopAsideMenu_aside {
  transform: translateY(0);
  flex-shrink: 0;
  pointer-events: all;
}

.RestaurantPage_column {
  flex: none;
}
.bonus_card {
  position: relative;
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  margin: 0 10px;
}
.bonus_card-3 {
  background: linear-gradient(100deg, #ffaf37 6.54%, #ed9e27 92.41%);
  color: #fff;
}
.bonus_card-wrapper {
  max-height: 28px;
  min-height: 32px;
  max-width: 48px;
  min-width: 48px;
  padding: 0 4px;
    padding-bottom: 0px;
  padding-bottom: 0px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 1px;
}
.bonus_card-number {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.3;
  letter-spacing: 0.12px;
}
.bonus_card-text {
  font-style: normal;
  font-weight: normal;
  font-size: 7px;
  letter-spacing: 0.01em;
  line-height: 1.4;
  text-transform: uppercase;
  color: white;
}
.RestaurantCategories_root {
  width: 232px;
}

.RestaurantPage_column:first-child {
  margin-right: 48px;
}

.DesktopAsideMenu_sticky {
  position: sticky;
  padding-bottom: 36px;
}
.BaseIcon_root {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.UiKitIcon_m {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}
.CartRoot .MobileMenuItemContent_controls {
  padding: 8px 8px 0px 0px;
}
.CartRoot .MobileMenuItemContent_controls {
  justify-content: flex-start;
}
.MobileMenuItemContent_controls {
  display: flex;
  padding: 0 8px 0px 8px;
  flex-wrap: nowrap;
  margin-top: auto;
  align-items: center;
  justify-content: normal;
}
.IconUiKitIconPlus_root {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS41IDNDMTEuMjIzOSAzIDExIDMuMjIzODYgMTEgMy41VjExSDMuNUMzLjIyMzg2IDExIDMgMTEuMjIzOSAzIDExLjVWMTIuNUMzIDEyLjc3NjEgMy4yMjM4NiAxMyAzLjUgMTNIMTFWMjAuNUMxMSAyMC43NzYxIDExLjIyMzkgMjEgMTEuNSAyMUgxMi41QzEyLjc3NjEgMjEgMTMgMjAuNzc2MSAxMyAyMC41VjEzSDIwLjVDMjAuNzc2MSAxMyAyMSAxMi43NzYxIDIxIDEyLjVWMTEuNUMyMSAxMS4yMjM5IDIwLjc3NjEgMTEgMjAuNSAxMUgxM1YzLjVDMTMgMy4yMjM4NiAxMi43NzYxIDMgMTIuNSAzSDExLjVaIiBmaWxsPSIjMjEyMDFGIi8+Cjwvc3ZnPgo=);
}
.IconUiKitIconMinus_root {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDEyLjVDMyAxMi43NzYxIDMuMjIzODYgMTMgMy41IDEzSDIwLjVDMjAuNzc2MSAxMyAyMSAxMi43NzYxIDIxIDEyLjVWMTEuNUMyMSAxMS4yMjM5IDIwLjc3NjEgMTEgMjAuNSAxMUgzLjVDMy4yMjM4NiAxMSAzIDExLjIyMzkgMyAxMS41VjEyLjVaIiBmaWxsPSIjMjEyMDFGIi8+Cjwvc3ZnPgo=);
}
.MobileMenuItemContent_button {
  height: 47px;
  display: flex;
  box-shadow: 0px 2px 4px rgba(129, 116, 103, 0.1);
  transition: opacity, background-color 100ms;
  align-items: center;
  align-content: center;
  border-radius: 16px;
  justify-content: center;
  background-color: #fff;
}
.MobileMenuItemContent_iconButton {
  width: 47px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.CartRoot .MobileMenuItemContent_count {
  padding: 0 15px;
}
.MobileMenuItemContent_count {
  color: white;
  padding: 0 12px;
}
.MobileMenuItemContent_iconButton {
  width: 40px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.MobileMenuItemContent_button {
  height: 40px;
  display: flex;
  box-shadow: 0px 2px 4px rgba(129, 116, 103, 0.1);
  transition: opacity, background-color 100ms;
  align-items: center;
  align-content: center;
  border-radius: 16px;
  justify-content: center;
  background-color: #fff;
}
.RestaurantCategories_back {
  width: fit-content;
  display: inline-block;
  background: rgba(255, 255, 255, 0.05);
  font-weight: 500;
}

.hot-food-switch .form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(253, 92, 13, 0.25);
}

.hot-food-switch .form-check-input:checked {
  background-color: #ee4836;
  border-color: #ee4836;
}

.UiKitUiKitIcon_root {
  vertical-align: middle;
}

.UiKitUiKitIcon_m {
  width: 24px;
  height: 24px;
}


.RestaurantCategories_back > span {
  display: inline-block;
  margin-top: 4px;
  margin-left: 7px;
  vertical-align: middle;
}

.RestaurantCategories_item {
  width: 100%;
  cursor: pointer;
  padding: 14px 20px 14px 16px;
  overflow: hidden;
  transition: background .1s;
  line-height: 20px;
  border-radius: 16px;
}

.RestaurantCategories_heading {
  margin: 32px 0 8px 16px;
}

.UiKitText_Text {
  color: #E8E8E8;
}

.DesktopAddressButton_chevron {
  width: 24px;
  height: 12px;
  margin: 0 -8px 0 6px;
  transition: transform 0.2s ease-in-out;
}

.UiKitText_Medium {
  font-weight: 500;
}

.UiKitText_Body1Loose {
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.RestaurantCategories_item {
  width: 100%;
  cursor: pointer;
  padding: 14px 17px 11px 16px;
  overflow: hidden;
  transition: background .1s;
  line-height: 11px;
  border-radius: 16px;
  color: white;
  display: flex;
  font-family: "Golos-bold";
  font-size: 14px;
}

.RestaurantCategories_item.active {
  background-color: rgba(255, 255, 255, 0.05);
  font-weight: 500;
}

.RestaurantCategories_item:hover {
  background-color: rgba(255, 255, 255, 0.05);
  font-weight: 500;
  color: white;
}

@keyframes UiKitSkeleton_keyframes-darkFade {
  0% {
    background-color: #212327;
  }
  40% {
    background-color: #222428;
  }
  100% {
    background-color: #24262A;
  }
}

@-moz-keyframes UiKitSkeleton_keyframes-darkFade {
  0% {
    background-color: #212327;
  }
  40% {
    background-color: #222428;
  }
  100% {
    background-color: #24262A;
  }
}

@-webkit-keyframes UiKitSkeleton_keyframes-darkFade {
  0% {
    background-color: #212327;
  }
  40% {
    background-color: #222428;
  }
  100% {
    background-color: #24262A;
  }
}

@keyframes MobileUISpinner_keyframes-mobileSpinner {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(720deg);
  }
}

@-moz-keyframes MobileUISpinner_keyframes-mobileSpinner {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(720deg);
  }
}

@-webkit-keyframes MobileUISpinner_keyframes-mobileSpinner {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(720deg);
  }
}

.UiKitSkeleton_fade.UiKitSkeleton_dark {
  animation: UiKitSkeleton_keyframes-darkFade 1s infinite;
}

.UiKitSkeleton_dark {
  background-color: #E7E6E4;
  width: 217px;
  height: 358px;
  border-radius: 24px;
}

.UiKitSkeleton_root {
  overflow: hidden;
  position: relative;
  line-height: inherit;
}

.UiKitButton_root:disabled {
  opacity: 0.6;
  pointer-events: none;
}

.RestaurantPage_content {
  max-width: 1117px;
}

.RestaurantHeader_root {
  width: 100%;
  height: 360px;
  display: flex;
  padding: 0;
  overflow: hidden;
  position: relative;
  flex-direction: column;
  justify-content: end;
}

.carousel-item img {
  border-radius: 15px;
}

.RestaurantMenu_category {
  margin-bottom: 48px;
}

.RestaurantMenu_catHeading {
  margin: 26px 0 24px;
  z-index: 1;
  position: relative;
}

.RestaurantMenu_list {
  margin: -12px -4px;
  display: flex;
  flex-wrap: wrap;
}

.RestaurantMenuItem_root {
  width: 217px;
  height: 358px;
  background: #000;
  border-radius: 24px;
}

.RestaurantMenu_item {
  margin: 12px 4px;
}

.UiKitDesktopProductCard_clickable {
  cursor: pointer;
}

.UiKitDesktopProductCard_m {
  width: 217px;
  min-height: 358px;
}

.UiKitDesktopProductCard_root {
  display: flex;
  padding: 12px;
  position: relative;
  background: #000;
  transition: .2s ease box-shadow;
  border-radius: 24px;
  flex-direction: column;
}

.UiKitDesktopProductCard_pictureWrapper {
  position: relative;
}

.UiKitDesktopProductCard_m .UiKitDesktopProductCard_picture {
  height: 148px;
}

.UiKitDesktopProductCard_picture {
  will-change: transform;
  border-radius: 18px;
}

.SmartImage_root {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
}

.SmartImage_hideCover .SmartImage_cover {
  background: none;
}

/*.SmartImage_cover {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-size: 200px;
  background-color: #F5F4F2;
  background-image: url(https://yastatic.net/s3/eda-front/www/assets/desktop.light.310387110c8110e0badb.svg);
  background-position: center;
}*/

.SmartImage_animatedImg {
  transition: opacity 200ms;
}

.SmartImage_image {
  top: 50%;
  left: 50%;
  height: 100%;
  opacity: 0;
  position: absolute;
  max-width: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.SmartImage_visibleImg {
  opacity: 1;
}

.SmartImage_coverFitImg {
  width: 100%;
  object-fit: cover;
}

.UiKitDesktopProductCard_labelsWrapper {
  right: 6px;
  bottom: 6px;
  display: flex;
  position: absolute;
}

.UiKitDesktopProductCard_m .UiKitDesktopProductCard_descriptionWrapper {
  padding: 0 4px;
  margin-top: 14px;
}

.UiKitDesktopProductCard_priceWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.UiKitDesktopProductCard_price {
  margin-right: 4px;
}

.UiKitPrice_l {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitPrice_root {
  display: inline-block;
  position: relative;
  font-weight: 500;
  color: white;
}

.UiKitDesktopProductCard_name {
  height: 38px;
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  margin-top: 4px;
  line-height: 19px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-weight: bold;
}

.UiKitDesktopProductCard_weight {
  color: #C9C6C3;
  margin: 5px 0;
  font-size: 16px;
  line-height: 19px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitDesktopProductCard_footer {
  height: 48px;
  margin-top: auto;
}

.UiKitCounter_root {
  display: flex;
  overflow: hidden;
  position: relative;
  font-size: 13px;
  align-items: center;
  line-height: 14px;
  border-radius: 12px;
  justify-content: space-between;
  background-color: #1c212b;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitCounter_s {
  font-size: 16px;
  line-height: 17px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitCounter_button::after {
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 0;
  position: absolute;
  transition: background .2s;
  pointer-events: none;
}
.dropdown-menu-dark {
  background-color: #1c212b;
}
.UiKitCounter_button {
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 8px;
  align-items: center;
  background-color: #1c212b;
}

.UiKitCounter_s .UiKitCounter_button {
  padding: 14px;
}

.UiKitCounter_icon {
  margin: -4px;
}

.UiKitText_Title2Loose {
  font-size: 32px;
  line-height: 37px;
  letter-spacing: -0.025em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitCounter_button > * {
  z-index: 1;
}

.UiKitCounter_onlyIncrement {
  width: 100%;
  height: 100%;
  justify-content: center;
}

.UiKitCounter_incrementText {
  display: inline-block;
  margin-left: 8px;
}

.RestaurantPage_column:last-child {
  margin-left: 48px;
}

.RestaurantPage_column {
  flex: none;
}

.RestaurantCart_root {
  top: 112px;
  width: 320px;
  height: calc(100vh - 112px);
  overflow: hidden;
  position: sticky;
  border-radius: 24px 24px 0 0;
  border-top: 1px solid #ff530a;
  border-left: 1px solid #ff530a;
  border-right: 1px solid #ff530a;
  margin-bottom: -22px;
}

.NewCart_root {
  height: 100%;
  display: flex;
  background: #252525;
  flex-direction: column;


}
.AppDefaultCart_root .NewCart_root .DesktopAddressButton_root {
  display: none;
}
.AppDefaultCart_root .AddrButtonJs {
  width: inherit;
  margin-top: -1px;
  background: #1c212b !important;
}
.NewCart_title {
  display: flex;
  padding: 16px;
    padding-top: 16px;
  margin-top: 0px;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
}

.NewCart_title > :first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.UiKitText_Title4 {
  font-size: 24px;
  line-height: 27px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitText_Regular {
  font-weight: normal;
}

.UiKitText_Body2Tight {
  font-size: 16px;
  line-height: 17px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitText_TextMinor {
  color: #9E9B98;
}

.NewCartContent_root {
  display: flex;
  overflow: auto;
  flex-grow: 1;
  flex-direction: column;
}

.NewCartContent_item {
  position: relative;
}

.UiKitProductCardRow_root {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  border-radius: 10px;
  justify-content: space-between;
  background-color: #252525;
}

.UiKitProductCardRow_imageWrapper {
  position: relative;
  align-self: flex-start;
  border-radius: 16px;
}

.UiKitProductCardRow_picture {
  width: 60px;
  height: 60px;
  border-radius: 16px;
}

.SmartImage_hideCover .SmartImage_cover {
  background: none;
}

.UiKitProductCardRow_picture > img {
  border-radius: 16px;
}

.UiKitProductCardRow_info {
  flex-grow: 1;
  margin-left: 8px;
}

.UiKitProductCardRow_name {
  color: #F2EEE9;
  margin: 4px 0;
}

.UiKitText_Caption1 {
  font-size: 13px;
  line-height: 15px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitProductCardRow_priceRow {
  display: flex;
  margin-top: 4px;
  align-items: flex-end;
}

.UiKitText_Caption1Tight {
  font-size: 13px;
  line-height: 14px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitProductCardRow_price {
  font-size: 16px;
  line-height: 17px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitProductCardRow_priceRow > * {
  white-space: nowrap;
}

.UiKitText_withLineClamp {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.UiKitProductCardRow_separator {
  margin: 0 4px;
  display: inline-block;
}

.UiKitProductCardRow_counter {
  width: 100px;
  align-self: center;
  flex-shrink: 0;
  margin-left: 16px;
}

.DesktopCartPageAdditionalItem_root {
  color: #21201F;
  width: 100%;
  border: 0;
  display: block;
  padding: 0 16px;
  text-align: left;
  background-color: transparent;
}

.DesktopCartPageAdditionalItem_content {
  flex-grow: 1;
}

.DesktopCartPageAdditionalItem_inner {
  display: flex;
  padding: 8px 0;
  border-top: 0.5px solid #D2D0CC;
  min-height: 60px;
  align-items: center;
}

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

.UiKitCorePrice_root {
  display: flex;
  align-items: flex-end;
}

.DesktopCartPageAdditionalItem_sidebar {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 16px;
}

.DesktopCartPageAdditionalItem_title {
  font-size: 16px;
  line-height: 19px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.DesktopCartPageAdditionalItem_amount {
  font-size: 16px;
  line-height: 19px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.NewCartFooter_root {
  margin: 0 16px 24px;
/*  border-top: .5px solid #D2D0CC;*/
  padding-top: 8px;
}

.NewCartFooterBottomBanner_root {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
}

.NewCartFooterBottomBanner_icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.05) center / 24px no-repeat;
    background-image: none;
  background-image: none;
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 16px;
}

.NewCartFooterBottomBanner_info {
  flex: 1 0 auto;
    flex-shrink: 0;
  overflow: hidden;
  font-size: 13px;
  flex-shrink: 1;
  font-weight: normal;
  line-height: 15px;
  padding-right: 4px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UseBottomBanner_title {
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
}

.UseBottomBanner_description {
  margin-top: 2px;
}

.UseBottomBanner_title {
  overflow: hidden;
  white-space: break-spaces;
  text-overflow: ellipsis;
}

.UiKitButton_width-full {
  width: 100%;
}

.UiKitButton_variant-action {
  background-color: #ee4836;
  color: white;
}

.NewCartFooterBottomBanner_bottomDescription {
  margin-top: 7px;
}

.UiKitButton_root {
  border: none;
  display: flex;
  position: relative;
  font-size: 16px;
  transition: all 0.2s ease-out;
  align-items: center;
  line-height: 21px;
  border-radius: 12px;
  justify-content: center;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.NewCartPriceButton_button span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.NewCartPriceButton_button span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.NewCartPriceButton_price {
  font-size: 26px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitButton_size-l {
  height: 56px;
  padding: 0 24px;
  font-weight: 500;
  border-radius: 16px;
}

.NewCartEmpty_root {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
}

.NewCartEmpty_logo {
  margin-bottom: 24px;
}

.NewCartEmpty_title {
  text-align: center;
  white-space: pre-line;
}

.DesktopShopMainPage_headerWrapper {
  padding-left: 15px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.UiKitCounter_button:disabled {
  opacity: 0.5;
}

button:disabled {
  cursor: default;
}

.MobileUISpinner_root {
  display: inline-block;
  animation: MobileUISpinner_keyframes-mobileSpinner 1500ms infinite;
    animation-timing-function: ease;
    animation-direction: normal;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.42,0,0.58,1);
}

.modal-body p {
  line-height: 1.6;
}

.UiKitButton_loading > :not(.UiKitButton_spinner), .UiKitButton_loading:disabled > .UiKitButton_icon {
  opacity: 0;
  transform: translateY(-20px);
}

.UiKitCounter_onlyIncrement:active::after {
  background: #55575B;
}

.UiKitCounter_decrement:active::after {
  background: linear-gradient(90deg, #55575B 0%, rgba(196, 196, 196, 0) 50%);
}

.UiKitCounter_increment:active::after {
  background: linear-gradient(270deg, #55575B 0%, rgba(196, 196, 196, 0) 50%);
}

.UiKitButton_spinner {
  top: 50%;
  left: 50%;
  display: inline-block;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%) translateY(20px);
  transition: all 150ms;
  line-height: 0;
}

.UiKitButton_spinnerVisible {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.added-style .UiKitDesktopProductCard_onlyIncrementCounter, .added-style .UiKitProductFullCard_button{
  display: none !important;
}

.added-style .UiKitDesktopProductCard_withCounters, .added-style .UiKitProductFullCard_counter{
  display: flex !important;
}

.DesktopAddressButton_button {
  margin-right: 10px;
}

.UiKitCounter_button.UiKitCounter_onlyIncrement:active {
  transform: translateY(1px);
}

.nav-item.RestaurantCategories_item.toTopNavLink {
  display: flex;
  justify-content: center;
  padding: 6px 15px;
  margin-top: 18px;
}

.nav-item.RestaurantCategories_item.toTopNavLink svg {
  width: 28px;
  transform: rotate(180deg);
}

.UiKitShopHeader_delivery {
  cursor: pointer;
  color: #c1c1c1;
}

.UiKitShopHeader_deliveryTime {
  display: flex;
  padding: 2px;
  font-size: 14px;
  align-items: center;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 4px;
}

.UiKitShopHeader_clockIcon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-size: 100% 100%;
}

.UiKitShopHeader_title {
  font-size: 26px;
  transition: opacity 0.3s ease-in-out;
  font-weight: 800;
  line-height: 27px;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: white;
}

.UiKitShopHeader_deliveryIcon {
  margin-right: 4px;
}

.UiKitShopHeader_freeDeliveryThresholds {
  max-width: 150px;
}

.UiKitShopHeader_priceText {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-right: 4px;
}

.UiKitShopHeader_price {
  display: inline-flex;
  font-size: 14px;
  line-height: 18px;
}

.UiKitShopHeader_deliveryPrice {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.UiKitCorePrice_s {
  font-size: 14px;
  line-height: 18px;
}

.UiKitCorePrice_medium {
  font-weight: 500;
}

.UiKitShopHeader_arrowIconLine {
  opacity: 0;
  stroke: #fff;
  transition: opacity .15s ease;
}

.UiKitShopHeader_arrowIconTip {
  transition: transform .15s ease;
  stroke: #fff;
}

.UiKitShopHeader_delivery:hover .UiKitShopHeader_arrowIcon {
  stroke: #CC2D32;
}

.UiKitShopHeader_delivery:hover .UiKitShopHeader_aboutDeliveryText {
  color: #CC2D32;
}

.UiKitShopHeader_delivery:hover .UiKitShopHeader_arrowIconTip {
  transform: translateX(5px);
}

.UiKitShopHeader_delivery:hover .UiKitShopHeader_arrowIconLine {
  opacity: 1;
}

.UiKitShopHeader_arrowIcon {
  top: 1px;
  fill: none;
  flex: none;
  width: 18px;
  height: 10px;
  stroke: #21201F;
  position: relative;
  margin-left: 4px;
  stroke-width: 1.5;
  stroke-linecap: round;
}

.UiKitShopHeader_aboutDelivery {
  cursor: pointer;
  height: 24px;
  display: inline-flex;
  font-size: 14px;
  align-items: center;
  font-weight: 500;
  line-height: 18px;
  margin-left: 4px;
}

.modal-header {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.modal-footer {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.modal-header, .modal-footer {
  background-color: white;
  border: 0;
  padding: 0;
}

.modal-body {
  padding: 0;
}

.modal-content {
  border-radius: 24px;
  padding: 0;
  background: #212529;
  color: white;
}

.ModalHeader_defaultStyle {
  padding: 24px 24px 0px;
  background-color: #212529;
}

.ModalFooter_defaultStyle {
  padding: 24px 24px 24px;
  background-color: #212529;
}

.ModalBody_defaultStyle {
  padding: 0 24px 24px 24px;
  display: flex;
}

.btn-close {
  font-size: initial;
}

.ModalHeader_root {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  white-space: pre-line;
}

.SmartImage_cover .UiKitButton_spinner {
  top: 35%;
  left: 50%;
  display: inline-block;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%) translateY(20px);
  transition: all 150ms;
  line-height: 0;
  z-index: 5555111;
}

.SmartImage_cover.UiKitImage_loading .UiKitButton_spinner {
  opacity: 1;
}

.itemModal .ModalFooter_defaultStyle {
  justify-content: start;
}

.DesktopProductDetails_fullCardContent {
  padding: 0px 0px 7px 0px;
}

.UiKitProductFullCard_root {
  display: flex;
  max-width: 1164px;
  flex-direction: row;
}

.UiKitProductFullCard_picture {
  border-radius: 20px;
}

.itemModal .modal-footer {
  display: none;
}

.itemModal .SmartImage_image {
  border-radius: 28px;
  height: 244px;
  width: 100%;
}

.itemModal .UiKitText_Title2Loose {
  font-size: 23px;
  line-height: 1.1em;
  margin-bottom: 7px;
}

.UiKitProductFullCard_pictureWrapper {
  width: 365px;
  height: 370px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}

.UiKitProductFullCard_descriptionWrapper {
  display: flex;
  max-width: 664;
  padding-left: 30px;
  flex-direction: column;
  justify-content: center;
}

.itemModal .InfoModalText {
  margin-top: 6px;
  line-height: 1.5;
  font-size: 14px;
}

.UiKitProductFullCard_additionalInfo {
  color: #9E9B98;
  margin: 4px 0;
  display: flex;
  align-items: start;
  flex-direction: column;
}

.UiKitProductFullCard_weight {
  font-size: 16px;
  line-height: 21px;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitProductFullCard_priceRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

.UiKitUiKitIcon_l {
  width: 28px;
  height: 28px;
}

.UiKitCounter_l .UiKitCounter_button {
  padding: 19px;
}

.UiKitProductFullCard_counter {
  width: 160px;
  height: 56px;
}

.UiKitProductFullCard_control {
  display: flex;
  align-self: center;
  margin-top: 12px;
  margin-right: 16px;
}

.UiKitProductFullCard_control {
  display: flex;
  align-self: center;
  margin-top: 12px;
  margin-right: 16px;
}

.UiKitCorePrice_root {
  display: flex;
  align-items: flex-end;
}

.UiKitCorePrice_l {
  font-size: 24px;
  line-height: 27px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.UiKitProductFullCard_control {
  display: flex;
  align-self: center;
  margin-top: 12px;
  margin-right: 16px;
}

.UiKitProductFullCard_footerWrapper {
  margin-top: 28px;
}

.DesktopSeoLinksWidgetView_title {
  color: #9E9B98;
  margin-bottom: 12px;
}

.DesktopAddressButton_dropdown {
  padding: 0;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #55575B;
}

.DesktopAddressButton_dropdown {
  min-width: 223px;
  border-radius: 26px;
}

.DesktopAddressButton_newAddress {
  font-weight: bold;
}

.DesktopAddressButton_optionIcon {
  top: -4px;
  right: 0;
  position: absolute;
}

.DesktopAddressButton_option {
  position: relative;
  white-space: nowrap;
  padding-right: 36px;
}

.DesktopAddressButton_dropdown li:first-child > div,
.DesktopAddressButton_dropdown li:first-child a {
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
}

.DesktopAddressButton_dropdown li:last-child > div,
.DesktopAddressButton_dropdown li:last-child a {
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
}

.UIPopupList_option {
  cursor: pointer;
  display: flex;
  padding: 18px 24px;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.DesktopAddressButton_button.show .DesktopAddressButton_chevron.DesktopAddressButton_down {
  transform: rotate(-90deg);
}

.UISelectAddrModalBodyInner {
  background-color: #1c212b;
  padding: 32px;
  border-radius: 24px;
  position: relative;
}

.UISelectAddrHedingText {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 26px;
  line-height: 24px;
  font-weight: 500;
}

.UIPopoverBTN.Button2 .Button2-Text {
  margin: 0;
}

.Button2_size_xl .Button2-Text {
  margin: 0 18px;
}

.Button2_view_clear .Button2-Icon, .Button2_view_clear .Button2-Text {
  opacity: .65;
  transition: opacity .1s ease-out;
}

.UISelectAddrBlock {
  margin-top: 32px;
  position: relative;
}

.UISelectAddrBlock_wrapper {
  background: #383d46;
  border-radius: 16px;
  overflow: hidden;
}

.UISelectAddrBlock_wrapper ._3-zGN1X4aDU1gIYG5yxLCG {
  padding: 10px 16px;
}

._3-zGN1X4aDU1gIYG5yxLCG {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 12px;
}

._3X-zyUgnpgKSvDy-09kxPT {
  display: flex;
  align-items: center;
  width: 100%;
}

#mapContainer {
  padding: 0 0 30px 0;
  position: relative;
}

.mapModal .ModalBody_defaultStyle {
  flex-direction: column;
}

.searchControlContainer {
  display: flex;
}

.delivery .UiKitShopHeader_deliveryIcon {
  display: none;
}

.pickup .UiKitShopHeader_deliveryIcon {
  display: flex !important;
}

.delivery .DesktopAddressButton_icon_Baloon {
  display: flex !important;
}

.pickup .DesktopAddressButton_icon_Baloon {
  display: none;
}

.DesktopLocationModal_ok:disabled {
  color: #9E9B98 !important;
  opacity: .4;
  background-color: #404246;
  cursor: not-allowed;
}

.AppAddressInput_addressInput {
  height: 100%;
  min-height: 48px;
  padding: 0 10px 0 19px;
  font-size: 16px;
  background: #37393D;
  box-shadow: none;
  line-height: 17px;
  border-radius: 16px;
  font-feature-settings: 'pnum' on, 'lnum' on;
  color: white !important;
  border: 1px solid #022;
}

#addrHintWarning {
  color: #e30000;
  display: none;
  padding-left: 5px;
  margin-top: 4px;
  font-size: 14px;
}

.searchControlContainer .DesktopUIButton_primary {
  margin-left: 16px;
  text-align: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}

.searchControlContainer .DesktopUIButton_primary span {
  color: white;
}

.DesktopLocationMap_pane {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 1;
  position: absolute;
  align-items: center;
  pointer-events: none;
  justify-content: center;
}

.searchControlContainer * {
  color: black;
}

.mapModal .modal-content {
  max-width: 960px;
}

.mapModal .modal-dialog {
  max-width: 960px;
}

.DesktopLocationMap_pin {
  flex: 0 0 auto;
  width: 34px;
  height: 48px;
  margin-top: -48px;
}

._2T9ae51UToyYdGgQGlIm1W, ._3Wz4K_9BZMEa9Co3RAGJfA .UserPic {
  width: 56px;
  height: 56px;
}

.UserPic-Image {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background-color: transparent;
  -o-object-fit: cover;
  object-fit: cover;
}

.UISelectAddrBlock:hover .UISelectAddrBlock_wrapper {
  background: #474C55;
}

._1Mjnaq80vIibJejiVv5dNV {
  margin-left: 16px;
  max-width: 290px;
}

._23R-JqVCv0rshV7GHNpxp3, .a0a6Hyyyf8MESmsso4Hp8 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.a0a6Hyyyf8MESmsso4Hp8 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #fff;
}

.UIPickUpContaienr {
  flex: 0 0 446px;
  margin-top: 17px;
}

._23R-JqVCv0rshV7GHNpxp3 {
  font-size: 16px;
  line-height: 20px;
  color: var(--dark-theme-grey-color);
}

._1m-m2nfl8GcQZhHyA3PkJj {
  margin-left: 10px;
}

h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.js__successOrder p {
  line-height: 1.8em;
}

.js__successOrder .UiKitText_root.UiKitText_Title4.UiKitText_Bold.UiKitText_Text {
  font-size: 2em;
  color: white;
  margin-bottom: 15px;
}

.contact_title.h-title {
  color: white;
  font-size: 1.8em;
  margin-bottom: 15px;
  font-weight: bold;
  margin-top: 17px;
  line-height: 1.4em;
}

.contact_title {
  letter-spacing: -0.25px;
  line-height: 15px;
}

.contact_body a, .row_contact a {
  color: #a17563;
  text-decoration: underline;
}

.contact_body {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.31px;
  line-height: 21px;
}

.contact_title {
  color: rgb(253, 92, 19);
  font-size: 13px;
  font-weight: 300;
  letter-spacing: -0.25px;
  line-height: 15px;
  margin-bottom: 0px;
  margin-top: 7px;
}

.twopoets-map {
  width: 178px;
  background-color: rgba(251, 251, 251, 0.9);
  color: #303030;
  z-index: 1;
  position: relative;
  text-align: center;
  line-height: 31px;
  height: 31px;
  padding-left: 0;
  margin-left: 58px;
  margin-top: 11px;
  font-size: 16px;
}

.AppFooter_topLine {
  margin: 0px auto;
  display: flex;
  padding: 15px 120px;
  max-width: 1500px;
  align-items: center;
}

.AppFooter_link {
  margin-left: 0;
}

.AppFooter_link:hover {
  color: #c2c2c2;
}

.AppFooter_link.first {
  margin-left: auto;
  margin-right: 15px;
}

.AppFooter_root {
  background: #000;
  border-top: 1px solid #1c212b;
  margin-top: 200px;
}

.AppFooter_logo {
  width: 147px;
  height: 57px;
  opacity: 0.9;
  background-size: contain;
  background-image: url('../../img/logo-mroob.png');
  background-repeat: no-repeat;
  background-position: center center;
}

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

.feature-wrapper p {
  line-height: 1.5em;
}

.feature-heading {
  font-size: 2em;
  margin-bottom: 15px;
  margin-top: 10px;
}

#resume-form .form-group {
  margin: 15px 0;
}

.modal__privacy-policy {
  font-size: 15px;
}

.vacancy-block {
  margin: 10px;
}

.unstyled {
  color: #ee4836;
}

.GoCheckoutDesktopReceivingOptions_receivingSelect {
    margin: 12px 0;
    display: flex;
}

#resume-form label {
  margin-bottom: 5px;
}

h1 {
  font-size: 3rem;
  font-weight: bold;
}

.vacancy-caption p {
  margin-bottom: 20px;
}

.vacancy-caption ul li {
  padding: 5px 0;
}

.vacancy-caption ul {
  margin: 15px 0;
}

.GoCheckoutDesktopReceivingOptions_receivingOption {
    color: #9E9B98;
    cursor: pointer;
    display: flex;
    padding: 8px 16px;
    transition: .2s ease-out;
    border-radius: 16px;
}

.GoCheckoutDesktopReceivingOptions_receivingOption.GoCheckoutDesktopReceivingOptions_active {
  color: white;
  background-color: #383D46;
}

.GoCheckoutDesktopIndex_card {
  width: 100%;
  padding: 32px;
  border-radius: 32px;
  background-color: #000;
}

.GoCheckoutDesktopIndex_payOptions {
    margin-bottom: 36px;
}

.GoCheckoutDesktopDeliveryTimeSelect_selectContainer {
  padding-left: 0;
}

.GoCheckoutDesktopIndex_card .DesktopAddressButton_root {
  margin-bottom: 10px;
}

#orderSendForm {
  display: flex;
  max-width: 1228px;
  margin: 0 auto;
  min-width: 1100px;
}

label.error {
  padding: 0 !important;
  position: relative !important;
  margin-left: 3px !important;
  color: #d90101 !important;
  display: flex !important;
  transition: none !important;
  transform: none !important;
  margin-top: 5px;
}

.GoCheckoutDesktopIndex_card .form-control {
  background: #1c212b;
  border: 0;
  border-radius: 11px;
  color: white;
}

.GoCheckoutDesktopIndex_card .form-floating > label {
  color: white;
}

.RestaurantCart_root.CartTotal_root {
  top: 110px;
  width: 615px;
  height: 390px;
  overflow: hidden;
  position: sticky;
  margin-bottom: 0px;
  margin-left: 35px;
  background: #000;
  border-radius: 24px;
}

.userAuth .RestaurantCart_root.CartTotal_root {
  height: 450px;
}

.userAuth .ProfitsDesktopIndex_cart {
  margin-top: 30px;
}

.ProfitsDesktopIndex_cart input:not(.form-check-input) {
  border: 1px solid transparent !important;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0) !important;
}

.minsummNotice {
  display: none;
}

.disabledWrapper + .minsummNotice {
  display: block;
}

.DesktopUILoader_spinnerContainer {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  z-index: 2;
  position: absolute;
}

.DesktopUILoader_spinner {
  margin: auto;
}

.h2 {
  color: white;
  margin: 0;
  padding: 0;
  display: block;
}

.wrap_logo_img img {
  margin-left: 12px;
}

.payment_info {
  line-height: 1.8;
  color: white;
  padding: 12px 0;
    padding-top: 12px;
  padding-top: 0;
}

.payment_info ul li {
  padding: 7px 0;
}

.payment_info ul {
  margin-bottom: 15px;
}

.dev-title {
  color: white;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 1.3em;
}

.UiKitSkeleton_fade.UiKitSkeleton_light {
  animation: UiKitSkeleton_keyframes-lightFade 1s infinite;
}
.login-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    padding: 50px 20px;
    display: block !important;
    animation: fadein-scale 0.2s ease-in-out forwards;
}
.agreement {
  font-size: 11px;
  text-align: center;
  width: 300px;
  color: white;
}
.agreement a {
  color: #ff5d14;
  text-decoration: none;
}
.agreement a:hover {
    color: #ff5d14;
}
.login {
  width: 100%;
  max-width: 960px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 650px;
  background: #000;
  padding: 0;
  border-radius: 0;
}
.modal__content {
    width: 100%;
    height: auto;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login__left-wrapper {
    width: 50%;
    height: auto;
    background: url(/img/login.jpg) center no-repeat;
    background-size: auto;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.login__icon {
    margin-bottom: 25px;
}
.login__title {
    font-size: 36px;
    line-height: 34px;
    letter-spacing: -2px;
    color: #fff;
    margin-bottom: 30px;
}
.login__desc {
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin: 0;
    text-align: center;
}
.login__left-wrapper hr {
    margin: 15px 0;
    width: 100%;
    max-width: 48px;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.4;
    border: none;
}
#sendphoneauth {
  padding: 15px 10px;
  height: 45px;
}
.login__right-wrapper {
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  justify-content: center;
}
.login__image {
    margin: 25px 0;
}
.login__submit {
    width: 100%;
}
.login__input {
    width: 100%;
    margin-bottom: 20px;
}
.login__form-root {
    width: 100%;
    max-width: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login__info-desc {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
}
.login__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}
.login-input-root {
    display: grid;
    grid-template-columns: repeat(4, 45px);
    grid-gap: 10px;
    margin-bottom: 20px;
}
.login-input-root input {
    border: none !important;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #909090 !important;
    padding: 0px 0px 5px 0px;
    font-size: 24px;
    line-height: 29px;
    color: #909090;
    text-align: center;
    background: transparent;
    transition: border 0.2s;
    border-radius: 0 !important;
}
.login__form-root {
    width: 100%;
    max-width: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-text-wrapper p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
}

.ProductCard_unavailable .UiKitDesktopProductCard_pictureWrapper, .ProductCard_unavailable .UiKitDesktopProductCard_descriptionWrapper, .ProductCard_unavailable .UiKitDesktopProductCard_plusLabel > * {
  opacity: 0.4;
}
.ProductCard_unavailable::after  {
  content: "Будет доступен позже";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 55;
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding-top: 20px;
}
.ProductCard_unavailable .UiKitDesktopProductCard_onlyIncrementCounter.UiKitCounter_s.UiKitCounter_default {
  opacity: 0.2;
}
.about-text-wrapper ul {
  list-style: disc;
  margin: 20px 0;
  padding-left: 18px;
}
.about-text-wrapper ul li {
  margin: 3px 0;
}
.akcbtn {
  background: #1c212b;
}
.akcbtn:hover {
  color: white;
}
@media (max-width: 996px) {
    .login {
        flex-direction: column;
        max-width: 480px;
    }
    .login__left-wrapper, .login__right-wrapper {
        width: 100%;
    }
    .login__left-wrapper {
        padding: 20px;
    }
    .login__icon svg {
        width: 100%;
        height: 100%;
    }
    .login__title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 20px;
        text-align: center;
    }
    .login__left-wrapper hr {
        margin: 10px 0;
    }
    .login__desc {
        font-size: 14px;
    }
    .login__right-wrapper {
        padding: 20px;
    }
    .login__info-desc {
        font-size: 14px;
        line-height: 18px;
    }
    .login__image {
      margin: 10px 0;
      width: 215px;
      height: 100%;
    }
    .login__image svg {
        width: 100%;
        height: 100%;
    }
    .login__info {
        margin-bottom: 0;
    }
    .custom-input {
        padding: 15px 20px;
    }
}
@media (max-width: 480px) {
    .modal {
        padding: 50px 20px;
        padding-bottom: 200px;
    }
    .login__desc br {
        display: none;
    }
    .login__left-wrapper {
        padding: 20px 10px;
    }
    .order__titles a {
        margin-bottom: 10px;
    }

    .add-address__block.add-address__name input {
        max-width: 100%;
    }
}

@keyframes UISpinner_keyframes-loaderAnimationName {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes UISpinner_keyframes-loaderAnimationName {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}

@-moz-keyframes UISpinner_keyframes-loaderAnimationName {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}

@keyframes UiKitSkeleton_keyframes-lightFade {
  0% {
    background-color: #1c212b;
  }
  40% {
    background-color: #32363d;
  }
  100% {
    background-color: #1c212b;
  }
}

@-moz-keyframes UiKitSkeleton_keyframes-lightFade {
  0% {
    background-color: #1c212b;
  }
  40% {
    background-color: #32363d;
  }
  100% {
    background-color: #1c212b;
  }
}

@-webkit-keyframes UiKitSkeleton_keyframes-lightFade {
  0% {
    background-color: #1c212b;
  }
  40% {
    background-color: #32363d;
  }
  100% {
    background-color: #1c212b;
  }
}





.UISpinner_spinner {
  top: 0;
  left: 0;
  width: 100%;
  border: solid 2px #da291c;
    border-top-width: 2px;
    border-right-color: rgb(218, 41, 28);
    border-right-width: 2px;
    border-bottom-color: rgb(218, 41, 28);
    border-bottom-width: 2px;
    border-left-color: rgb(218, 41, 28);
    border-left-width: 2px;
  border-top-width: 2px;
  border-right-color: #da291c;
  border-right-width: 2px;
  border-bottom-color: #da291c;
  border-bottom-width: 2px;
  border-left-color: #da291c;
  border-left-width: 2px;
  height: 100%;
  content: "";
  position: absolute;
  animation: UISpinner_keyframes-loaderAnimationName 1s infinite linear;
  box-sizing: border-box;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.UISpinner_root {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.GoCheckoutDesktopLayout_spinnerContainer {
  top: 80px !important;
  z-index: 2;
  position: fixed !important;
}

.AppDefaultCart_root .NewCartContent_root {
  padding-bottom: 20px;
}

.AppDefaultCart_root .UiKitProductCardRow_root, .AppDefaultCart_root .NewCart_title {
  padding: 8px 28px;
}

.AppDefaultCart_root .RestaurantCart_root.RestaurantPage_column {
  margin-left: 0;
  width: 100%;
  margin-top: 30px;
  height: auto;
  margin-bottom: 0;
  border-radius: 24px;
  position: relative;
  top: initial;
}

.GoCheckoutDesktopPayOptions_payButton:disabled {
  opacity: 0.6;
  pointer-events: none;
}

.GoCheckoutDesktopPayOptions_payButton .DesktopUIButton_content {
  justify-content: center;
}

.CartTotal_root {
  width: 100%;
  padding: 27px;
  padding-bottom: 0;
  padding-top: 0;
}

.CartTotal_root .DesktopUIButton_lg {
  padding: 17px 24px;
  font-weight: 500;
  border-radius: 16px;
}

.GoCheckoutDesktopOrderInfo_header {
  font-size: 26px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
  margin-bottom: 16px;
}

.GoCheckoutDesktopPayOptions_item {
  margin-top: 20px;
}

.CartTotal_root .Price_root {
  font-size: inherit;
  line-height: inherit;
  white-space: nowrap;
  font-weight: bold;
}

.CartTotal_root .form-check-label {
  margin-left: 7px;
  margin-top: 4px;
  color: white;
}

.CartTotal_root .form-check {
  min-height: 1.5rem;
  padding-left: 1.5em;
  vertical-align: middle;
  display: inline-block;
  margin-left: 0;
  width: 100%;
  margin-bottom: 8px;
}

.CartTotal_root .form-check-input:focus {
  box-shadow: none;
}

.CartTotal_root .form-check-input:checked {
  background-color: #ee4836;
  border-color: #ee4836;
}

.GoCheckoutDesktopPayOptions_price {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.GoCheckoutDesktopPayOptions_priceWrapper {
  display: flex;
  align-items: flex-end;
  margin-left: 46px;
  flex-direction: column;
  justify-content: center;
}

.GoCheckoutDesktopPayOptions_root .GoCheckoutDesktopPayOptions_item + .GoCheckoutDesktopPayOptions_item {
  margin-top: 20px;
}

.GoCheckoutDesktopOffers_header {
  margin-bottom: 16px;
}

.GoCheckoutDesktopPayOptions_payButton {
  width: 100%;
}

.UiKitText_Body1Tight {
  font-size: 26px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

.GoCheckoutDesktopPayOptions_payWrapper {
  display: flex;
  margin-top: 24px;
  justify-content: center;
}

.GoCheckoutDesktopOrderInfo_item {
  display: flex;
  font-size: 16px;
  align-items: center;
  color: white;
  line-height: 22px;
  margin-bottom: 12px;
  justify-content: space-between;
  font-feature-settings: 'pnum' on, 'lnum' on;
}

@media (min-width: 1920px) {
  .RestaurantPage_content {
    width: 1117px;
  }

}
@media (min-width: 1680px) and (max-width: 1919px) {
  .RestaurantPage_content {
    width: 892px;
  }
  .RestaurantHeader_root {
    height: auto;

  }
}

@media (max-width: 1679px) {
  .RestaurantHeader_root {
    height: 204px;
  }
}

@media (max-width: 1535px) {
  .RestaurantHeader_root {
    height: 202px;
  }
}

@media (max-width: 1365px) {
  .RestaurantHeader_root {
    height: 268px;
  }
}

@media (min-width: 1366px) and (max-width: 1679px) {
  .RestaurantPage_content {
    width: 667px;
  }
}
@media (max-width: 1365px) {
  .RestaurantPage_content {
    width: 892px;
  }
  .RestaurantPage_column:last-child {
    display: none;
  }
}

body.item-modal-open {
  overflow: hidden;
}

body.item-modal-open > *:not(.modal):not(.modal-backdrop) {
  filter: blur(4px);
  transition: filter .25s ease;
}

.itemModal .modal-dialog {
  max-width: 1200px;
}

.itemModal {
  z-index: 2000000 !important;
}

.modal-backdrop {
  z-index: 1999990 !important;
}

.itemModal .modal-header {
  display: none;
}

.itemModal .modal-content {
  background: transparent;
  border: 0;
}

.itemModal .modal-body,
.itemModal .ModalBody_defaultStyle {
  padding: 0;
}

.dish-modal {
  position: relative;
  border-radius: 24px;
  background: #1b222e;
  color: #f4f7fb;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}

.dish-modal__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #cdd6e2;
  z-index: 5;
}

.dish-modal__top {
  display: grid;
  grid-template-columns: minmax(400px, 1fr) 430px;
}

.dish-modal__media {
  min-height: 540px;
  background: #121821;
  border-top-left-radius: 24px;
}

.dish-modal__carousel,
.dish-modal__carousel .carousel-inner,
.dish-modal__carousel .carousel-item {
  height: 100%;
}

.dish-modal__carousel .carousel-item img {
  height: 540px;
  object-fit: cover;
}

.dish-modal__carousel .carousel-indicators {
  margin-bottom: 16px;
}

.dish-modal__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 28px 24px 24px;
  background: #202938;
  border-top-right-radius: 24px;
}

.dish-modal__title {
  margin: 0;
  color: #f4f7fb;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700;
}

.dish-modal__weight {
  color: #a6b1c2;
  margin-top: 8px;
  font-size: 15px;
}

.dish-modal__desc {
  color: #cfd6e2;
  font-size: 14px;
  line-height: 1.6;
}

.dish-modal__required {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 153, 61, 0.1);
  border: 1px solid rgba(255, 173, 102, 0.35);
}

.dish-modal__required-title {
  font-size: 14px;
  font-weight: 700;
  color: #ffe2b8;
}

.dish-modal__required-subtitle {
  font-size: 12px;
  color: #f0cfa1;
  line-height: 1.4;
}

.dish-modal__required-group {
  display: grid;
  gap: 8px;
  padding: 8px 10px 10px;
  border-radius: 10px;
  background: rgba(6, 10, 17, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.dish-modal__required-group-title {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  color: #fff4df;
}

.dish-modal__required-badge {
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #2a1810;
  background: #ffb869;
}

.dish-modal__required-options {
  display: grid;
  gap: 7px;
}

.dish-modal__required-option {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #42516a;
  background: #182231;
  cursor: pointer;
}

.dish-modal__required-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.dish-modal__required-check {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid #7789a6;
  background: #111826;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dish-modal__required-input[type="radio"] + .dish-modal__required-check {
  border-radius: 999px;
}

.dish-modal__required-input:checked + .dish-modal__required-check {
  border-color: #ffb869;
  background: #ffb869;
}

.dish-modal__required-input:checked + .dish-modal__required-check::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #1a202d;
}

.dish-modal__required-input[type="radio"]:checked + .dish-modal__required-check::after {
  border-radius: 999px;
}

.dish-modal__required-option-name {
  font-size: 13px;
  color: #e8eef8;
  line-height: 1.2;
}

.dish-modal__required-option-price {
  font-size: 12px;
  color: #ffc98c;
  font-weight: 600;
}

.dish-modal__required-option.is-checked {
  border-color: #ffb869;
  background: #1f2a3b;
}

.dish-modal__required-option.is-disabled {
  opacity: 0.55;
}

.dish-modal__nutrition {
  color: #93a0b4;
  font-size: 13px;
}

.dish-modal__actions {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dish-modal__price {
  min-width: 100px;
  font-size: 28px;
  font-weight: 700;
}

.dish-modal .UiKitProductFullCard_button,
.dish-modal .UiKitProductFullCard_counter {
  margin: 0;
}

.dish-modal__bottom {
  background: rgba(255, 255, 255, 0.04);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  padding: 22px 24px 24px;
}

.dish-modal__section-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.dish-modal__addons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: min-content;
  align-items: start;
  gap: 8px;
  max-height: 260px;
  overflow: auto;
  padding-right: 4px;
}

.dish-modal__addons::-webkit-scrollbar {
  width: 8px;
}

.dish-modal__addons::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}

.dish-modal__addons::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5b6c86 0%, #3f4f68 100%);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.dish-modal__addons::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #6d7f9d 0%, #4e617e 100%);
}

.dish-modal__addon-card {
  border-radius: 10px;
  padding: 7px 10px;
  background: #111825;
  border: 1px solid #2f3a4b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dish-modal__addon-title {
  color: #d8e0ec;
  font-size: 12px;
  margin-bottom: 2px;
  line-height: 1.2;
}

.dish-modal__addon-price {
  color: #a9b5c9;
  font-size: 12px;
  font-weight: 600;
}

.dish-modal__addon-group {
  display: grid;
  gap: 6px;
  align-self: start;
}

.dish-modal__addon-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dish-modal__addon-group-title {
  font-size: 13px;
  font-weight: 700;
  color: #eef3fb;
  margin-top: 4px;
}

.dish-modal__addon-group-required {
  margin-left: 8px;
  color: #ff8d8d;
  font-size: 12px;
  font-weight: 600;
}

.dish-modal__addon-group-meta {
  margin-left: 6px;
  color: #9cadc5;
  font-size: 11px;
  font-weight: 600;
}

.dish-modal__addon-group-clear {
  border: 1px solid #3a455a;
  background: transparent;
  color: #9cadc5;
  font-size: 11px;
  border-radius: 999px;
  padding: 2px 8px;
}

.dish-modal__addon-group-clear:disabled {
  opacity: 0.35;
}

.dish-modal__addon-group-warning .dish-modal__addon-group-title {
  color: #ffd17f;
}

.dish-modal__addon-group-warning .dish-modal__required-group-title {
  color: #ffd17f;
}

.dish-modal__addon-main {
  flex: 1;
  min-width: 0;
  cursor: pointer;
}

.dish-modal__addon-qty {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 0;
}

.dish-modal__addon-btn {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #3a455a;
  background: #1d2736;
  color: #fff;
  line-height: 1;
  font-size: 14px;
  padding: 0;
}

.dish-modal__addon-count {
  min-width: 12px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}

@media (max-width: 992px) {
  .itemModal .modal-dialog {
    max-width: calc(100% - 20px);
    margin: 10px auto;
  }

  .dish-modal__addons {
    grid-template-columns: 1fr;
  }

  .dish-modal__top {
    grid-template-columns: 1fr;
  }

  .dish-modal__media,
  .dish-modal__info {
    border-radius: 0;
  }

  .dish-modal__media {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    min-height: 320px;
  }

  .dish-modal__carousel .carousel-item img {
    height: 320px;
  }

  .dish-modal__info {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
}