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: "Open Sans", "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;
}

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: 0.2s ease-out;
}
a:hover {
  color: #fbb040;
}

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: 10px;
}

/* 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: "intro-black";
  src: url("../fonts/intro-black.eot");
  src: url("../fonts/intro-black.eot") format("embedded-opentype"),
    url("../fonts/intro-black.woff2") format("woff2"),
    url("../fonts/intro-black.woff") format("woff"),
    url("../fonts/intro-black.ttf") format("truetype"),
    url("../fonts/intro-black.svg#intro-black") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "stolzl-book";
  src: url("../fonts/stolzl-book.eot");
  src: url("../fonts/stolzl-book.eot") format("embedded-opentype"),
    url("../fonts/stolzl-book.woff2") format("woff2"),
    url("../fonts/stolzl-book.woff") format("woff"),
    url("../fonts/stolzl-book.ttf") format("truetype"),
    url("../fonts/stolzl-book.svg#stolzl-book") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "stolzl-regular";
  src: url("../fonts/stolzl-regular.eot");
  src: url("../fonts/stolzl-regular.eot") format("embedded-opentype"),
    url("../fonts/stolzl-regular.woff2") format("woff2"),
    url("../fonts/stolzl-regular.woff") format("woff"),
    url("../fonts/stolzl-regular.ttf") format("truetype"),
    url("../fonts/stolzl-regular.svg#stolzl-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "code-pro-light-lc";
  src: url("../fonts/code-pro-light-lc.eot");
  src: url("../fonts/code-pro-light-lc.eot") format("embedded-opentype"),
    url("../fonts/code-pro-light-lc.woff2") format("woff2"),
    url("../fonts/code-pro-light-lc.woff") format("woff"),
    url("../fonts/code-pro-light-lc.ttf") format("truetype"),
    url("../fonts/code-pro-light-lc.svg#code-pro-light-lc") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
@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: 0.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: 0.2s ease-out;
  margin: 2px 0;
}

.Menu_el:hover {
  color: #fbb040;
}

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

.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: 0.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: #fbb040;*/
  color: #fbb040;
}

.Menu_area_mb {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;

  top: 0;
  width: 100%;

  background-color: #121212d9;
  z-index: 60;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08), 0 0 1px 0 rgba(0, 20, 51, 0);

  display: flex;
  align-items: center;
  gap: 20px;
  padding: 5px;
  justify-content: space-between;
}

.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;
}
/* .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;
  height: 28px;
} */
.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(../images/icons/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: #fbb040;
}

.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: 0.2s ease-out;
  vertical-align: middle;
}
.Footer_area .f_el.act {
  color: #fbb040;
}

.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: 124px;
  letter-spacing: -5.6px;
  left: -7px;
}

.Title_main {
  margin-top: 80px;
  font-size: 56px;
  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: "code-pro-light-lc", 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;
  margin-bottom: 45px;
}

.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: 0.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: 0.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 {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);
}
.Products_list_area .Product_el {
  background: #2c2c2c4d;
  padding: 24px;
  border-radius: 16px;
}

.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 {
  /* display: inline-block; */
  transition: all 0.2s ease-out;
  /* margin: 35px; */
  min-height: 250px;
  vertical-align: text-bottom;
  /* min-width: 360px; */
  /* 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 24px -20px #0000008f;
  transform: scale(1.03);
}

.Product_el .title {
  max-width: 280px;
  font-size: 24px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: -0.7px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  margin-bottom: 8px;
  font-weight: 700;
}
.Product_el .price {
  font-size: 24px;
  font-family: "code-pro-light-lc", sans-serif;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: -0.7px;
  /* margin-bottom: 8px; */
  /* font-weight: 500; */
  /*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: 220px;
  position: absolute;
  right: 15;
  top: 15;
  z-index: 1;

  /* margin-bottom: 15px;
  margin-right: 15px; */
  border-radius: 16px;
}
.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;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.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: 205px;
  margin-bottom: 16px;    backdrop-filter: blur(5px);
  text-shadow: 0 0 3px black;
}
.Product_el:hover .title {
  color: #fbb040;
}

.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: 0.2s ease-out;
  bottom: 0;
  margin-top: auto;
  width: max-content;
}

.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-weight: bold;
  font-size: 32px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;
  margin-bottom: 16px;
  line-height: normal;
}
.Product_category_title {
  font-size: 24px;
  font-family: "intro-black", sans-serif;
  text-transform: uppercase;

  margin-bottom: 16px;
}
.Product_price_title {
  font-size: 32px;
  font-family: "code-pro-light-lc", sans-serif;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.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: #fbb040;
}
.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;
}

.pr_const_title {
  line-height: normal;
  font-size: 28px;
  font-family: "code-pro-light-lc", sans-serif;
  display: inline-block;
  margin-bottom: 16px;
}

.Product_area .pr_roasting_title {
  font-size: 68px;
  line-height: 1.3em;
  font-family: "code-pro-light-lc", sans-serif;
  text-shadow: 1px 1px 0px #000;
  display: inline-block;
  transition: 0.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: #fbb040;*/
  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: 0.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: 0.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: #fbb040;
}

.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: 0.2s ease-out;
}
.Product_area .pr_cutlet_area .ACT .title {
  color: #fbb040;
}

.Product_area .pr_meat_area {
  position: relative;
  min-height: 350px;
  margin-top: 100px;
  transition: 0.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(../images/icons/cart2.png) no-repeat 45% 55%;
  background-size: 35px;
  transition: 0.4s ease-out;
}

.Basket_but:hover {
  background-color: #fbb040;
}
/*.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: #fbb040;
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes Animation_basket2 {
  50% {
    background-color: #fbb040;
  }
  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: 0.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: #fbb040;
}

.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: 24px;
  line-height: 1.3em;
  font-family: "code-pro-light-lc", 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: 0.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: 0.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: #fbb040;
}

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

.Ico_menu {
  background: url("../images/icons/menu.png") no-repeat center;
  background-size: 34px;
}

.Icon_menu {
  background-image: url(../img/sprite.png);
  background-position: -513px -403px;
  width: 24px;
  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: 0.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: 0.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: 0.2s ease-out;
}
.Burger_modification_area .ACT .m_title {
  color: #fbb040;
}

.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: 0.2s ease-out;
}
.Drink_modification_area .ACT .m_title {
  color: #fbb040;
}

.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 0.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 0.15s, box-shadow ease-in-out 0.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 0.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: 0.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: #fbb040;
  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: #fbb040;
}

.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: #fbb040;
  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: 0.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 #fbb040;*/
  /*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: #fbb040;
  display: flex;
  align-items: center;
  padding: 14px 20px;
  /*font-weight: bold;*/
  border-radius: 5px;
  cursor: pointer;
  justify-content: center;
  transition: 0.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: 0.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: #fbb040;
  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: 0.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: #fbb040;
}

.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: 0.2s ease-out;
}
.Link_animate:hover {
  color: #fbb040;
  border-color: #fbb040;
}

.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: "code-pro-light-lc", 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: "code-pro-light-lc", 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: "code-pro-light-lc", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  background: no-repeat;
  width: 70px;
  text-align: center;
}
.Basket_area img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.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: "code-pro-light-lc", sans-serif;
  text-transform: uppercase;
  min-width: 100px;
}
.Order_area .o_quantity {
  text-align: right;
  font-size: 22px;
  font-family: "code-pro-light-lc", 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: "code-pro-light-lc", sans-serif;
}

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

.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: #fbb040;}
	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 (min-width: 768px) {
  .Products_list_area.main-block .Product_el:nth-child(1){
    grid-row: span 2;
    grid-column: span 1;  
    /* height: 550px; */
  }
  /* .Products_list_area.main-block .Product_el:nth-child(1) {
    grid-row: span 2;
    grid-column: span 1;
  } */

  .Products_list_area.main-block .Product_el:nth-child(1) img {
    max-width: 360px!important;
    width: 100%;
    object-fit: contain;

    border-radius: 16px;

    top: 20%;
  }
  .Products_list_area.main-block .Product_el:nth-child(1) .title {
    font-size: 32px;
  }
  .Products_list_area.main-block .Product_el:nth-child(1) .price {
    font-size: 40px;
  }

  .Products_list_area.main-block .Product_el:nth-child(1) .top {
    height: 100%;
    gap: 24px;
  }

  .Products_list_area.main-block .Product_el:nth-child(2) {
    grid-row: span 1;
    grid-column: span 1;
    height:100%;
  }
  .Products_list_area.main-block .Product_el:nth-child(3) {
    grid-row: span 1;
    grid-column: span 1;
    height:100%;
  }
  .Products_list_area.main-block .Product_el:nth-child(2) img {
    width: 230px;
    height: max-content;
    top: 15;
      }
  .Products_list_area.main-block .Product_el:nth-child(3) img {
width: 230px;
height: max-content;
top: 15;
  }

  .Products_list_area.main-block .Product_el:nth-child(2) .desc {
    max-width: 340px;
      }
  .Products_list_area.main-block .Product_el:nth-child(3) .desc {
    max-width: 340px;
  }


}

@media (max-width: 768px) {
  .Products_list_area {
    grid-template-columns: repeat(1, 1fr);
  }
  .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: 26px;
    line-height: 26px;
  }
  .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: 190px;
    right: 0px !important;
    opacity: 0.8;
    top: 0px;
  }

  .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: 24px;
    line-height: 24px;
  }

  .Product_title {
    font-size: 24px;
    line-height: 24px;
    line-height: normal;
  }
  .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;
  }
  .mobile-d-none {
display: none;
  }

  .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;
  }
  .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: 214px;
  }

  .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;
}


/* Скрыть стрелки в Chrome, Safari, Edge и Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Скрыть стрелки в Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.b_toppings ul{
  padding: 0;
  text-align: start;
}

.b_toppings li{
  list-style: none;
}

.b_toppings li:not(:last-child){
  margin-bottom: 8px;
}

.DELIVERY_TYPE_EL.active{
  color: #fbb040;
}
.DELIVERY_TYPE_ELement{
  display: none;
}
.DELIVERY_TYPE_ELement.opened{
  display: block;
}
.swiper-backface-hidden .swiper-slide{
  height: max-content;
  border-radius: 16px;
}
.swiper-button-next,.swiper-button-prev{
  color: #f98900;
  background: #0000007a;
  padding: 10px;
  width: 30px;
  height: 60px;
  border-radius: 6px;
}