@font-face {
    font-family: "SF-UI-DISPLAY-BLACK";
    src: url("../fonts/SF-UI-DISPLAY-BLACK.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-BOLD.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-HEAVY.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-LIGHT.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-MEDIUM.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-REGULAR.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-SEMIBOLD.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-THIN.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-ULTRALIGHT.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF-UI-DISPLAY";
    src: url("../fonts/SF-UI-DISPLAY-THIN.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
.deactivate_promotions {
	display: none;
}

.bonustemp {
	color: red !important;
}

#nav-menu li:nth-child(2) {
    color: red;
}

.block.block_1 {
	display: none;
}
.counter {
	display: none;
}
.block.block_2 {
	display: none;
}
#partners {
	display: none;
}
#reviews {
	display: none;
}

.block-head__subtitle {
	display: none;
}
.block-head__logo {
	margin-bottom: 2em;
}


footer {
    background: #313131;
}

footer .top {
    overflow: hidden;
}

footer .top .item {
    padding-top: 60px;
    padding-bottom: 32px;
    box-sizing: border-box;
}

footer .top .item .title-menu {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-bottom: 25px;
}

footer .top .item:nth-child(3):after {
    content: "";
    width: 0.5px;
    height: 100vh;
    background: rgba(62, 62, 62, 0.5);
    position: absolute;
    top: 0;
    right: 0;
}

footer .top .item:last-child {
    padding-bottom: 170px;
}

footer .top .item:last-child ul li {
    padding-left: 16px;
}

footer .top .item:last-child ul li:before {
    display: none;
}

footer .top .item:last-child ul li a {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

footer .top .item:last-child ul li a:hover {
    color: #e13d3d;
}

footer .top .item ul li {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
}

footer .top .item ul li:before {
    content: "";
    position: absolute;
    top: 6px;
    width: 5px;
    height: 5px;
    background: #4a4a4a;
    border-radius: 50%;
    left: 0;
}

footer .top .item ul li a {
    color: #c0c0c0;
    font-size: 12px;
    letter-spacing: 0.12px;
    font-weight: 300;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

footer .top .item ul li a:hover {
    color: #e8b44e;
}

footer .top .footer_social_links {
    margin-top: 27px;
    font-size: 0;
    margin-left: 16px;
}

footer .top .footer_social_links li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding: 0;
    padding-left: 0 !important;
}

footer .top .footer_social_links li a {
    width: 35px;
    height: 35px;
    z-index: 1;
}

footer .top .footer_social_links li a svg {
    width: 100%;
    height: 100%;
}

footer .top .footer_social_links li a svg .circle,
footer .top .footer_social_links li a svg circle {
    fill: #414141;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}

footer .top .footer_social_links li.in_link {
    position: relative;
}

footer .top .footer_social_links li.in_link:after {
    content: "";
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}

footer .top .footer_social_links li:hover.fb_link svg .circle {
    fill: #3B5998;
}

footer .top .footer_social_links li:hover.vk_link svg .circle {
    fill: #4E729A;
}

footer .top .footer_social_links li:hover.in_link svg .circle {
    fill: #833ab4;
}

footer .top .footer_social_links li:hover.te_link svg circle {
    fill: #0088cc;
}

footer .top .payment_logos {
    position: absolute;
    bottom: 29px;
    padding-left: 2px;
}

footer .top .payment_logos img {
    margin-right: 5px;
}

footer .middle .seo-text {
    padding: 35px 0;
    border-top: 1px solid rgba(62, 62, 62, 0.5);
    border-right: 1px solid rgba(62, 62, 62, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

footer .middle .seo-text .desc {
    font-size: 12px;
    color: #8a8a8a;
    letter-spacing: 0.12px;
    line-height: 18px;
    font-weight: 300;
    max-width: calc(100% - 80px);
    margin-left: 20px;
    margin-right: 20px;
    max-height: 35px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

footer .middle .seo-text .desc p {
    margin-bottom: 10px;
}

footer .middle .seo-text .desc.active {
    max-height: 1000px;
}

footer .middle .seo-text .desc br {
    line-height: 30px;
}

footer .middle .seo-text .desc h1 {
    margin-bottom: 10px;
}

footer .middle .seo-text .btn {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

footer .middle .payment {
    padding: 33px 30px;
}

footer .middle .payment img {
    margin-right: 5px;
}

footer .bottom {
    height: 50px;
    background: #202020;
}

footer .bottom .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
}

footer .bottom .copyright {
    font-size: 12px;
    color: #8f8f8f;
    font-weight: 500;
    letter-spacing: 0.12px;
    padding-top: 8px;
}

footer .bottom .created {
    font-size: 12px;
    color: #8f8f8f;
    font-weight: 500;
    letter-spacing: 0.12px;
}

footer .bottom a {

    color: #e8b44e;
}

footer .bottom .recaptcha {

    margin-right: 50px;
}

footer .bottom a:hover {
    text-decoration: underline;
}

footer .bottom .created a.twid_logo {
    width: 50px;
    height: 25px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -4px;
    margin-left: -10px;
}

footer .bottom .created a svg {
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
}

footer .bottom .created a:hover svg {
    fill: #8f8f8f;
}

/*
header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 1176px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 114;
}
header.no-adress .inner {
  background: #e13d3d;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
header.no-adress .inner .logo-block .btn {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header.no-adress .inner .enter-address:before {
  background: url("../img/ui/address-icon-white@2x.png") no-repeat center center;
  background-size: contain;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
header.no-adress .inner .enter-address .label span {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header.no-adress .inner .enter-address .label span.no-adress-label {
  opacity: 1 !important;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header.no-adress .inner .cart-block {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header .inner {
  background: #fff;
  height: 100%;
  width: 100%;
  max-width: 1176px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.06);
  -webkit-transition: background 1.5s;
  transition: background 1.5s;
}
header .logo-block {
  width: 177px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 11px 0px 50px 0px rgba(0, 0, 0, 0.1);
}
header .logo-block:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
header .logo-block .logo {
  float: left;
  width: 99px;
  text-align: center;
}
header .logo-block .logo img {
  max-width: 42px;
  height: 42px;
}
header .logo-block .btn {
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
}
header .enter-address {
  max-width: 630px;
  height: 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
header .enter-address:before {
  content: "";
  width: 12px;
  height: 16px;
  background: url("../img/ui/address-icon@2x.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 24px;
  !*-webkit-transition: background 1.5s;
  transition: background 1.5s;*!
}

header .enter-address.load:before{
  background: url('../img/ajax.gif') no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
}

header .enter-address .label {
  padding: 0 56px;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
}
header .enter-address .label span {
  color: #8a8a8a;
  letter-spacing: 0.35px;
  font-weight: 300;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
header .enter-address .label span.pickup_text{
  font-size: 20px;
  font-weight: 300;
  color: #606060;
  letter-spacing: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 60px);
}
header .enter-address .label span.no-adress-label {
  opacity: 0 !important;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 0.45px;
  color: #fff;
}
header .enter-address form {
  margin-left: 30px;
  width: 100%;
  display: none;
  font-size: 0;
}
header .enter-address form input[type="text"] {
  min-width: 50%;
  max-width:61%;
  padding: 0 32px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 300;
  color: #606060;
  letter-spacing: 0;
  border-bottom: none;
  background: transparent;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .enter-address form input[type="text"].user_house {
  width: 11px;
  min-width: 110px;
  border-left: 1px solid #eaeaea;
  padding: 0 20px;
  font-size: 14px;
}
header .enter-address form input[type="text"].user_house.focus-in {
  font-size: 18px;
}
header .enter-address form button[type="submit"] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #e9e9e9;
  background: transparent;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
  display: none;
}
header .enter-address form button[type="submit"]:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
header .enter-address form button[type="submit"] svg {
  max-width: 12px;
}
header .enter-address form button[type="submit"] svg polygon {
  fill: #cecece;
}
header .enter-address form ::-webkit-input-placeholder {
  !* WebKit, Blink, Edge *!
  font-weight: 300;
  font-size: 18px !important;
  letter-spacing: 0.45px;
  color: #cdcdcd;
  line-height: 50px;
}
header .enter-address form :-moz-placeholder {
  !* Mozilla Firefox 4 to 18 *!
  font-weight: 300;
  font-size: 18px !important;
  letter-spacing: 0.45px;
  color: #cdcdcd;
  opacity: 1;
  line-height: 50px;
}
header .enter-address form ::-moz-placeholder {
  !* Mozilla Firefox 19+ *!
  font-weight: 300;
  font-size: 18px !important;
  letter-spacing: 0.45px;
  color: #cdcdcd;
  opacity: 1;
  line-height: 50px;
}
header .enter-address form :-ms-input-placeholder {
  !* Internet Explorer 10-11 *!
  font-weight: 300;
  font-size: 18px !important;
  letter-spacing: 0.45px;
  color: #cdcdcd;
  line-height: 50px;
}
header .cart-block {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
}
header .cart-block .trigger-open-mob-filter{
  display: none;
}
header .cart-block .btn {
  float: left;
}
header .cart-block .btn-user {
  margin-right: 30px;
  width: 100px;
}
header .cart-block .btn-user.logged_in{
  width: 130px;
}
header .cart-block .btn-phone {
  position: relative;
}
header .cart-block .btn-phone:hover .tooltop-phone {
  !*opacity: 1;*!
  !*pointer-events: all;*!
}

header .cart-block .tooltop-phone {
  position: absolute;
  right: -63px;
  top: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear 0.1s;
  transition: opacity 0.3s linear 0.1s;
  pointer-events: none;
}
header .cart-block .tooltop-phone .inner-tooltop {
  width: 280px;
  background: #fff;
  border-radius: 6px;
  margin: 13px;
  position: relative;
  box-shadow: 0px 5px 18px 0px rgba(50, 50, 50, 0.18);
}
header .cart-block .tooltop-phone .inner-tooltop:after {
  content: "";
  position: absolute;
  top: -7px;
  right: 50px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
header .cart-block .tooltop-phone .item {
  height: 94px;
  width: 100%;
  padding: 26px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #ececec;
}
header .cart-block .tooltop-phone .item:last-child {
  border-bottom: none;
    height: 45px;

}
header .cart-block .tooltop-phone .item:last-child a span{
    color: #e8b44e;

}
header .cart-block .tooltop-phone .item:last-child a:hover span{
  text-decoration: underline;

}
header .cart-block .tooltop-phone .item a{
  font-size: 24px;
  letter-spacing: 0.24px;
  color: #6c6b6b ;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 6px;
}

header .cart-block .btn-phone a{

  color: #686868;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 0.2px;
}

header .cart-block .btn-phone{

  width: 160px;
}

header .cart-block .btn-phone a{

  line-height: 50px;
  margin-bottom: 0;
}

header .cart-block .btn-phone img{

  margin-left: 10px;
  filter: grayscale(100%);
}

header .cart-block .tooltop-phone .item span {
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #cbcbcb;
}*/

/*NEW*/
.header {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1176px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 114;
    -webkit-box-shadow: 0px 2px 16px 0px rgba(60, 62, 74, 0.08);
    -moz-box-shadow: 0px 2px 16px 0px rgba(60, 62, 74, 0.08);
    box-shadow: 0px 2px 16px 0px rgba(60, 62, 74, 0.08);
    transition: transform 0.2s;
}


.header.header__hide-top{
  transform: translate(-50%, -40px);
  transition: transform .3s;
}

.archive_blog .filters {
  transition: transform 0.2s;
}

.archive_blog .filters.header__hide-top {
  transform: translate(-50%, -40px);
  transition: transform .3s;
}


.mainMenu_pop.header__hide-top .body{
  transform: translate(-50%, -40px);
}

.header .header__top {
    width: 100%;
    /*height: calc((120 / ((1920 * .01) * 1)) * 1vw);*/
    height: 40px;
    background: #fff;
    background: url("../img/header_bg.jpg") no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.header .header__top a {
    transition: color .3s;
    font-size: 13px;
    font-weight: 600;
}

.header .header__top a:hover {
    color: #F4D78B;
}

.header .header__top nav {
    padding: 0 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header .header__top nav ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .header__top nav ul li {
    list-style: none;
}

.header .header__top .nice-select.lang {
    width: auto;
    min-width: 115px;
    height: 20px;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    line-height: initial;
    padding: 0 35px 0 20px !important;
    margin: 0;
    border: 1px solid #fff !important;
    margin-left: 60px;
}

.header .header__top .nice-select.lang.open {
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.header .header__top .nice-select.lang:after {
    right: 20px;
    width: 5px;
    height: 5px;
    border-radius: 1px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-top: -3px;
}

.header .header__top .nice-select.lang .current {
    font-size: 10px;
    font-weight: 500;
    color: #fff;
}

.header .header__top .nice-select.lang .list {
    display: block;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: calc(100% + 2px);
    margin-left: -1px;
}

.header .header__top .nice-select.lang .list li {
    width: 100%;
    display: block;
    align-items: initial;
    justify-content: initial;
}

.header .header__top .nice-select.lang .list .option {
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    min-height: initial;
}

.header .header__bottom {
    width: 100%;
    height: 70px;
    padding: 0 47px;
    background: #fff;
}

.header .inner {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    max-width: 1176px;
    height: 100%;
    margin: 0 auto;
}

.header .logo {
    /*width: calc((64 / ((1920 * .01) * 1)) * 1vw);*/
    /*height: calc((84 / ((1920 * .01) * 1)) * 1vw);*/
    width: 25px;
    height: 35px;
    margin-left: 55px;
    flex-shrink: 0;
}

.header .logo img {
    width: 100%;
    height: 100%;
}

.header .btn-menu {
    /*width: calc((35 / ((1920 * .01) * 1)) * 1vw);*/
    height: calc((35 / ((1920 * .01) * 1)) * 1vw);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .btn-menu span {
    background: #333333;
    width: 38px;
    height: 2px;
    position: relative;
    display: block;
    border-radius: 2px;
    transition: all .3s;
}

.header .btn-menu span:after {
    content: '';
    background: #333333;
    width: 33px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-11px);
    border-radius: 2px;
    transition: all .3s;
}

.header .btn-menu span:before {
    content: '';
    background: #333333;
    width: 30px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(11px);
    border-radius: 2px;
    transition: all .3s;
}

.header .btn-menu.open span {
    background: transparent;
}

.header .btn-menu.open span:before {
    width: 30px;
    transform: translateY(0) rotate(-45deg);
}

.header .btn-menu.open span:after {
    width: 30px;
    transform: translateY(0) rotate(45deg);
}

.header .enter-address {
    width: 100%;
    max-width: 370px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 38px;
    border-radius: 20px;
    cursor: pointer;
    margin-left: 85px;
}

.header .enter-address .label:before {
    content: "";
    width: 10px;
    height: 14px;
    background: url(../img/map-marker.svg) no-repeat center;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.header .enter-address .label {
    font-size: 12px;
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.6);
}

.header .phone {
    color: #333333;
    font-size: 14px;
    margin-left: 70px;
}

.header .phone :before {
    content: "";
    width: 14px;
    height: 15px;
    background: url(../img/phone-icon.svg) no-repeat center;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.header .cart {
    padding: 0 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 38px;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: rgba(51, 51, 51, 0.7);
    margin-left: auto;
}

.header .cart .uah {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.header .cart .ajax_sum:before {
    content: '';
    width: 14px;
    height: 15px;
    background: url("../img/cart-icon.svg") no-repeat center;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

.header .btn-user {
    /*width: 78px;*/
    height: 38px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: #000;
    margin-left: 20px;
}

.btn-user span {
    /*width: 35px;*/
    height: 35px;
    -webkit-transition: color 0.1s, border-color 0.1s;
    transition: color 0.1s, border-color 0.1s;
    font-size: 14px;
    font-weight: 600;
    color: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-user span:before {

    content: '';
    width: 14px;
    height: 19px;
    background: url("../img/user.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.btn-user.logged_in {
    border: 1px solid #eed89e;
}

.btn-user.logged_in span {

    color: #eed89e;
}

.btn-user.logged_in span:after {
    background: url("../img/ui/header_user.svg") no-repeat center center;
    background-size: 11px;
    border: none;
}

.btn-user.logged_in span {

}

.btn-user.logged_in span:after {
    /*display: none;*/
}

.btn-user.logged_in:hover span:after {
    background: url("../img/ui/header_user_hover.svg") no-repeat center center;
    background-size: 11px;
}

.btn-user.logged_in:hover span {
    color: #e6ba44;

}

.btn-user.logged_in:hover {
    border-color: #e6ba44;
}

.index .trigger-block ~ .inner {
    overflow: hidden;
}

.index .categories-block {
    margin: 40px 0 25px;
}

.index .categories-block .categories-block__slider .category-item {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: background-color .3s;
}

.index .categories-block .categories-block__slider .category-item:hover {
    background-color: #F4D78B;
}

.index .categories-block .categories-block__slider .category-item .category-item__icon {
    margin-bottom: 16px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index .categories-block .categories-block__slider .category-item .category-item__name {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #313030;
    text-align: center;
}

.index .categories-block .bx-wrapper .bx-controls {
    /*width: calc(100% + 76px);*/
    /*margin-left: -28px;*/
    /*position: relative;*/
}

.index .categories-block .bx-wrapper .bx-controls .bx-prev {
    width: 36px;
    height: 36px;
    background: url("../img/category-slider-arrow-left.svg") no-repeat center #fff;
    background-size: 16px;
    border-radius: 50%;
    z-index: 100;
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
    left: -46px;
}

.index .categories-block .bx-wrapper .bx-controls .bx-next {
    width: 36px;
    height: 36px;
    background: url("../img/category-slider-arrow-left.svg") no-repeat center #fff;
    background-size: 16px;
    border-radius: 50%;
    z-index: 100;
    transform: rotate(180deg);
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
    right: -46px;
}

.block-kombo {
    position: relative;
    padding: 90px 0;
    width: 100%;
    text-align: center;
    background-size: cover !important;
    background-position: center !important;
}

.block-kombo:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.block-kombo > * {
    z-index: 1;
    position: relative;
}

.block-kombo .title {
    max-width: 690px;
    margin: 0 auto;
    font-weight: 700;
    color: #fff;
    line-height: 140%;
    font-size: 40px;
    text-align: center;
}

.block-kombo .btn {
    margin-top: 40px;
    background: #FDCA6E;
    height: 80px;
    width: auto;
    padding: 0px 50px;
}

.block-kombo .btn span {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    line-height: 75px;
    text-transform: initial;
    letter-spacing: 0;
}

.block-special-offers {
    margin: 87px 0;
    overflow: hidden;
}

.block-special-offers .title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 40px;
    line-height: 64px;
    letter-spacing: 0.2px;
    font-weight: 700;
}

.block-special-offers .title .btn {
    margin-top: 0;
    color: #F7F7F7;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    padding: 0 24px;
    text-transform: none;
    background: #000;
    line-height: 55px;
}

.block-special-offers .block-special-offers__slider {
    margin-top: 40px;
}

.block-special-offers .bx-wrapper {
    max-width: 1015px !important;
    overflow: visible;
}

.block-special-offers .bx-wrapper .bx-viewport {
    background: transparent;
    height: auto !important;
    padding: 0 18px;
}

.block-special-offers .bx-wrapper .bx-controls .bx-prev {
    width: 36px;
    height: 36px;
    background: url("../img/category-slider-arrow-left.svg") no-repeat center #fff;
    background-size: 16px;
    border-radius: 50%;
    z-index: 100;
    box-shadow: 30px 8px 40px 0px rgba(0, 0, 0, 0.08);
    left: -55px;
}

.block-special-offers .bx-wrapper .bx-controls .bx-next {
    width: 36px;
    height: 36px;
    background: url("../img/category-slider-arrow-left.svg") no-repeat center #fff;
    background-size: 16px;
    border-radius: 50%;
    z-index: 100;
    transform: rotate(180deg);
    box-shadow: 30px 8px 40px 0px rgba(0, 0, 0, 0.08);
    right: -55px;
}

.block-special-offers .offer-item {
    background: #fff;
    border-radius: 25px;
    box-shadow: 0px 4px 4px 0px rgba(235, 241, 245, 0.5);
    overflow: hidden;
    max-width: 328px;
    width: 100%;
    /*margin: 0 15px;*/
    display: block;
    transition: box-shadow .3s;
    margin-bottom: 30px;
}

.block-special-offers .offer-item:hover {
    box-shadow: 0 9px 18px 0 rgb(0, 0, 0, 0.15);
}

.block-special-offers .offer-item .offer-item__photo {
    height: 270px;
    position: relative;
}

.block-special-offers .offer-item .offer-item__photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.block-special-offers .offer-item .offer-item__photo .tags {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.block-special-offers .offer-item .offer-item__photo .tags ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 5px;
}

.block-special-offers .offer-item .offer-item__photo .tags ul li:last-of-type {
    margin-right: 0;
}

.block-special-offers .offer-item .offer-item__photo .tags ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    height: 30px;

    font-size: 11px;
    color: #F7F7F7;
    text-transform: uppercase;
    font-weight: 500;
}

.block-special-offers .offer-item .offer-item__desc {
    padding: 20px 20px 32px;
}

.block-special-offers .offer-item .offer-item__title {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 32px;
}

.block-special-offers .offer-item .offer-item__description {
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 140%;
}

.block-special-offers .offer-item .offer-item__info {
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.block-special-offers .offer-item .offer-item__info .offer-item__views:before {
    content: '';
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: url("../img/views-icon.svg") no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.block-special-offers .offer-item .offer-item__info .offer-item__date {
    margin-right: 20px;
    position: relative;
}

.block-special-offers .offer-item .offer-item__info .offer-item__date:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(12px, -50%);
}

.block-loyalty {
    padding: 120px 0;
    position: relative;
    overflow: hidden;
    color: #F7F7F7;
}

.block-loyalty .bg {
    position: absolute;
    top: -3%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-position: center !important;
    background-size: cover !important;
    filter: blur(10px);
}

.block-loyalty .bg:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    display: block;
}

.block-loyalty .container {
    position: relative;
    z-index: 2;
}

.block-loyalty .block-loyalty__title {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.block-loyalty .block-loyalty__subtitle {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    max-width: 570px;
    line-height: 140%;
    margin: 20px auto 0;
}

.block-loyalty .block-loyalty__top-block {
    margin: 50px auto;
    max-width: 1070px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.block-loyalty .block-loyalty__top-block .item {
    max-width: 160px;
}

.block-loyalty .block-loyalty__top-block .item .icon {
    background: #F7F7F7;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.block-loyalty .block-loyalty__top-block .item .icon img {
    max-width: 42px;
}

.block-loyalty .block-loyalty__top-block .item .text {
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.block-loyalty hr {
    background: #F7F7F7;
    height: 1px;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    border: none;
}

.block-loyalty .block-loyalty__bottom-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

.block-loyalty .block-loyalty__bottom-block .item {
    max-width: 335px;
    text-align: center;
}

.block-loyalty .block-loyalty__bottom-block .item .text {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.block-loyalty .block-loyalty__bottom-block .item .btn {
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    transition: all .3s;
}

.block-loyalty .block-loyalty__bottom-block .item .btn span {
    text-transform: none;
}

.block-loyalty .block-loyalty__bottom-block .item .btn:hover {
    background-color: #fff;
    color: #000;
}

.archive_restaurant .filters {
    /*padding-top: 170px;*/
}

.archive_restaurant .filters-sticky {
    position: sticky;
    /*bottom: 0;*/
    top: 170px;
}

.archive_restaurant .filters__title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
}

.catalog .filters__title {
    font-size: 32px;
    font-weight: 700;
    margin-top: 20px;
}

.archive_restaurant .toggle-filters {
    margin-bottom: 50px;
}

.archive_restaurant .toggle-filters.open {
    opacity: 1;
    pointer-events: all;
}

.archive_restaurant .toggle-filters .item {
    max-width: 300px;
    min-width: 200px;
    padding: 30px 0;
    border-top: 1px solid #D4D4D4;
}

.archive_restaurant .toggle-filters .item:first-child {
    border-left: none;
}

.archive_restaurant .toggle-filters .item:first-child {
    border-left: none;
}

.archive_restaurant .toggle-filters .item:last-child {
    border-bottom: 1px solid #D4D4D4;
}

.archive_restaurant .toggle-filters .item .title {
    font-size: 14px;
    font-weight: 700;
    color: #1D1F1F;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.archive_restaurant .toggle-filters .item .title:after {
    content: '';
    width: 14px;
    height: 7px;
    display: block;
    background: url("../img/filter-trigger.svg") no-repeat center;
    background-size: contain;
    margin-top: 2px;
    transform: rotate(180deg);
    transition: all .3s;
    transform-origin: 50% 65%;
}

.archive_restaurant .toggle-filters .item .title.active:after {
    transform: rotate(0deg) !important;
}

.archive_restaurant .toggle-filters .item:not(:first-of-type) .title:after {
    transform: rotate(180deg);
}

.archive_restaurant .toggle-filters .item ul {
    padding: 24px 0 0;
}

.archive_restaurant .toggle-filters .item:not(:first-of-type) ul {
    display: none;
}

.archive_restaurant .toggle-filters .item ul li {
    display: block;
    margin-bottom: 20px;
}

.archive_restaurant .toggle-filters .item ul li:last-of-type {
    margin-bottom: 0;
}

.archive_restaurant .toggle-filters .item ul li a {
    color: #5D5F5F;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.12px;
    display: inline-block;
    padding-left: 28px;
    position: relative;
}

.archive_restaurant .toggle-filters .item ul li a:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #B6B8B8;
    position: absolute;
    top: 1px;
    left: 0;
}

.archive_restaurant .toggle-filters .item ul li a:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: url("../img/checkmark.png") no-repeat center;
    background-size: 70%;
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
}

.archive_restaurant .toggle-filters .item ul li a.active {
    color: #000;
    font-weight: 700;
}

.archive_restaurant .toggle-filters .item ul li a.active:before {
    background: #000;
    border-color: #000;
}

.archive_restaurant .toggle-filters .item ul li a.active:after {
    opacity: 1;
}

.archive_restaurant .toggle-filters .item.other ul li a {
    color: #f2f2f2;
    font-weight: 500;
    text-transform: uppercase;
}

.archive_restaurant .toggle-filters .item.other ul li a:hover {
    color: #f4d78b;
}

.archive_restaurant .filters-apply-block {
    margin-bottom: 30px;
}

.archive_restaurant .filters-apply-block li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
}

.archive_restaurant .filters-apply-block li:last-of-type {
    margin-right: 0;
}

.archive_restaurant .filters-apply-block li a:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url("../img/close-filter.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.archive_restaurant .filters-apply-block .btn-reset-filters {
    display: none !important;
}

.archive_restaurant .btn-open-filters {
    display: none;
}

.archive_restaurant .filters .btn-close-filter {
    display: none;
}


.single_restaurant .block-head {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 100vh;
    width: 100%;
    padding-top: 35px;
}

.single_restaurant .block-head .bx-wrapper {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 0;
}

.single_restaurant .block-head .bx-wrapper .bx-pager {
    bottom: 76px;
}

.single_restaurant .block-head .bx-wrapper .bx-pager.bx-default-pager a {
    width: 13px;
    height: 13px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0;
}

.single_restaurant .block-head .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.single_restaurant .block-head .bx-wrapper .bx-pager .bx-pager-item {
    margin: 0 4px;
}

.single_restaurant .block-head .bx-wrapper .bx-pager.bx-default-pager a.active,
.single_restaurant .block-head .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
}

.single_restaurant .block-head *:not(.bx-wrapper) {
    z-index: 2;
    position: relative;
}

.single_restaurant .block-head .block-head__slider {

}

.single_restaurant .block-head .block-head__slider .block-head__slider-slide {
    height: 100vh;
    width: 100%;
    background-size: cover;
    position: relative;
}

.single_restaurant .block-head .block-head__slider .block-head__slider-slide:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
}

.single_restaurant .block-head .block-head__logo {
   /* width: 590px;
    height: 190px;*/
    width: 300px;
    height: 90px;
}

.single_restaurant .block-head .block-head__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.single_restaurant .block-head .block-head__subtitle {
    margin: 50px auto;
    max-width: 640px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 140%;
    text-align: center;
}

.single_restaurant .block-head .block-head__buttons .btn {
    margin: 0 25px;
    height: 70px;
    padding: 0 40px;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    border-radius: 15px;
}

.single_restaurant .block-head .block-head__buttons .btn-reserve {
    background: #FDCA6E;
    transition: background .3s;
}

.single_restaurant .block-head .block-head__buttons .btn-reserve:hover {
  background: #f3b84d;
}

.single_restaurant .block-head .block-head__buttons .btn-delivery {
    background: #fff;
}

.single_restaurant .block-head .block-head__buttons .btn-delivery:hover {
  transition: background .3s;
  background: #dedede;
}

.block-contacts {
    padding: 66px 0;
    overflow: hidden;
}

.block-contacts .table .table__header,
.block-contacts .table .table__body,
.block-contacts .table .table__body .table-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block-contacts .table .table__body {
    flex-direction: column;
}

.block-contacts .table .table__body .table-line {
    width: 100%;
    align-items: flex-start;
    flex-direction: row;
    padding: 25px 0;
    position: relative;
    font-size: 17px;
    line-height: 140%;
}

.block-contacts .table .table__body .table-line:nth-of-type(1) .table-line__title {
    display: block;
}

.block-contacts .table .table__body .table-line:not(:last-child):after {
    content: '';
    width: 1300px;
    height: 1px;
    background: #C4C4C4;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.block-contacts .table .table__body .table-line .table-item p,
.block-contacts .table .table__body .table-line .table-item a{
    font-size: 17px;
}

.block-contacts .table .table__body .table-line .table-item a.btn {
  font-size: 16px;
}

.block-contacts .table .table__body .table-line .table-item {
    width: 100%;
    max-width: 300px;
    flex-direction: column;
}

.block-contacts .table .table__body .table-line .table-item:nth-of-type(2) {
    max-width: 250px;
    width: 100%;
}

.block-contacts .table .table__body .table-line .table-item:nth-of-type(3) {
    max-width: 205px;
    width: 100%;
}

.block-contacts .table .table__body .table-line .table-line__title {
    font-weight: 700;
    font-size: 31px;
    line-height: normal;
    margin-bottom: 35px;
    display: none;
}

.block-contacts .table .table__body .table-line p {
    margin-bottom: 10px;
}

.block-contacts .table .table__body .table-line .btn {
    color: #F9AD3D;
    background: transparent;
    font-weight: 900;
    border: 0;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    letter-spacing: 0;
}

.block-contacts .table .table__body .table-line .btn:after {
    content: '';
    width: 14px;
    height: 18px;
    background: url("../img/map-marker-Light.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.block-contacts .table .table__body .table-line .phone:before {
    content: '';
    width: 18px;
    height: 18px;
    background: url("../img/phone-Light.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.block-contacts .table .table__body .table-line .phone,
.block-contacts .table .table__body .table-line .time {
    margin-bottom: 10px;
}

.block-contacts .table .table__body .table-line .time:before {
    content: '';
    width: 18px;
    height: 18px;
    background: url("../img/clock-Light.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.block-we-have {
    padding: 90px 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    margin-bottom: 50px;
}

.block-we-have .bg {
    position: absolute;
    top: -3%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-position: center !important;
    background-size: cover !important;
    filter: blur(10px);
}

.block-we-have .bg:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 1;
}

.block-we-have *:not(.bg) {
    position: relative;
    z-index: 2;
}

.block-we-have .block-we-have__title {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}


.block-we-have .item {
    max-width: 210px;
    text-align: center;
}

.block-we-have .icon {
    background: #F7F7F7;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.block-we-have .icon img {
    max-width: 45px;
    max-height: 45px;
}

.block-we-have .text {
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.block-we-have .block-we-have__items {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.block-menu {
    padding: 0 0 87px;
}

.block-menu .without_tabs{
    padding-top: 50px;
}

.block-menu .block-menu__title {
    font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
    color: #FFA014;
    text-align: center;
}

.block-menu .tabs {
    margin: 50px 0 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-menu .tabs .tabs__item {
    margin: 0 15px;
    font-size: 18px;
    font-weight: 600;
    color: rgba(19, 15, 38, 0.5);
    position: relative;
}

.block-menu .tabs .tabs__item:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: -5px;
    left: 0;
    opacity: 0;
}

.block-menu .tabs .tabs__item.active {
    color: #000;
}

.block-menu .tabs .tabs__item.active:after {
    opacity: 1;
}

.block-menu .content .content__item {
    display: none;
    margin: -15px -20px;
    padding: 10px 0 0;
}

.block-menu .content .content__item.active {
    display: block;
}

.block-menu .menu-item {
    overflow: hidden;
    border-radius: 30px;
    max-width: calc(33% - 39px);
    width: 100%;
    margin: 15px 20px;
    box-shadow: 0px 2px 16px 0px rgba(60, 62, 74, 0.08);
    transition: all 0.3s;
}

.block-menu .menu-item:hover {
    box-shadow: 0 9px 18px 0 rgb(0, 0, 0, 0.15);
}

.block-menu .menu-item .menu-item__photo {
    height: 0;
    width: 100%;
    padding-top: 75%;
    position: relative;
}

.block-menu .menu-item .menu-item__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.block-menu .menu-item .menu-item__title {
    padding: 36px 0 47px;
    font-size: 20px;
    font-weight: 700;
    color: #6A6262;
    text-align: center;
}

.block-free-delivery {
    padding: 90px 0;
    background-size: cover;
    background-position: center;
}

.block-free-delivery .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block-free-delivery .right-side img {
    width: 560px;
    transform: translateX(-30px);
}

.block-free-delivery .block-free-delivery__title {
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    line-height: 140%;
    max-width: 580px;
}

.block-free-delivery .btn {
    height: 80px;
    line-height: 80px;
    padding: 0 40px;
    font-size: 18px;
    background: #FFBD47;
}

.block-booking {
    padding-bottom: 100px;
}

.block-booking__title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}

.block-booking .inner {
    padding: 60px 97px;
    -webkit-box-shadow: 0px 15px 50px 0px rgba(69, 88, 157, 0.1);
    -moz-box-shadow: 0px 15px 50px 0px rgba(69, 88, 157, 0.1);
    box-shadow: 0px 15px 50px 0px rgba(69, 88, 157, 0.1);
    border-radius: 6px;
}

.block-booking .block-booking__line {
    margin-bottom: 30px;
    font-size: 0;
}

.block-booking .block-booking__line:last-of-type {
    margin-bottom: 0;
}

.block-booking .block-booking__line-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 30px;
    color: #666666;
}

.block-booking .block-booking__select {
    display: inline-block;
    width: auto;
    height: 50px;
    border-radius: 4px;
    background: transparent;
    box-shadow: none;
    border: 2px solid #F5F5F5 !important;
    line-height: normal;
    padding-left: 0px !important;
    float: none;
}

.block-booking .block-booking__select.nice-select.open {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(107, 111, 128, 0.16);
    -moz-box-shadow: 0px 2px 20px 0px rgba(107, 111, 128, 0.16);
    box-shadow: 0px 2px 20px 0px rgba(107, 111, 128, 0.16);
}

.block-booking .block-booking__select.nice-select.open .list {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(107, 111, 128, 0.16);
    -moz-box-shadow: 0px 2px 20px 0px rgba(107, 111, 128, 0.16);
    box-shadow: 0px 2px 20px 0px rgba(107, 111, 128, 0.16);
}

.block-booking .block-booking__select.nice-select:after {
    border-bottom: 2px solid #D8D8D8;
    border-right: 2px solid #D8D8D8;
    height: 9px;
    width: 9px;
    right: 20px;
}

.block-booking .block-booking__select.restaurant-input {
    width: 250px;
}

.block-booking .block-booking__select.date-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -2px;
    width: 200px;
}

.block-booking .block-booking__select.time-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -2px;
    width: 160px;
}

.block-booking .block-booking__select.num-people-input {
    width: 160px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -2px;
}

/*.block-booking .block-booking__select.num-people-input.nice-select .current,*/
/*.block-booking .block-booking__select.num-people-input.nice-select .list .option {*/
/*  text-align: right;*/
/*  width: 100%;*/
/*  display: block;*/
/*}*/

.block-booking .block-booking__select.nice-select .current {
    font-weight: 500;
    color: #808080;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 48px;
    padding: 0 25px;
}

.block-booking .block-booking__select.nice-select .list .option {
    font-weight: 500;
    color: #808080;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 50px;
    padding: 0 25px;
    height: 50px;
    background: #FAFAFA;
}

.block-booking .block-booking__select.nice-select .list .option.selected {
    background: #efeeee;
}

.block-booking .block-booking__select.nice-select .list {
    box-shadow: none;
    border: 2px solid #F5F5F5 !important;
    width: calc(100% + 4px);
    margin-left: -2px;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.block-booking .block-booking__input {
    display: inline-block;
    border: 2px solid #F5F5F5 !important;
    height: 50px;
    width: 160px;
    font-weight: 500;
    color: #808080;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 48px;
}

.block-booking .block-booking__input.wpcf7-not-valid input::placeholder{
	color: red !important;
}

.block-booking .block-booking__input input {
    font-weight: 500;
    color: #808080;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 48px;
    padding: 0 20px;
    border: none;
}

.block-booking .wpcf7-response-output {
	margin-top: 30px
}

.block-booking  form .ajax-loader {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url("../img/ajax.gif") no-repeat center center;
    background-size: contain;
    display: none;
    /*position: absolute;*/
    /*top: 55%;*/
}

.block-booking .ajax-loader.is-active {
    display: block;
}


.block-booking .block-booking__input.phone-input {
    width: 160px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -2px;
    margin-left: -2px;
}

.block-booking input::placeholder,
.block-booking textarea::placeholder {
    color: #B2B2B2;
}

.block-booking textarea {
    font-size: 12px;
    font-weight: 500;
    height: 96px !important;
    border: 2px solid #F5F5F5 !important;
    border-radius: 4px;
    padding: 20px 24px;
    max-width: 830px;
}

.block-booking form textarea.empty {
    height: 96px !important;
}

.single_restaurant .block-booking__buttons {
    margin-top: 50px;
    display: flex;
    align-items: center;
}

.single_restaurant .block-booking__buttons input[type="submit"] {
    height: 70px;
    border-radius: 15px;
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 0 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    cursor: pointer;
    transition: background .3s;
}

.single_restaurant .block-booking__buttons input[type="submit"]:hover {
    background: #2e2e2e;
}

.single_restaurant .block-booking__buttons .warning {
    font-size: 14px;
    line-height: 140%;
    margin-left: 20px;
    color: #130F26;
    opacity: .7;
    font-weight: 400;
}

.mainMenu_pop .buttons {
    display: none;
}

/*NEW*/

.product-not-found-message {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    /*z-index: 102;*/
    z-index: 1000;
    display: none;
}

.product-not-found-message.active {
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.product-not-found-message.green .inner {
    background: #4cc256;
}

.product-not-found-message.green .inner .label:before {
    content: "";
    color: #fff;
    border-color: #fff;
}

.product-not-found-message.green .inner .label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url('../img/ui/icon_succses_header.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-not-found-message.green.load .inner .label:after {
    background: url('../img/ajax.gif') no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.product-not-found-message.green.load .inner .label:before {
    display: none;
}

.product-not-found-message .inner {
    background: #e13d3d;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px 0 120px;
}

.product-not-found-message .label {
    padding-left: 35px;
    position: relative;
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #fff;
}

.product-not-found-message .label:before {
    content: "!";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #af2f2f;
    color: #af2f2f;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.14px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.background-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    z-index: 111;
}

.popup .body {
    position: relative;
    z-index: 102;
    max-width: 1176px;
    width: 100%;
    height: 100%;
}

.popup.scrolled {
    overflow-y: scroll;
}

.popup.scrolled .body {
    top: auto;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    margin: 50px 0 50px;
}

.popup.scrolled.open .body {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.mainMenu_pop.open .body {
    top: 110px;
}

.mainMenu_pop.open .body:before {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.mainMenu_pop.open .body .item .title {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.mainMenu_pop.open .body .item ul {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.mainMenu_pop .body {
    position: fixed;
    top: -430px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1176px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px;
    background: #373737;
    height: auto;
    padding-bottom: 20px;
    overflow: hidden;
    -webkit-transition: top 0.3s cubic-bezier(0.07, 0.56, 0.38, 0.96);
    transition: top 0.3s cubic-bezier(0.07, 0.56, 0.38, 0.96);
}

.mainMenu_pop .body:before {
    content: "";
    width: 100%;
    height: 90px;
    display: block;
    background: #2a2a2a;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.mainMenu_pop .item {
    max-width: 180px;
    min-width: 150px;
    min-height: 100%;
    padding-left: 20px;
    position: relative;
}

.mainMenu_pop .item:first-child {
    border-left: none;
}

.mainMenu_pop .item:first-child:after {
    display: none;
}

.mainMenu_pop .item:after {
    content: "";
    width: 1px;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: #3d3d3d;
}

.mainMenu_pop .item .title {
    color: #f4d78b;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    height: 90px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: color 0.3s, -webkit-transform 0.7s;
    transition: color 0.3s, -webkit-transform 0.7s;
    transition: transform 0.7s, color 0.3s;
    transition: transform 0.7s, color 0.3s, -webkit-transform 0.7s;
}

.mainMenu_pop .item .title:hover {
    color: #e8b44e;
}

.mainMenu_pop .item ul {
    padding: 20px 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s;
}

.mainMenu_pop .item ul li {
    display: block;
}

.mainMenu_pop .item ul li a {
    color: #9d9d9d;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    padding: 5px 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.mainMenu_pop .item ul li a:hover {
    color: #fff;
}

.mainMenu_pop .item ul li.all-restaurant {
    display: none;
}

.mainMenu_pop .item.other ul li a {
    color: #f2f2f2;
    font-weight: 500;
    text-transform: uppercase;
}

.mainMenu_pop .item.other ul li a:hover {
    color: #f4d78b;
}

.languages {
    float: left;
    margin-right: 45px;
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .languages {
        margin-right: 25px;
    }
}

.languages a {
    color: #333;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: .2px;
}

.languages a:hover {
    color: #f4d78b;
}

.address_pop.open .body {
    opacity: 1;
    pointer-events: all;
}

.address_pop .body {
    position: fixed;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1176px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    height: 510px;
    opacity: 0;
    pointer-events: none;
}

.address_pop .tab-triggers {
    display: none;
}

.address_pop .empty-address {
    text-align: center;
    width: 100%;
    max-width: 220px;
    /*margin: 100px auto 0;*/
}

.address_pop .empty-address .icon,
.address_pop .empty-address p {

    display: none !important;
}

.address_pop .empty-address .icon {
    width: 60px;
    height: 60px;
    display: block;
    margin: 30px auto 45px;
}

.address_pop .empty-address .icon svg {
    width: 100%;
}

.address_pop .empty-address p {
    font-size: 18px;
    color: #c4c4c4;
    line-height: 22px;
}

.address_pop .my-address {
    margin-top: 35px;
    padding-right: 0px;
}

.address_pop .my-address .title {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #dfc684;
    z-index: 2;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    margin-top: 10px;
    /*display: none;*/
}

.address_pop .my-address ul {
    max-height: 450px;
    position: relative;
    margin-top: -15px;
}

.address_pop .my-address ul:before,
.address_pop .my-address ul:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 1;
    pointer-events: none;
}

.address_pop .my-address ul:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+11,0+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 11%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 11%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
    top: 0px;
}

.address_pop .my-address ul:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+89 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 89%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 89%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    bottom: 0px;
}

.address_pop .my-address ul li {
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
    letter-spacing: 0;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0;
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    padding-right: 120px;
    padding-left: 30px;
    position: relative;
}

.address_pop .my-address ul li:before {
    content: "";
    width: 12px;
    height: 16px;
    display: block;
    background: url(../img/ui/address-icon-grey@2x.png) no-repeat center center;
    background-size: contain;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    position: absolute;
    left: 0px;
    top: 26px;
}

.address_pop .my-address ul li:hover {
    color: #e13d3d;
}

.address_pop .my-address ul li:hover:before {
    background: url("../img/ui/address-icon@2x.png") no-repeat center center;
    background-size: contain;
}

.address_pop .my-address ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    width: 100%;
}

.address_pop .my-address ul li:first-child {
    margin-top: 25px;
}

.address_pop .my-address ul li:last-child {
    margin-bottom: 25px;
    border-bottom: none;
}

.address_pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #EED89E !important;
    width: 3px !important;
}

.address_pop .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e3e6e8 !important;
    width: 3px !important;
}

.product_pop {
    z-index: 115;
}

.product_pop .close_win {
    left: 30px;
    top: 30px;
    width: 12px;
    height: 12px;
}

.product_pop .close_win span {
    display: block;
    margin-top: 3px;
}

.product_pop .close_win span:after,
.product_pop .close_win span:before {
    background: #e1c43f;
    right: auto;
    margin: 0;

}

.product_pop.open .body {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.product_pop .body {
    width: 400px;
    height: 100vh;
    background: #fff;
    right: 0;
    position: absolute;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    padding: 50px 0px 50px 0px;
    overflow-y: auto;
    overflow-x: hidden;
    /* display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column; */
}

.product_pop .photo {
    width: 100%;
    height: auto;
    position: relative;
}

.product_pop .photo img {
    max-width: 100%;
    height: auto;
    max-height: 400px;
    /* position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%); */
}

.product_pop .info {
    position: relative;
    padding: 0 30px;
}

.product_pop .info .stikaers {
    margin-bottom: 10px;
    font-size: 0;
}

.product_pop .info .stikaers li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}

.product_pop .info .stikaers li a {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.product_pop .info .stikaers li a.filter_wishlist {
    background-color: #f3f3f3;
}

.product_pop .info .stikaers li a.filter_wishlist:hover {
    background-color: #eae7e7;
}

.product_pop .info .stikaers li a.filter_wishlist svg {
    width: 16px;
    height: 16px;
}

.product_pop .info .stikaers li a.filter_wishlist svg path {
    fill: #b9b9b9;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}

.product_pop .info .stikaers li a.filter_wishlist.added {
    background: #e54c4c;
}

.product_pop .info .stikaers li a.filter_wishlist.added path {
    fill: #fbd069;
}

.product_pop .info .stikaers li a.filter_wishlist.added:hover {
    background: #d53535;
}

.product_pop .info .stikaers li a.filter_258 {
    background-color: #ff4141;
}

.product_pop .info .stikaers li a.filter_258 svg {
    width: 17px;
}

.product_pop .info .stikaers li a.filter_258 svg path {
    fill: #fff;
}

.product_pop .info .stikaers li a.filter_22 {
    background-color: #494646;
}

.product_pop .info .stikaers li a.filter_22 svg {
    height: 19px;
}

.product_pop .info .stikaers li a.filter_22 svg path {
    fill: #ff864b;
}

.product_pop .info .stikaers li a.filter_149 {
    background-color: #ff864b;
}

.product_pop .info .stikaers li a.filter_149 svg {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.4);
    -moz-transform: translate(-50%, -50%) scale(1.4);
    -ms-transform: translate(-50%, -50%) scale(1.4);
    -o-transform: translate(-50%, -50%) scale(1.4);
    transform: translate(-50%, -50%) scale(1.4);
}

.product_pop .info .stikaers li a.filter_149 svg path {
    fill: #fff;
}

.product_pop .info .stikaers li a.filter_47 {
    background-color: #5cce54;
}

.product_pop .info .stikaers li a.filter_47 svg {
    height: 13px;
}

.product_pop .info .stikaers li a.filter_47 svg path {
    fill: #ffffff;
}

.product_pop .info .stikaers li a.filter_500 {
    background-color: #93288d;
}

.product_pop .info .stikaers li a.filter_500 svg {
    height: 23px;
    margin-left: 2px;
}

.product_pop .info .stikaers li a.filter_500 svg path {
    fill: #ffffff;
}

.product_pop .info .stikaers li a svg {
    width: 100%;
    height: 100%;
    max-width: 80%;
    max-height: 90%;
}

.product_pop .info .stikaers li a:after {
    content: attr(data-tooltip);
    height: 21px;
    line-height: 21px;
    width: auto;
    display: block;
    background: rgba(55, 55, 55, 0.8);
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product_pop .info .stikaers li a:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid rgba(55, 55, 55, 0.8);
    position: absolute;
    top: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product_pop .info .stikaers li a:hover {
    overflow: visible;
}

.product_pop .info .stikaers li a:hover:after,
.product_pop .info .stikaers li a:hover:before {
    opacity: 1;
}

.product_pop .info h1 {
    font-size: 24px;
    letter-spacing: 0.24px;
    color: #444343;
    font-weight: 300;
    margin-bottom: 8px;
    margin-top: 16px;
}

.product_pop .info p {
    font-weight: 300;
    color: #9d9d9d;
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 18px;
}

.product_pop .info .table {
    width: 100%;
    margin-top: 21px;
}

.product_pop .info .table td {
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #5a5959;
    /*width: 33.3%;*/
}

.product_pop .info .table .table-title {
    font-size: 12px;
    list-style-type: square;
    color: #aaa9a9;
    text-transform: uppercase;
}

.product_pop .info .btn {
    margin: 16px 0 0;
    background: #4cc256;
}

.product_pop .info .btn .order,
.product_pop .info .btn .want {
    color: #fff;
    border-radius: 6px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    z-index: 2;
}

.product_pop .info .btn .order:hover,
.product_pop .info .btn .want:hover {
    background: #41ab4a;
}

.product_pop .info .btn.added .want {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.product_pop .info .btn .want {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.product_pop .info .info-block {
    display: none;
    width: 270px;
    position: absolute;
    z-index: 1;
    background: #313131;
    bottom: 55px;
    left: 30px;
    border-radius: 6px;
    overflow: hidden;
}

.product_pop .info .info-block .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.product_pop .info .info-block .head-info {
    padding: 0 20px;
    height: 54px;
    border-bottom: 1px solid #3c3c3c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #fff;
}

.product_pop .info .info-block .item-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 241px;
}

.product_pop .info .info-block .item-list:after {
    display: none;
}

.product_pop .info .info-block .item-list li {
    border-bottom: 1px solid #3c3c3c;
    padding: 0 20px 11px;
    display: block;
    margin: 11px 0 0;
}

.product_pop .info .info-block .item-list li:last-child {
    border-bottom: none;
}

.product_pop .info .info-block .item-list li .head-item {
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.product_pop .info .info-block .item-list li .head-item .name {
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: 300;
    color: #fff;
    width: 50%;
}

.product_pop .info .info-block .item-list li .head-item .weight {
    background: #444444;
    margin-bottom: 0;
}

.product_pop .info .info-block .item-list li .head-item .price {
    color: #4cc256;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.14px;
}

.product_pop .info .btn-add-ingridients {
    bottom: 112px;
    background: transparent;
    cursor: pointer;
    padding: 0 30px;
    text-align: left;
}

.product_pop .info .info-block .item-list li .head-item .price:after {
    content: "";
    width: 6px;
    height: 10px;
    display: inline-block;
    background: url("../img/ui/UAH-product-card.svg") no-repeat center center;
    background-size: contain;
    margin-left: 5px;
}

.product_pop .info .info-block .item-list li .ingredients-items {
    color: #696969;
    font-size: 12px;
    letter-spacing: 0.12px;
    margin: 10px 0;
}

.product_pop .info .info-block .item-list li .ingredients-items span {
    color: #b3b3b3;
}

.product_pop .info .info-block .item-list li .btn {
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    margin-top: 5px;
    display: block;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #ee5151;
}

.product_pop .info .info-block .item-list li .btn:after,
.product_pop .info .info-block .item-list li .btn:before {
    display: none;
}

.product_pizza_pop {
    z-index: 115;
}

.product_pizza_pop.open .body {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.product_pizza_pop .container {
    position: relative;
}

.product_pizza_pop .close_win {
    right: 18px;
    top: 0;
    width: 73px;
    height: 73px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.product_pizza_pop .close_win span {
    display: block;
    margin-top: 3px;
    margin-right: 0;
    width: 15px;
    height: 15px;
}

.product_pizza_pop .close_win span:after,
.product_pizza_pop .close_win span:before {
    background: #e1c43f;
    right: auto;
    margin: 0;
}

.product_pizza_pop .close_win span:after {
    -webkit-transform: translateY(-1px) rotate(45deg);
    transform: translateY(-1px) rotate(45deg);
}

.product_pizza_pop .close_win span:before {
    -webkit-transform: translateY(-1px) rotate(-45deg);
    transform: translateY(-1px) rotate(-45deg);
}

.product_pizza_pop .body {
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #fff;
    right: 0;
    left: 0;
    bottom: 0%;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    padding: 0;
    /* display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column; */
}

.product_pizza_pop .title-pop {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #cbcbcb;
    padding: 0 0px;
    height: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.product_pizza_pop .title-pop:after {
    content: "";
    width: 100vw;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product_pizza_pop .title-pop span {
    padding: 0 3px;
    display: inline-block;
}

.product_pizza_pop .title-pop strong {
    color: #e5c86e;
    padding: 0 3px;
    display: inline-block;
}

.product_pizza_pop .sizes .item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #e6e6e6;
}

.product_pizza_pop .sizes .item .title {
    color: #5f5f5f;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.18px;
    width: 130px;
}

.product_pizza_pop .sizes .item .size,
.product_pizza_pop .sizes .item .weight {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #a9a9a9;
}

.product_pizza_pop .sizes .item .price {
    color: #4cc256;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.product_pizza_pop .sizes .item .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.product_pizza_pop .sizes .item .btn {
    margin: 0;
}

.ingredient_pizza_pop {
    z-index: 115;
}

.ingredient_pizza_pop.open .body {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.ingredient_pizza_pop .container {
    position: relative;
    font-size: 0;
}

.ingredient_pizza_pop .close_win {
    right: 18px;
    top: 0;
    width: 90px;
    height: 90px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.impossible_delivery .buttons .make_preorder {
    background: #e8b44e;
    color: #fff;
}

.impossible_delivery .buttons {

    margin-bottom: 30px;
}

.impossible_delivery .buttons .make_preorder:hover {
    background: #fff;
    color: #e8b44e;
}

.ingredient_pizza_pop .close_win span {
    display: block;
    margin-top: 0px;
    margin-right: 0;
    width: 15px;
    height: 15px;
}

.ingredient_pizza_pop .close_win span:after,
.ingredient_pizza_pop .close_win span:before {
    background: #acacac;
    right: auto;
    margin: 0;
}

.ingredient_pizza_pop .close_win span:after {
    -webkit-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
}

.ingredient_pizza_pop .close_win span:before {
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
}

.ingredient_pizza_pop .body {
    width: 100%;
    max-width: 100%;
    height: 550px;
    right: 0;
    left: 0;
    bottom: 0%;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    padding: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,373737+50,373737+100 */
    background: #ffffff;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #373737 50%, #373737 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #373737 50%, #373737 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#373737', GradientType=1);
    /* IE6-9 */
}

.ingredient_pizza_pop .left {
    background: #fff;
    max-width: 702px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.ingredient_pizza_pop .right {
    background: #373737;
    width: 100%;
    max-width: 474px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 550px;
}

.ingredient_pizza_pop .ingredients .title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 90px;
    padding-right: 24px;
}

.ingredient_pizza_pop .ingredients .title-block .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #cbcbcb;
    padding: 0 0px;
}

.ingredient_pizza_pop .ingredients .title-block:after {
    content: "";
    width: 100vw;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    bottom: 0;
    right: 0%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.ingredient_pizza_pop .ingredients .list-ingredients {
    height: 460px;
    position: relative;
}

.ingredient_pizza_pop .ingredients .list-ingredients li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.ingredient_pizza_pop .ingredients .list-ingredients li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 90px;
    padding-left: 30px;
    padding-right: 5px;
}

.ingredient_pizza_pop .ingredients .list-ingredients li a:hover .name {
    color: #e2c881;
}

.ingredient_pizza_pop .ingredients .list-ingredients li a:hover .name:before {
    color: #e2c881;
}

.ingredient_pizza_pop .ingredients .list-ingredients li .name {
    color: #5f5f5f;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.18px;
    width: 390px;
}

.ingredient_pizza_pop .ingredients .list-ingredients li .name:before {
    content: "+";
    width: 8px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
    color: #5f5f5f;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.ingredient_pizza_pop .ingredients .list-ingredients li .size,
.ingredient_pizza_pop .ingredients .list-ingredients li .weight {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #a9a9a9;
}

.ingredient_pizza_pop .ingredients .list-ingredients li .price {
    color: #4cc256;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-left: 50px;
}

.ingredient_pizza_pop .ingredients .list-ingredients li .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.ingredient_pizza_pop .ingredients .mCustomScrollBox {
    position: relative;
}

.ingredient_pizza_pop .ingredients .mCustomScrollBox:before,
.ingredient_pizza_pop .ingredients .mCustomScrollBox:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 10;
    pointer-events: none;
}

.ingredient_pizza_pop .ingredients .mCustomScrollBox:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+11,0+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 11%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 11%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
    top: 0px;
}

.ingredient_pizza_pop .ingredients .mCustomScrollBox:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+89 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 89%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 89%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    bottom: 0px;
}

.ingredient_pizza_pop .ingredients .mCSB_inside > .mCSB_container {
    margin-right: 60px;
}

.ingredient_pizza_pop .ingredients .mCSB_scrollTools {
    width: 60px;
    z-index: 11;
    max-height: calc(100% - 40px);
    margin-top: 20px;
}

.ingredient_pizza_pop .ingredients .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background: #e3e6e8;
    border-radius: 3px !important;
}

.ingredient_pizza_pop .ingredients .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e2c881;
    width: 3px;
    border-radius: 3px !important;
}

.ingredient_pizza_pop .cart-ingredient .title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 90px;
    padding-left: 30px;
}

.ingredient_pizza_pop .cart-ingredient .title-block .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #cbcbcb;
    padding: 0 0px;
}

.ingredient_pizza_pop .cart-ingredient .title-block:after {
    content: "";
    width: 100vw;
    height: 1px;
    background: #404040;
    position: absolute;
    bottom: 0;
    left: 0%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.ingredient_pizza_pop .cart-ingredient .title-cart-ingredient {
    text-transform: uppercase;
    font-weight: 500;
    color: #6b6b6b;
    font-size: 14px;
    left: 1.4px;
    margin-top: 15px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
}

.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient {
    max-height: 240px;
    height: 240px;
}

.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    padding-left: 30px;
    padding-right: 5px;
}

.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .name {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.35px;
    width: 150px;
}

.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .size,
.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .weight {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #a9a9a9;
}

.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .weight {
    width: 75px;
}

.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .price {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block {
    font-size: 16px;
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .top {
    background: #4a4946;
    width: 100%;
    height: 53px;
    position: relative;
    padding: 0 20px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .top:after {
    content: "";
    width: 300%;
    height: 100%;
    position: absolute;
    background: #4a4946;
    top: 0;
    right: -300%;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .top .name {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-weight: 300;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .top .name .size {
    font-size: 10px;
    letter-spacing: 0.1px;
    color: #757575;
    border-radius: 10px;
    height: 15px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    margin-left: 10px;
    background: #ececec;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .top .price {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .top .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 105px;
    padding-left: 30px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .cart-result .summ {
    font-size: 30px;
    letter-spacing: 0.3px;
    color: #fff;
    font-weight: 700;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .cart-result .summ:after {
    content: "";
    width: 13px;
    height: 21px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card-green.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .label {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #6c6c6c;
    margin-top: 5px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .label span {
    display: inline-block;
    margin-right: 5px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .weight-block .weight {
    font-weight: 700;
    color: #bcbcbc;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient {
    display: none;
}

.ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .btn {
    margin: 0;
    min-width: 110px;
}

.ingredient_pizza_pop .cart-ingredient .mCSB_inside > .mCSB_container {
    margin-right: 20px;
}

.ingredient_pizza_pop .cart-ingredient .mCSB_scrollTools {
    width: 3px;
    z-index: 11;
    max-height: calc(100% - 40px);
    margin-top: 20px;
}

.ingredient_pizza_pop .cart-ingredient .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background: #e3e6e8;
    border-radius: 3px !important;
}

.ingredient_pizza_pop .cart-ingredient .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e2c881;
    width: 3px;
    border-radius: 3px !important;
}

.cart_pop {
    z-index: 115;
}

.cart_pop .container {
    position: relative;
}

.cart_pop .close_win {
    right: 0%;
    top: 0;
    /*width: 90px;*/
    height: 70px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;


}

.cart_pop .close_win span {
    display: block;
    padding-right: 20px;
    margin-top: 0px;
    margin-right: 0;
    /*width: 15px;*/
    height: 15px;
    color: #6a6a6a;
    text-transform: none;
    font-size: 12px;
    letter-spacing: .12px;
    transition: color .2s;
}

.cart_pop .close_win span:after,
.cart_pop .close_win span:before {
    background: #6a6a6a;
    right: 0;
    left: auto;
    margin: 0;
    width: 7px;
}

.cart_pop .close_win span:after {
    -webkit-transform: translateY(-2px) rotate(40deg);
    transform: translateY(-2px) rotate(40deg);
}

.cart_pop .close_win span:before {
    -webkit-transform: translateY(2px) rotate(-40deg);
    transform: translateY(2px) rotate(-40deg);
}

.cart_pop .step-2 .close_win span:before {
    -webkit-transform: translateY(1px) rotate(-45deg);
    transform: translateY(1px) rotate(-45deg);
    width: 12px;
}

.cart_pop .step-2 .close_win span:after {
    -webkit-transform: translateY(1px) rotate(45deg);
    transform: translateY(1px) rotate(45deg);
    width: 12px;
}

.cart_pop .close_win:hover span {
    color: #e5c86e;
}

.cart_pop .close_win:hover span:after,
.cart_pop .close_win:hover span:before {
    background: #e5c86e;
}

.cart_pop .body {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    right: 0;
    left: 0;
    top: 0%;
    position: absolute;
    /* transform: 	translateY(-50%);
		transition: transform 0.5s; */
    padding: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,373737+50,373737+100 */
    background: #ffffff;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #373737 50%, #373737 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #373737 50%, #373737 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#373737', GradientType=1);
    /* IE6-9 */
}

.cart_pop .body.step-1 .right .btn-remove-ingredient {
    display: block;
    text-align: right;
    margin-top: 55px;
}

.cart_pop .body.step-1 .right .cart-head-block .btn-back-step {
    display: none;
}

.cart_pop .body.step-1 .right .warning-cart,
.cart_pop#cart_pop .body.step-1 .left .warning-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cart_pop .body.step-1 .right .warning-checkout {
    display: none;
}

.cart_pop .body.step-2 .right .btn-remove-ingredient {
    display: none;
}

.cart_pop .body.step-2 .right .cart-head-block .btn-back-step {
    display: block;
}

.cart_pop .body.step-2 .right .warning-cart {
    display: none;
}

.cart_pop .body.step-2 .right .warning-checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cart_pop .body.step-3 .right .btn-remove-ingredient {
    display: block;
}

.cart_pop .body.step-3 .right .cart-head-block .btn-back-step {
    display: none;
}

.cart_pop .body.step-3 .right .warning-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cart_pop .body.step-3 .right .warning-checkout {
    display: none;
}

.cart_pop .left {
    background: #fff;
    height: 100vh;
    display: inline-block;
    vertical-align: top;
}

.cart_pop .right {
    background: #373737;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 100vh;
}

.cart_pop .right:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #373737;
    top: 0;
    right: -100vw;
    z-index: 0;
}

.cart_pop .right .cart-head-block {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 30px;
}

.cart_pop .right .cart-head-block:after {
    background: #52514e;
    right: auto;
    left: 0;
}

.cart_pop .right .cart-footer {
    padding: 0 0px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_pop#cart_pop .right .cart-footer {

    text-align: right;
    justify-content: flex-end;
}

.cart_pop .right .cart-footer:after {
    display: none;
}

.cart_pop .right .cart-footer .total-summ .price {
    font-size: 30px;
    letter-spacing: 0.3px;
    color: #fff;
    font-weight: 700;
}

.cart_pop .right .cart-footer .total-summ .price:after {
    content: "";
    width: 13px;
    height: 21px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card-green.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.cart_pop .right .cart-footer .total-summ .label {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #6c6c6c;
    margin-top: 5px;
}

.cart_pop .right .cart-footer .btn {
    height: 45px;
    padding: 0 20px;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    text-transform: uppercase;
    width: 160px;
}

.cart_pop .cart-head-block {
    height: 70px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.cart_pop .cart-head-block:after {
    content: "";
    width: 100vw;
    height: 1px;
    background: #f0f0f0;
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0%;
}

.cart_pop .cart-head-block .steps li {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #cbcbcb;
    letter-spacing: 0.12px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    cursor: default;
}

.cart_pop .cart-head-block .steps li:last-child:after {
    display: none;
}

.cart_pop .cart-head-block .steps li:after {
    content: "";
    width: 6px;
    height: 9px;
    background: url("../img/ui/cart-head-block-arrow-icon@2x.png") no-repeat center center;
    background-size: contain;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px;
    margin-top: -3px;
}

.cart_pop .cart-head-block .steps li.active {
    color: #4cc256;
}

.cart_pop .cart-head-block .steps li.passed {
    color: #939393;
    cursor: pointer;
}

.cart_pop .cart-head-block .steps li.passed:hover {
    color: #4cc256;
}

.cart_pop .cart-head-block .mob-title {
    display: none;
}

.cart_pop .order-line {
    position: relative;
    max-height: 100%;
    height: 100%;
}

.cart_pop .body-cart {
    width: 100%;
    max-height: calc(100vh - 261px);
    height: 100%;
    padding: 15px 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    /* &:after{
			content: "";
			width: 10px;
			height: 10px;
			background: red;
			position: absolute;
			top: 50%;
			right: -10px;
		} */
}

.cart_pop .body-cart.active {
    -webkit-transform: translateX(calc((-100% - ((100vw - 1200px) / 2))));
    transform: translateX(calc((-100% - ((100vw - 1200px) / 2))));
}

.cart_pop .body-cart .mCustomScrollBox {
    position: relative;
}

.cart_pop .body-cart .mCustomScrollBox:before,
.cart_pop .body-cart .mCustomScrollBox:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 10;
    pointer-events: none;
}

.cart_pop .body-cart .mCustomScrollBox:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+11,0+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 11%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 11%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
    top: 0px;
}

.cart_pop .body-cart .mCustomScrollBox:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+89 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 89%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 89%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    bottom: 0px;
}

.cart_pop .body-cart .mCSB_inside > .mCSB_container {
    margin-right: 60px;
}

.cart_pop .body-cart .mCSB_scrollTools {
    width: 60px;
}

.cart_pop .body-cart .mCSB_scrollTools {
    z-index: 11;
    max-height: calc(100% - 40px);
    margin-top: 20px;
}

.cart_pop .body-cart .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background: #e3e6e8;
    border-radius: 3px !important;
}

.cart_pop .body-cart .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e2c881;
    width: 3px;
    border-radius: 3px !important;
}

.cart_pop .body-cart .item {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.cart_pop .body-cart .item:first-child,
.cart_pop .body-cart .item:nth-child(2) {
    margin-top: 40px;
}

.cart_pop .body-cart .item:last-child {
    margin-bottom: 50px;
}

.cart_pop .body-cart .item .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.14px;
    margin: 15px 0;
}

.cart_pop .body-cart .item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0;
}

.cart_pop .body-cart .item ul li .name {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.16px;
    color: #7b7b7b;
    width: 480px;
}

.cart_pop .body-cart .item ul li .name .add-comment {

    display: block;
    font-size: 12px;
    width: 100%;
    color: #7b7b7b;
}

.cart_pop .body-cart .item ul li .name .variant_name {
    font-size: 10px;
    letter-spacing: 0.1px;
    color: #757575;
    border-radius: 10px;
    height: 15px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    margin-left: 10px;
    background: #ececec;
}

.cart_pop .body-cart .item ul li .name .variant_ingredients {
    font-size: 12px;
    color: #888888;
    display: block;
    margin-top: 5px;
}

.cart_pop .body-cart .item ul li .name .variant_ingredients:before {
    content: "Дополнительно: ";
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-top: -2px;
    color: #757575;
}

.cart_pop .body-cart .item ul li .name .variant_ingredients.lunch_ingredients:before {
    content: 'Блюда: ';
}

.cart_pop .body-cart .item ul li .price {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #4cc256;
    width: 80px;
    text-align: center;
}

.cart_pop .body-cart .item ul li .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.cart_pop .body-cart .item ul li .old_price {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.18px;
    color: #c5c5c5;
    width: 70px;
    text-align: right;
    text-decoration: line-through;
}

.cart_pop .body-cart .item ul li .old_price:after {
    content: "";
    width: 8px;
    height: 11px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
    text-decoration: line-through;
}

.cart_pop .body-checkout {
    /* transition: transform 0.5s;
		transform: translateX(100%); */
    width: 100%;
    max-height: calc(100vh - 70px);
    height: 100%;
    /* &.active{
			transform: translateX(0%);
		}
		&.passed{
			transform: translateX(calc(~'(-100% - ((100vw - 1200px) / 2))'));
		} */
}

.cart_pop .body-checkout input,
.cart_pop .body-checkout textarea {
    border-radius: 0 !important;
}

.cart_pop .body-checkout .delivery-block {
    padding-right: 24px;
}

.cart_pop .body-checkout .delivery-block .restaraunt-name {
    padding-left: 46px;
    text-transform: none;
    color: #888888;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 14px;
    height: 30px;
    display: flex;
    align-items: center;
}

.cart_pop .body-checkout .delivery-block .pickup-block__restaurant-block {
    margin-bottom: 10px;
}

.cart_pop .body-checkout .delivery-block .title {
    padding: 20px 0;
    margin: 15px 0 15px;
    font-size: 14px;
    color: #848383;
    font-weight: 700;
    letter-spacing: 0.14px;
    text-transform: uppercase;
}

.cart_pop .body-checkout .time-block .title {
    padding: 20px 0;
    margin: 15px 0 15px;
    font-size: 14px;
    color: #848383;
    font-weight: 700;
    letter-spacing: 0.14px;
    text-transform: uppercase;
}

.cart_pop .body-checkout .time-block .time-block__body {
    padding-left: 10px;
}

.cart_pop .body-checkout .time-block .fast,
.cart_pop .body-checkout .time-block .set_date {
    position: relative;
}

.cart_pop .body-checkout .time-block .fast input[type=radio],
.cart_pop .body-checkout .time-block .set_date input[type=radio] {
    display: none;
}

.cart_pop .body-checkout .time-block .fast input[type=radio]:checked ~ label:before,
.cart_pop .body-checkout .time-block .set_date input[type=radio]:checked ~ label:before {
    opacity: 1;
}

.cart_pop .body-checkout .time-block .fast label,
.cart_pop .body-checkout .time-block .set_date label {
    width: 100%;
    padding: 0 10px;
    height: 30px;
    text-transform: none;
    color: #888888;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.14px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    line-height: 14px;
    cursor: pointer;
    padding-left: 27px;
}

.cart_pop .body-checkout .time-block .fast label:after,
.cart_pop .body-checkout .time-block .set_date label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid #888888;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    border-radius: 50%;
}

.cart_pop .body-checkout .time-block .fast label:before,
.cart_pop .body-checkout .time-block .set_date label:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #888888;
    position: absolute;
    top: 50%;
    left: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cart_pop .body-checkout .time-block .I_calendar,
.cart_pop .body-checkout .time-block .I_time {
    display: none;
}

.cart_pop .body-checkout .payment-block {
    padding-right: 24px;
}

.cart_pop .body-checkout .payment-block .title {
    padding: 20px 0;
    margin: 15px 0 0px;
    font-size: 14px;
    color: #848383;
    font-weight: 700;
    letter-spacing: 0.14px;
    text-transform: uppercase;
}

.cart_pop .body-checkout .payment-block .nice-select,
.pickup-block .restaraunt-adress .nice-select {
    width: 100%;
    background: transparent;
    border-radius: 0;
    border: none !important;
    border-bottom: 1px solid #e2e2e2 !important;
    height: 30px !important;
}

.cart_pop .body-checkout .payment-block .nice-select:after,
.pickup-block .restaraunt-adress .nice-select:after {
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    height: 5px;
    width: 5px;
    right: 10px;
}

.cart_pop .body-checkout .payment-block .nice-select .current,
.pickup-block .restaraunt-adress .nice-select .current {
    color: #888888;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    height: 30px !important;
    line-height: 30px !important;
    display: block;
}

.cart_pop .body-checkout .payment-block .nice-select .list,
.pickup-block .restaraunt-adress .nice-select .list {
    margin-top: 0;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid rgba(68, 68, 68, 0.11) !important;
}

.cart_pop .body-checkout .payment-block .nice-select .list .option,
.pickup-block .restaraunt-adress .nice-select .list .option {
    color: #545353;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    height: 30px;
    line-height: 37px;
}

.cart_pop .body-checkout .payment-block .quession {
    width: 20px;
    height: 20px;
    background: #f0f0f0;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 5px;
    z-index: 1;
    display: none;
}

.cart_pop .body-checkout .payment-block .quession:hover .tolltip {
    opacity: 1;
    pointer-events: all;
}

.cart_pop .body-checkout .payment-block .quession:after {
    content: "?";
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #eac55f;
    font-size: 14px;
    letter-spacing: 0.14px;
    position: absolute;
    top: 0;
    left: 0;
}

.cart_pop .body-checkout .payment-block .quession .tolltip {
    position: absolute;
    top: 50%;
    right: -10px;
    padding: 15px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px -3px 18px 0px rgba(0, 0, 0, 0.18);
    width: 225px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 12px;
    color: #878787;
    letter-spacing: 0.3px;
}

.cart_pop .body-checkout .payment-block .quession .tolltip:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cart_pop .body-checkout .payment-block .card-logo {
    float: right;
    display: none;
}

.cart_pop .body-checkout .payment-block .card-logo img {
    height: 29px;
    margin: 0 0px;
}

.cart_pop .body-checkout .payment-block .surrender {
    float: left;
    width: calc(50% - 12px);
    height: 30px;
}

.cart_pop .body-checkout .payment-block .surrender .iBlock {
    margin-bottom: 0;
}

.cart_pop .body-checkout .payment-block .payment-points {
    height: 120px;
    position: relative;
    background: #f3f3f3;
    margin-top: 50px;
    border-radius: 6px;
    box-shadow: 10px 7px 19px 0px rgba(0, 0, 0, 0.14);
}

.cart_pop .body-checkout .payment-block .payment-points .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.cart_pop .body-checkout .payment-block .payment-points .step.active {
    opacity: 1;
    pointer-events: all;
}

.cart_pop .body-checkout .payment-block .payment-points .step-2 .title {
    font-weight: 300;
    color: #a1a1a1;
    font-size: 18px;
    letter-spacing: 0.45px;
    text-transform: none;
    margin-right: 0;
}

.cart_pop .body-checkout .payment-block .payment-points .step-2 .code_sms {
    font-size: 36px;
    letter-spacing: 0.9px;
    color: #565656;
    font-weight: 300;
    text-transform: uppercase;
    height: 45px;
    width: 50px;
    padding: 0;
    text-align: center;
    background: transparent;
    border-bottom: 1px solid #d3d3d3;
    margin: 0 5px;
    float: left;
}

.cart_pop .body-checkout .payment-block .payment-points .step-2 .bottom {
    position: absolute;
    bottom: 15px;
    left: 40px;
}

.cart_pop .body-checkout .payment-block .payment-points .step-2 .bottom a {
    font-weight: 300;
    font-size: 10px;
    color: #bcbdbc;
    letter-spacing: 0.25px;
    position: relative;
    display: inline-block;
}

.cart_pop .body-checkout .payment-block .payment-points .step-2 .bottom a:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #bcbdbc;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    border-radius: 50%;
}

.cart_pop .body-checkout .payment-block .payment-points .step-2 .bottom a:last-child:after {
    display: none;
}

.cart_pop .body-checkout .payment-block .payment-points .title {
    margin: 0;
    padding: 0;
    margin-right: 70px;
}

.cart_pop .body-checkout .payment-block .payment-points .title .top {
    font-size: 22px;
    font-weight: 300;
    color: #828282;
    letter-spacing: 0.75px;
    text-transform: none;
}

.cart_pop .body-checkout .payment-block .payment-points .title .bottom {
    font-size: 18px;
    letter-spacing: 0.45px;
    color: #a1a1a1;
    font-weight: 300;
    text-transform: none;
}

.cart_pop .body-checkout .payment-block .payment-points .title .bottom span {
    font-weight: 700;
    color: #4cc256;
}

.cart_pop .body-checkout .payment-block .payment-points .count {
    height: 34px;
}

.cart_pop .body-checkout .payment-block .payment-points .count .number {
    width: 65px;
    height: 35px;
    background: #4cc256;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.16px;
    text-align: center;
}

.cart_pop .body-checkout .payment-block .payment-points .count .min,
.cart_pop .body-checkout .payment-block .payment-points .count .plus {
    width: 18px;
}

.cart_pop .body-checkout .additionally-block {
    margin-top: 40px;
}

.cart_pop .body-checkout .additionally-block .title {
    padding: 20px 0;
    margin: 15px 0 15px;
    font-size: 14px;
    color: #848383;
    font-weight: 700;
    letter-spacing: 0.14px;
    text-transform: uppercase;
}

.cart_pop .body-checkout .additionally-block .btn-enter-promo {
    position: absolute;
    right: 22px;
    top: 0;
    display: none;
}

.cart_pop .body-checkout .additionally-block .promo {
    padding-right: 140px;
}

.cart_pop .body-checkout .additionally-block .quession {
    width: 20px;
    height: 20px;
    background: #f0f0f0;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    top: 0;
}

.cart_pop .body-checkout .additionally-block .quession:hover .tolltip {
    opacity: 1;
    pointer-events: all;
}

.cart_pop .body-checkout .additionally-block .quession:after {
    content: "?";
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #eac55f;
    font-size: 14px;
    letter-spacing: 0.14px;
    position: absolute;
    top: 0;
    left: 0;
}

.cart_pop .body-checkout .additionally-block .quession .tolltip {
    position: absolute;
    top: calc(100% + 10px);
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px -3px 18px 0px rgba(0, 0, 0, 0.18);
    right: -3px;
    width: 245px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 12px;
    color: #878787;
    letter-spacing: 0.3px;
}

.cart_pop .body-checkout .additionally-block .quession .tolltip:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    right: 6px;
}

.pickup_checkbox {
    position: relative;
    z-index: 1;
    margin-top: 35px;
    margin-left: -14px;
    margin-bottom: -35px;
}

.cart_pop .body-checkout .additionally-block .no_call input[type=checkbox],
.cart_pop .body-checkout .delivery-block .no_call input[type=checkbox],
.cart_pop .body-checkout .i_agree_block input[type=checkbox],
.cart_pop .deactivate_promotions input[type=checkbox],
.pickup_checkbox input[type=checkbox],
.pickup_checkbox input[type=radio] {
    display: none;
}

.cart_pop .body-checkout .additionally-block .no_call input[type=checkbox]:checked ~ label:before,
.cart_pop .body-checkout .delivery-block .no_call input[type=checkbox]:checked ~ label:before,
.cart_pop .body-checkout .i_agree_block input[type=checkbox]:checked ~ label:before,
.pickup_checkbox input[type=checkbox]:checked ~ label:before,
.pickup_checkbox input[type=radio]:checked ~ label:before,
.cart_pop .deactivate_promotions input[type=checkbox]:checked ~ label:before {
    opacity: 1;
}

.cart_pop .body-checkout .additionally-block .no_call label,
.cart_pop .body-checkout .delivery-block .no_call label,
.cart_pop .body-checkout .i_agree_block label,
.pickup_checkbox label {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 10px;
    height: 30px;
    text-transform: none;
    color: #888888;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.14px;
    display: block;
    margin-bottom: 30px;
    line-height: 30px;
}

.pickup_checkbox label {
    height: auto;
}

.cart_pop .deactivate_promotions {

    padding-left: 25px;
}

.cart_pop .deactivate_promotions label {

    color: #6a6a6a;
    font-size: 12px;
    letter-spacing: .12px;
    transition: color .2s;
    position: relative;
    cursor: pointer;
}

.cart_pop .deactivate_promotions label:hover {

    color: #888888;
}

.pickup_checkbox label {
    cursor: pointer;
    padding-left: 35px;
    border-bottom: none;
}

.pickup_checkbox label a {
    color: #eed89e;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.pickup_checkbox label a:hover {
    color: #888888;
}


.cart_pop .body-checkout .additionally-block .no_call label {
    border-bottom: none;
}

.cart_pop .body-checkout .i_agree_block label {
    width: 90%;
    line-height: 18px;
    height: auto;
    padding-bottom: 5px;
    border-bottom: none;
}

.cart_pop .body-checkout .i_agree_block label a {
    color: #c1af7e;
    font-weight: 500;
}

.cart_pop .body-checkout .additionally-block .no_call label:after,
.cart_pop .body-checkout .delivery-block .no_call label:after,
.cart_pop .body-checkout .i_agree_block label:after,
.cart_pop .deactivate_promotions label:after,
.pickup_checkbox label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid #888888;
    box-sizing: border-box;
    position: absolute;
    top: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 22px;
    border-radius: 50%;
}

.pickup_checkbox label:after {
    top: 50% !important;
}

.cart_pop .deactivate_promotions label:after {

    left: -25px;

    top: 50%;
    transform: translateY(-50%);
}

.pickup_checkbox label:after {
    right: auto;
    left: 10px;
    top: 15px;
}

.cart_pop .body-checkout .additionally-block .no_call label:before,
.cart_pop .body-checkout .delivery-block .no_call label:before,
.cart_pop .body-checkout .i_agree_block label:before,
.cart_pop .deactivate_promotions label:before,
.pickup_checkbox label:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #888888;
    position: absolute;
    top: 16px;
    right: 21px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


.cart_pop .deactivate_promotions label:before {

    left: -21px;
    top: 50%;
    transform: translateY(-50%);
}

.pickup_checkbox label:before {
    right: auto;
    left: 19px;
    top: 50%;
}

.cart_pop .body-checkout .delivery-block .no_call label {
    padding-left: 27px;
    cursor: pointer !important;
    font-size: 13px;
    border-bottom: none;
    line-height: 18px;
}

.cart_pop .body-checkout .delivery-block .no_call label:after {
    left: 12px;
}

.cart_pop .body-checkout .delivery-block .no_call label:before {
    left: 21px;
}

.cart_pop .body-checkout .mCSB_inside > .mCSB_container {
    margin-right: 60px;
    padding-bottom: 50px;
}

.cart_pop .body-checkout .mCSB_scrollTools {
    width: 60px;
}

.cart_pop .body-checkout .mCSB_scrollTools {
    z-index: 11;
    max-height: calc(100% - 40px);
    margin-top: 20px;
}

.cart_pop .body-checkout .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background: #e3e6e8;
    border-radius: 3px !important;
}

.cart_pop .body-checkout .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e2c881;
    width: 3px;
    border-radius: 3px !important;
}

.cart_pop .confirmation {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    max-height: calc(100vh - 111px);
    height: calc(100vh - 111px);
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_pop .confirmation.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.cart_pop .confirmation h2 {
    color: #4cc256;
    font-size: 64px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 72px;
}

.cart_pop .cart-footer {
    position: absolute;
    bottom: 0;
    height: 150px;
    width: 100%;
    padding: 20px 0;
    /* border-top: 1px solid #f0f0f0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.cart_pop .cart-footer.active {
    -webkit-transform: translateX(calc((-100% - ((100vw - 1200px) / 2))));
    transform: translateX(calc((-100% - ((100vw - 1200px) / 2))));
}

.cart_pop .cart-footer:after {
    content: "";
    width: 100vw;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    top: 0;
    right: 0%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.cart_pop .cart-footer .stock {
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    width: 50%;
    margin: 0 12px;
    height: 100%;
    display: block;
}

.cart_pop .cart-footer .stock:first-child {
    margin-left: 0;
}

.cart_pop .cart-footer .stock:last-child {
    margin-right: 24px;
}

.cart_pop .cart-footer .stock span {
    font-weight: 400;
    color: #aeaeae;
    font-size: 12px;
    letter-spacing: 0.12px;
}

.cart_pop .cart-footer .stock .photo {
    width: auto;
    height: 100%;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 20px;
}

.cart_pop .cart-footer .stock .photo img {
    height: 100%;
}

.cart_pop .cart-footer .stock .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    height: 100%;
}

.cart_pop .cart-footer .stock p {
    color: #676767;
    font-size: 18px;
    letter-spacing: 0.18px;
    line-height: 16px;
    margin-bottom: 5px;
}

.cart_pop .cart-footer .stock .price {
    color: #4cc256;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-right: 35px;
    display: inline-block;
}

.cart_pop .cart-footer .stock .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.cart_pop .cart-footer .stock .btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #cbcbcb;
    margin-top: 10px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.cart_pop .cart-footer .stock .btn:hover {
    color: #4cc256;
}

.cart_pop .warning,
.cart_pop#cart_pop .warning-cart {
    width: 100%;
    height: 67px;
    background: rgba(244, 233, 203, 0.1);
    position: relative;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_pop#cart_pop .warning-cart {
    width: auto;
}

.cart_pop#cart_pop .cart-head-block {

    justify-content: space-between;
    padding-right: 60px;
}

.cart_pop#cart_pop .warning-cart {
    background: transparent;
    padding-left: 0;
}

.cart_pop .warning span,
.cart_pop#cart_pop .warning-cart span {
    color: #c1af7e;
    font-size: 12px;
    letter-spacing: 0.3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_pop .warning span:before,
.cart_pop#cart_pop .warning-cart span:before {
    content: "!";
    min-width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #e2c881;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a4946;
    margin-right: 10px;
}

.cart_pop#cart_pop .warning-cart span:before {

    color: #fff;
}

.cart_pop .warning:after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100vw;
    z-index: 1;
    background: rgba(244, 233, 203, 0.1);
}

.cart_pop .table-order {
    padding: 24px 0 24px 30px;
    max-height: calc(100% - 225px);
    height: calc(100% - 225px);
}

#cart_pop.cart_pop .table-order {
    padding-top: 30px;
    padding-bottom: 0;
}

.cart_pop .table-order .other-info {
    margin-top: 50px;
}

.cart_pop .table-order .item {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_pop .table-order .item.bonus .title-block .title {
    color: #4cc256;
}

.cart_pop .table-order .item.promo .title-block .title {
    color: #eac55f;
}

.cart_pop .table-order .item .title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.cart_pop .table-order .item .title {
    color: #6b6b6b;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.cart_pop .table-order .item ul {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_pop .table-order .item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.3px;
    height: 24px;
    padding: 0 10px;
    border: 1px solid #4b4b4b;
    border-radius: 6px;
}

.cart_pop .table-order .item .sale-text{
    font-size: 10px;
    color: rgba(255, 255, 255, 0.7);
    text-align: left;
    width: 100%;
    display: block;
}

.input-notice{
    font-size: 10px;
    color: #888;
    padding-top: 2px;
}

.cart_pop .table-order .item .summ {
    clear: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    width: 100%;
    position: relative;
}

.cart_pop .table-order .item .summ:after {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px dashed #444444;
    position: absolute;
    bottom: 6px;
    left: 0;
}

.cart_pop .table-order .item .summ span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    letter-spacing: 0.35px;
    padding: 2px 8px 2px 0;
    background: #373737;
    position: relative;
    z-index: 2;
}

.cart_pop .table-order .item .summ span.price {
    padding: 2px 0px 2px 8px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.18px;
}

.cart_pop .table-order .item .summ span.price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 3px;
}

.cart_pop .table-order .item .summ span.price_old {
    padding: 2px 0px 2px 8px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.18px;
    text-decoration: line-through;
}

.cart_pop .table-order .item .summ span.price_old:after {
    content: "";
    width: 8px;
    height: 11px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) center center no-repeat;
    background-size: contain;
    margin-left: 3px;
}

.cart_pop .body-cart .item ul li .old_price.empty:after {
    display: none;
}

.singUp_pop,
.singIn_pop,
.recovery-pass_pop {
    z-index: 115;
}

.singUp_pop .container,
.singIn_pop .container,
.recovery-pass_pop .container {
    position: relative;
}

.singUp_pop .close_win,
.singIn_pop .close_win,
.recovery-pass_pop .close_win {
    right: 20px;
    top: 20px;
}

.singUp_pop .close_win span:after,
.singIn_pop .close_win span:after,
.recovery-pass_pop .close_win span:after,
.singUp_pop .close_win span:before,
.singIn_pop .close_win span:before,
.recovery-pass_pop .close_win span:before {
    background: #a1a1a1;
}

.singUp_pop .body,
.singIn_pop .body,
.recovery-pass_pop .body {
    width: 100%;
    max-width: 400px;
    background: #fff;
    height: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px;
}

.singUp_pop .head-pop,
.singIn_pop .head-pop,
.recovery-pass_pop .head-pop {
    height: 90px;
    padding: 13px 30px 0px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aling-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}

.singUp_pop .head-pop p,
.singIn_pop .head-pop p,
.recovery-pass_pop .head-pop p {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #656565;
    padding: 0;
    margin: 0;
    padding-top: 5px;
}

.singUp_pop .head-pop p a,
.singIn_pop .head-pop p a,
.recovery-pass_pop .head-pop p a {
    color: #c5ac6c;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.singUp_pop .head-pop p a:hover,
.singIn_pop .head-pop p a:hover,
.recovery-pass_pop .head-pop p a:hover {
    color: #4cc256;
}

.singUp_pop .head-pop .title,
.singIn_pop .head-pop .title,
.recovery-pass_pop .head-pop .title {
    font-size: 24px;
    letter-spacing: 0.24px;
    color: #696868;
}

.singUp_pop .body-pop,
.singIn_pop .body-pop,
.recovery-pass_pop .body-pop {
    padding: 16px 30px 40px 30px;
}

.singUp_pop .body-pop .desc,
.singIn_pop .body-pop .desc,
.recovery-pass_pop .body-pop .desc {
    font-size: 12px;
    color: #9e9e9e;
    letter-spacing: 0.12px;
    text-align: center;
    width: 100%;
    max-width: 310px;
    line-height: 20px;
    margin: 0 auto 40px auto;
}

.singUp_pop .body-pop form .iBlock,
.singIn_pop .body-pop form .iBlock,
.recovery-pass_pop .body-pop form .iBlock {
    display: inline-block;
    width: 100%;
    position: relative;
    -webkit-transition: border 0.5s;
    transition: border 0.5s;
}

.singUp_pop .body-pop form .iBlock:first-of-type,
.singIn_pop .body-pop form .iBlock:first-of-type,
.recovery-pass_pop .body-pop form .iBlock:first-of-type {
    margin-bottom: 25px;
}

.singUp_pop .body-pop form .iBlock.focus-in .placeholder,
.singIn_pop .body-pop form .iBlock.focus-in .placeholder,
.recovery-pass_pop .body-pop form .iBlock.focus-in .placeholder {
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
}

.singUp_pop .body-pop form .iBlock .placeholder,
.singIn_pop .body-pop form .iBlock .placeholder,
.recovery-pass_pop .body-pop form .iBlock .placeholder {
    color: #656565;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    pointer-events: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.singUp_pop .body-pop form .iBlock .show-pass,
.singIn_pop .body-pop form .iBlock .show-pass,
.recovery-pass_pop .body-pop form .iBlock .show-pass {
    width: 15px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-otems: center;
}

.singUp_pop .body-pop form .iBlock .show-pass svg,
.singIn_pop .body-pop form .iBlock .show-pass svg,
.recovery-pass_pop .body-pop form .iBlock .show-pass svg {
    width: 100%;
}

.singUp_pop .body-pop form .iBlock .show-pass svg path,
.singIn_pop .body-pop form .iBlock .show-pass svg path,
.recovery-pass_pop .body-pop form .iBlock .show-pass svg path {
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
}

.singUp_pop .body-pop form .iBlock .show-pass.active svg path,
.singIn_pop .body-pop form .iBlock .show-pass.active svg path,
.recovery-pass_pop .body-pop form .iBlock .show-pass.active svg path,
.singUp_pop .body-pop form .iBlock .show-pass:hover svg path,
.singIn_pop .body-pop form .iBlock .show-pass:hover svg path,
.recovery-pass_pop .body-pop form .iBlock .show-pass:hover svg path {
    fill: #4cc256;
}

.singUp_pop .body-pop form input[type="text"],
.singIn_pop .body-pop form input[type="text"],
.recovery-pass_pop .body-pop form input[type="text"],
.singUp_pop .body-pop form input[type="email"],
.singIn_pop .body-pop form input[type="email"],
.recovery-pass_pop .body-pop form input[type="email"],
.singUp_pop .body-pop form input[type="password"],
.singIn_pop .body-pop form input[type="password"],
.recovery-pass_pop .body-pop form input[type="password"],
.singUp_pop .body-pop form input[type="number"],
.singIn_pop .body-pop form input[type="number"],
.recovery-pass_pop .body-pop form input[type="number"],
.singUp_pop .body-pop form textarea,
.singIn_pop .body-pop form textarea,
.recovery-pass_pop .body-pop form textarea {
    height: 30px;
    width: calc(100% - 30px);
    padding: 0 10px;
    text-transform: uppercase;
    color: #545353;
    font-size: 18px;
    letter-spacing: 0.18px;
    -webkit-transition: border 0.5s;
    transition: border 0.5s;
    border-bottom: 1px solid #e2e2e2;
}

.singUp_pop .body-pop form input[type="text"].parsley-error,
.singIn_pop .body-pop form input[type="text"].parsley-error,
.recovery-pass_pop .body-pop form input[type="text"].parsley-error,
.singUp_pop .body-pop form input[type="email"].parsley-error,
.singIn_pop .body-pop form input[type="email"].parsley-error,
.recovery-pass_pop .body-pop form input[type="email"].parsley-error,
.singUp_pop .body-pop form input[type="password"].parsley-error,
.singIn_pop .body-pop form input[type="password"].parsley-error,
.recovery-pass_pop .body-pop form input[type="password"].parsley-error,
.singUp_pop .body-pop form input[type="number"].parsley-error,
.singIn_pop .body-pop form input[type="number"].parsley-error,
.recovery-pass_pop .body-pop form input[type="number"].parsley-error,
.singUp_pop .body-pop form textarea.parsley-error,
.singIn_pop .body-pop form textarea.parsley-error,
.recovery-pass_pop .body-pop form textarea.parsley-error {
    border-bottom-color: #e13d3d;
}

.singUp_pop .body-pop form .btn,
.singIn_pop .body-pop form .btn,
.recovery-pass_pop .body-pop form .btn {
    margin-top: 75px;
}

.singUp_pop .body-pop form .forgot-pass,
.singIn_pop .body-pop form .forgot-pass,
.recovery-pass_pop .body-pop form .forgot-pass {
    color: #c4c4c4;
    font-size: 10px;
    letter-spacing: 0.1px;
    float: right;
    margin-top: 5px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.singUp_pop .body-pop form .forgot-pass:hover,
.singIn_pop .body-pop form .forgot-pass:hover,
.recovery-pass_pop .body-pop form .forgot-pass:hover {
    color: #4cc256;
}

.singUp_pop .body-pop,
.singIn_pop .body-pop {
    padding: 48px 30px 60px 30px;
}

.sms_key_for_card {
    z-index: 105;
}

.sms_key_for_card .container {
    position: relative;
}

.sms_key_for_card .close_win {
    position: relative;
    right: auto;
    top: auto;
}

.sms_key_for_card .body {
    width: 100%;
    max-width: 430px;
    background: #fff;
    height: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px;
    padding: 40px 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sms_key_for_card .code_sms_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sms_key_for_card .code_sms_block:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.sms_key_for_card .title {
    font-size: 18px;
    letter-spacing: 0.45px;
    color: #5d5c5c;
    margin-bottom: 27px;
}

.sms_key_for_card .code_sms {
    font-size: 36px;
    color: #565656;
    font-weight: 300;
    text-transform: uppercase;
    height: 45px;
    width: calc(100% - 180px);
    padding: 0;
    background: transparent;
    border-bottom: 1px solid #d3d3d3;
    margin: 0 5px;
    float: left;
    letter-spacing: 10px;
    text-align: center;
}

.sms_key_for_card .bottom {
    /* position: absolute;
		bottom: 15px;
		left: 40px; */
    margin-top: 10px;
}

.sms_key_for_card .bottom a {
    font-weight: 300;
    font-size: 10px;
    color: #bcbdbc;
    letter-spacing: 0.25px;
    position: relative;
    display: inline-block;
}

.sms_key_for_card .bottom a:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #bcbdbc;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    border-radius: 50%;
}

.sms_key_for_card .bottom a:last-child:after {
    display: none;
}

.sms_key_for_card .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
}

.sms_key_for_card .buttons .btn {
    height: 45px;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 5px;
}

.sms_key_for_card .buttons .btn-send-sms {
    background: #4cc256;
    color: #fff;
    cursor: pointer;
}

.sms_key_for_card .buttons .btn-send-sms:hover {
    background: #41ab4a;
}

.info-popup {
    z-index: 115;
}

.info-popup.open {
    /*display: flex !important;*/
    justify-content: center;
    align-items: center;
}

.info-popup .container {
    position: relative;
}

.info-popup .close_win {
    position: relative;
    right: auto;
    top: auto;
}

.info-popup .close_win span:after,
.info-popup .close_win span:before {
    width: 12px;
    background: #a1a1a1;
}

.info-popup.open .body {
    -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 1px));
    transform: translate(calc(-50% - 0.5px), calc(-50% - 1px));
    /*margin-top: 0%;*/
}

.info-popup .body {
    width: 100%;
    max-width: 997px;
    background: #fff;
    height: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    border-radius: 6px;
    text-align: center;
    transition: all 0.5s;
    opacity: 1;
    backface-visibility: hidden;
    /*margin-top: 100%;*/
    zoom: 100.5%;
}

.info-popup .header_popup {
    height: 75px;
    padding: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 700;
    color: #5f5f5f;
    font-size: 18px;
    letter-spacing: 0.18px;
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.09);
}

.info-popup .body_popup {
    padding: 50px 35px;
    text-align: left;
}

.info-popup .body_popup .desc {
    font-size: 14px;
    color: #625e5e;
}

.info-popup .body_popup .desc b {
    font-weight: 600;
}

.info-popup .body_popup .desc ul {
    padding-left: 15px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.info-popup .body_popup .desc strong {
    padding-bottom: 5px;
}

.info-popup .body_popup .desc p {
    margin-bottom: 10px;
}

.rest_participants_popup .body_popup {
    padding: 30px 10px;
}

.rest_participants_popup .body_popup .items {
    display: block;
    text-align: center;
    font-size: 0;
}

.rest_participants_popup .body_popup .restaraunt-logo {
    margin: 10px 40px;
    display: inline-block;
    vertical-align: baseline;
    height: 110px;
    width: calc(20% - 40px);
    text-align: center;
    line-height: 110px;
}

.rest_participants_popup .body_popup .restaraunt-logo:hover {
    text-align: center;
}

.rest_participants_popup .body_popup .restaraunt-logo:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -m-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.rest_participants_popup .body_popup .restaraunt-logo img {
    max-height: 100%;
    max-width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -m-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
    transition: -webkit-filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
    transition: filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
    transition: filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96), -webkit-filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
}

.mechanics_popup .body_popup {
    padding: 25px 0px;
}

.mechanics_popup .body_popup .items {
    padding: 0 35px 25px;
}

.mechanics_popup .body_popup .item-program {
    text-align: center;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    margin: 25px 0;
    /* transform: translateY(50px); */
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    /* &:hover{
				.icon{

				}
			} */
}

.mechanics_popup .body_popup .item-program.is-visible {
    opacity: 1;
    /* transform: translateY(0px); */
}

.mechanics_popup .body_popup .item-program.is-visible .icon {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.mechanics_popup .body_popup .item-program:nth-of-type(1) {
    -webkit-transition: opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
    transition: opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
    transition: transform 0.5s linear 0, opacity 0.5s 0s;
    transition: transform 0.5s linear 0, opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
}

.mechanics_popup .body_popup .item-program:nth-of-type(1) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0s;
    transition: -webkit-transform 0.5s linear 0s;
    transition: transform 0.5s linear 0s;
    transition: transform 0.5s linear 0s, -webkit-transform 0.5s linear 0s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(2) {
    -webkit-transition: opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
    transition: opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, opacity 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(2) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.2s;
    transition: -webkit-transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(3) {
    -webkit-transition: opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
    transition: opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, opacity 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(3) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.4s;
    transition: -webkit-transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(4) {
    -webkit-transition: opacity 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
    transition: opacity 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s, opacity 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s, opacity 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(4) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.6s;
    transition: -webkit-transform 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(5) {
    -webkit-transition: opacity 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
    transition: opacity 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s, opacity 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s, opacity 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
}

.mechanics_popup .body_popup .item-program:nth-of-type(5) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.8s;
    transition: -webkit-transform 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
}

.mechanics_popup .body_popup .item-program .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin-bottom: 17px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mechanics_popup .body_popup .item-program .icon .front,
.mechanics_popup .body_popup .item-program .icon .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}

.mechanics_popup .body_popup .item-program .icon .front {
    background: #f6f6f6;
    z-index: 2;
    /* for firefox 31 */
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.mechanics_popup .body_popup .item-program .icon .back {
    background: #4f4b40;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mechanics_popup .body_popup .item-program .icon img {
    max-width: 50px;
    max-height: 46px;
}

.mechanics_popup .body_popup .item-program .desc {
    color: #4f4b40;
    font-weight: 500;
    letter-spacing: 0.14px;
    font-size: 14px;
    max-width: 140px;
    margin: 0 auto;
}

.mechanics_popup .body_popup .text-block {
    padding: 60px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e2e2e2;
}

.mechanics_popup .body_popup .text-block img {
    max-width: 340px;
    width: 100%;
}

.mechanics_popup .body_popup .text-block .desc {
    padding: 0 20px;
    max-width: 580px;
}

.mechanics_popup .body_popup .text-block .desc b {
    font-weight: 500;
    font-size: 24px;
    color: #4e4a3f;
    letter-spacing: 0.24px;
    padding-bottom: 15px;
    display: inline-block;
}

.mechanics_popup .body_popup .text-block .desc p {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #9b9b9b;
    line-height: 24px;
}

.career_popup .body {
    max-width: 590px;
}

.career_popup .body_popup {
    padding: 40px;
}

.career_popup .body_popup .wpcf7-not-valid input,
.career_popup .body_popup .wpcf7-not-valid textarea,
.career_popup .body_popup .wpcf7-not-valid .nice-select {
    border-bottom: 1px solid #e13d3d !important;
}

.career_popup .body_popup .wpcf7-not-valid .file_upload > button {
    border: 1px solid #e13d3d !important;
    color: #e13d3d;
}

.career_popup .body_popup .wpcf7-not-valid .file_upload > div {
    color: #e13d3d;
}

.career_popup .body_popup form {
    text-align: center;
}

.career_popup .body_popup form .iBlock:first-child {
    margin-bottom: 20px;
}

.career_popup .body_popup form input[type="submit"] {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    background: #4cc256;
    width: auto;
    display: inline-block;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    border-radius: 6px;
    margin: 30px auto 0;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.career_popup .body_popup form input[type="submit"]:hover {
    background: #41ab4a;
}

.career_popup .body_popup form .ajax-loader {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: absolute;
    top: 55%;
}

.career_popup .body_popup form .ajax-loader.is-active {
    background: url("../img/ajax.gif") no-repeat center center;
    background-size: contain;
}

.career_popup .body_popup .nice-select {
    width: 100%;
    background: transparent;
    padding-left: 10px;
    margin-bottom: 30px;
    border-right: none !important;
    border-bottom: 1px solid #e2e2e2 !important;
    border-radius: 0 !important;
    height: 30px;
    padding: 5px 0 33px;
}

.career_popup .body_popup .nice-select:after {
    border-bottom: 1px solid #d1c8c8;
    border-right: 1px solid #d1c8c8;
    width: 9px;
    height: 9px;
}

.career_popup .body_popup .nice-select .current {
    text-transform: uppercase;
    color: #545353 !important;
    font-size: 18px;
    letter-spacing: 0.18px;
    font-weight: 400;
    padding: 0 10px;
    display: block;
    height: 40px;
    line-height: 35px;
    padding: 0;
}

.career_popup .body_popup .nice-select .list {
    margin-top: -1px !important;
}

.career_popup .body_popup .nice-select .list .option {
    color: #bfbfbf !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    height: 30px;
    line-height: 40px;
}

.career_popup .body_popup .nice-select .list .option.selected {
    font-weight: 700;
}

.career_popup .body_popup .file_upload {
    position: relative;
    overflow: hidden;
    color: #bfbfbf;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    height: 47px;
    line-height: 45px;
    text-align: left;
}

.career_popup .body_popup .file_upload > button {
    width: 190px;
    height: 45px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    border: 1px solid #e5e5e5 !important;
    color: #7c7c7c;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    outline: none;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    background: transparent;
}

.career_popup .body_popup .file_upload > div {
    display: inline-block;
    vertical-align: middle;
    height: 45px;
    padding: 0 10px;
    width: 100%;
    max-width: calc(100% - 205px);
    color: #bfbfbf;
    font-weight: 300;
    font-size: 14px;
    line-height: 45px;
    letter-spacing: 0.14px;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 500px) {
    .career_popup .body_popup .file_upload > div {
        display: none;
    }

    .career_popup .body_popup .file_upload > button {
        width: 100%;
    }
}

.career_popup .body_popup .file_upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(20);
    transform: scale(20);
    letter-spacing: 10em;
    /* IE 9 fix */
    -ms-transform: scale(20);
    /* IE 9 fix */
    opacity: 0;
    cursor: pointer;
}

.not_work_delivery,
.not_change_adress {
    z-index: 115;
}

.not_work_delivery form {

    display: flex;
    justify-content: space-between;
    max-width: 353px;
    margin: 50px auto 20px;
}

.not_work_delivery form .iBlock {

    max-width: calc(50% - 10px);
}

.not_work_delivery a.lets_set_pickup_delivery {
    color: #e8b44e;
    margin-top: 20px;
    transition: color .3s;
}

.not_work_delivery a.lets_set_pickup_delivery:hover {
    color: #eed89e;
}

.not_work_delivery .container,
.not_change_adress .container {
    position: relative;
}

.not_work_delivery .close_win,
.not_change_adress .close_win {
    right: 20px;
    top: 20px;
}

.not_work_delivery .close_win span:after,
.not_change_adress .close_win span:after,
.not_work_delivery .close_win span:before,
.not_change_adress .close_win span:before {
    background: #a1a1a1;
}

.not_work_delivery .body,
.not_change_adress .body {
    width: 100%;
    max-width: 590px;
    background: #fff;
    height: auto;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px;
    padding: 40px;
    text-align: center;
}

.not_work_delivery p,
.not_change_adress p {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #939393;
    line-height: 23px;
    margin: 25px auto;
    max-width: 420px;
}

.not_work_delivery p {
    margin-bottom: 0;
}

.not_work_delivery p a,
.not_change_adress p a {
    font-weight: 500;
    color: #4cc256;
}

.not_work_delivery .title,
.not_change_adress .title {
    font-size: 18px;
    letter-spacing: 0.45px;
    color: #5d5c5c;
    padding: 0;
    margin: 0;
    max-width: 100%;
    font-weight: 400;
    text-align: center;
}

.not_change_adress .I_calendar {
    position: relative;
}

.not_change_adress .I_calendar input::selection {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.not_change_adress .I_calendar input {
    padding: 0 10px;
    text-transform: none;
    background: transparent;
    font-size: 18px;
    color: #606060 !important;
    font-weight: 300;
    letter-spacing: 0.18px;
    height: 30px;
    width: 240px;
    transition: border 0.5s;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.not_change_adress .I_calendar {
    height: 31px;
    margin-bottom: 40px;
    display: block;
    width: 240px;
    margin: 50px auto;
}

.not_change_adress .I_calendar .placeholder {
    color: #656565 !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    pointer-events: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0px;
    -webkit-transition: font-size 0.3s, -webkit-transform 0.3s;
    transition: font-size 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, font-size 0.3s;
    transition: transform 0.3s, font-size 0.3s, -webkit-transform 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    text-align: center;
}

.not_change_adress .I_calendar.focus-in .placeholder {
    font-size: 12px;
    color: #bfbfbf;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    font-size: 12px;
}

.not_change_adress .I_calendar:hover .placeholder {
    font-size: 12px;
    color: #bfbfbf;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    font-size: 12px;
}


.not_work_delivery .title b,
.not_change_adress .title b {
    font-weight: 700;
}

body,
html {
    margin: 0;
    padding: 0;
    position: relative;
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    position: relative;
    font-family: "SF-UI-DISPLAY";
    font-weight: 400;
    font-size: 14px;
    overflow-y: scroll !important;
}

body.active {
    overflow: hidden !important;
}

.clear {
    display: block;
    clear: both;
}

ol {
    list-style-position: inside;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-appearance: none !important;
    -webkit-tap-highlight-color: transparent;
}

.container {
    max-width: 1200px;
}

#page-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 110;
    display: none;
}

#page-preloader .spinner {
    position: absolute;
    left: 50%;
    margin-left: -295px;
    top: 50%;
    margin-top: -295px;
    width: 590px;
    height: 590px;
    background-size: contain;
}

.nopadding {
    padding: 0 !important;
}

.sticky {
    position: fixed;
    z-index: 101;
}

.stop {
    position: relative;
    z-index: 101;
}

.bx-viewport,
.bx-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0 !important;
    overflow: hidden;
}

.bx-wrapper img {
    margin: 0 auto;
}

.bxslider,
.bxslider li {
    height: 100% !important;
}

.bxslider li {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bx-wrapper .bx-viewport {
    border: none !important;
    box-shadow: none;
}

.product-card-mini {
    max-width: 282px;
    margin-bottom: 24px;
    display: block;
    height: auto;
    background: #fff;
    /* overflow: hidden; */
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    padding-bottom: 30px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    min-height: 470px;
}

.product-card-mini:not(.pizza) .product-title {
    margin-bottom: 44px;
}

.lunch_component .product-card-mini {
    padding-bottom: 10px;

}

.product-card-mini .wishlist_button {
    width: 40px;
    height: 40px;
    position: absolute !important;
    /*z-index: 1;*/
    top: 10px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f3f3f3;
    border-radius: 50%;
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    overflow: hidden;
    z-index: 100;
}

.product-card-mini .wishlist_button svg {
    width: 16px;
    height: 16px;
}

.product-card-mini .wishlist_button svg path {
    fill: #b9b9b9;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}

.product-card-mini .wishlist_button.added {
    background: #e54c4c;
}

.product-card-mini .wishlist_button.added path {
    fill: #fbd069;
}

.product-card-mini .wishlist_button.added:hover {
    background: #d53535;
}

.product-card-mini .wishlist_button:after {
    content: attr(data-tooltip);
    height: 21px;
    line-height: 21px;
    width: auto;
    display: block;
    background: rgba(55, 55, 55, 0.8);
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product-card-mini .wishlist_button:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid rgba(55, 55, 55, 0.8);
    position: absolute;
    top: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.product-card-mini .wishlist_button:hover {
    background: #eae7e7;
    overflow: visible;
}

.product-card-mini .wishlist_button:hover:after,
.product-card-mini .wishlist_button:hover:before {
    opacity: 1;
}

.product-card-mini .stikaers {
    width: 40px;
    position: absolute !important;
    top: 5px;
    right: 10px;
    display: block !important;
    z-index: 1;
}

.product-card-mini .stikaers:after {
    display: none;
}

.product-card-mini .stikaers li {
    display: block !important;
    margin: 5px 0 !important;
}

.product-card-mini .stikaers li:first-child {
    margin-top: 0;
}

.product-card-mini .stikaers li:last-child {
    margin-bottom: 0;
}

.product-card-mini .stikaers li img {
    box-shadow: none !important;
}

.product-card-mini .stikaers li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 3px solid transparent;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.product-card-mini .stikaers li span:after {
    content: attr(data-tooltip);
    height: 21px;
    line-height: 21px;
    width: auto;
    display: block;
    background: rgba(55, 55, 55, 0.8);
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product-card-mini .stikaers li span:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid rgba(55, 55, 55, 0.8);
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.product-card-mini .stikaers li span.filter_wishlist {
    background-color: #e54c4c;
}

.product-card-mini .stikaers li span.filter_wishlist svg {
    height: 16px;
}

.product-card-mini .stikaers li span.filter_wishlist svg path {
    fill: #fbd069;
}

.product-card-mini .stikaers li span.filter_258 {
    background-color: #ff4141;
}

.product-card-mini .stikaers li span.filter_258 svg {
    width: 17px;
}

.product-card-mini .stikaers li span.filter_258 svg path {
    fill: #fff;
}

.product-card-mini .stikaers li span.filter_22 {
    background-color: #494646;
}

.product-card-mini .stikaers li span.filter_22 svg {
    height: 19px;
}

.product-card-mini .stikaers li span.filter_22 svg path {
    fill: #ff864b;
}

.product-card-mini .stikaers li span.filter_149 {
    background-color: #ff864b;
}

.product-card-mini .stikaers li span.filter_149 svg {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.4);
    -moz-transform: translate(-50%, -50%) scale(1.4);
    -ms-transform: translate(-50%, -50%) scale(1.4);
    -o-transform: translate(-50%, -50%) scale(1.4);
    transform: translate(-50%, -50%) scale(1.4);
}

.product-card-mini .stikaers li span.filter_149 svg path {
    fill: #fff;
}

.product-card-mini .stikaers li span.filter_47 {
    background-color: #5cce54;
}

.product-card-mini .stikaers li span.filter_47 svg {
    height: 13px;
}

.product-card-mini .stikaers li span.filter_47 svg path {
    fill: #ffffff;
}

.product-card-mini .stikaers li span.filter_500 {
    background-color: #93288d;
}

.product-card-mini .stikaers li span.filter_500 svg {
    height: 23px;
    margin-left: 2px;
}

.product-card-mini .stikaers li span.filter_500 svg path {
    fill: #ffffff;
}

.product-card-mini .stikaers li span svg {
    width: 100%;
    height: 100%;
    max-width: 90%;
    max-height: 90%;
}

.product-card-mini .stikaers li span:hover {
    overflow: visible;
}

.product-card-mini .stikaers li span:hover:after,
.product-card-mini .stikaers li span:hover:before {
    opacity: 1;
}

.product-card-mini:hover {
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
}

.product-card-mini .product-photo {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}

.product-card-mini .product-photo .hover-description {

    transition: transform .3s ease-in-out, background .3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    color: #676767;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.product-card-mini .product-photo .hover-description p {

    opacity: 0;
    transition: transform .3s, opacity .3s;
    transform: translateY(50px);
}

.product-card-mini:hover .product-photo .hover-description {
    background: rgba(255, 255, 255, .8);
}


.product-card-mini:hover .product-photo .hover-description p {

    opacity: 1;
    transform: translateY(0);
}

.product-card-mini .product-photo img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.product-card-mini .product-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 83px;
}

.product-card-mini .product-title p {
    max-width: 230px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #676767;
}

.lunch_component .product-card-mini .product-title {
    height: 140px;
    margin-top: 10px;

}

.product-card-mini .product-title .lunch_description {
    font-weight: 300;
    color: #9d9d9d;
    font-size: 14px;
    letter-spacing: .14px;
    line-height: 18px;
}

.product-card-mini .description-mob {

    display: none;
}

.product_pop .info .price-block,
.product-card-mini .price-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 37px;
    margin-top: 5px;
}

.product-card-mini.pizza .price-block {

    height: 65px;
    margin-top: 15px;
}

.product_pop .info .price-block {
    justify-content: flex-start;
    margin-top: 48px;
}

.product_pop .info .price-block .price,
.product-card-mini .price-block .price {
    color: #4cc256;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
    margin: 0 13px;
}

.product_pop .info .price-block .price:after,
.product-card-mini .price-block .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url("../img/ui/UAH-product-card.svg") no-repeat center center;
    background-size: contain;
    margin-left: 5px;
}

.product_pop .info .price-block .weight,
.product-card-mini .price-block .weight {
    margin: 0 20px;
    color: #aeaeae;
    font-size: 12px;
    letter-spacing: 0.12px;
}

.product-card-mini.pizza {
    position: relative;
    overflow: visible;
}

.product_pop .info .price-block ul,
.product-card-mini.pizza ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0px;
    position: relative;
}

/*.product-card-mini.pizza ul:after {
  content: "";
  width: 100%;
  height: 1px;
  border-top: 1px dashed #e8e8e8;
  position: absolute;
  top: 7px;
  left: 0;
  z-index: 0;
}*/
.product_pop .info .price-block ul li,
.product-card-mini.pizza ul li {
    min-height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 7px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.product_pop .info .price-block ul li:hover .weight,
.product_pop .info .price-block ul li.active .weight,
.product-card-mini.pizza ul li:hover .weight,
.product-card-mini.pizza ul li.active .weight {
    background: #4cc256;
    color: #fff;
}

.product_pop .info .price-block ul li:first-child,
.product-card-mini.pizza ul li:first-child {
    margin-left: 0;
}

.product_pop .info .price-block ul li:last-child,
.product-card-mini.pizza ul li:last-child {
    margin-right: 0;
}

.product_pop .info .price-block ul li .weight,
.product-card-mini.pizza ul li .weight {
    height: 35px;
    width: 55px;
    padding: 0 8px;
    margin: 0;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8d8989;
    font-size: 9px;
    letter-spacing: 0.1px;
    background: #ececec;
    border-radius: 15px;
    text-align: center;
    line-height: 12px;

    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    -ms-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.product_pop .info .price-block ul li .price,
.product-card-mini.pizza ul li .price {
    font-size: 14px;
    letter-spacing: 0.14px;
    text-align: center;
    margin: 0;
}

.product_pop .info .price-block ul li .price:after,
.product-card-mini.pizza ul li .price:after {
    width: 6px;
    height: 10px;
}

.pizza .added .trigger-minus.info {
    background: #41ab4a;
    padding: 0;
}

.pizza .added .trigger-minus.info:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #313131;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.pizza .added .trigger-minus.info span {
    width: 14px;
    height: 1px;
    background: #fff;
    display: block;
    position: relative;
}

.pizza .added .trigger-minus.info span:before,
.pizza .added .trigger-minus.info span:after {
    content: "";
    width: 14px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
}

.pizza .added .trigger-minus.info span:before {
    top: -6px;
}

.pizza .added .trigger-minus.info span:after {
    top: 6px;
}

.pizza .added .trigger-minus.info.open-info:after {
    opacity: 1 !important;
}

.pizza .info-block {
    display: none;
    width: 270px;
    position: absolute;
    z-index: 1;
    background: #313131;
    bottom: 85px;
    left: 30px;
    border-radius: 6px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pizza .info-block .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.pizza .info-block .head-info {
    padding: 0 20px;
    height: 54px;
    border-bottom: 1px solid #3c3c3c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #fff;
}

.pizza .info-block .item-list {
    display: block;
    max-height: 241px;
}

.pizza .info-block .item-list:after {
    display: none;
}

.pizza .info-block .item-list li {
    border-bottom: 1px solid #3c3c3c;
    padding: 0 20px 11px;
    display: block;
    margin: 11px 0 0;
}

.pizza .info-block .item-list li:last-child {
    border-bottom: none;
}

.pizza .info-block .item-list li .head-item {
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.pizza .info-block .item-list li .head-item .name {
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: 300;
    color: #fff;
    width: 50%;
}

.pizza .info-block .item-list li .head-item .weight {
    background: #444444;
    margin-bottom: 0;
    height: 15px;
    width: auto;
    padding: 0 8px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8d8989;
    font-size: 9px;
    letter-spacing: 0.1px;
    border-radius: 8px;
}

.pizza .info-block .item-list li .head-item .price {
    color: #4cc256;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.14px;
}

.pizza .info-block .item-list li .head-item .price:after {
    content: "";
    width: 6px;
    height: 10px;
    display: inline-block;
    background: url("../img/ui/UAH-product-card.svg") no-repeat center center;
    background-size: contain;
    margin-left: 5px;
}

.pizza .info-block .item-list li .ingredients-items {
    color: #696969;
    font-size: 12px;
    letter-spacing: 0.12px;
    margin: 10px 0;
}

.pizza .info-block .item-list li .ingredients-items span {
    color: #b3b3b3;
}

.pizza .info-block .item-list li .btn {
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    margin-top: 5px;
    display: block;
    background: transparent;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #ee5151;
}

.pizza .info-block .item-list li .btn:after,
.pizza .info-block .item-list li .btn:before {
    display: none;
}

.price-icon:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url("../img/ui/UAH-product-card.svg") no-repeat center center;
    background-size: contain;
    margin-left: 5px;
}

#mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 106;
    display: none;
}

.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-box.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex-box.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-box.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-box.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popover {
    /*  position: absolute;
   top: 0;
   left: 0; */
    z-index: 1010;
    max-width: 100%;
    width: 220px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    display: block;
    border-bottom: 4px solid #e13d3d;
}

.popover .popover-inner {
    border-radius: 3px;
}

.popover .popover-content {
    text-align: center;
}

.popover .popover-content a {
    margin: 1px auto;
}

.popover .popover-content img {
    max-width: 80px;
}

.popover .popover-title {
    display: none;
}

.popover .arrow {
    width: 21px;
    height: 12px;
    background: url('../img/ui/address-icon-arrow.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
}

.popover .close {
    position: absolute;
    right: 5px;
    top: 1px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.popover .btn {
    margin-top: 10px;
}

.empty_serch_result_ajax {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 74px;
}

.empty_serch_result_ajax .icon {
    width: 43px;
    height: 59px;
    background: url('../img/empty_serch_result_ajax_icon@2x.png') no-repeat center center;
    background-size: contain;
    margin: 20px auto;
    display: none;
}

.empty_serch_result_ajax p {
    font-size: 18px;
    color: #c4c4c4;
    font-weight: 400;
    line-height: 22px;
    display: none;
}

.serch_result_ajax,
.serch_result_ajax_house,
.serch_result_ajax_pickup_out,
.serch_result_ajax_pickup_in,
.serch_result_ajax_profile,
.autocomplete-suggestions {
    max-height: 450px;
    height: 380px;
    margin: 30px 0;
    margin-left: -22px;
    position: relative;
    margin-top: 0px;
}

.serch_result_ajax .mCustomScrollBox,
.serch_result_ajax_house .mCustomScrollBox,
.serch_result_ajax_pickup_out .mCustomScrollBox,
.serch_result_ajax_pickup_in .mCustomScrollBox{
    height: auto;
}

.serch_result_ajax .mCustomScrollBox:before,
.serch_result_ajax_house .mCustomScrollBox:before,
.serch_result_ajax_pickup_out .mCustomScrollBox:before,
.serch_result_ajax_pickup_in .mCustomScrollBox:before,
.serch_result_ajax_profile:before,
.autocomplete-suggestions:before,
.serch_result_ajax:after,
.serch_result_ajax_house:after,
.serch_result_ajax_pickup_out:after,
.serch_result_ajax_pickup_in:after,
.serch_result_ajax_profile:after,
.autocomplete-suggestions:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    display: block;
    z-index: 10000;
    pointer-events: none;
}

.serch_result_ajax .autocomplete-suggestions,
.serch_result_ajax_house .autocomplete-suggestions,
.serch_result_ajax_pickup_out .autocomplete-suggestions,
.serch_result_ajax_pickup_in .autocomplete-suggestions,
.serch_result_ajax_profile .autocomplete-suggestions,
.autocomplete-suggestions .autocomplete-suggestions {
    position: relative !important;
    /*margin-left: 5px;*/
    padding-bottom: 30px;
    padding-top: 10px;
    max-height: 10000px !important;
    width: 100% !important;
}

.serch_result_ajax .autocomplete-suggestion,
.serch_result_ajax_house .autocomplete-suggestion,
.serch_result_ajax_pickup_out .autocomplete-suggestion,
.serch_result_ajax_pickup_in .autocomplete-suggestion,
.serch_result_ajax_profile .autocomplete-suggestion,
.autocomplete-suggestions .autocomplete-suggestion {
    height: 70px;
    border-bottom: 1px solid #eaeaea;
    margin-left: 97px;
    line-height: 70px;
    background: #fff;
    font-size: 18px;
    color: #737373;
    letter-spacing: 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    cursor: pointer;
    position: relative;
}

.serch_result_ajax .autocomplete-suggestion[data-index='0'],
.serch_result_ajax_house .autocomplete-suggestion[data-index='0'],
.serch_result_ajax_pickup_out .autocomplete-suggestion[data-index='0'],
.serch_result_ajax_pickup_in .autocomplete-suggestion[data-index='0'],
.serch_result_ajax_profile .autocomplete-suggestion[data-index='0'],
.autocomplete-suggestions .autocomplete-suggestion[data-index='0'] {
    margin-top: 0;
}

.serch_result_ajax .autocomplete-suggestion:last-child,
.serch_result_ajax_house .autocomplete-suggestion:last-child,
.serch_result_ajax_pickup_out .autocomplete-suggestion:last-child,
.serch_result_ajax_pickup_in .autocomplete-suggestion:last-child,
.serch_result_ajax_profile .autocomplete-suggestion:last-child,
.autocomplete-suggestions .autocomplete-suggestion:last-child {
    border-bottom: none;
}

.serch_result_ajax .autocomplete-suggestion strong,
.serch_result_ajax_house .autocomplete-suggestion strong,
.serch_result_ajax_pickup_out .autocomplete-suggestion strong,
.serch_result_ajax_pickup_in .autocomplete-suggestion strong,
.serch_result_ajax_profile .autocomplete-suggestion strong,
.autocomplete-suggestions .autocomplete-suggestion strong {
    color: #e13d3d;
}

.serch_result_ajax .autocomplete-suggestion:before,
.serch_result_ajax_house .autocomplete-suggestion:before,
.serch_result_ajax_pickup_out .autocomplete-suggestion:before,
.serch_result_ajax_pickup_in .autocomplete-suggestion:before,
.serch_result_ajax_profile .autocomplete-suggestion:before,
.autocomplete-suggestions .autocomplete-suggestion:before {
    content: "";
    width: 12px;
    height: 70px;
    display: block;
    background: url("../img/ui/address-icon-grey@2x.png") no-repeat center center;
    background-size: contain;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    position: absolute;
    left: -32px;
}

.serch_result_ajax .autocomplete-suggestion:hover,
.serch_result_ajax_house .autocomplete-suggestion:hover,
.serch_result_ajax_pickup_out .autocomplete-suggestion:hover,
.serch_result_ajax_pickup_in .autocomplete-suggestion:hover,
.serch_result_ajax_profile .autocomplete-suggestion:hover,
.autocomplete-suggestions .autocomplete-suggestion:hover {
    color: #e13d3d;
}

.serch_result_ajax .autocomplete-suggestion:hover:before,
.serch_result_ajax_house .autocomplete-suggestion:hover:before,
.serch_result_ajax_pickup_out .autocomplete-suggestion:hover:before,
.serch_result_ajax_pickup_in .autocomplete-suggestion:hover:before,
.serch_result_ajax_profile .autocomplete-suggestion:hover:before,
.autocomplete-suggestions .autocomplete-suggestion:hover:before {
    background: url("../img/ui/address-icon@2x.png") no-repeat center center;
    background-size: contain;
}

.serch_result_ajax_profile,
.autocomplete-suggestions {
    max-height: 350px;
    margin: 0px 0;
    margin-left: 0px;
    position: relative;
    background: #fff;
    z-index: 10;
    display: none;
    height: auto;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding-left: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.serch_result_ajax_profile:after,
.autocomplete-suggestions:after,
.serch_result_ajax_profile:before,
.autocomplete-suggestions:before {
    display: none;
}

.serch_result_ajax_profile .autocomplete-suggestions,
.autocomplete-suggestions .autocomplete-suggestions {
    padding-top: 20px;
}

.serch_result_ajax_profile .autocomplete-suggestion,
.autocomplete-suggestions .autocomplete-suggestion {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.serch_result_ajax_profile .autocomplete-suggestion:before,
.autocomplete-suggestions .autocomplete-suggestion:before {
    height: 40px;
    left: -22px;
}

.serch_result_ajax_profile .mCSB_inside > .mCSB_container,
.autocomplete-suggestions .mCSB_inside > .mCSB_container {
    margin-right: 20px !important;
}

.serch_result_ajax_profile .autocomplete-no-suggestion,
.autocomplete-suggestions .autocomplete-no-suggestion {
    margin-left: 97px;
    font-size: 16px;
    color: #737373;
    letter-spacing: 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    cursor: pointer;
    position: relative;
    padding: 10px;
}

.ajax_loading_of_myaddresses {
    margin-right: -12px;
}

a {
    text-decoration: none;
    color: inherit;
    position: relative;
    display: inline-block;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    /* color: inherit; */
}

* {
    outline: none;
}

/*.btn-menu {
  width: 78px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.btn-menu:hover {
  background: #e13d3d;
}
.btn-menu:hover span {
  background: #fff;
}
.btn-menu:hover span:after,
.btn-menu:hover span:before {
  background: #fff;
}
.btn-menu span {
  background: #8e8e8e;
  width: 13px;
  height: 1px;
  display: inline-block;
  position: relative;
  margin-left: 2px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.btn-menu span:after,
.btn-menu span:before {
  content: "";
  width: 15px;
  height: 1px;
  background: #8e8e8e;
  display: block;
  -webkit-transition: background 0.3s,  -webkit-transform 0.3s;
  transition: background 0.3s,  -webkit-transform 0.3s;
  transition: transform 0.3s,  background 0.3s;
  transition: transform 0.3s,  background 0.3s,  -webkit-transform 0.3s;
  position: absolute;
  left: -2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn-menu span:after {
  margin-top: 6px;
}
.btn-menu span:before {
  margin-top: -6px;
}
.btn-menu.open span {
  background: transparent;
}
.btn-menu.open span:after {
  -webkit-transform: translateY(-6px) rotate(-135deg);
          transform: translateY(-6px) rotate(-135deg);
}
.btn-menu.open span:before {
  -webkit-transform: translateY(6px) rotate(135deg);
          transform: translateY(6px) rotate(135deg);
}*/
.btn-phone {
    width: 17px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 60px;
    cursor: pointer;
}

.btn-phone img {
    width: 17px;
}

.btn-cart {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-cart:hover .icon {
    background: #939393;
}

.btn-cart span {
    color: #686868;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.2px;
    position: relative;
}

.btn-cart .uah {
    content: "";
    width: 8px;
    height: 14px;
    display: block;
    background: url("../img/ui/UAH.svg") no-repeat center center;
    background-size: contain;
    margin-left: 10px;
}

.btn-cart .icon {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background: #e8b44e;
    margin-left: 10px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    line-height: 21px;
}

.btn-cart .icon svg {
    width: 13px;
    display: inline-block;
    vertical-align: middle;
}

/*.btn-user {
  !*width: 78px;*!
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  margin-left: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d5d5d5;
  border-radius: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color 0.1s, border-color 0.1s;
  transition: color 0.1s, border-color 0.1s;
}
.btn-user span {
  !*width: 35px;*!
  height: 35px;
  -webkit-transition: color 0.1s, border-color 0.1s;
  transition: color 0.1s, border-color 0.1s;
  !*background: url("../img/ui/logout.svg") no-repeat 45% center;
  background-size: 11px;*!
  font-size: 14px;
  font-weight: 700;
  color: #3c3b3b;
  display: inline-block;
  vertical-align: middle;
}

.btn-user span:after{

  content: '';
  width: 12px;
  height: 12px;
  background: url("../img/ui/user.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.btn-user:hover {
  !*background: url("../img/ui/logout_hover.svg") no-repeat 45% center;
  background-size: 11px;*!
  border-color: #e8b44e;
}
.btn-user:hover span{

  color: #e8b44e;
}
.btn-user:hover span:after{

  background: url("../img/ui/user_active.svg") no-repeat center;
  background-size: contain;
}
.btn-user.logged_in{
  border: 1px solid #eed89e;
}
.btn-user.logged_in span{

  color: #eed89e;
}
.btn-user.logged_in span:after {
  background: url("../img/ui/header_user.svg") no-repeat center center;
  background-size: 11px;
  border: none;
}
.btn-user.logged_in span{

}
.btn-user.logged_in span:after{
  !*display: none;*!
}
.btn-user.logged_in:hover span:after {
  background: url("../img/ui/header_user_hover.svg") no-repeat center center;
  background-size: 11px;
}
.btn-user.logged_in:hover span {
  color: #e6ba44;

}
.btn-user.logged_in:hover {
  border-color: #e6ba44;

}*/

.btn-more {
    width: auto;
    padding: 0 20px;
    height: 45px;
    border-radius: 6px;
    border: 1px solid #d7d7d7;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    color: #cbcbcb;
    letter-spacing: 0.12px;
    text-transform: uppercase;
}

.btn-toggle-text {
    width: 40px;
    height: 40px;
    background: #414141;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.btn-toggle-text:hover:after,
.btn-toggle-text:hover:before {
    background: #fff;
}

.btn-toggle-text:after,
.btn-toggle-text:before {
    content: "";
    width: 7px;
    height: 1px;
    background: #5f5f5f;
    position: relative;
    top: 0;
    right: auto;
    display: block;
    -webkit-transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}

.btn-toggle-text:after {
    -webkit-transform: translateX(-1px) rotate(-45deg);
    transform: translateX(-1px) rotate(-45deg);
}

.btn-toggle-text:before {
    -webkit-transform: translateX(1px) rotate(45deg);
    transform: translateX(1px) rotate(45deg);
}

.btn-toggle-text.active:after {
    -webkit-transform: translateX(-1px) rotate(45deg);
    transform: translateX(-1px) rotate(45deg);
}

.btn-toggle-text.active:before {
    -webkit-transform: translateX(1px) rotate(-45deg);
    transform: translateX(1px) rotate(-45deg);
}

.btn-link-about {
    color: #979797;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: auto;
    padding: 0 10px;
    border-radius: 6px;
    background: #fff;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.btn-link-about:hover {
    color: #fff;
    background: #f4d78b;
}

.btn-by {
    height: 45px;
    width: 120px;
    padding: 0 20px;
    margin: 11px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    -webkit-transition: background 0.3s, color 0.2s, width 0.3s;
    transition: background 0.3s, color 0.2s, width 0.3s;
    position: relative;
    cursor: pointer;
}

.btn-by.added {
    background: #4cc256;
    color: #fff;
    width: 140px;
}

.btn-by.added .order {
    opacity: 0;
    pointer-events: none;
    border-radius: 6px;
}

.btn-by.added .want {
    width: calc(100% - 40px);
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.btn-by.added .want:hover {
    background: #41ab4a;
}

.btn-by.added:hover .want {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn-by.added .want,
.btn-by.added .trigger-number {
    opacity: 1;
    pointer-events: all;
}

.btn-by.added .trigger-minus {
    width: 40px;
    font-size: 18px;
    opacity: 1;
}

.btn-by:hover {
    background: #41ab4a;
}

.btn-by:hover .order {
    color: #fff;
    background: #41ab4a;
}

.btn-by .order,
.btn-by .want {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    background-color: #5cce54;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s, background 0.3s, color 0.3s;
}

.btn-by .want {
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: width 0.2s, opacity 0.2s;
    transition: width 0.2s, opacity 0.2s;
}

.btn-by .trigger-minus {
    width: 0px;
    height: 45px;
    background: #f56161;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.18px;
    -webkit-transition: width 0.2s, opacity 0.1s;
    transition: width 0.2s, opacity 0.1s;
    opacity: 0;
    z-index: 1;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-by .trigger-number {
    font-weight: 700;
    color: #4cc256;
    font-size: 12px;
    letter-spacing: 0.12px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.btn-by .trigger-number:before {
    content: "В корзине";
    display: inline-block;
    color: #bcc6bd;
    font-size: 12px;
    margin-right: 5px;
    letter-spacing: 0.12px;
}

.btn-add-ingredients {
    color: #e5c86e;
    font-size: 12px;
    letter-spacing: 0.12px;
    height: 45px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    padding: 0 10px;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color 0.2s, background 0.2s, border-color 0.2s;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
}

.btn-add-ingredients:hover {
    border-color: transparent;
    background: #e5c86e;
    color: #fff;
}

.btn-add-card {
    width: 120px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #4cc256;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.btn-add-card:hover {
    color: #fff;
    background: #41ab4a;
}

.btn-back-choice-size,
.btn-remove-ingredient,
.btn-back-step {
    color: #ababab;
    font-size: 12px;
    letter-spacing: 0.12px;
    /*-webkit-transition: color 0.2s;*/
    /*transition: color 0.2s;*/
}

.btn-back-choice-size:hover,
.btn-remove-ingredient:hover,
.btn-back-step:hover {
    color: #e5c86e;
}

.btn-remove-ingredient,
.btn-back-step {
    color: #6a6a6a !important;
}

.btn-remove-ingredient:hover,
.btn-back-step:hover {
    color: #e5c86e !important;
}

.btn-remove-ingredient:before {
    content: "";
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    background: url("../img/ui/delete.svg") no-repeat center center;
    background-size: 12px;
    margin-right: 5px;
}

.btn-remove-ingredient:hover:before {

    background: url("../img/ui/delete_hover.svg") no-repeat center center;
    background-size: 12px;
}

.btn-back-step:before {
    content: "";
    width: 6px;
    height: 9px;
    background: url("../img/ui/cart-head-block-arrow-icon@2x.png") no-repeat center center;
    background-size: contain;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn-back-step span.mob {
    display: none;
}

.btn-remove-item {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid rgba(243, 155, 155, 0.5);
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.btn-remove-item:after,
.btn-remove-item:before {
    content: "";
    width: 8px;
    height: 2px;
    background: #e8a7a7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.btn-remove-item:hover:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.btn-remove-item:hover:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.btn-pay-points,
.btn-enter-promo {
    font-weight: 700;
    color: #979797;
    font-size: 12px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    border: 1px solid #4cc256;
    border-radius: 6px;
    width: 105px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.btn-pay-points:hover,
.btn-enter-promo:hover {
    background: #4cc256;
    color: #fff;
}

.btn-enter-promo {
    height: 25px;
    width: 82px;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: #4cc256;
    line-height: 25px;
    text-align: center;
}

.btn-goto {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.12px;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    background: #4cc256;
    font-weight: 700;
    border-radius: 6px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.btn-goto:hover {
    color: #fff;
    background: #41ab4a;
}

.btn-close-thx {
    font-size: 12px;
    color: #b4aeae;
    text-transform: uppercase;
    letter-spacing: 0.12px;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    background: transparent;
    font-weight: 700;
    border-radius: 6px;
    -webkit-transition: background 0.3s, border-color 0.3s, color 0.3s;
    transition: background 0.3s, border-color 0.3s, color 0.3s;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
}

.btn-close-thx:hover {
    color: #fff;
    background: #d7d7d7;
    border-color: #d7d7d7;
}

.btn-close-product-not-found-message {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

.btn-close-product-not-found-message:after,
.btn-close-product-not-found-message:before {
    content: "";
    width: 12px;
    height: 1px;
    background: #832727;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.btn-close-product-not-found-message:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.btn-close-product-not-found-message:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.btn-close-product-not-found-message:hover:after,
.btn-close-product-not-found-message:hover:before {
    background: #fff;
}

.btn-sing-up,
.btn-sing-in,
.btn-recovery-pass {
    width: 100%;
    max-width: 180px;
    height: 45px;
    border-radius: 6px;
    background: #4cc256;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
}

.btn-sing-up:hover,
.btn-sing-in:hover,
.btn-recovery-pass:hover {
    background: #41ab4a;
}

.btn-sing-in {
    max-width: 80px;
}

.btn-recovery-pass {
    max-width: 150px;
}

.btn-lk {
    border-radius: 6px;
    font-size: 12px;
    letter-spacing: 0.12px;
    padding: 0 10px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: border-color 0.3s, color 0.3s, background 0.3s;
    transition: border-color 0.3s, color 0.3s, background 0.3s;
}

.btn-lk.btn-change-info,
.btn-lk.btn-change-adress,
.btn-lk.btn-remove-adress {
    max-width: 100px;
}

.btn-lk.btn-change-info span,
.btn-lk.btn-change-adress span,
.btn-lk.btn-remove-adress span {
    display: inline-block;
    vertical-align: middle;
}

.btn-lk.btn-change-info span:before,
.btn-lk.btn-change-adress span:before,
.btn-lk.btn-remove-adress span:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    background: url("../img/ui/btn-change-info_icon@2x.png") no-repeat center center;
    background-size: contain;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.btn-lk.btn-change-info:hover,
.btn-lk.btn-change-adress:hover,
.btn-lk.btn-remove-adress:hover {
    background: #e1e1e1;
    color: #fff;
}

.btn-lk.btn-change-info:hover span:before,
.btn-lk.btn-change-adress:hover span:before,
.btn-lk.btn-remove-adress:hover span:before {
    background: url("../img/ui/btn-change-info_icon-active@2x.png") no-repeat center center;
    background-size: contain;
}

.btn-lk.btn-remove-adress {
    max-width: 110px;
}

.btn-lk.btn-remove-adress span:before {
    display: none !important;
}

.btn-lk.grey {
    color: #979797;
    border: 1px solid #e1e1e1;
}

.btn-lk.grey:hover {
    color: #fff;
    background: #e1e1e1;
}

.btn-lk.red {
    color: #e13d3d;
    border: 1px solid #e13d3d;
}

.btn-lk.red:hover {
    color: #fff;
    background: #e13d3d;
}

.btn-lk.green {
    color: #4cc256;
    border: 1px solid #4cc256;
}

.btn-lk.green:hover {
    color: #fff;
    background: #4cc256;
}

.btn-add-card {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    height: 45px;
    padding: 0 20px;
    background: #4cc256;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 180px;
}

.btn-by-history-order {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #4cc256;
    border: 1px solid #e1e1e1;
    padding: 0 20px;
    height: 45px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 110px;
    -webkit-transition: border-color 0.3s, color 0.3s, background 0.3s;
    transition: border-color 0.3s, color 0.3s, background 0.3s;
}

.btn-by-history-order:hover {
    border-color: #4cc256;
    color: #fff;
    background: #4cc256;
}

.btn-load-more {
    width: 100%;
    height: 50px;
    border-top: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 12px;
    color: #edcb81;
    text-transform: uppercase;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.btn-load-more:hover {
    background: #f8f8f8;
    color: #edcb81;
}

.btn-load-more:visited,
.btn-load-more:active,
.btn-load-more:focus {
    color: #edcb81 !important;
}

.btn-regulations {
    padding: 0 20px;
    background: #fff;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    color: #5c5858;
    font-size: 12px;
    letter-spacing: 0.12px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    max-width: 100px;
}

.btn-regulations:hover {
    color: #fff;
    background: #5c5858;
}

.btn-reset-filters {
    height: 100%;
    width: auto;
    padding: 0 30px;
    background: #434343;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.35px;
}

.btn-show-map {
    height: 100%;
    width: auto;
    padding: 0 30px;
    background: #f1cc66;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.35px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    border-left: 1px solid #bb9e4e;
}

.btn-show-map span {
    display: inline-block;
    vertical-align: middle;
}

.btn-show-map span:before {
    content: "";
    width: 22px;
    height: 22px;
    background: url("../img/ui/btn-show-map_icon@2x.png") no-repeat center center;
    background-size: contain;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}

.btn-show-map:hover {
    background: #deb954;
}

.btn-go-delivery {
    height: 45px;
    width: auto;
    padding: 0 20px;
    background: #4cc256;
    display: inline-block;
    line-height: 45px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.btn-go-delivery:hover {
    background: #41ab4a;
}

.btn-reserve-table {
    height: 45px;
    width: auto;
    padding: 0 30px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    display: inline-block !important;
    line-height: 45px !important;
    font-family: "SF-UI-DISPLAY" !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    -webkit-transition: background 0.3s !important;
    transition: background 0.3s !important;
}

.btn-reserve-table:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

.btn-send-msg {
    width: auto;
    display: inline-block;
    height: 45px;
    border-radius: 6px;
    background: #eed89e;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #5c5858;
    letter-spacing: 0.12px;
    text-align: center;
    line-height: 45px;
    padding: 0 20px;
    margin-top: 35px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.btn-send-msg:hover {
    background: #dcc485;
}

.btn-change-time-delivery,
.btn-remove-rest-order,
.btn-cancel {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #b4aeae;
    display: inline-block;
    margin: 0 3px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border: 1px solid #d7d7d7;
    text-align: center;
    border-radius: 6px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.btn-change-time-delivery:hover,
.btn-remove-rest-order:hover,
.btn-cancel:hover {
    background: #d7d7d7;
    color: #fff;
}

.btn-change-time-delivery {
    color: #e8b44e;
    border: 1px solid #e8b44e;
}

.btn-change-time-delivery:hover {
    background: #e8b44e;
}

.dropdown,
.dropdown.input {
    display: block;
    width: 100%;
    height: 60px;
    background: #eed89e;
}

.dropdown .title,
.dropdown.input .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 30px;
}

.dropdown .title span,
.dropdown.input .title span {
    font-weight: 300;
    color: #9f8e63;
    font-size: 18px;
    letter-spacing: 0.18px;
    display: block;
}

.dropdown .title span:after,
.dropdown.input .title span:after,
.dropdown .title span:before,
.dropdown.input .title span:before {
    content: "";
    width: 7px;
    height: 1px;
    background: #c8b37b;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    -webkit-transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}

.dropdown .title span:after,
.dropdown.input .title span:after {
    -webkit-transform: translate(2.1px, -50%) rotate(-45deg);
    transform: translate(2.1px, -50%) rotate(-45deg);
}

.dropdown .title span:before,
.dropdown.input .title span:before {
    -webkit-transform: translate(-2.1px, -50%) rotate(45deg);
    transform: translate(-2.1px, -50%) rotate(45deg);
}

.dropdown .title.active span:after,
.dropdown.input .title.active span:after {
    -webkit-transform: translate(2.1px, -50%) rotate(45deg);
    transform: translate(2.1px, -50%) rotate(45deg);
}

.dropdown .title.active span:before,
.dropdown.input .title.active span:before {
    -webkit-transform: translate(-2.1px, -50%) rotate(-45deg);
    transform: translate(-2.1px, -50%) rotate(-45deg);
}

.dropdown ul,
.dropdown.input ul {
    display: none;
    position: absolute;
    background: #eed89e;
    z-index: 10;
    width: 100%;
}

.dropdown ul li,
.dropdown.input ul li {
    display: block;
}

.dropdown ul li a,
.dropdown.input ul li a {
    font-weight: 300;
    color: #9f8e63;
    font-size: 18px;
    letter-spacing: 0.18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 30px;
    -webkit-transition: color 0.2s, background 0.2s;
    transition: color 0.2s, background 0.2s;
}

.dropdown ul li a:hover,
.dropdown.input ul li a:hover {
    background: #9f8e63;
    color: #fff;
}

.nice-select {
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 0;
    border: none !important;
    background: #eed89e;
    box-shadow: none;
    border-right: 1px solid #e6d098 !important;
    line-height: 60px;
    padding-left: 10px !important;
}

.nice-select:after {
    border-bottom: 1px solid #c5b079;
    border-right: 1px solid #c5b079;
    height: 9px;
    width: 9px;
    right: 33px;
}

.nice-select:active {
    outline: none;
}

.nice-select .current {
    font-weight: 300;
    color: #9f8e63;
    font-size: 18px;
    letter-spacing: 0.18px;
}

.nice-select .list {
    width: 100%;
    background: #fff;
    border-radius: 0;
    margin-top: 0;
    border: none !important;
}

.nice-select .list .option {
    font-weight: 300;
    color: #9f8e63;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    letter-spacing: 0.18px;
}

.dropdown.input {
    height: auto;
    position: relative;
}

.dropdown.input .trigger {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 0;
    pointer-events: none;
}

.dropdown.input .trigger:after,
.dropdown.input .trigger:before {
    content: "";
    width: 7px;
    height: 1px;
    background: #c7c7c7;
    position: absolute;
    top: 50%;
    right: 0px;
    display: block;
    -webkit-transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}

.dropdown.input .trigger:after {
    -webkit-transform: translate(2.1px, -50%) rotate(-45deg);
    transform: translate(2.1px, -50%) rotate(-45deg);
}

.dropdown.input .trigger:before {
    -webkit-transform: translate(-2.1px, -50%) rotate(45deg);
    transform: translate(-2.1px, -50%) rotate(45deg);
}

.dropdown.input .trigger.active:after {
    -webkit-transform: translate(2.1px, -50%) rotate(45deg);
    transform: translate(2.1px, -50%) rotate(45deg);
}

.dropdown.input .trigger.active:before {
    -webkit-transform: translate(-2.1px, -50%) rotate(-45deg);
    transform: translate(-2.1px, -50%) rotate(-45deg);
}

.dropdown.input .title {
    margin: 0 !important;
}

.dropdown.input ul li a {
    color: #fff;
    height: 35px;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.14px;
    text-transform: none;
    background: #bfbfbf;
}

.dropdown.input ul li a:hover {
    background: #D1D0D0;
}

.radio {
    background: #eed89e;
}

.radio label {
    width: 100%;
    cursor: pointer;
}

.radio label span {
    font-weight: 300;
    color: #888888;
    font-size: 18px;
    letter-spacing: 0.18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 30px;
    position: relative;
    -webkit-transition: color 0.2s, background 0.2s;
    transition: color 0.2s, background 0.2s;
    width: 100%;
}

.radio label span:after {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #888888;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.radio label span:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #888888;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.radio input[type="checkbox"] {
    display: none;
}

.radio input[type=checkbox]:checked + label span:before {
    opacity: 1;
}

.count {
    border-radius: 6px;
    background: #4cc256;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0px 5px 19px 0px rgba(53, 195, 65, 0.25);
}

.count .number {
    width: 25px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.count .min,
.count .plus {
    width: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 16px;
    cursor: pointer;
}

.count .min {
    background: url("../img/ui/minus_trigger_icon.png") no-repeat center center #5dcf67;
    background-size: 4px;
}

.count .plus {
    background: url("../img/ui/plus_trigger_icon.png") no-repeat center center #5dcf67;
    background-size: 7px;
}

.close_win {
    position: absolute;
    top: 11px;
    right: 30px;
    cursor: pointer;
}

.close_win span {
    margin-right: 30px;
    position: relative;
    text-transform: uppercase;
    color: rgba(41, 41, 41, 0.4);
    font-size: 12px;
    letter-spacing: 2.4px;
}

.close_win span:after,
.close_win span:before {
    content: "";
    width: 15px;
    height: 1px;
    background: #777777;
    display: block;
    position: absolute;
    top: 50%;
    margin: -3px;
    right: -30px;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

.close_win span:before {
    -webkit-transform: translateY(2px) rotate(-45deg);
    transform: translateY(2px) rotate(-45deg);
}

.close_win span:after {
    -webkit-transform: translateY(2px) rotate(45deg);
    transform: translateY(2px) rotate(45deg);
}

form .iBlock,
.quick-order .iBlock {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

form .iBlock.focus-in input,
.quick-order .iBlock.focus-in input,
form .iBlock.focus-in textarea {
    /* border-bottom-color: #939393; */
    border-radius: 0 !important;
}

form .iBlock.focus-in .placeholder,
.quick-order .iBlock.focus-in .placeholder {
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    font-size: 12px;
}

form .iBlock .placeholder,
.quick-order .iBlock .placeholder {
    color: #656565 !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    pointer-events: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transition: font-size 0.3s, -webkit-transform 0.3s;
    transition: font-size 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, font-size 0.3s;
    transition: transform 0.3s, font-size 0.3s, -webkit-transform 0.3s;
}

form input[type="tel"],
.quick-order input[type="tel"],
form input[type="text"],
form input[type="email"],
form input[type="number"],
form textarea {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    color: #545353;
    font-size: 18px;
    letter-spacing: 0.18px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transition: border 0.5s;
    transition: border 0.5s;
}

form input[type="tel"].parsley-error,
.quick-order input[type="tel"].parsley-error,
form input[type="text"].parsley-error,
form input[type="email"].parsley-error,
form input[type="number"].parsley-error,
form textarea.parsley-error {
    border-bottom-color: #e13d3d;
}

form input[type="text"].hidden {
    display: none;
}

form textarea {
    resize: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 5px;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
}

form textarea.empty {
    height: 30px !important;
}

.iBlock.phonemask_block:before {
    content: "+";
    display: inline-block;
    vertical-align: middle;
    color: #545353;
    font-size: 18px;
    letter-spacing: 0.18px;
    position: absolute;
    top: calc(50% - 1px);
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    display: none;
}

.iBlock.phonemask_block input {
    padding-left: 23px;
}

.iBlock.phonemask_block span,
.iBlock.phonemask_block input {
    display: inline-block;
    vertical-align: middle;
}

.career_popup .body_popup form .iBlock.phonemask_block > span {
    display: block;
    width: 100%;
}

.career_popup .body_popup form .wpcf7-response-output {
    margin-top: 15px;
}

.iBlock.phonemask_block.focus-in:before {
    display: block;
}

.career_popup .body_popup form.sent .file_upload > div,
.about .block_7#contacts form.sent .file_upload > div {
    display: none;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.error {
    background: #02030a;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    position: relative;
}

.error .white-line {
    height: 100vh;
    background: #fff;
    position: relative;
    text-align: center;
}

.error .white-line:after {
    content: "";
    width: 100vw;
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(48px);
    transform: translateX(48px);
    background: #fff;
    z-index: 1;
}

.error .white-line .logo {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: 40px;
    margin-right: -24px;
}

.error .desc {
    text-align: right;
    position: absolute;
    top: 50vh;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.error .desc h1 {
    font-weight: 200;
    font-size: 160px;
    line-height: 160px;
    letter-spacing: 0;
    color: #fff;
}

.error .desc p {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    max-width: 350px;
}

.error .desc .btn {
    display: inline-block;
    vertical-align: middle;
    height: 45px;
    line-height: 45px;
    border: 1px solid rgba(215, 215, 215, 0.3);
    border-radius: 6px;
    padding: 0 20px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.12px;
    text-transform: uppercase;
    margin-top: 45px;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
}

.error .desc .btn:hover {
    background: #d7d7d7;
    color: #000;
}

.error .bg {
    position: absolute;
    bottom: -100px;
    left: -200px;
    z-index: 0;
    width: 63.75vw;
    height: auto;
}

.catalog {
    padding-top: 110px;
    background: #f3f3f3;
}

.catalog .filters {
    box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.06);
    /* background: #e6d098;

		&:after{
			content: "";
			width: 0;
			height: 0;
			display: block;
			clear: both;
			visibility: hidden;
		} */
}

.catalog .filters .dropdown {
    border-right: 1px solid #e6d098;
}

.catalog .filters .nice-select {
    padding-left: 18px !important;
}

.catalog .filters .item:last-child .nice-select {
    border-right: none !important;
}

.catalog .restaurants {
    padding: 24px 0;
    min-height: 454px;
    position: relative;
}

.catalog .restaurants .ajax_filtering {
    min-height: 354px;
}

.catalog .restaurants .ajax_filtering:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.catalog .restaurants .noitems_message {
    font-weight: 600;
    font-size: 12px;
    color: #cccccc;
    text-transform: uppercase;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 30px;
    float: none;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.catalog .restaurants .row div:nth-of-type(1) {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.catalog .restaurants .row div:nth-of-type(2) {
    -webkit-transition: opacity 0.3s linear 0.2s;
    transition: opacity 0.3s linear 0.2s;
}

.catalog .restaurants .row div:nth-of-type(3) {
    -webkit-transition: opacity 0.3s linear 0.4s;
    transition: opacity 0.3s linear 0.4s;
}

.catalog .restaurants .row div:nth-of-type(4) {
    -webkit-transition: opacity 0.3s linear 0.6s;
    transition: opacity 0.3s linear 0.6s;
}

.catalog .restaurants .row div:nth-of-type(5) {
    -webkit-transition: opacity 0.3s linear 0.8s;
    transition: opacity 0.3s linear 0.8s;
}

.catalog .restaurants .row div:nth-of-type(6) {
    -webkit-transition: opacity 0.3s linear 1s;
    transition: opacity 0.3s linear 1s;
}

.catalog .restaurants .row div:nth-of-type(7) {
    -webkit-transition: opacity 0.3s linear 1.2s;
    transition: opacity 0.3s linear 1.2s;
}

.catalog .restaurants .row div:nth-of-type(8) {
    -webkit-transition: opacity 0.3s linear 1.4s;
    transition: opacity 0.3s linear 1.4s;
}

.catalog .restaurants .row div:nth-of-type(9) {
    -webkit-transition: opacity 0.3s linear 1.6s;
    transition: opacity 0.3s linear 1.6s;
}

.catalog .restaurants .row div:nth-of-type(10) {
    -webkit-transition: opacity 0.3s linear 1.8s;
    transition: opacity 0.3s linear 1.8s;
}

.catalog .restaurants .restaurant {
    border-radius: 6px;
    position: relative;
    display: block;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 24px;
    box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.07);
    padding: 40px 50px;
    background-size: auto 120%;
    background-position: center center;
    background-repeat: no-repeat;
    /* opacity: 0;

			&.is-visible{
				opacity: 1;
			} */
}

.catalog .restaurants .restaurant.not-delivery:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.catalog .restaurants .restaurant .text-not-delivery {
    /*pointer-events: none;*/
    opacity: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    line-height: 20px;
}

.catalog .restaurants .restaurant.not-delivery .text-not-delivery {
    opacity: 1;
}

/*.catalog .restaurants .restaurant.not-delivery{
  pointer-events: none;
}*/

.catalog .restaurants .restaurant.kombo .top:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog .restaurants .restaurant:hover .top .mask {
    opacity: 0.8;
}

.catalog .restaurants .restaurant .inner {
    height: 250px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    position: relative;
}

.catalog .restaurants .restaurant .top {
    height: calc(100% - 107px);
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    -webkit-transition: background 0.5s !important;
    transition: background 0.5s !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 55px;
}

.catalog .restaurants .restaurant .top .stiker {
    width: 65px;
    height: 30px;
    background: #fff;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-weight: 500;
    font-size: 10px;
    color: #cbac59;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 20px;
}

.catalog .restaurants .restaurant .top .stiker span {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    background: #fff;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 1;
}

.catalog .restaurants .restaurant .top .stiker:before {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 90%;
    top: 50%;
    height: 3px;
    max-width: 300px;
    background: transparent;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.catalog .restaurants .restaurant .top .logo {
    position: relative;
    z-index: 1;
    max-height: 140px;
    max-width: 200px;
}

.catalog .restaurants .restaurant .top .desc {
    font-weight: 300;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.12px;
    margin-top: 25px;
    position: relative;
    z-index: 1;
}

.catalog .restaurants .restaurant .top .mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    display: none;
}

.catalog .restaurants .restaurant .bottom {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 1;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog .restaurants .restaurant .bottom .foods,
.catalog .restaurants .restaurant .bottom .kitchen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    width: 50%;
}

.catalog .restaurants .restaurant .bottom .foods ul,
.catalog .restaurants .restaurant .bottom .kitchen ul {
    text-align: center;
}

.catalog .restaurants .restaurant .bottom .foods ul li,
.catalog .restaurants .restaurant .bottom .kitchen ul li {
    display: inline-block;
    margin: 2px 5px;
}

.catalog .restaurants .restaurant .bottom .foods ul li img,
.catalog .restaurants .restaurant .bottom .kitchen ul li img {
    height: 19px;
}

.catalog .restaurants .restaurant .bottom .foods p,
.catalog .restaurants .restaurant .bottom .kitchen p {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #c5c5c5;
    margin-top: 10px;
}

.catalog .restaurants .restaurant .bottom .foods {
    width: 55%;
}

.catalog .restaurants .restaurant .bottom .kitchen {
    width: 45%;
}

.catalog .restaurants .restaurant .bottom .kitchen ul li {
    overflow: hidden;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #b1b1b1;
    position: relative;
    box-sizing: content-box;
}

.catalog .restaurants .restaurant .bottom .kitchen ul li img {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.checkout-page {
    display: block !important;
}

.index {
    background: #f7f7f7;
}

.index .trigger-block {
    display: none;
}

.index .head-block {
    padding: 130px 0 75px 0;
    background: url("../img/head-block_bg.jpg") no-repeat center center;
    /*background: url("../img/head-block_bg_new_year.jpg") no-repeat center center;*/
    background-size: cover;
    height: 480px;
}

.index .head-block h1 {
    font-size: 50px;
    letter-spacing: 0.5px;
    font-weight: 700;
    /*font-family: "PlayfairDisplay";*/
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.index .head-block p {
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.14px;
    color: #e4e4e4;
    max-width: 490px;
    margin: 0 auto;
    text-align: center;
}

.index .head-block .section-promo {
    margin: 0px 0 40px;
}

.index .head-block .section-promo__inner {
    max-width: 440px;
    margin: 0 auto;
    text-align: center;
}

.index .head-block .section-promo .section-promo__title {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 40px
}

.index .head-block .section-promo .section-promo__btn {
    font-size: 25px;
    font-weight: 700;
    border-radius: 8px;
    background: #E3000B;
    padding: 20px 65px;
    color: #fff;
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .index .head-block .section-promo .section-promo__title {
        color: #fff;
    }
}

/*.index .head-block .categories-block .items {
  background: #fff;
  overflow: hidden;
  height: 220px;
  border-radius: 6px;
  !*margin-top: 150px;*!
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  box-shadow: 0px 7px 19px 0px rgba(0, 0, 0, 0.05);
}
.index .head-block .categories-block .item-category {
  height: 220px;
  max-width: 165px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-right: 1px solid #f5f5f5;
}
.index .head-block .categories-block .item-category:hover:not(:last-child) .name-category,
.index .head-block .categories-block .item-category:hover:not(:last-child) .quantity-position,
.index .head-block .categories-block .item-category:hover:not(:last-child) .photo-category {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
.index .head-block .categories-block .item-category:last-child {
  border-right: none;
}
.index .head-block .categories-block .item-category:last-child:hover .icon-arrow {
  border-color: #e13d3d;
}
.index .head-block .categories-block .item-category:last-child:hover .icon-arrow span {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  background: #e13d3d;
}
.index .head-block .categories-block .item-category:last-child:hover .icon-arrow span:after,
.index .head-block .categories-block .item-category:last-child:hover .icon-arrow span:before {
  background: #e13d3d;
}
.index .head-block .categories-block .item-category:last-child .name-category,
.index .head-block .categories-block .item-category:last-child .quantity-position {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.index .head-block .categories-block .item-category:last-child .icon-arrow {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  box-sizing: border-box;
  border: 3px solid #eed89e;
  border-radius: 50%;
  margin-top: 60px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.index .head-block .categories-block .item-category:last-child .icon-arrow span {
  width: 15px;
  height: 1px;
  background: #d8d8d8;
  display: block;
  position: relative;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: background 0.3s, -webkit-transform 0.3s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: transform 0.3s cubic-bezier(0.3, 0.56, 0.38, 0.96), background 0.3s;
  transition: transform 0.3s cubic-bezier(0.3, 0.56, 0.38, 0.96), background 0.3s, -webkit-transform 0.3s cubic-bezier(0.3, 0.56, 0.38, 0.96);
}
.index .head-block .categories-block .item-category:last-child .icon-arrow span:after,
.index .head-block .categories-block .item-category:last-child .icon-arrow span:before {
  content: "";
  width: 7px;
  height: 1px;
  background: #d8d8d8;
  position: absolute;
  top: 0;
  right: -1px;
  display: block;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.index .head-block .categories-block .item-category:last-child .icon-arrow span:after {
  -webkit-transform: translateY(-2px) rotate(45deg);
          transform: translateY(-2px) rotate(45deg);
}
.index .head-block .categories-block .item-category:last-child .icon-arrow span:before {
  -webkit-transform: translateY(2px) rotate(-45deg);
          transform: translateY(2px) rotate(-45deg);
}
.index .head-block .categories-block .item-category .name-category {
  color: #3c3b3b;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.18px;
  padding: 0;
  margin: 0;
  line-height: 18px;
  margin-bottom: 5px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96), -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
}
.index .head-block .categories-block .item-category .quantity-position {
  color: #aaaaaa;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.12px;
  margin: 0;
  padding: 0;
  line-height: 12px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96), -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
}
.index .head-block .categories-block .item-category .photo-category {
  margin-top: 10px;
  max-width: calc(100% - 30px);
  height: 120px;
  -webkit-transform: translateY(25px);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  transition: transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96), -webkit-transform 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.index .head-block .categories-block .item-category .photo-category img {
  max-width: 100%;
}*/
.index .restaraunt-block {
    padding: 0px 0 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.index .restaraunt-block .items {
    display: block;
    text-align: center;
    font-size: 0;
}

.index .restaraunt-block .restaraunt-logo {
    margin: 10px 60px;
    display: inline-block;
    vertical-align: baseline;
    height: 90px;
    width: calc(20% - 100px);
    text-align: center;
    line-height: 90px;
}

.index .restaraunt-block .restaraunt-logo:hover {
    text-align: center;
}

.index .restaraunt-block .restaraunt-logo:hover img {
    /*-webkit-filter: grayscale(0%);*/
    /*-moz-filter: grayscale(0%);*/
    /*-m-filter: grayscale(0%);*/
    /*-o-filter: grayscale(0%);*/
    /*filter: grayscale(0%);*/
}

.index .restaraunt-block .restaraunt-logo img {
    max-height: 100%;
    max-width: 100%;
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
    /*-m-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
    /*-webkit-transition: -webkit-filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);*/
    /*transition: -webkit-filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);*/
    /*transition: filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);*/
    /*transition: filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96), -webkit-filter 0.5s cubic-bezier(0.3, 0.56, 0.38, 0.96);*/
}

.index .loyalty-program-block {
    background: #f4d78b;
    padding: 65px 0 120px;
}

.index .loyalty-program-block h2 {
    font-size: 48px;
    letter-spacing: 0.48px;
    font-weight: 700;
    font-family: "PlayfairDisplay";
    color: #4d4d4d;
    text-align: center;
    margin-bottom: 10px;
}

.index .loyalty-program-block .subTitle {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.14px;
    color: #4c4c4c;
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px;
}

.index .loyalty-program-block .item-program {
    text-align: center;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    /* transform: translateY(50px); */
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    /* &:hover{
				.icon{

				}
			} */
}

.index .loyalty-program-block .item-program.is-visible {
    opacity: 1;
    /* transform: translateY(0px); */
}

.index .loyalty-program-block .item-program.is-visible .icon {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.index .loyalty-program-block .item-program:nth-of-type(1) {
    -webkit-transition: opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
    transition: opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
    transition: transform 0.5s linear 0, opacity 0.5s 0s;
    transition: transform 0.5s linear 0, opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
}

.index .loyalty-program-block .item-program:nth-of-type(1) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0s;
    transition: -webkit-transform 0.5s linear 0s;
    transition: transform 0.5s linear 0s;
    transition: transform 0.5s linear 0s, -webkit-transform 0.5s linear 0s;
}

.index .loyalty-program-block .item-program:nth-of-type(2) {
    -webkit-transition: opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
    transition: opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, opacity 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
}

.index .loyalty-program-block .item-program:nth-of-type(2) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.2s;
    transition: -webkit-transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
}

.index .loyalty-program-block .item-program:nth-of-type(3) {
    -webkit-transition: opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
    transition: opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, opacity 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
}

.index .loyalty-program-block .item-program:nth-of-type(3) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.4s;
    transition: -webkit-transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
}

.index .loyalty-program-block .item-program:nth-of-type(4) {
    -webkit-transition: opacity 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
    transition: opacity 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s, opacity 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s, opacity 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
}

.index .loyalty-program-block .item-program:nth-of-type(4) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.6s;
    transition: -webkit-transform 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s;
    transition: transform 0.5s linear 0.6s, -webkit-transform 0.5s linear 0.6s;
}

.index .loyalty-program-block .item-program:nth-of-type(5) {
    -webkit-transition: opacity 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
    transition: opacity 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s, opacity 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s, opacity 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
}

.index .loyalty-program-block .item-program:nth-of-type(5) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.8s;
    transition: -webkit-transform 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s;
    transition: transform 0.5s linear 0.8s, -webkit-transform 0.5s linear 0.8s;
}

.index .loyalty-program-block .item-program .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin-bottom: 17px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.index .loyalty-program-block .item-program .icon .front,
.index .loyalty-program-block .item-program .icon .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}

.index .loyalty-program-block .item-program .icon .front {
    background: #fff;
    z-index: 2;
    /* for firefox 31 */
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.index .loyalty-program-block .item-program .icon .back {
    background: #4f4b40;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.index .loyalty-program-block .item-program .icon img {
    max-width: 50px;
    max-height: 46px;
}

.index .loyalty-program-block .item-program .desc {
    color: #4f4b40;
    font-weight: 500;
    letter-spacing: 0.14px;
    font-size: 14px;
}

.index .mob-app-block {
    padding: 40px 0;
    overflow: hidden;
}

.index .mob-app-block .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.index .mob-app-block .img-phone {
    -webkit-transition: 2s ease-out;
    transition: 2s ease-out;
    opacity: 0;
}

.index .mob-app-block .img-phone-1 {
    margin-top: 85px;
    -webkit-transform: translateY(230px) rotate(-15deg);
    transform: translateY(230px) rotate(-15deg);
}

.index .mob-app-block .img-phone-1.is-visible {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
    opacity: 1;
}

.index .mob-app-block .img-phone-2 {
    -webkit-transform: translateY(150px) rotate(15deg);
    transform: translateY(150px) rotate(15deg);
}

.index .mob-app-block .img-phone-2.is-visible {
    -webkit-transform: translateY(-80px) rotate(0deg);
    transform: translateY(-80px) rotate(0deg);
    opacity: 1;
}

.index .mob-app-block h2 {
    color: #353434;
    font-size: 60px;
    letter-spacing: 0.6px;
    line-height: 40px;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    margin-bottom: 40px;
}

.index .mob-app-block .desc {
    color: #929292;
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: 300;
}

.index .mob-app-block form {
    margin: 30px 0 90px;
}

.index .mob-app-block form .input-mail {
    padding-left: 30px;
    position: relative;
    max-width: 280px;
    border-bottom: 1px solid #d6d6d6;
}

.index .mob-app-block form .input-mail:before {
    content: "";
    width: 12px;
    height: 9px;
    background: url("../img/ui/mail.svg") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index .mob-app-block form .input-mail input[type="text"] {
    color: #929292;
    font-family: "SF-UI-DISPLAY";
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    height: 27px;
    width: 100%;
    background: transparent;
}

.index .mob-app-block form .input-mail input[type="submit"] {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    display: block;
    border: none;
    font-size: 0;
    position: absolute;
    top: 50%;
    right: -70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin-bottom: 17px;
    background: url("../img/ui/send_message.svg") no-repeat center center #fff;
    background-size: 15px;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.index .mob-app-block form .input-mail input[type="submit"]:hover {
    background: url("../img/ui/send_message_white.svg") no-repeat center center #e13d3d;
    background-size: 15px;
}

.index .mob-app-block form ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #c5c5c5;
}

.index .mob-app-block form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c5c5c5;
    opacity: 1;
}

.index .mob-app-block form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c5c5c5;
    opacity: 1;
}

.index .mob-app-block form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c5c5c5;
}

.index .mob-app-block .links a {
    margin-right: 15px;
}

.index .mob-app-block .links a:last-child {
    margin-right: 0;
}

.index .about-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 50px;
}

.index .about-block .item {
    display: block;
    width: 100%;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    padding: 70px 0;
    background: #fff;
}

.index .about-block .item:first-child {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.index .about-block .item:last-child {
    border-right: none;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.index .about-block .item.about .icon img {
    max-width: 103px;
}

.index .about-block .item.program .icon img {
    max-width: 112px;
}

.index .about-block .item.restaurants .icon img {
    max-width: 95px;
}

.index .about-block .item .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 45px;
    height: 100px;
}

.index .about-block .item .icon img {
    position: relative;
    z-index: 1;
}

.index .about-block .item .icon:after {
    content: "";
    display: block;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    background: #f6f6f6;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}

.index .about-block .item .title {
    font-size: 18px;
    color: #353434;
    letter-spacing: 0.24px;
    font-weight: 700;
    margin-bottom: 19px;
    padding: 0 50px;
}

.index .about-block .item .desc {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #b9b9b9;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 35px;
}

.index .about-block .item .btn {
    max-width: 160px;
    display: inline-block;
    line-height: 45px;
    -webkit-transition: background 0.3s, color 0.2s, border-color 0.3s;
    transition: background 0.3s, color 0.2s, border-color 0.3s;
}

.index .about-block.about-block_new .item {

    background: transparent;
    padding: 0;
    border: none;

}

.index .about-block.about-block_new .item .btn {

    color: #fff;
    border: 1px solid #fff;
}

.index .about-block.about-block_new .item .title {

    color: #4d4d4d;
}

.index .about-block .item .btn:hover {
    background: #e13d3d;
    color: #fff;
    border-color: #e13d3d;
}

.about {
    background: #f3f3f3;
    padding-bottom: 60px;
}

.about .nav {
    height: 50px;
    background: #393939;
    padding: 0 10px;
    position: fixed;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1176px;
    z-index: 100;
}

.about .nav .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 50px;
}

.about .nav li {
    margin: 0 20px;
    list-style: none;
    height: 100%;
    display: inline-block;
    height: 50px;
}

.about .nav li.active a {
    color: #edc764;
}

.about .nav li a {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #8b8b8b;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about .nav li a:hover {
    color: #fff;
}

.about .fullscreen {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    padding-top: 130px;
    position: relative;
}

.about .fullscreen:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.about .fullscreen .container {
    z-index: 1;
    position: relative;
}

.about .fullscreen h3 {
    max-width: 700px;
    width: 100%;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    margin: 0;
    padding: 60px 0;
    color: #fff;
    font-size: 72px;
    letter-spacing: 0.72px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    z-index: 3;
    position: absolute;
    left: 50%;
    top: calc(50% - 65px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about .counter {
    background: #fff;
    padding: 70px;
    width: 100%;
    max-width: 800px;
    text-align: center;
    position: absolute;
    top: 100vh;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 1px 1px 0px rgba(84, 84, 84, 0.3);
}

.about .counter:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.about .counter .desc {
    font-weight: 300;
    color: #676767;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 24px;
    text-align: center;
    max-width: 560px;
    margin: 0 auto 10px;
}

.about .counter .clock {
    margin: 0 auto;
    width: auto;
    display: inline-block;
    position: relative;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    color: #e4ca87;
    font-size: 110px;
}

.about .counter .timer {
    position: relative;
    overflow: visible;
}

.about .counter .timer p {
    font-weight: 600;
    color: #909090;
    font-size: 12px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    padding: 25px 0 0;
}

.about .counter .timer:after {
    content: "";
    width: 130%;
    height: 50%;
    position: absolute;
    bottom: 10px;
    left: -15%;
    z-index: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+60 */
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    opacity: 0.1;
}

.about .counter .flip-clock-wrapper ul {
    width: 80px !important;
    height: 140px !important;
    box-shadow: none !important;
    background: transparent !important;
}

.about .counter .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.2))) !important;
}

.about .counter .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.1))) !important;
}

.about .counter .flip-clock-wrapper ul li a .up:after {
    top: 95% !important;
    background-color: rgba(0, 0, 0, 0.15);
    display: none;
}

.about .counter .flip-clock-wrapper ul li a div div.inn {
    font-family: "PlayfairDisplay";
    font-weight: 700;
    color: #e4ca87;
    font-size: 110px;
    background-color: #fff !important;
    text-shadow: none !important;
}

.about .block_1 {
    background-repeat: no-repeat;
    background-position: center calc(100% + 140px);
    background-color: #f3f3f3;
    padding-top: 390px;
    padding-bottom: 140px;
}

.about .block_1 .employees {
    padding: 30px 20px;
    width: 100%;
    max-width: 285px;
    margin: 0px auto;
    background: #fff;
    font-weight: 300;
    color: #676767;
    font-size: 14px;
    letter-spacing: 0.14px;
    text-align: center;
    box-shadow: 0px 1px 1px 0px rgba(84, 84, 84, 0.3);
}

.about .block_1 .employees b {
    font-family: "PlayfairDisplay";
    font-weight: 700;
    font-size: 48px;
    line-height: 25px;
    color: #e6cc88;
    display: block;
    margin-bottom: 25px;
}

.about .block_2 {
    padding: 100px;
    position: relative;
    overflow: hidden;
}

.about .block_2 h2 {
    font-family: "PlayfairDisplay";
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    text-align: center;
    z-index: 2;
    position: relative;
}

.about .block_2:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.33);
    z-index: 1;
}

.about .block_3 {
    background: #f3f3f3;
    padding: 80px 0;
    text-align: center;
}

.about .block_3 h3 {
    color: #4d4d4d;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.48px;
    margin-bottom: 10px;
}

.about .block_3 p {
    max-width: 460px;
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 24px;
    margin: 0 auto;
    color: #969696;
}

.about .block_3 .logos {
    margin-top: 35px;
    font-size: 0;
}

.about .block_3 .logos .item {
    display: inline-block;
    margin: 10px 10px;
    width: calc(16.6% - 20px);
    text-align: center;
}

.about .block_3 .logos .item img {
    max-width: 100%;
    max-height: 100%;
}

.about .block_4 {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.about .block_4 .container {
    z-index: 1;
    position: relative;
}

.about .block_4:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.about .block_4 h3 {
    color: #fff;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.48px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.about .block_4 .item {
    padding: 30px 10px 30px 30px;
    background: #fff;
    border-radius: 6px;
    height: 270px;
    margin: 12px 0;
    box-shadow: 0px 1px 1px 0px rgba(84, 84, 84, 0.3);
}

.about .block_4 .item .top .photo {
    margin-right: 20px;
}

.about .block_4 .item .top .photo img {
    max-height: 50px;
    max-width: 50px;
}

.about .block_4 .item .top .info p {
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #4e4e4e;
    font-family: "PlayfairDisplay";
    font-weight: 700;
}

.about .block_4 .item .top .info span {
    color: #9c9c9c;
    font-size: 12px;
    letter-spacing: 0.12px;
}

.about .block_4 .item .bottom {
    margin-top: 20px;
    max-height: 150px;
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 20px;
    color: #858585;
}

.about .block_4 .item .bottom .mCSB_inside > .mCSB_container {
    margin-right: 20px !important;
}

.about .block_4 .item .bottom .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background: #e5e5e5;
    border-radius: 3px !important;
}

.about .block_4 .item .bottom .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    background: #a0a0a0;
    border-radius: 3px !important;
}

.about .block_4 .bx-wrapper {
    overflow: visible;
}

.about .block_4 .bx-wrapper .bx-viewport {
    background: transparent;
    box-shadow: none;
}

.about .block_4 .controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 50px;
    padding: 0 12px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.about .block_4 .controls a {
    display: block;
    width: 50px;
    height: 50px;
}

.about .block_4 .controls a:first-child {
    float: left;
}

.about .block_4 .controls a:last-child {
    float: right;
}

.about .block_4 .controls:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.about .block_4 .controls .bx-prev,
.about .block_4 .controls .bx-next {
    width: 50px;
    height: 50px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    opacity: 0.23;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.about .block_4 .controls .bx-prev:hover,
.about .block_4 .controls .bx-next:hover {
    opacity: 1;
}

.about .block_4 .controls .bx-prev {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/ui/nav-prev@2x.png') no-repeat center center;
    background-size: 15px;
}

.about .block_4 .controls .bx-next {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/ui/nav-next@2x.png') no-repeat center center;
    background-size: 15px;
}

.about .block_5 {
    background: #f3f3f3;
    padding: 55px 0;
}

.about .block_5 h3 {
    color: #4d4d4d;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.48px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

.about .block_5 .subTitle {
    max-width: 460px;
    margin: 0 auto;
    font-size: 14px;
    color: #969696;
    line-height: 24px;
    letter-spacing: 0.14px;
    text-align: center;
}

.about .block_5 .items {
    margin-top: 40px;
}

.about .block_5 .item {
    margin-bottom: 20px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.09);
    list-style: none;
    overflow: hidden;
}

.about .block_5 .item.open .trigger:after {
    -webkit-transform: translate(6.5px, -50%) rotate(45deg);
    transform: translate(6.5px, -50%) rotate(45deg);
}

.about .block_5 .item.open .trigger:before {
    -webkit-transform: translate(-6.5px, -50%) rotate(-45deg);
    transform: translate(-6.5px, -50%) rotate(-45deg);
}

.about .block_5 .item .trigger {
    padding: 0 80px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    font-size: 24px;
    letter-spacing: 0.24px;
    color: #868686;
    position: relative;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    z-index: 2;
}

.about .block_5 .item .trigger:after,
.about .block_5 .item .trigger:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #ed8b8b;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.about .block_5 .item .trigger:after {
    -webkit-transform: translate(6.5px, -50%) rotate(-45deg);
    transform: translate(6.5px, -50%) rotate(-45deg);
}

.about .block_5 .item .trigger:before {
    -webkit-transform: translate(-6.5px, -50%) rotate(45deg);
    transform: translate(-6.5px, -50%) rotate(45deg);
}

.about .block_5 .item .toggleText {
    padding: 50px 80px;
    display: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    background: #363636;
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #d0d0d0;
    line-height: 24px;
    position: relative;
}

.about .block_5 .item .toggleText ul {
    margin: 12px 20px 25px;
}

.about .block_5 .item .toggleText ul li {
    margin: 5px 0;
    list-style: none;
    padding-left: 16px;
    position: relative;
}

.about .block_5 .item .toggleText ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #eed89e;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}

.about .block_5 .item .toggleText:after {
    content: "";
    width: 100%;
    height: 30px;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 1;
}

.about .block_5 .item .toggleText .btn-send-msg {
    margin-top: 20px;
}

.about .block_6 {
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

.about .block_6 p {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #fff;
}

.about .block_6 .btn {
    margin: 30px auto 0;
    height: 45px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    border: 1px solid #e5e5e5 !important;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    line-height: 45px;
    padding: 0 20px;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    background: transparent;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.about .block_6 .btn:hover {
    background: #fff;
    color: #393939;
}

.about .block_7 {
    margin: 60px 0 0px;
    padding: 60px 0;
    background: #fff;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 1px 1px 0px rgba(84, 84, 84, 0.3);
}

.about .block_7:after {
    content: "";
    background: url('../img/about_block_7_bg.png') no-repeat center center;
    width: 490px;
    height: 402px;
    position: absolute;
    bottom: -170px;
    left: calc((100% - 1174px) / 2);
}

.about .block_7 h3 {
    font-family: "PlayfairDisplay";
    font-weight: 700;
    font-size: 48px;
    color: #4d4d4d;
    letter-spacing: 0.48px;
    padding: 0 12px;
}

.about .block_7 p {
    font-size: 16px;
    line-height: 22px;
    color: #7b7b7b;
    max-width: 485px;
    padding: 20px 0;
}

.about .block_7 form input[type="submit"] {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #5c5858;
    background: #eed89e;
    width: auto;
    display: inline-block;
    padding: 0 20px;
    height: 45px;
    text-align: center;
    border-radius: 6px;
    margin: 0px auto 0;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    margin-top: 30px;
    margin-bottom: 50px;
}

.about .block_7 form input[type="submit"]:hover {
    background: #dfc582;
}

.about .block_7 form .ajax-loader {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.about .block_7 form .ajax-loader.is-active {
    background: url("../img/ajax.gif") no-repeat center center;
    background-size: contain;
}

.about .block_7 .wpcf7-not-valid input,
.about .block_7 .wpcf7-not-valid textarea,
.about .block_7 .wpcf7-not-valid .nice-select {
    border-bottom: 1px solid #e13d3d !important;
}

.about .block_7 .iBlock .placeholder {
    padding: 0 0px;
    font-size: 14px;
    line-height: 31px;
}

.about .block_7 .nice-select {
    width: 100%;
    background: transparent;
    padding-left: 10px;
    margin-bottom: 30px;
    border-right: none !important;
    border-bottom: 1px solid #ccb67c !important;
    border-radius: 0 !important;
    height: 30px;
    padding: 5px 0 33px;
    margin-top: -10px;
}

.about .block_7 .nice-select:after {
    border-bottom: 1px solid #ccb67c;
    border-right: 1px solid #ccb67c;
    width: 9px;
    height: 9px;
}

.about .block_7 .nice-select .current {
    color: #ccb67c !important;
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: 400;
    padding: 0 10px;
    line-height: 40px;
    height: 30px;
    display: block;
}

.about .block_7 .nice-select .list {
    margin-top: -1px !important;
    border-radius: 0 !important;
}

.about .block_7 .nice-select .list .option {
    color: #bfbfbf !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    height: 30px;
    line-height: 40px;
}

.about .block_7 .nice-select .list .option.selected {
    font-weight: 700;
}

.archive_blog {
    background: #f3f3f3;
    padding-top: 200px;
    padding-bottom: 50px;
}

.archive_blog .filters {
    height: 70px;
    background: #939393;
    position: fixed;
    top: 110px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1176px;
    z-index: 100;
    padding: 0 0px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.archive_blog .filters h1 {
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 0.75px;
}

.archive_blog .filters .trigger {
    font-size: 14px;
    letter-spacing: 0.35px;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px;
}

.archive_blog .filters .trigger:hover {
    color: #eed89e;
}

.archive_blog .filters .trigger:hover span:after,
.archive_blog .filters .trigger:hover span:before {
    background: #eed89e;
}

.archive_blog .filters .trigger span {
    position: relative;
}

.archive_blog .filters .trigger span:after,
.archive_blog .filters .trigger span:before {
    content: "";
    width: 8px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: -15px;
    -webkit-transition: background 0.2s, -webkit-transform 0.3s;
    transition: background 0.2s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.2s;
    transition: transform 0.3s, background 0.2s, -webkit-transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.archive_blog .filters .trigger span:after {
    -webkit-transform: translate(2.5px, 0%) rotate(-45deg);
    transform: translate(2.5px, 0%) rotate(-45deg);
}

.archive_blog .filters .trigger span:before {
    -webkit-transform: translate(-2.5px, -50%) rotate(45deg);
    transform: translate(-2.5px, -50%) rotate(45deg);
}

.archive_blog .filters .trigger.active span:after {
    -webkit-transform: translate(2.5px, 0%) rotate(45deg);
    transform: translate(2.5px, 0%) rotate(45deg);
}

.archive_blog .filters .trigger.active span:before {
    -webkit-transform: translate(-2.5px, -50%) rotate(-45deg);
    transform: translate(-2.5px, -50%) rotate(-45deg);
}

.archive_blog .filters .toggle-filters {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 25px 30px;
    margin: 0;
    font-size: 0;
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.35);
    display: none;
}

.archive_blog .filters .toggle-filters li {
    display: inline-block;
    margin: 5px 0;
    margin-right: 10px;
}

.archive_blog .filters .toggle-filters li:last-child {
    margin-right: 0;
}

.archive_blog .filters .toggle-filters li a {
    width: auto;
    height: 40px;
    border-radius: 6px;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #acacac;
    font-size: 14px;
    letter-spacing: 0.35px;
    border: 1px solid #dedede;
}

.archive_blog .filters .toggle-filters li a:hover {
    border-color: #eed89e;
}

.archive_blog .filters .toggle-filters li a.active {
    background: #f34f4f;
    color: #fff;
    padding: 0 20px 0 10px;
    border-color: #f34f4f;
}

.archive_blog .filters .toggle-filters li a.active:after,
.archive_blog .filters .toggle-filters li a.active:before {
    display: block;
}

.archive_blog .filters .toggle-filters li a.active:hover {
    background: #e24343;
}

.archive_blog .filters .toggle-filters li a:after,
.archive_blog .filters .toggle-filters li a:before {
    content: "";
    width: 10px;
    height: 1px;
    background: #ac4141;
    display: none;
    position: absolute;
    top: calc(50% + 1px);
    right: 7px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.archive_blog .filters .toggle-filters li a:after {
    -webkit-transform: translate(0.5px, -50%) rotate(-45deg);
    transform: translate(0.5px, -50%) rotate(-45deg);
}

.archive_blog .filters .toggle-filters li a:before {
    -webkit-transform: translate(0.5px, -50%) rotate(45deg);
    transform: translate(0.5px, -50%) rotate(45deg);
}

.archive_blog .posts {
    padding-top: 24px;
}

.archive_blog .filters-apply {
    font-size: 0;
}

.archive_blog .filters-apply li {
    display: inline-block;
    margin-right: 10px;
}

.archive_blog .filters-apply li:last-child {
    margin-right: 0;
}

.archive_blog .filters-apply li a {
    width: auto;
    height: 40px;
    border-radius: 6px;
    padding: 0 20px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f34f4f;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.35px;
    margin: 20px 0;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

.archive_blog .filters-apply li a:after,
.archive_blog .filters-apply li a:before {
    content: "";
    width: 10px;
    height: 1px;
    background: #ac4141;
    position: absolute;
    top: calc(50% + 1px);
    right: 7px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.archive_blog .filters-apply li a:after {
    -webkit-transform: translate(0.5px, -50%) rotate(-45deg);
    transform: translate(0.5px, -50%) rotate(-45deg);
}

.archive_blog .filters-apply li a:before {
    -webkit-transform: translate(0.5px, -50%) rotate(45deg);
    transform: translate(0.5px, -50%) rotate(45deg);
}

.archive_blog .filters-apply li a:hover {
    background: #e24343;
}

.archive_blog .post,
.lk .lk-block .body-lk-block .posts .post {
    border-radius: 6px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

.archive_blog .post:hover,
.lk .lk-block .body-lk-block .posts .post:hover {
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
}

.archive_blog .post img,
.lk .lk-block .body-lk-block .posts .post img {
    width: 100%;
    height: auto;
}

.archive_blog .post .bottom,
.lk .lk-block .body-lk-block .posts .post .bottom {
    padding: 20px;
}

.archive_blog .post .bottom,
.single_restaurant .post .bottom {

    position: relative;
}

.archive_blog .post .timer,
.single_blog .header-post .title .timer,
.single_restaurant .post .timer {

    width: 65px;
    height: 70px;
    background: #fff;
    position: absolute;
    left: 20px;
    top: -20px;
    transform: translate(0, -100%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
}


.single_blog .header-post .title .timer {

    position: absolute;
    bottom: -20px;
    top: auto;
    left: 0;
    transform: translate(0, 100%);

}

.archive_blog .post .timer-title,
.single_blog .header-post .title .timer-title,
.single_restaurant .post .timer-title {

    text-transform: lowercase;
    font-weight: 300;
    color: #545252;
    font-size: 12px;

}

.archive_blog .post .timer-num,
.single_blog .header-post .title .timer-num,
.single_restaurant .post .timer-num {

    margin: 2px auto;
    line-height: 26px;
    color: #545252;
    font-weight: 500;
    font-size: 30px;
}

.archive_blog .post .info,
.lk .lk-block .body-lk-block .posts .post .info {
    margin: 10px 0;
    display: block;
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #9e9e9e;
}

.archive_blog .post .tags,
.lk .lk-block .body-lk-block .posts .post .tags {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    z-index: 1;
}

.archive_blog .post .tags li,
.lk .lk-block .body-lk-block .posts .post .tags li {
    width: auto;
    height: 20px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 7px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 7px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.3px;
    margin-right: 5px;
}

.archive_blog .post .tags li:last-child,
.lk .lk-block .body-lk-block .posts .post .tags li:last-child {
    margin-right: 0;
}

.archive_blog .post .date,
.lk .lk-block .body-lk-block .posts .post .date {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.archive_blog .post .date:before,
.lk .lk-block .body-lk-block .posts .post .date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 11px;
    background: url("../img/ui/calendar_icon_archive@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
}

.archive_blog .post .views,
.lk .lk-block .body-lk-block .posts .post .views {
    display: inline-block;
    vertical-align: middle;
}

.archive_blog .post .views:before,
.lk .lk-block .body-lk-block .posts .post .views:before {
    content: "";
    width: 17px;
    height: 10px;
    background: url("../img/ui/views_icon_achive@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.archive_blog .post .title,
.lk .lk-block .body-lk-block .posts .post .title {
    font-size: 24px;
    letter-spacing: 0.6px;
    color: #545252;
    margin: 20px 0 10px;
}

.archive_blog .post .desc,
.lk .lk-block .body-lk-block .posts .post .desc {
    margin: 10px 0;
    font-weight: 300;
    font-size: 14px;
    color: #8e8e8e;
    line-height: 18px;
    letter-spacing: 0.35px;
}

.archive_blog .post.type-fullscreen,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen {
    padding-top: 240px;
}

.archive_blog .post.type-fullscreen:before,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen:before {
    content: "";
    width: 100%;
    height: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.archive_blog .post.type-fullscreen img,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.archive_blog .post.type-fullscreen .bottom,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen .bottom {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.archive_blog .post.type-fullscreen .title,
.archive_blog .post.type-fullscreen .desc,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen .title,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen .desc {
    color: #fff;
}

.archive_blog .post.type-fullscreen .date,
.archive_blog .post.type-fullscreen .views,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen .date,
.lk .lk-block .body-lk-block .posts .post.type-fullscreen .views {
    color: #c2c2c2;
}

.archive_blog .post .link-post,
.lk .lk-block .body-lk-block .posts .post .link-post {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.archive_blog .btn-load-more {
    display: inline-block;
    padding: 0 20px;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    margin: 15px auto;
    width: 140px;
}

.archive_restaurant {
    background: #f3f3f3;
}

.archive_restaurant .ajax_filtering {
    /*min-height: 437px;*/
    min-height: 900px;
}

.archive_restaurant .ajax_filtering:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.archive_restaurant .noitems_message {
    font-weight: 300;
    color: #9f8e63;
    font-size: 18px;
    letter-spacing: 0.18px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 30px;
    float: none;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.archive_restaurant .body-page {
    padding: 30px 0;
    padding-top: 170px;
}

.archive_restaurant .restaurant-cart {
    width: 100%;
    border-radius: 30px;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 2px 16px 0px rgba(60, 62, 74, 0.18);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

.archive_restaurant .restaurant-cart:hover {
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
}

.archive_restaurant .restaurant-cart .photo {
    height: 310px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.archive_restaurant .restaurant-cart .photo > img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon {
	position: absolute;
	top: 15px;
	left: 15px;
	border-radius: 50%;
	background: #fff;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon img {
	width: 30px;
}


.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon .label {
	background: #fff;
	border-radius: 10px;
	padding: 15px 20px;
	font-weight: 600;
	font-size: 14px;
	position: absolute;
	bottom: -15px;
	transform: translateY(110%);
	left: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
	white-space: nowrap;
    z-index: 3;
}

.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon .label:after {
	content: '';
	width: 35px;
	height: 35px;
	position: absolute;
	top: -5px;
	left: 8px;
	z-index: -1;
	border-radius: 4px;
	background: #fff;
	transform: rotate(45deg);
}

.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon:hover .label {
	opacity: 1;
	transform: translateY(100%);
    z-index: 3;
}

.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon.partner-icon {
    z-index: 1;
}

.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon.partner-icon img {
    width: 32px;
}

.archive_restaurant .restaurant-cart .photo .loyalty-program-member-icon.icon-padding {
    top: 80px;
}

.archive_restaurant .restaurant-cart .info {
    background: #fff;
    /*height: 110px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0 30px;
    text-align: center;
}

.archive_restaurant .restaurant-cart .info img {
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 75px;
    margin-bottom: 10px;
}

.archive_restaurant .restaurant-cart .info .desc {
    max-width: 296px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.archive_restaurant .restaurant-cart .info .category {
    margin-bottom: 10px;
    font-size: 16px;
    color: #6A6262;
}

.archive_restaurant .map {
    min-height: 100vh;
    width: 100%;
    margin-top: -140px;
    display: none;
}

.archive_restaurant .map .gm-style .gm-style-iw img {
    display: inline-block;
    max-width: calc(100% - 20px);
    margin: 10px 0;
}

.archive_restaurant .map .gm-style .gm-style-iw {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    border-bottom: 4px solid #e13d3d;
    padding: 15px 0;
}

.archive_restaurant .map .gm-style .gm-style-iw div {
    max-width: 100% !important;
}

.loyalty_program {
    background: #f3f3f3;
}

.loyalty_program .nav {
    height: 50px;
    background: #393939;
    padding: 0 10px;
    position: fixed;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1176px;
    z-index: 100;
}

.loyalty_program .nav .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 50px;
}

.loyalty_program .nav li {
    margin: 0 20px;
    list-style: none;
    height: 100%;
    display: inline-block;
    height: 50px;
}

.loyalty_program .nav li.active a {
    color: #fff;
}

.loyalty_program .nav li a {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #8b8b8b;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.loyalty_program .nav li a:hover {
    color: #fff;
}

.loyalty_program .fullscreen-block {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    padding-top: 130px;
    background: url("../img/loyalty_program_fullscreen_bg.png") no-repeat center center;
    background-size: cover;
    position: relative;
}

.loyalty_program .fullscreen-block .parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.loyalty_program .fullscreen-block .parallax .layer {
    position: absolute !important;
}

.loyalty_program .fullscreen-block .parallax .layer_1 {
    top: auto !important;
    left: 0;
    bottom: -100px;
}

.loyalty_program .fullscreen-block .parallax .layer_2 {
    top: auto !important;
    left: auto !important;
    right: 0px !important;
    bottom: -120px !important;
    width: 65%;
}

.loyalty_program .fullscreen-block .parallax .layer_3 {
    top: auto !important;
    left: auto !important;
    right: -140px !important;
    bottom: -90px !important;
    width: 65%;
}

.loyalty_program .fullscreen-block .parallax .layer_4 {
    top: -360px !important;
    left: -210px !important;
    right: auto !important;
    bottom: auto !important;
}

.loyalty_program .fullscreen-block .parallax .layer_5 {
    top: -200px !important;
    left: auto !important;
    right: -340px !important;
    bottom: auto !important;
}

.loyalty_program .fullscreen-block .content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.loyalty_program .fullscreen-block .content h2 {
    font-family: "PlayfairDisplay";
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.48px;
    color: #fff;
    line-height: 52px;
}

.loyalty_program .fullscreen-block .content h2:first-letter {
    color: #edc764;
}

.loyalty_program .fullscreen-block .content h6 {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.5);
    padding: 25px 0;
}

.loyalty_program .fullscreen-block .content .list {
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
    width: 100%;
    max-width: 250px;
}

.loyalty_program .fullscreen-block .content .list b {
    font-weight: 500;
    color: #edc764;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.12px;
}

.loyalty_program .fullscreen-block .content .list ul {
    margin-top: 13px;
}

.loyalty_program .fullscreen-block .content .list ul li {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.14px;
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.loyalty_program .fullscreen-block .content .list ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #edc764;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 7px;
    margin-right: 15px;
}

.loyalty_program .block_1 {
    padding: 67px 0;
    overflow: hidden;
    background: #fff;
    font-size: 16px;
    letter-spacing: 0.16px;
    font-weight: 300;
    color: #555555;
    line-height: 28px;
}

.loyalty_program .block_1 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.loyalty_program .block_1 b {
    font-weight: 600;
}

.loyalty_program .block_1 .gifts .gift_big,
.loyalty_program .block_1 .gifts .gift_small {
    opacity: 0;
    -webkit-transition: opacity 1.1s, -webkit-transform 2s;
    transition: opacity 1.1s, -webkit-transform 2s;
    transition: transform 2s, opacity 1.1s;
    transition: transform 2s, opacity 1.1s, -webkit-transform 2s;
}

.loyalty_program .block_1 .gifts .gift_big.is-visible,
.loyalty_program .block_1 .gifts .gift_small.is-visible {
    -webkit-transform: translateY(0%) rotate(0deg);
    transform: translateY(0%) rotate(0deg);
    opacity: 1;
}

.loyalty_program .block_1 .gifts .gift_big {
    -webkit-transform: translateY(100%) rotate(35deg);
    transform: translateY(100%) rotate(35deg);
}

.loyalty_program .block_1 .gifts .gift_small {
    -webkit-transform: translateY(100%) rotate(-35deg);
    transform: translateY(100%) rotate(-35deg);
}

.loyalty_program .block_2 {
    text-align: center;
    background: #f3f3f3;
    border-top: 1px solid #e0e0e0;
    padding: 70px 0;
}

.loyalty_program .block_2 .title {
    color: #ebcb79;
    font-size: 60px;
    letter-spacing: 0.6px;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    line-height: 55px;
    padding: 0;
    padding-bottom: 5px;
    margin: 0;
}

.loyalty_program .block_2 p {
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #969696;
    line-height: 25px;
    padding: 0;
}

.loyalty_program .block_2 p b {
    margin: 14px 0 3px 0;
    display: block;
}

.loyalty_program .block_2 .items {
    margin-top: 35px;
}

.loyalty_program .block_2 .item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
}

.loyalty_program .block_2 .item .icon {
    width: 135px;
    height: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    margin: 22px auto;
    box-shadow: 0px 2px 6px 0px rgba(43, 64, 72, 0.2);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.loyalty_program .block_2 .item .icon img {
    max-width: 64px;
    max-height: 64px;
}

.loyalty_program .block_2 .item .icon .front,
.loyalty_program .block_2 .item .icon .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}

.loyalty_program .block_2 .item .icon .front {
    background: #fff;
    z-index: 2;
    /* for firefox 31 */
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.loyalty_program .block_2 .item .icon .back {
    background: #4f4b40;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.loyalty_program .block_2 .item.is-visible {
    opacity: 1;
}

.loyalty_program .block_2 .item.is-visible .icon {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.loyalty_program .block_2 .item:nth-of-type(1) {
    -webkit-transition: opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
    transition: opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
    transition: transform 0.5s linear 0, opacity 0.5s 0s;
    transition: transform 0.5s linear 0, opacity 0.5s 0s, -webkit-transform 0.5s linear 0;
}

.loyalty_program .block_2 .item:nth-of-type(1) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0s;
    transition: -webkit-transform 0.5s linear 0s;
    transition: transform 0.5s linear 0s;
    transition: transform 0.5s linear 0s, -webkit-transform 0.5s linear 0s;
}

.loyalty_program .block_2 .item:nth-of-type(2) {
    -webkit-transition: opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
    transition: opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, opacity 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, opacity 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
}

.loyalty_program .block_2 .item:nth-of-type(2) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.2s;
    transition: -webkit-transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s;
    transition: transform 0.5s linear 0.2s, -webkit-transform 0.5s linear 0.2s;
}

.loyalty_program .block_2 .item:nth-of-type(3) {
    -webkit-transition: opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
    transition: opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, opacity 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, opacity 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
}

.loyalty_program .block_2 .item:nth-of-type(3) .icon {
    -webkit-transition: -webkit-transform 0.5s linear 0.4s;
    transition: -webkit-transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s;
    transition: transform 0.5s linear 0.4s, -webkit-transform 0.5s linear 0.4s;
}

.loyalty_program .block_2 .item p {
    max-width: 300px;
    margin: 0 auto;
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #7b7b7b;
    line-height: 22px;
    font-weight: 280;
}

.loyalty_program .block_3 {
    text-align: center;
    background: #f3f3f3;
}

.loyalty_program .block_3 .content {
    background: url('../img/info_pl_block_3_bg.png') no-repeat center calc(100% + 170px) #fff;
    padding-bottom: 130px;
    border-bottom: 1px solid #e0e0e0;
}

.loyalty_program .block_3 .content:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.loyalty_program .block_3 .title {
    color: #4d4d4d;
    font-size: 48px;
    letter-spacing: 0.48px;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    line-height: 40px;
    padding: 60px 0 40px;
    margin: 0;
    background: #fff;
}

.loyalty_program .block_3 .title span {
    position: relative;
}

.loyalty_program .block_3 .title span:before {
    content: "";
    width: 122px;
    height: 101px;
    background: url('../img/Tomato.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: -145px;
}

.loyalty_program .block_3 .item {
    padding: 20px 0 35px;
}

.loyalty_program .block_3 .item:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #e5e5e5;
    position: absolute;
    top: 0;
    right: 0px;
}

.loyalty_program .block_3 .item:last-child:after {
    display: none;
}

.loyalty_program .block_3 .item b {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #e13d3d;
    margin-bottom: 12px;
    display: inline-block;
}

.loyalty_program .block_3 .item p {
    font-size: 14px;
    color: #a3a3a3;
    letter-spacing: 0.14px;
    line-height: 20px;
    max-width: 300px;
    margin: 0 auto;
}

.loyalty_program .block_3 .item ul {
    margin-top: 50px;
}

.loyalty_program .block_3 .item ul li {
    list-style: none;
    margin-bottom: 23px;
}

.loyalty_program .block_3 .item a {
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #ebcb79;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.loyalty_program .block_3 .item a:hover {
    color: #4d4d4d;
}

.loyalty_program .block_4 {
    margin-top: 60px;
}

.loyalty_program .block_4 .content {
    background: url('../img/info_pl_block_4_bg.png') no-repeat -10px calc(100% + 10px) #eed89e;
    background-size: 49%;
    padding: 115px 0;
}

.loyalty_program .block_4 .content:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.loyalty_program .block_4 .title {
    color: #353434;
    font-size: 60px;
    line-height: 45px;
    letter-spacing: 0.6px;
    font-family: "PlayfairDisplay";
    font-weight: 700;
}

.loyalty_program .block_4 .desc {
    color: #595858;
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 24px;
    max-width: 450px;
    margin: 33px 0 42px;
}

.loyalty_program .block_5 {
    padding-bottom: 30px;
}

.loyalty_program .block_5 .title {
    color: #4d4d4d;
    font-size: 48px;
    line-height: 45px;
    letter-spacing: 0.48px;
    font-family: "PlayfairDisplay";
    font-weight: 700;
    padding: 45px 0 47px;
    text-align: center;
}

.loyalty_program .block_5 .item {
    margin-bottom: 20px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.09);
    list-style: none;
    overflow: hidden;
}

.loyalty_program .block_5 .item.open .trigger:after {
    -webkit-transform: translate(6.5px, -50%) rotate(45deg);
    transform: translate(6.5px, -50%) rotate(45deg);
}

.loyalty_program .block_5 .item.open .trigger:before {
    -webkit-transform: translate(-6.5px, -50%) rotate(-45deg);
    transform: translate(-6.5px, -50%) rotate(-45deg);
}

.loyalty_program .block_5 .item .trigger {
    padding: 0 80px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #868686;
    position: relative;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
    z-index: 2;
}

.loyalty_program .block_5 .item .trigger:after,
.loyalty_program .block_5 .item .trigger:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #ed8b8b;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.loyalty_program .block_5 .item .trigger:after {
    -webkit-transform: translate(6.5px, -50%) rotate(-45deg);
    transform: translate(6.5px, -50%) rotate(-45deg);
}

.loyalty_program .block_5 .item .trigger:before {
    -webkit-transform: translate(-6.5px, -50%) rotate(45deg);
    transform: translate(-6.5px, -50%) rotate(45deg);
}

.loyalty_program .block_5 .item .toggleText {
    padding: 50px 80px;
    display: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    background: #eed89e;
    font-size: 16px;
    letter-spacing: 0.16px;
    color: #5a5858;
    line-height: 24px;
    position: relative;
}

.loyalty_program .block_5 .item .toggleText:after {
    content: "";
    width: 100%;
    height: 30px;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 1;
}

.single_blog {
    background: #f3f3f3;
    padding-top: 110px;
}

.single_blog .products_in_blog {
    margin: 70px 0;
}

.single_blog .products_in_blog.align-center {
    text-align: center;
}

.single_blog .products_in_blog.align-center .col-lg-3 {
    float: none;
    display: inline-block;

}

.single_blog .products_in_blog .product-card-mini {
    box-shadow: none;
}

.single_blog .product-card-mini {
    max-width: 100%;
}

.single_blog .header-post {
    background: transparent;
    height: 330px;
    position: relative;
    overflow: hidden;
}

.single_blog .header-post:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.single_blog .header-post .controll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    height: 70px;
    padding: 0 20px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e5e5e5;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.35px;
    z-index: 2;
}

.single_blog .header-post .controll .btn {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #e5e5e5;
}

.single_blog .header-post .controll .btn:after,
.single_blog .header-post .controll .btn:before {
    content: "";
    width: 8px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -15px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.single_blog .header-post .controll .btn:after {
    -webkit-transform: translate(-50%, 2.5px) rotate(45deg);
    transform: translate(-50%, 2.5px) rotate(45deg);
}

.single_blog .header-post .controll .btn:before {
    -webkit-transform: translate(-50%, -2.5px) rotate(-45deg);
    transform: translate(-50%, -2.5px) rotate(-45deg);
}

.single_blog .header-post .controll .btn:hover:after {
    -webkit-transform: translate(-100%, 2.5px) rotate(45deg);
    transform: translate(-100%, 2.5px) rotate(45deg);
}

.single_blog .header-post .controll .btn:hover:before {
    -webkit-transform: translate(-100%, -2.5px) rotate(-45deg);
    transform: translate(-100%, -2.5px) rotate(-45deg);
}

.single_blog .header-post .controll ul {
    display: inline-block;
    margin: 0 10px;
}

.single_blog .header-post .controll ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.7;
}

.single_blog .header-post .controll ul li:hover {
    opacity: 1;
}

.single_blog .header-post .controll ul li.ya-share2__item_service_facebook {
    font-size: 0;
    width: 7px;
    height: 14px;
    background: url('../img/ui/fb_icon@2x.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.single_blog .header-post .controll ul li.ya-share2__item_service_twitter {
    font-size: 0;
    width: 14px;
    height: 11px;
    background: url('../img/ui/tw_icon@2x.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.single_blog .header-post .title {
    position: absolute;
    bottom: 90px;
    left: 100px;
    z-index: 2;
    width: calc(100% - 200px);
}

.single_blog .header-post .title h1 {
    max-width: 820px;
    width: 100%;
    font-weight: 600;
    font-size: 36px;
    letter-spacing: 0.9px;
    color: #fff;
    margin: 15px 0;
}

.single_blog .header-post .title .tags {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.single_blog .header-post .title .tags li {
    width: auto;
    height: 20px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 7px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 7px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.3px;
    margin-right: 5px;
}

.single_blog .header-post .title .tags li:last-child {
    margin-right: 0;
}

.single_blog .header-post .title .date {
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #c2c2c2;
    display: inline-block;
    margin: 0 20px 0 0;
}

.single_blog .header-post .title .date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 11px;
    background: url("../img/ui/calendar_icon@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
    opacity: 0.7;
}

.single_blog .header-post .title .views {
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #c2c2c2;
    display: inline-block;
    margin: 0 20px;
}

.single_blog .header-post .title .views:before {
    content: "";
    width: 17px;
    height: 10px;
    background: url("../img/ui/views_icon@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.7;
}

.single_blog .body-post {
    padding: 60px 0;
    background: #fff;
    padding-bottom: 80px;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #716868;
    line-height: 28px;
    margin-bottom: 25px;
}

.single_blog .body-post p,
.single_blog .body-post h6,
.single_blog .body-post h5,
.single_blog .body-post h4,
.single_blog .body-post h3,
.single_blog .body-post h2,
.single_blog .body-post ul,
.single_blog .body-post h1 {
    max-width: 800px;
    width: 100%;
    margin: 23px auto;
}

.single_blog .body-post .visible {
    display: block;
    cursor: pointer;
    max-width: 800px;
    margin: 0 auto;
    color: #e8b44e;
}

.single_blog .body-post .hidden {
    display: none;
}

.single_blog .body-post p a {
    color: #e8b44e;
}

.single_blog .body-post .bxslider {

    margin: 0;
    max-width: initial;
}


.single_blog .body-post .bx-wrapper .bx-controls-auto,
.single_blog .body-post .bx-wrapper .bx-pager {
    position: relative !important;
    bottom: auto !important;
    /*border-bottom: 1px solid #eaeaea;*/
}

.single_blog .block-menu{
    padding-top: 20px;
}

.single_blog .block-menu .container{
    max-width: 1100px;
}

.single_blog .body-post .bx-wrapper .bx-pager.bx-default-pager a {
    width: 18px;
    height: 18px;
    background: #cdcdcd;
    border-radius: 50%;
    margin: 0 10px;
}

.single_blog .body-post .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #eed89e;
}

.single_blog .body-post .bx-wrapper {
    margin-bottom: 10px !important;
}

.single_blog .body-post .bx-wrapper .bx-pager {
    padding-bottom: 10px;
}

.single_blog .post {
    border-radius: 6px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    overflow: hidden;
    margin-bottom: 24px;
    position: relative;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

.single_blog .post:hover {
    box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
}

.single_blog .post img {
    width: 100%;
    height: auto;
}

.single_blog .post .bottom {
    padding: 20px;
}

.single_blog .post .info {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #9e9e9e;
}

.single_blog .post .tags {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    z-index: 1;
}

.single_blog .post .tags li {
    width: auto;
    height: 20px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 7px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 7px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.3px;
    margin-right: 5px;
}

.single_blog .post .tags li:last-child {
    margin-right: 0;
}

.single_blog .post .date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 11px;
    background: url("../img/ui/calendar_icon@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
}

.single_blog .post .views:before {
    content: "";
    width: 17px;
    height: 10px;
    background: url("../img/ui/views_icon@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.single_blog .post .title {
    font-size: 24px;
    letter-spacing: 0.6px;
    color: #545252;
    margin: 20px 0 10px;
}

.single_blog .post .desc {
    margin: 10px 0;
    font-weight: 300;
    font-size: 14px;
    color: #8e8e8e;
    line-height: 18px;
    letter-spacing: 0.35px;
}

.single_blog .post.type-fullscreen {
    padding-top: 240px;
}

.single_blog .post.type-fullscreen:before {
    content: "";
    width: 100%;
    height: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.single_blog .post.type-fullscreen img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.single_blog .post.type-fullscreen .bottom {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.single_blog .post.type-fullscreen .title,
.single_blog .post.type-fullscreen .desc {
    color: #fff;
}

.single_blog .post.type-fullscreen .date,
.single_blog .post.type-fullscreen .views {
    color: #c2c2c2;
}

.single_blog .post .link-post {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.single_blog .footer-post .info {
    margin: 10px 0;
    display: block;
}

.single_blog .footer-post .info .date {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.single_blog .footer-post .info .date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 11px;
    background: url("../img/ui/calendar_icon_archive@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
}

.single_blog .footer-post .info .views {
    display: inline-block;
    vertical-align: middle;
}

.single_blog .footer-post .info .views:before {
    content: "";
    width: 17px;
    height: 10px;
    background: url("../img/ui/views_icon_achive@2x.png") no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.single_blog .footer-post .tags {
    display: block;
    width: calc(100% - 40px);
    margin-bottom: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    text-align: left;
}

.single_blog .footer-post .tags li {
    width: auto;
    height: 20px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 7px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 7px;
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.3px;
    margin-right: 5px;
}

.single_blog .footer-post .tags li:last-child {
    margin-right: 0;
}

/*
.single_restaurant .blur {
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
}
.single_restaurant .head-page {
  height: 495px;
  position: relative;
  padding-top: 80px;
  border-bottom: 5px solid #f5cf68;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.4);
}
.single_restaurant .head-page:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 70px;
  display: block;
  left: 0;
}
.single_restaurant .head-page .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.single_restaurant .head-page .bg-image div {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.single_restaurant .head-page .bg-image div:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.single_restaurant .head-page .top {
  height: calc(100% - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single_restaurant .head-page .top .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single_restaurant .head-page .logo {
  width: 180px;
  height: 180px;
  min-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 24px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.single_restaurant .head-page .logo img {
  max-width: 85%;
  max-height: 85%;
}
.single_restaurant .head-page .desc {
  max-width: 384px;
  width: 100%;
}
.single_restaurant .head-page .desc .btn-btn-trigger-text {
  display: none;
}
.single_restaurant .head-page .desc h1 {
  font-size: 24px;
  letter-spacing: 0.6px;
  color: #ebebeb;
  margin: 10px 0;
  font-weight: 400;
}
.single_restaurant .head-page .desc p {
  margin: 10px 0;
  font-weight: 300;
  color: #c4c4c4;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 18px;
}
.single_restaurant .head-page .labels {
  padding: 7px 0;
  display: block;
}
.single_restaurant .head-page .labels li {
  height: 27px;
  padding: 0 5px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  line-height: 27px;
  margin-right: 7px;
  margin-bottom: 7px;
  font-size: 12px;
  letter-spacing: 0.12px;
  color: #fff;
}
.single_restaurant .head-page .labels li:last-child {
  margin-right: 0;
}
.single_restaurant .head-page .labels li span,
.single_restaurant .head-page .labels li img {
  display: inline-block;
  vertical-align: middle;
}
.single_restaurant .head-page .labels li img {
  max-height: 16px;
  margin-top: -3px;
}
.single_restaurant .head-page .btn-go-delivery,
.single_restaurant .head-page .btn-reserve-table {
  margin: 0 4px;
}
.single_restaurant .head-page .nav-page {
  width: calc(100% + 1px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.single_restaurant .head-page .nav-page li {
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.single_restaurant .head-page .nav-page li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.single_restaurant .head-page .nav-page li ul {
  display: block;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 2;
  display: none;
}
.single_restaurant .head-page .nav-page li ul li {
  border-right: none;
  border-left: none !important;
}
.single_restaurant .head-page .nav-page li ul li a {
  height: 67px;
  border-bottom: 1px solid #dadada;
  background: #f0f0f0;
  font-size: 14px;
  color: #636363;
  letter-spacing: 0.35px;
}
.single_restaurant .head-page .nav-page li ul li a span {
  display: inline-block;
  vertical-align: middle;
}
.single_restaurant .head-page .nav-page li ul li a span:after {
  content: "PDF";
  text-transform: uppercase;
  color: #717171;
  font-size: 10px;
  height: 14px;
  padding: 0 5px;
  line-height: 15px;
  background: #d8d8d8;
  border-radius: 7px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-weight: 400;
}
.single_restaurant .head-page .nav-page li ul li:last-child a {
  border-bottom: none;
}
.single_restaurant .head-page .nav-page li a {
  font-size: 14px;
  letter-spacing: 0.35px;
  color: #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}
.single_restaurant .head-page .nav-page li a:hover {
  background: rgba(0, 0, 0, 0.02);
  color: #f5cf68;
}
.single_restaurant .head-page .nav-page li a:hover.list_menu span:after,
.single_restaurant .head-page .nav-page li a:hover.list_menu span:before {
  background: #f5cf68;
  opacity: 1;
}
.single_restaurant .head-page .nav-page li a.list_menu.open span:after {
  -webkit-transform: translate(2px, -50%) rotate(45deg);
          transform: translate(2px, -50%) rotate(45deg);
}
.single_restaurant .head-page .nav-page li a.list_menu.open span:before {
  -webkit-transform: translate(-2px, -50%) rotate(-45deg);
          transform: translate(-2px, -50%) rotate(-45deg);
}
.single_restaurant .head-page .nav-page li a.list_menu span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.single_restaurant .head-page .nav-page li a.list_menu span:after,
.single_restaurant .head-page .nav-page li a.list_menu span:before {
  content: "";
  width: 7px;
  height: 1px;
  background: #d8d8d8;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: 1px;
  -webkit-transition: background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
  transition: background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.2s, opacity 0.2s;
  transition: transform 0.3s, background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
}
.single_restaurant .head-page .nav-page li a.list_menu span:after {
  -webkit-transform: translate(2px, -50%) rotate(-45deg);
          transform: translate(2px, -50%) rotate(-45deg);
}
.single_restaurant .head-page .nav-page li a.list_menu span:before {
  -webkit-transform: translate(-2px, -50%) rotate(45deg);
          transform: translate(-2px, -50%) rotate(45deg);
}
.single_restaurant .body-page .tab {
  text-align: center;
}
.single_restaurant .map-block {
  height: 100vh;
  position: relative;
  display: block;
}
.single_restaurant .restaurant-block .body-post,
.single_restaurant .restaurant-block .bx-wrapper .bx-viewport
{

  background: transparent;
}

.single_restaurant .restaurant-block .body-post{

  padding: 0;
}

.single_restaurant .restaurant-block .single_blog{

  padding-top: 0;
  background: transparent;
}
.single_restaurant .restaurant-block .bx-wrapper img {
  height: 100%;
}

.single_restaurant .restaurant-block .text-block,
.single_restaurant .restaurant-block .bx-wrapper{

  margin: 50px 0;

}

.single_restaurant .restaurant-block .text-block,
.single_restaurant .restaurant-block .text-block p{
  position: relative;
}

.single_restaurant .restaurant-block .text-block iframe{

  width: 100vw;
  margin-left: calc(((100vw - 1200px) / (-2) ) + ((1200px - 800px) / (-2)) );
}

.single_restaurant .restaurant-block .text-block{

  text-align: left;
}

.single_restaurant .restaurant-block .text-block h2{

  max-width: 800px;
  width: 100%;
  margin: 23px auto;
}

.single_restaurant .restaurant-block .bx-wrapper{

  margin-bottom: 50px !important;
}

.single_restaurant .adress-block {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 40px;
  max-width: 300px;
  height: auto;
  width: 100%;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.single_restaurant .adress-block .mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}
.single_restaurant .adress-block .mCSB_scrollTools .mCSB_draggerContainer {
  height: calc(100% - 20px);
  top: 10px;
}
.single_restaurant .adress-block .mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}
.single_restaurant .adress-block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #c1c1c1;
  width: 5px !important;
}
.single_restaurant .adress-block .title {
  color: #f5cf68;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: right;
  padding: 0 40px;
  height: 70px;
  border-bottom: 1px solid #eeeeee;
}
.single_restaurant .adress-block .menu {
  max-height: calc(85vh - 70px);
}
.single_restaurant .adress-block .menu li {
  display: block;
}
.single_restaurant .adress-block .menu li a {
  height: 49px;
  border-bottom: 1px solid #eeeeee;
  padding: 0 30px;
  text-align: right;
  font-size: 12px;
  color: #b0b0b0;
  letter-spacing: 0.3px;
  line-height: 18px;
  border-left: 5px solid transparent;
  -webkit-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s;
}
.single_restaurant .adress-block .menu li a b {
  font-weight: 600;
  color: #686565;
  font-size: 14px;
  letter-spacing: 0.35px;
  display: block;
}
.single_restaurant .adress-block .menu li a:hover,
.single_restaurant .adress-block .menu li a.active {
  background: #f4f4f4;
  border-left-color: #e13d3d;
}
.single_restaurant .adress-block .menu li:last-child a {
  border-bottom: none;
}
.single_restaurant #map {
  height: 100vh;
  position: relative;
  display: block;
  !* .gm-style > div:nth-child(1) > div:nth-child(4) {

			&>div:nth-child(4){
				div:nth-child(1){
					&>div:nth-child(1){

						width: 0;
						height: 0;

					}
				}
			}

		} *!
}
.single_restaurant #map .gm-style-iw + div {
  display: none;
}
.single_restaurant #map .gm-style-iw {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
}
.single_restaurant #map .gm-style-iw > div {
  width: 100% !important;
}
.single_restaurant #map .popover .popover-inner {
  border-bottom: 4px solid #e13d3d;
  border-radius: 3px;
}
.single_restaurant #map .popover .popover-content {
  text-align: center;
  padding: 20px;
}
.single_restaurant #map .popover .popover-content img {
  max-width: 80px;
}
.single_restaurant #map .popover .popover-title {
  padding: 15px 20px;
  display: block;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  color: #b0b0b0;
  letter-spacing: 0.3px;
  line-height: 18px;
}
.single_restaurant #map .popover .popover-title b {
  font-weight: 600;
  color: #686565;
  font-size: 14px;
  letter-spacing: 0.35px;
  display: block;
}
.single_restaurant #map .popover .arrow {
  width: 21px;
  height: 12px;
  background: url('../img/ui/address-icon-arrow.png') no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 0;
}
.single_restaurant #map .popover .close {
  position: absolute;
  right: 5px;
  top: 1px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
}
.single_restaurant #map .popover .btn {
  margin-top: 10px;
}
.single_restaurant #map .popover .phone,
.single_restaurant #map .popover .time {
  padding: 0 20px 0 25px;
  position: relative;
  text-align: left;
}
.single_restaurant #map .popover .phone:before,
.single_restaurant #map .popover .time:before {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../img/marker-phone_icon@2x.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: 0;
}
.single_restaurant #map .popover .time {
  margin-bottom: 20px;
}
.single_restaurant #map .popover .time:before {
  width: 17px;
  height: 17px;
  background: url("../img/marker-clock_icon@2x.png") no-repeat center center;
  background-size: contain;
}
.single_restaurant #map .popover .time p {
  margin-bottom: 5px;
  font-size: 12px;
  letter-spacing: 0.3px;
  font-weight: 400;
  color: #797979;
}
.single_restaurant #map .popover .time p:last-child {
  margin-bottom: 0;
}
.single_restaurant #map .popover .time p span {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #a8a8a8;
  display: block;
}
.single_restaurant #map .popover .phone {
  font-size: 12px;
  letter-spacing: 0.3px;
  font-weight: 400;
  color: #797979;
}
.single_restaurant #map .popover .cuisine_types {
  font-size: 0;
  padding-left: 25px;
  text-align: left;
  margin-top: 20px;
}
.single_restaurant #map .popover .cuisine_types span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.single_restaurant #map .popover .cuisine_types span:hover {
  overflow: visible;
}
.single_restaurant #map .popover .cuisine_types span:last-child {
  margin-right: 0;
}
.single_restaurant #map .popover .cuisine_types span:after {
  content: attr(data-tooltip);
  height: 21px;
  line-height: 21px;
  width: auto;
  display: block;
  background: rgba(55, 55, 55, 0.8);
  border-radius: 3px;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: 0.12px;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.single_restaurant #map .popover .cuisine_types span:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(55, 55, 55, 0.8);
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.single_restaurant #map .popover .cuisine_types span:hover:after,
.single_restaurant #map .popover .cuisine_types span:hover:before {
  opacity: 1;
}
.single_restaurant #map .popover .cuisine_types img {
  max-height: 16px;
}
.single_restaurant #gallery #links {
  background: #f3f3f3;
  padding: 30px 0;
  box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.15);
}
.single_restaurant #gallery .item {
  margin-bottom: 24px;
}
.single_restaurant #gallery .item a {
  border-radius: 6px;
  overflow: hidden;
}
.single_restaurant #gallery .item img {
  max-width: 100%;
}
.single_restaurant #gallery .gallery_content {
  display: none;
  min-height: 354px;
}
.single_restaurant #gallery .gallery_content.active {
  display: block;
}
.single_restaurant #gallery .gallery_content .gallery_not_found {
  font-weight: 300;
  color: #9f8e63;
  font-size: 18px;
  letter-spacing: 0.18px;
  width: 100%;
  max-width: 400px;
  margin: 120px auto;
  margin-bottom: 30px;
  float: none;
  text-align: center;
}
.single_restaurant #gallery .gallery_tab {
  width: auto;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #dc3c3c;
  font-size: 0;
  overflow: hidden;
  margin: 30px auto;
}
.single_restaurant #gallery .gallery_tab li {
  display: inline-block;
}
.single_restaurant #gallery .gallery_tab li a {
  height: 45px;
  padding: 0 15px;
  font-size: 12px;
  letter-spacing: 0.12px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background: #dc3c3c;
  transiton: background 0.2s;
}
.single_restaurant #gallery .gallery_tab li a.active {
  background: #fff;
  color: #dc3c3c;
}
.single_restaurant #news {
  padding: 60px 0;
}
.single_restaurant #news .post {
  border-radius: 6px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  overflow: hidden;
  margin-bottom: 24px;
  text-align: left;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.single_restaurant #news .post:hover {
  box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.15);
}
.single_restaurant #news .post img {
  width: 100%;
  height: auto;
}
.single_restaurant #news .post .bottom {
  padding: 20px;
}
.single_restaurant #news .post .info {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #9e9e9e;
}
.single_restaurant #news .post .tags {
  display: block;
  width: calc(100% - 40px);
  padding: 0 20px;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
}
.single_restaurant #news .post .tags li {
  width: auto;
  height: 20px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 7px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-bottom: 7px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.3px;
  margin-right: 5px;
}
.single_restaurant #news .post .tags li:last-child {
  margin-right: 0;
}
.single_restaurant #news .post .date:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 11px;
  background: url("../img/ui/calendar_icon_archive@2x.png") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
  margin-top: -2px;
}
.single_restaurant #news .post .views:before {
  content: "";
  width: 17px;
  height: 10px;
  background: url("../img/ui/views_icon_achive@2x.png") no-repeat center center;
  background-size: contain;
  margin-right: 5px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
.single_restaurant #news .post .title {
  font-size: 24px;
  letter-spacing: 0.6px;
  color: #545252;
  margin: 20px 0 10px;
}
.single_restaurant #news .post .desc {
  margin: 10px 0;
  font-weight: 300;
  font-size: 14px;
  color: #8e8e8e;
  line-height: 18px;
  letter-spacing: 0.35px;
}
.single_restaurant #news .post.type-fullscreen {
  padding-top: 240px;
}
.single_restaurant #news .post.type-fullscreen:before {
  content: "";
  width: 100%;
  height: 50%;
  !* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 *!
  !* FF3.6-15 *!
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  !* Chrome10-25,Safari5.1-6 *!
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
  !* IE6-9 *!
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.single_restaurant #news .post.type-fullscreen img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.single_restaurant #news .post.type-fullscreen .bottom {
  position: relative;
  z-index: 2;
  padding: 20px;
}
.single_restaurant #news .post.type-fullscreen .title,
.single_restaurant #news .post.type-fullscreen .desc {
  color: #fff;
}
.single_restaurant #news .post.type-fullscreen .date,
.single_restaurant #news .post.type-fullscreen .views {
  color: #c2c2c2;
}
.single_restaurant #news .post .link-post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.single_restaurant #news .btn-load-more {
  display: inline-block;
  padding: 0 20px;
  border-radius: 6px;
  border: 1px solid #dfdfdf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 45px;
  margin: 15px auto;
  width: 140px;
}*/

.lk {
    background: #f3f3f3;
}

.lk form .iBlock {
    height: 31px;
    margin-bottom: 40px;
}

.lk form .iBlock input {
    padding: 0 10px;
    text-transform: none;
    background: transparent;
    font-size: 18px;
    color: #606060;
    font-weight: 300;
    letter-spacing: 0.18px;
}

.lk form .iBlock .placeholder {
    left: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.lk form .iBlock.focus-in .placeholder {
    font-size: 12px;
    color: #bfbfbf;
}

.lk .head-page {
    height: 220px;
    background: url('../img/lk_head_bg.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
}

.lk .head-page .menu {
    font-size: 0;
    position: absolute;
    top: 220px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 12px;
}

.lk .head-page .menu li {
    display: inline-block;
}

.lk .head-page .menu li a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.14px;
    color: #fff;
    height: 48px;
    box-sizing: border-box;
    border-bottom: 3px solid transparent;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.lk .head-page .menu li a:hover,
.lk .head-page .menu li a.active {
    border-bottom-color: #e13d3d;
}

.lk .head-page .user_logout {
    position: absolute;
    top: 210px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    right: 12px;
}

.lk .head-page .user_logout li {
    list-style: none;
}

.lk .head-page .user_logout li a {
    color: #979797;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    width: 90px;
    padding: 0 10px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.lk .head-page .user_logout li a:hover {
    color: #fff;
    background: #e13d3d;
}

.lk .head-page .user_logout:hover,
.lk .head-page .user_logout.active {
    border-bottom-color: #e13d3d;
}

.lk .body-page {
    padding: 40px 0 78px;
    position: relative;
}

.lk .body-page:before,
.cart_pop .body:before {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.5;
    display: none;
    z-index: 1000;
}

.lk .body-page:after,
.cart_pop .body:after {

    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/ajax.gif") no-repeat center calc(50vh - 135px);
    background-size: 50px;
    display: none;
    z-index: 1001;
}

.cart_pop .body:after {

    background: url("../img/ajax.gif") no-repeat center;
    background-size: 50px;
}

.lk .body-page.load:before,
.cart_pop .body.load:before,
.lk .body-page.load:after,
.cart_pop .body.load:after {

    display: block;
}

.lk .lk-block {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    margin-bottom: 40px;
}

.lk .lk-block:last-child {
    margin-bottom: 0;
}

.lk .lk-block .head-lk-block {
    height: 50px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}

.lk .lk-block .head-lk-block .title {
    font-weight: 600;
    text-transform: uppercase;
    color: #edcb81;
    font-size: 14px;
    letter-spacing: 0.14px;
}

.lk .lk-block .body-lk-block {
    padding: 50px 30px;
}

.lk .personal-info .body-lk-block {
    padding-bottom: 10px;
}

.lk .personal-info .iBlock {
    border-bottom: none;
    position: relative;
}

.lk .personal-info .iBlock:hover > input.user_birthday:not([readonly]) + .placeholder {
    font-size: 12px;
    color: #bfbfbf;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    font-size: 12px;
}


.lk .personal-info .iBlock:after {
    content: '';
    width: 0;
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width 1s cubic-bezier(0.07, 0.56, 0.38, 0.96);
    transition: width 1s cubic-bezier(0.07, 0.56, 0.38, 0.96);
}

.lk .personal-info .iBlock input[readonly] {
    pointer-events: none;
}

.lk .personal-info .iBlock input:not(.parsley-error) {
    border-bottom: none;
}

.lk .personal-info .nice-select {
    width: 100%;
    background: transparent;
    border-radius: 0;
    border: none !important;
    height: 30px !important;
}

.lk .personal-info .nice-select:after {
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    height: 5px;
    width: 5px;
    right: 10px;
}

.lk .personal-info .nice-select .current {
    font-size: 18px;
    color: #606060;
    font-weight: 300;
    letter-spacing: 0.18px;
    text-transform: none;
    height: 30px !important;
    line-height: 30px !important;
    display: block;
}

.lk .personal-info .nice-select .list {
    margin-top: 0;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid rgba(68, 68, 68, 0.11) !important;
}

.lk .personal-info .nice-select .list .option {
    color: #545353;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    height: 30px;
    line-height: 37px;
}

.lk .personal-info .nice-select .list .option[data-value=""] {
    /* display: none; */
}

.lk .personal-info[data-readonly='true'] .iBlock:after {
    width: 0%;
}

.lk .personal-info[data-readonly='false'] .iBlock:after {
    width: 100%;
}

.lk .card .head-lk-block .btn {
    display: none;
}

.lk .card .ajax-show-verification-response {
    display: none;
}

.lk .card.empty .empty-block {
    display: block;
}

.lk .card.edit {
    background: #f8f8f8;
}

.lk .card.edit .body-lk-block {
    padding-bottom: 10px;
}

.lk .card.edit .head-lk-block .btn-save-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lk .card.edit .edit-block {
    display: block;
}

.lk .card.added {
    background: #fff;
}

.lk .card.added .body-lk-block {
    padding-bottom: 10px;
}

.lk .card.added .head-lk-block .btn-off-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lk .card.added .added-block {
    display: block;
}

.lk .card .added-block .iBlock.focus-in {
    border-bottom-color: transparent;
}

.lk .card .added-block .iBlock input:-moz-read-only {
    font-size: 36px;
    color: #818080;
    height: 40px;
    letter-spacing: 0.36px;
}

.lk .card .added-block .iBlock input:read-only {
    font-size: 36px;
    color: #818080;
    height: 40px;
    letter-spacing: 0.36px;
}

.lk .adress .body-lk-block {
    padding: 0;
}

.lk .adress .item:last-child .shown-block {
    border-bottom-color: transparent;
}

.lk .adress .item .shown-block {
    height: 70px;
    padding: 0 30px;
    border-bottom: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lk .adress .item .shown-block .title {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.18px;
    color: #606060;
    max-width: calc(100% - 220px);
}

.lk .adress .item .shown-block .title span {
    display: inline-block;
    vertical-align: middle;
}

.lk .adress .item .shown-block .title span:before {
    content: "";
    background: url("../img/ui/address-icon-grey@2x.png") no-repeat center center;
    background-size: contain;
    width: 12px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 20px;
}

.lk .adress .change-adress-form,
.lk .adress .add-adress-form {
    padding: 40px 60px 0;
    background: #f8f8f8;
    display: none;
}

.lk .adress .change-adress-form .iBlock,
.lk .adress .add-adress-form .iBlock {
    border-bottom-color: #cecece !important;
}

.lk .bonus .head-lk-block {
    border-bottom: none;
}

.lk .bonus .body-bonus-block {
    padding: 0px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lk .bonus .body-lk-block {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.lk .bonus .body-lk-block .head-lk-block {
    background: transparent !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    margin-bottom: 5px;
}

.lk .bonus .body-lk-block .head-lk-block .title {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #6e6e6e;
    text-transform: none;
}

.lk .bonus .body-lk-block .number-bonus {
    font-size: 60px;
    letter-spacing: 0.6px;
    color: #4cc268;
    font-weight: 300;
    line-height: 45px;
    margin-bottom: 17px;
}

.lk .bonus .body-lk-block .sub-title {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #bdbcbc;
}

.lk .bonus .quession {
    padding: 0px 30px;
    margin-top: 7px;
}

.lk .bonus .quession .title {
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #6e6e6e;
    text-transform: none;
}

.lk .bonus .quession .title span {
    display: inline-block;
    vertical-align: middle;
}

.lk .bonus .quession .title span:before {
    content: "?";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #338b48;
    color: #338b48;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.84px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    margin-right: 10px;
    margin-top: -3px;
}

.lk .bonus .quession .desc {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #ababab;
    line-height: 18px;
    margin-top: 8px;
}

.lk .promo .body-lk-block {
    padding: 0;
}

.lk .promo .item {
    padding: 45px 30px 36px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
}

.lk .promo .item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
}

.lk .promo .item .number,
.lk .promo .item .code,
.lk .promo .item .desc,
.lk .promo .item .valid {
    /* display: table-cell; */
    padding: 0 20px;
}

.lk .promo .item .number,
.lk .promo .item .code,
.lk .promo .item .valid {
    font-size: 14px;
    font-weight: 600;
    color: #c1c1c1;
}

.lk .promo .item .code {
    color: #6a6865;
}

.lk .promo .item .desc {
    max-width: 450px;
    padding: 0 40px;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.12px;
    line-height: 18px;
    color: #9a9793;
}

.lk .promo .item .valid {
    color: #6a6865;
}

.lk .promo .item .code,
.lk .promo .item .valid {
    position: relative;
    height: 16px;
}

.lk .promo .item .code:before,
.lk .promo .item .valid:before {
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.1px;
    color: #cccccc;
    text-transform: uppercase;
    position: absolute;
    bottom: -15px;
    left: 20px;
    width: 130px;
}

.lk .promo .item .code:before {
    content: "код";
}

.lk .promo .item .valid:before {
    content: "действителен до";
}

.lk .history .body-lk-block,
.lk .current .body-lk-block {
    padding: 0 0px;
}

.lk .history.history_order .item,
.lk .current.history_order .item,
.lk .history.current_order .item,
.lk .current.current_order .item {
    position: relative;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    padding: 0;
}

.lk .history.history_order .item:hover,
.lk .current.history_order .item:hover,
.lk .history.current_order .item:hover,
.lk .current.current_order .item:hover {
    background: #f9f9fa;
}

.lk .history.history_order .item .top,
.lk .current.history_order .item .top,
.lk .history.current_order .item .top,
.lk .current.current_order .item .top {
    position: relative;
}

.lk .history.history_order .item .number,
.lk .current.history_order .item .number,
.lk .history.current_order .item .number,
.lk .current.current_order .item .number {
    padding: 30px 0 30px 25px;
    width: 150px;
}

.lk .history.history_order .item .number .order_state,
.lk .current.history_order .item .number .order_state,
.lk .history.current_order .item .number .order_state,
.lk .current.current_order .item .number .order_state {
    font-weight: 700;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    display: inherit;
    line-height: 18px;
    height: 20px;
    padding: 0 5px;
    border-radius: 6px;
    margin-top: 5px;
}

.lk .history.history_order .item .number .order_state.state_Cancelled,
.lk .current.history_order .item .number .order_state.state_Cancelled,
.lk .history.current_order .item .number .order_state.state_Cancelled,
.lk .current.current_order .item .number .order_state.state_Cancelled {
    background: #ec5932;
}

.lk .history.history_order .item .number .order_state.state_Closed,
.lk .current.history_order .item .number .order_state.state_Closed,
.lk .history.current_order .item .number .order_state.state_Closed,
.lk .current.current_order .item .number .order_state.state_Closed {
    background: #4cc268;
}

.lk .history.history_order .item .info-rest,
.lk .current.history_order .item .info-rest,
.lk .history.current_order .item .info-rest,
.lk .current.current_order .item .info-rest {
    padding: 30px 30px 0 0;
}

.lk .history.history_order .item .info-rest {
    max-width: calc(100% - 410px);
}

.lk .history.history_order .item .info-rest .name,
.lk .current.history_order .item .info-rest .name,
.lk .history.current_order .item .info-rest .name,
.lk .current.current_order .item .info-rest .name {
    font-size: 0;
}

.lk .history.history_order .item .info-rest .name li,
.lk .current.history_order .item .info-rest .name li,
.lk .history.current_order .item .info-rest .name li,
.lk .current.current_order .item .info-rest .name li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #6a6865;
    letter-spacing: 0.14px;
}

.lk .history.history_order .item .info-rest .name li:first-child:before,
.lk .current.history_order .item .info-rest .name li:first-child:before,
.lk .history.current_order .item .info-rest .name li:first-child:before,
.lk .current.current_order .item .info-rest .name li:first-child:before {
    display: none;
}

.lk .history.history_order .item .info-rest .name li:before,
.lk .current.history_order .item .info-rest .name li:before,
.lk .history.current_order .item .info-rest .name li:before,
.lk .current.current_order .item .info-rest .name li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #dbdedb;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
    margin: 0 10px;
}

.lk .history.history_order .item .bottom-info,
.lk .current.history_order .item .bottom-info,
.lk .history.current_order .item .bottom-info,
.lk .current.current_order .item .bottom-info {
    max-width: 600px;
    padding: 0 30px 30px 163px;
}

.lk .history.history_order .item .btn,
.lk .current.history_order .item .btn,
.lk .history.current_order .item .btn,
.lk .current.current_order .item .btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
}

.lk .history.history_order .item .btn.btn.btn-leave-feedback,
.lk .current.current_order .item .btn.btn.btn-leave-feedback {
    right: 160px;
    color: #e8b44e;
    transition: color .3s;
}

.lk .current.current_order .item a.btn.btn.btn-leave-feedback {
    right: 50px;
    margin-top: 30px;
}

.lk .history.history_order .item .btn.btn-leave-feedback:hover,
.lk .current.current_order .item .btn.btn.btn-leave-feedback:hover {
    color: #eed89e;
}

.lk .history.history_order .item .view-product-order,
.lk .current.history_order .item .view-product-order,
.lk .history.current_order .item .view-product-order,
.lk .current.current_order .item .view-product-order {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
    font-size: 0;
    overflow-x: hidden;
    display: none;
}

.lk .history.history_order .item .view-product-order {

    overflow-x: auto;
}

.lk .history.history_order .item .view-product-order.mCS_no_scrollbar,
.lk .current.history_order .item .view-product-order.mCS_no_scrollbar,
.lk .history.current_order .item .view-product-order.mCS_no_scrollbar,
.lk .current.current_order .item .view-product-order.mCS_no_scrollbar {
    height: auto;
}

.lk .history.history_order .item .view-product-order.mCS_no_scrollbar .mCSB_horizontal.mCSB_inside > .mCSB_container,
.lk .current.history_order .item .view-product-order.mCS_no_scrollbar .mCSB_horizontal.mCSB_inside > .mCSB_container,
.lk .history.current_order .item .view-product-order.mCS_no_scrollbar .mCSB_horizontal.mCSB_inside > .mCSB_container,
.lk .current.current_order .item .view-product-order.mCS_no_scrollbar .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0px !important;
}

.lk .history.history_order .item .view-product-order .mCSB_horizontal.mCSB_inside > .mCSB_container,
.lk .current.history_order .item .view-product-order .mCSB_horizontal.mCSB_inside > .mCSB_container,
.lk .history.current_order .item .view-product-order .mCSB_horizontal.mCSB_inside > .mCSB_container,
.lk .current.current_order .item .view-product-order .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 24px !important;
}

.lk .history.history_order .item .view-product-order ul,
.lk .current.history_order .item .view-product-order ul,
.lk .history.current_order .item .view-product-order ul,
.lk .current.current_order .item .view-product-order ul {
    width: auto;
    font-size: 0;
    letter-spacing: 0;
    display: table;
}

.lk .history.history_order .item .view-product-order:after,
.lk .current.history_order .item .view-product-order:after,
.lk .history.current_order .item .view-product-order:after,
.lk .current.current_order .item .view-product-order:after {
    content: "";
    width: 100%;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.11;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#252625+0,9f9f9f+100&1+0,0+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #252625 0%, rgba(159, 159, 159, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #252625 0%, rgba(159, 159, 159, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252625', endColorstr='#009f9f9f', GradientType=0);
    /* IE6-9 */
}

.lk .history.history_order .item .view-product-order .item-product,
.lk .current.history_order .item .view-product-order .item-product,
.lk .history.current_order .item .view-product-order .item-product,
.lk .current.current_order .item .view-product-order .item-product {
    display: table-cell;
    padding: 20px 0;
    width: 180px;
    height: 100%;
    border-right: 1px solid #e8e8e8;
}

.lk .history.history_order .item .view-product-order .item-product .photo,
.lk .current.history_order .item .view-product-order .item-product .photo,
.lk .history.current_order .item .view-product-order .item-product .photo,
.lk .current.current_order .item .view-product-order .item-product .photo {
    width: 180px;
    font-size: 0;
    letter-spacing: 0;
    padding: 0 10px;
}

.lk .history.history_order .item .view-product-order .item-product .photo img,
.lk .current.history_order .item .view-product-order .item-product .photo img,
.lk .history.current_order .item .view-product-order .item-product .photo img,
.lk .current.current_order .item .view-product-order .item-product .photo img {
    width: 100%;
}

.lk .history.history_order .item .view-product-order .item-product .title,
.lk .current.history_order .item .view-product-order .item-product .title,
.lk .history.current_order .item .view-product-order .item-product .title,
.lk .current.current_order .item .view-product-order .item-product .title {
    color: #676767;
    font-size: 14px;
    letter-spacing: 0.14px;
    text-align: center;
    font-weight: 500;
    max-width: calc(100% - 20px);
    margin: 20px auto;
}

.lk .history.history_order .item .view-product-order .item-product .weight,
.lk .current.history_order .item .view-product-order .item-product .weight,
.lk .history.current_order .item .view-product-order .item-product .weight,
.lk .current.current_order .item .view-product-order .item-product .weight {
    font-size: 12px;
    color: #aeaeae;
    letter-spacing: 0.12px;
    text-align: center;
}

.lk .history.history_order .item .view-product-order .item-product .weight .quantity,
.lk .current.history_order .item .view-product-order .item-product .weight .quantity,
.lk .history.current_order .item .view-product-order .item-product .weight .quantity,
.lk .current.current_order .item .view-product-order .item-product .weight .quantity {
    display: inline-block;
    margin-left: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    background: #edcb81;
    border-radius: 50%;
    letter-spacing: 0.12px;
    font-size: 12px;
}

.lk .history.history_order .item .view-product-order .item-product .weight .quantity:before,
.lk .current.history_order .item .view-product-order .item-product .weight .quantity:before,
.lk .history.current_order .item .view-product-order .item-product .weight .quantity:before,
.lk .current.current_order .item .view-product-order .item-product .weight .quantity:before {
    content: "x";
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #FFF;
    line-height: 20px;
}

.lk .history.history_order .item .view-product-order.mCS_no_scrollbar,
.lk .current.history_order .item .view-product-order.mCS_no_scrollbar,
.lk .history.current_order .item .view-product-order.mCS_no_scrollbar,
.lk .current.current_order .item .view-product-order.mCS_no_scrollbar {
    /*height: 282px;*/
    /*height: 256px;*/
}

.lk .history.history_order .item .mCSB_scrollTools .mCSB_draggerContainer,
.lk .current.history_order .item .mCSB_scrollTools .mCSB_draggerContainer,
.lk .history.current_order .item .mCSB_scrollTools .mCSB_draggerContainer,
.lk .current.current_order .item .mCSB_scrollTools .mCSB_draggerContainer {
    width: calc(100% - 60px);
    left: 30px;
}

.lk .history.history_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.lk .current.history_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.lk .history.current_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.lk .current.current_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 24px;
    box-sizing: border-box;
    border-top: 1px solid #e8e8e8;
    background: #fafafa;
}

.lk .history.history_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.lk .current.history_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.lk .history.current_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.lk .current.current_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 10px auto;
    background: #d1d1d1;
}

.lk .history.history_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.lk .current.history_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.lk .history.current_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.lk .current.current_order .item .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 4px;
    margin: 10px auto;
    background: #ababab;
}


.lk .history .item,
.lk .current .item {
    padding: 30px;
    border-bottom: 1px solid #e8e8e8;
}

.lk .history .item:last-child,
.lk .current .item:last-child {
    border-bottom: none;
}

.lk .history .item .btn-show-positions-slider,
.lk .current .item .btn-show-positions-slider {
    display: none;
}

.lk .history .item .number,
.lk .current .item .number,
.lk .history .item .info-rest,
.lk .current .item .info-rest {
    display: inline-block;
    vertical-align: middle;
}

.lk .history .item .number,
.lk .current .item .number,
.lk .history .item .date,
.lk .current .item .date,
.lk .history .item .name,
.lk .current .item .name,
.lk .history .item .adress,
.lk .current .item .adress {
    font-size: 14px;
    font-weight: 600;
    color: #c1c1c1;
    padding: 0 10px;
}

.lk .history .item .number,
.lk .current .item .number {
    margin-right: 0px;
    margin-top: 10px;
}

.lk .history .item .date,
.lk .current .item .date {
    font-weight: 500;
    font-size: 12px;
    color: #afafaf;
}

.lk .history .item .name,
.lk .current .item .name {
    font-weight: 600;
    font-size: 18px;
    color: #6a6865;
    letter-spacing: 0.18px;
    margin-bottom: 3px;
    margin-top: 10px;
}

.lk .history .item .adress,
.lk .current .item .adress {
    font-size: 12px;
    font-weight: 500;
    color: #9a9793;
}

.lk .history .item .bottom-info,
.lk .current .item .bottom-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 73px;
    margin-top: 26px;
}

.lk .history .item .bottom-info .type,
.lk .current .item .bottom-info .type,
.lk .history .item .bottom-info .check,
.lk .current .item .bottom-info .check,
.lk .history .item .bottom-info .bonus,
.lk .current .item .bottom-info .bonus {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12px;
    color: #4cc268;
    background: transparent;
}

.lk .history .item .bottom-info .check,
.lk .current .item .bottom-info .check {
    color: #ec5932;
}

.lk .history .item .bottom-info .check.delivery_cost,
.lk .current .item .bottom-info .check.delivery_cost {
    color: #4cc268;
}

.lk .history .item .bottom-info .type:after,
.lk .current .item .bottom-info .type:after,
.lk .history .item .bottom-info .check:after,
.lk .current .item .bottom-info .check:after,
.lk .history .item .bottom-info .bonus:after,
.lk .current .item .bottom-info .bonus:after {
    font-weight: 700;
    color: #cccccc;
    font-size: 10px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    display: block;
    margin-top: 3px;
}

.lk .history .item .bottom-info .type,
.lk .current .item .bottom-info .type {
    width: 100%;
    max-width: 400px;
}

.lk .history .item .bottom-info .type:after,
.lk .current .item .bottom-info .type:after {
    content: "всього";
}

.lk .history .item .bottom-info .check,
.lk .current .item .bottom-info .check {
    width: 100%;
    max-width: 200px;
}

.lk .history .item .bottom-info .check:after,
.lk .current .item .bottom-info .check:after {
    content: "знижка";
}

.lk .history .item .bottom-info .check.delivery_cost:after,
.lk .current .item .bottom-info .check.delivery_cost:after {
    content: "доставка";
}

.lk .history .item .bottom-info .bonus,
.lk .current .item .bottom-info .bonus {
    width: 100%;
    max-width: 200px;
    padding-bottom: 0;
}

.lk .history .item .bottom-info .bonus span,
.lk .current .item .bottom-info .bonus span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12px;
    color: #9a9793;
}

.lk .history .item .bottom-info .bonus span:before,
.lk .current .item .bottom-info .bonus span:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    line-height: 13px;
    text-align: center;
}

.lk .history .item .bottom-info .bonus span.plus,
.lk .current .item .bottom-info .bonus span.plus {
    margin-right: 15px;
    display: inline-block;
}

.lk .history .item .bottom-info .bonus span.plus:before,
.lk .current .item .bottom-info .bonus span.plus:before {
    background: #4cc268;
    content: "+";
}

.lk .history .item .bottom-info .bonus span.minus:before,
.lk .current .item .bottom-info .bonus span.minus:before {
    background: #ec5932;
    content: "-";
}

.lk .history .item .bottom-info .bonus:after,
.lk .current .item .bottom-info .bonus:after {
    content: "бали";
}

.lk .current .head-current {
    border-top: 1px solid #eeeff1;
    background: #f9f9fa;
}

.lk .current .head-current .steps-order {
    height: 100px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lk .current .head-current .steps-order li {
    list-style: none;
    text-align: center;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
}

.lk .current .head-current .steps-order li:last-of-type .icon:after {
    display: none;
}

.lk .current .head-current .steps-order li.complited .icon {
    border-color: #edcb81;
}

.lk .current .head-current .steps-order li.complited .icon:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edcb81+1,cccccc+100 */
    background: #edcb81;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #edcb81 1%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #edcb81 1%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edcb81', endColorstr='#cccccc', GradientType=1);
    /* IE6-9 */
}

.lk .current .head-current .steps-order li.complited.end .icon:after {
    background: #edcb81 !important;
}

.lk .current .head-current .steps-order li.complited p {
    color: #edcb81;
}

.lk .current .head-current .steps-order li .icon {
    height: 42px;
    width: 42px;
    margin: 0 auto 5px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.lk .current .head-current .steps-order li .icon img {
    max-width: 60%;
    max-height: 60%;
}

.lk .current .head-current .steps-order li .icon:after {
    content: "";
    width: calc(200% + 5px);
    height: 1px;
    background: #cccccc;
    position: absolute;
    right: calc(-200% - 5px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}

.lk .current .head-current .steps-order li p {
    font-weight: 700;
    color: #cccccc;
    text-transform: uppercase;
    font-size: 10px;
}

.lk .current .timer-block {
    height: 30px;
    line-height: 28px;
    padding: 0px 10px;
    border-radius: 6px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    display: inline-block;
    position: absolute;
    top: 47px;
    right: 30px;
}

.lk .current .timer-block.late {
    background: #e13d3d;
    box-shadow: 0px 3px 13px 0px rgba(255, 61, 61, 0.47);
}

.lk .current .timer-block.late p {
    display: none;
}

.lk .current .timer-block.late .timer .clock {
    text-align: center;
}

.lk .current .timer-block.late .timer .clock span:not(.bonus) {
    width: auto;
    min-width: 55px;
    color: #fff;
    border-right: 1px solid #c92f2f;
}

.lk .current .timer-block.late .timer .clock span:last-child {
    border-right: none;
    min-width: 10px;
}

.lk .current .timer-block.late .quession {
    display: inline-block;
}

.lk .current .timer-block p {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #bdbcbc;
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    line-height: 19px;
    margin-right: 10px;
}

.lk .current .timer-block .timer {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.lk .current .timer-block .timer .clock span:not(.bonus) {
    font-size: 16px;
    color: #6e6e6e;
    letter-spacing: 0.16px;
    font-weight: 400;
    width: 70px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
}

.lk .current .timer-block .timer .clock .bonus {
    background: transparent;
    margin-left: 5px;
    color: #fba6a6;
    font-size: 16px;
    letter-spacing: 0.16px;
    display: inline-block;
    vertical-align: middle;
}

.lk .current .timer-block .quession {
    width: 20px;
    height: 20px;
    background: #c92f2f;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin-left: 0px;
    /* position: absolute;
				right: -20px;
				top: 5px; */
    z-index: 102;
    display: none;
}

.lk .current .timer-block .quession:hover .tolltip {
    opacity: 1;
    pointer-events: all;
}

.lk .current .timer-block .quession:after {
    content: "?";
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #eac55f;
    font-size: 14px;
    letter-spacing: 0.14px;
    position: absolute;
    top: 0;
    left: 0;
}

.lk .current .timer-block .quession .tolltip {
    position: absolute;
    top: 50%;
    right: -10px;
    padding: 15px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px -3px 18px 0px rgba(0, 0, 0, 0.18);
    width: 225px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 12px;
    line-height: normal;
    color: #878787;
    letter-spacing: 0.3px;
}

.lk .current .timer-block .quession .tolltip:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lk .current .item .bottom-info .type:after {
    content: "всього";
}

.lk .current .item .bottom-info .check:after {
    content: "знижка";
}

.lk .current .item .bottom-info .check.delivery_cost:after {
    content: "доставка";
}

.lk .current .item .bottom-info .bonus:after {
    content: "бали";
}

.lk .elect {
    background: transparent;
    box-shadow: none;
}

.lk .elect .head-lk-block {
    padding: 30px 0 40px 0;
    height: auto;
    background: transparent;
    border-bottom: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lk .elect .head-lk-block .title {
    text-transform: uppercase;
    color: #504f4e;
}

.lk .elect .head-lk-block .title:before {
    content: "";
    width: 44px;
    height: 44px;
    background: url("../img/ui/lk_elect_icon@2x.png") no-repeat center center #e54c4c;
    background-size: contain;
    display: block;
    margin: 0 auto 15px;
    border-radius: 50%;
    border: none;
    box-shadow: 0px 6px 27px 0px rgba(255, 13, 13, 0.46);
}

.lk .elect .body-lk-block {
    padding: 0;
    background: transparent;
}

.lk .nav-page {
    background: #fff;
    width: 100%;
    padding: 30px 0;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

.lk .nav-page ul li {
    list-style: none;
    margin-bottom: 10px;
    border-left: 4px solid transparent;
    -webkit-transition: background 0.5s, border-color 0.5s;
    transition: background 0.5s, border-color 0.5s;
}

.lk .nav-page ul li:hover,
.lk .nav-page ul li.active {
    border-left-color: #edcb81;
    background: #fef9ef;
}

.lk .nav-page ul li:last-child {
    margin-bottom: 0;
}

.lk .nav-page ul li a {
    width: 100%;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 0 50px;
    color: #6b6b6b;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-weight: 400;
}

.restaurant {
    background: #f3f3f3;
}

.restaurant .head-block {
    /*padding-top: 80px;*/
    padding-top: 120px;
    height: 280px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /*padding-bottom: 124px;*/
    padding-bottom: 0;
    /*min-height: 370px;*/
    min-height: 246px;
    position: relative;
}

.restaurant .head-block .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.8;
    display: none;
}

.restaurant .head-block img {
    /* position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);*/
    max-width: 180px;
    max-height: 120px;
}

.restaurant .head-block .left-side,
.restaurant .head-block .right-side {

    flex: 1 1 300px;
    display: flex;
}

.restaurant .head-block .left-side {

    justify-content: flex-start;
}

.restaurant .head-block .right-side {

    justify-content: flex-end;
}

.restaurant .head-block .head-block__inner {

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.restaurant .head-block .logo {

    flex: 1 1 calc(100% - 600px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.restaurant .head-block .logo .btn {
    margin-bottom: -30px;
    margin-top: 10px;
    color: #979797;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: auto;
    padding: 0 10px;
    border-radius: 6px;
    background: #fff;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.restaurant .head-block .logo .btn:hover {

    color: #fff;
    background: #f4d78b;
}

.restaurant .head-block .time-work {
    width: auto;
    display: inline-block;
    padding: 11px 10px 11px 46px;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    background: rgba(0, 0, 0, 0.22);
    position: relative;
    border-radius: 6px;
}

.restaurant .head-block .time-work span:before {
    content: "";
    width: 35px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 10px;
    background: url('../img/ui/time_work_rest_icon@2x.png') no-repeat center center #fff;
    background-size: 15px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.restaurant .rest-filters {
    background: rgba(49, 49, 49, 0.3);
    height: 124px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.restaurant .rest-filters .inner {
    height: 124px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* &:after{
				content: "";
				width: 1px;
				height: 124px;
				background: #3b3b3b;
				position: absolute;
				top: 0;
				left: 50%;
			} */
}

.restaurant .rest-filters .title {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.18px;
    display: block;
    margin-bottom: 18px;
}

.restaurant .rest-filters ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.restaurant .rest-filters ul li {
    list-style: none;
    margin: 0 5px;
}

.restaurant .rest-filters ul li:first-child {
    margin-left: 0;
}

.restaurant .rest-filters ul li a {
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    background: #464646;
    border-radius: 6px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.12px;
    font-size: 12px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.16);
}

.restaurant .rest-filters ul li a:hover,
.restaurant .rest-filters ul li a.active {
    background: #c3465e;
}

.restaurant .body-page {
    padding: 40px 12px;
    min-height: 570px;
}

.restaurant .trigger-open-mob-filter {
    display: none;
    font-weight: 700;
    color: #4cc256;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0.12px;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    max-width: 280px;
    margin: 10px auto;
    height: 55px;
    border: 1px solid #eeeeee;
    box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.03);
}

.restaurant .trigger-open-mob-filter.fixed {
    position: fixed;
    bottom: -55px;
    left: 50%;
    margin-left: -90px;
    -webkit-transform: translate(0%, calc(-100% - 10px));
    -moz-transform: translate(0%, calc(-100% - 10px));
    -ms-transform: translate(0%, calc(-100% - 10px));
    -o-transform: translate(0%, calc(-100% - 10px));
    transform: translate(0%, calc(-100% - 10px));

    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    z-index: 2;

    max-width: 180px;

    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1);
}

.restaurant .main-filter {
    width: 100%;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

.restaurant .main-filter .mob-head {
    display: none;
    height: 50px;
    padding: 0 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.restaurant .main-filter .mob-head .mob-title {
    font-size: 20px;
    color: #676666;
    letter-spacing: 0.2px;
}

.restaurant .main-filter .top {
    padding: 24px 18px;
    border-bottom: 1px solid #ededed;
}

.restaurant .main-filter .top ul {
    /* display: flex;
   justify-content: space-between;
   align-items: center;*/
    font-size: 0;
}

.restaurant .main-filter .top ul li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.restaurant .main-filter .top ul li:last-of-type {
    margin-right: 0;
}

.restaurant .main-filter .top ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid transparent;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.restaurant .main-filter .top ul li a.current {
    border-color: #eed89e;
}

.restaurant .main-filter .top ul li a.filter_wishlist {
    background-color: #e54c4c;
}

.restaurant .main-filter .top ul li a.filter_wishlist svg {
    height: 16px;
}

.restaurant .main-filter .top ul li a.filter_wishlist svg path {
    fill: #fbd069;
}

.restaurant .main-filter .top ul li a.filter_149 {
    background-color: #FF864B;
}

.restaurant .main-filter .top ul li a.filter_149 svg {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.4);
    -moz-transform: translate(-50%, -50%) scale(1.4);
    -ms-transform: translate(-50%, -50%) scale(1.4);
    -o-transform: translate(-50%, -50%) scale(1.4);
    transform: translate(-50%, -50%) scale(1.4);
}

.restaurant .main-filter .top ul li a.filter_149 svg path {
    fill: #fff;
}


.restaurant .main-filter .top ul li a.filter_258 {
    background-color: #ff4141;
}

.restaurant .main-filter .top ul li a.filter_258 svg {
    width: 17px;
}

.restaurant .main-filter .top ul li a.filter_258 svg path {
    fill: #fff;
}

.restaurant .main-filter .top ul li a.filter_22 {
    background-color: #494646;
}

.restaurant .main-filter .top ul li a.filter_22 svg {
    height: 19px;
}

.restaurant .main-filter .top ul li a.filter_22 svg path {
    fill: #ff864b;
}

.restaurant .main-filter .top ul li a.filter_47 {
    background-color: #5cce54;
}

.restaurant .main-filter .top ul li a.filter_47 svg {
    height: 13px;
}

.restaurant .main-filter .top ul li a.filter_47 svg path {
    fill: #ffffff;
}

.restaurant .main-filter .top ul li a.filter_500 {
    background-color: #93288d;
}

.restaurant .main-filter .top ul li a.filter_500 svg {
    height: 23px;
    margin-left: 2px;
}

.restaurant .main-filter .top ul li a.filter_500 svg path {
    fill: #ffffff;
}

.restaurant .main-filter .top ul li a svg {
    width: 100%;
    height: 100%;
    max-width: 90%;
    max-height: 90%;
}

.restaurant .main-filter .top ul li a:after {
    content: attr(data-tooltip);
    height: 21px;
    line-height: 21px;
    width: auto;
    display: block;
    background: rgba(55, 55, 55, 0.8);
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.restaurant .main-filter .top ul li a:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid rgba(55, 55, 55, 0.8);
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.restaurant .main-filter .top ul li a:hover {
    overflow: visible;
}

.restaurant .main-filter .top ul li a:hover:after,
.restaurant .main-filter .top ul li a:hover:before {
    opacity: 1;
}

.restaurant .main-filter .trigger,
.restaurant .main-filter .trigger-list-accordion {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 30px;
    color: #787878;
    font-size: 14px;
    letter-spacing: 0.14px;
}

.restaurant .main-filter .trigger.full:after,
.restaurant .main-filter .trigger-list-accordion.full:after,
.restaurant .main-filter .trigger.full:before,
.restaurant .main-filter .trigger-list-accordion.full:before {
    content: "";
    width: 7px;
    height: 1px;
    background: #88d68f;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    -webkit-transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
    z-index: 1;
}

.restaurant .main-filter .trigger.full:after,
.restaurant .main-filter .trigger-list-accordion.full:after {
    -webkit-transform: translate(-2.1px, -50%) rotate(45deg);
    transform: translate(-2.1px, -50%) rotate(45deg);
}

.restaurant .main-filter .trigger.full:before,
.restaurant .main-filter .trigger-list-accordion.full:before {
    -webkit-transform: translate(2.1px, -50%) rotate(-45deg);
    transform: translate(2.1px, -50%) rotate(-45deg);
}

.restaurant .main-filter .trigger.full.active:after,
.restaurant .main-filter .trigger-list-accordion.full.active:after {
    -webkit-transform: translate(-2.1px, -50%) rotate(-45deg);
    transform: translate(-2.1px, -50%) rotate(-45deg);
}

.restaurant .main-filter .trigger.full.active:before,
.restaurant .main-filter .trigger-list-accordion.full.active:before {
    -webkit-transform: translate(2.1px, -50%) rotate(45deg);
    transform: translate(2.1px, -50%) rotate(45deg);
}

.restaurant .main-filter .trigger-list-accordion {
    border-bottom: 1px solid #ededed;
    display: none;
}

.restaurant .main-filter .accordion {
    border-bottom: 1px solid #ededed;
}

.restaurant .main-filter .accordion:last-of-type {
    border-bottom: none;
}

.restaurant .main-filter .accordion ul {
    display: none;
    position: relative;
    margin-bottom: 10px;
}

.restaurant .main-filter .accordion ul li {
    list-style: none;
}

.restaurant .main-filter .accordion ul li a {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #b0b0b0;
    height: 27px;
    padding: 0 50px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.restaurant .main-filter .accordion ul li a:hover {
    color: #e13d3d;
}

.restaurant #content {
    height: auto;
    min-height: 560px;
    /* .caterory-content{
			.row{
				div{
					&:nth-last-child(1),
					&:nth-last-child(2),
					&:nth-last-child(3)
					{
						.product-card-mini{
							margin-bottom: 0;
						}
					}
				}
			}
		} */
}

.restaurant #content .product-card-mini {
    width: 277px;
}

.restaurant #content .slider-shares {
    height: auto;
    border-radius: 6px;
    margin-bottom: 40px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

.restaurant #content .slider-shares .bx-wrapper {
    border-radius: 6px !important;
}

.restaurant #content .slider-shares .bx-wrapper .bx-viewport {
    border-radius: 6px !important;
}

.restaurant #content .slider-shares ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 20px;
}

.restaurant #content .slider-shares ul li img {
    width: 100%;
}

.restaurant #content .slider-shares .bxslider,
.restaurant #content .slider-shares .bxslider li {
    height: auto !important;
}

.restaurant #content .slider-shares ul li:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

.restaurant #content .slider-shares ul li h4 {
    font-size: 36px;
    letter-spacing: 0.36px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 18px;
}

.restaurant #content .slider-shares ul li * {
    z-index: 1;
}

.restaurant #content .slider-shares .bx-wrapper .bx-pager {
    bottom: auto;
    top: 20px;
    left: 30px;
    padding: 0;
    width: auto;
}

.restaurant #content .slider-shares .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border: 2px solid #626262;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: background 0.3s, border-color 0.3s;
    transition: background 0.3s, border-color 0.3s;
}

.restaurant #content .slider-shares .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #4cc256;
    border-color: #4cc256;
}

.restaurant #content .caterory-content .title {
    font-size: 24px;
    letter-spacing: 0.24px;
    color: #6e6e6e;
    margin-bottom: 20px;
    font-weight: 400;
}

.thanks-page .prize-draw {
    padding: 40px 0;
    background: #F4D78B;
    color: #454444;
    text-align: center;
}

.thanks-page .prize-draw__inner {
    max-width: 630px;
    margin: 0 auto;
}

.thanks-page .prize-draw__title {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 15px;
}

.thanks-page .prize-draw__subtitle {
    font-size: 15px;
    font-weight: 900;
}

.thanks-page .prize-draw__text {
    font-size: 18px;
    margin: 40px 0;
    line-height: 30px;
}

.thanks-page .prize-draw__text b {
    font-weight: 700;
}

.thanks-page .prize-draw__btn {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #000;
    height: 63px;
    line-height: 63px;
    padding: 0 90px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 15px;
}

.thanks-page .prize-draw__warning {
    font-style: italic;
    font-size: 13px;
    font-weight: 400;
}

.thanks-page {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100vh;
}

.thanks-page .cart-head-block {
    height: 111px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    flex-shrink: 0;
}

.thanks-page .cart-head-block:after {
    content: "";
    width: 100%;
    height: 1px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    background: #f0f0f0;
    left: 0;
}

.thanks-page .cart-head-block .steps li {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #cbcbcb;
    letter-spacing: 0.12px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    cursor: default;
}

.thanks-page .cart-head-block .steps li:last-child:after {
    display: none;
}

.thanks-page .cart-head-block .steps li:after {
    content: "";
    width: 6px;
    height: 9px;
    background: url("../img/ui/cart-head-block-arrow-icon@2x.png") no-repeat center center;
    background-size: contain;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px;
    margin-top: -3px;
}

.thanks-page .cart-head-block .steps li.active {
    color: #4cc256;
    cursor: default;
}

.thanks-page .cart-head-block .steps li.passed {
    color: #939393;
    cursor: default;
}

.thanks-page .cart-head-block .mob-title {
    display: none;
}

.thanks-page .body-thanks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 128px);
    position: relative;
    text-align: center;
}

.thanks-page .body-thanks .container {
    position: relative;
}

.thanks-page .body-thanks .container:before {
    content: "";
    width: 500px;
    height: 451px;
    background: url("../img/Soup.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -200px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.thanks-page .body-thanks .container:after {
    content: "";
    width: 559px;
    height: 484px;
    background: url("../img/Sushi.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -240px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.thanks-page .body-thanks .desc {
    max-width: 500px;
    margin: 0 auto;
}

.thanks-page .body-thanks .desc img {
    margin-bottom: 30px;
}

.thanks-page .body-thanks .desc h3 {
    color: #5c5c5c;
    font-size: 30px;
    letter-spacing: 0.3px;
}

.thanks-page .body-thanks .desc p {
    font-size: 14px;
    letter-spacing: 0.14px;
    color: #868686;
    max-width: 400px;
    line-height: 20px;
    margin: 15px auto;
}

.thanks-page .body-thanks .desc .btn {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .restaurant .main-filter .list-accordion {
        display: block !important;
    }

    .mainMenu_pop .item ul {
        display: block !important;
    }

    .cart_pop .body-cart.active {
        -webkit-transform: translateX(calc(-100% - 12px));
        transform: translateX(calc(-100% - 12px));
    }

    .cart_pop .body-cart .item ul li .name {
        width: 320px;
    }

    .cart_pop .cart-footer.active {
        -webkit-transform: translateX(calc(-100% - 12px));
        transform: translateX(calc(-100% - 12px));
    }

    .cart_pop .body-checkout .payment-block .payment-points .title {
        margin-right: 0;
    }

    .cart_pop .body-checkout .payment-block .payment-points .title .top {
        font-size: 24px;
        letter-spacing: 0.22px;
    }

    .cart_pop .body-checkout .payment-block .payment-points .title .bottom {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    /*NEW*/
    .header.header__hide-top{
      transform: translate(-50%, 0px);
    }

    .archive_blog .filters.header__hide-top {
      transform: translate(-50%, 0px);
    }

    .mainMenu_pop.header__hide-top .body{
      transform: translate(-50%, 0px);
    }

    .header .header__top {
        display: none;
    }

    .index .categories-block {
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-top: 20px;
    }

    .index .categories-block .categories-block__slider .category-item {
        width: 136px;
        height: 136px;
    }

    .index .categories-block .bx-wrapper .bx-viewport {
        /*padding-left: 24px;*/
    }

    .index .categories-block .bx-wrapper .bx-controls .bx-prev {
        /*left: 11px;*/
    }

    .index .categories-block .bx-wrapper .bx-controls .bx-next {
        /*right: 11px;*/
    }

    .block-kombo {
        padding: 135px 0;
    }

    .block-kombo .title {
        font-size: 36px;
        max-width: 460px;
    }

    .block-kombo .btn {
        margin-top: 30px;
        background: #FDCA6E;
        height: 50px;
        padding: 0px 44px;
    }

    .block-kombo .btn span {
        font-size: 16px;
        line-height: 50px;
    }

    .block-special-offers {
        margin: 50px 0 40px;
    }

    .block-special-offers .title {
        font-size: 36px;
    }

    .block-special-offers .block-special-offers__slider {
        margin-top: 25px;
    }

    .block-special-offers .offer-item {
        max-width: 322px;
    }

    .index .categories-block {
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-top: 20px;
    }

    .block-special-offers .bx-wrapper {
        width: calc(100% + 48px);
        margin-left: -24px !important;
        margin-top: 20px;
    }

    .block-special-offers .bx-wrapper .bx-viewport {
        padding-left: 24px;
        overflow: visible;
    }

    .block-special-offers .bx-wrapper .bx-controls .bx-prev {
        left: 11px;
    }

    .block-special-offers .bx-wrapper .bx-controls .bx-next {
        right: 11px;
    }

    .block-special-offers .offer-item .offer-item__photo {
        height: 300px;
    }

    .block-special-offers .offer-item .offer-item__title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .block-special-offers .offer-item .offer-item__description {
        font-size: 13px;
    }

    .block-special-offers .offer-item .offer-item__info {
        font-size: 12px;
    }

    .block-special-offers .offer-item .offer-item__desc {
        padding: 15px 23px 20px;
    }

    .block-loyalty {
        padding: 80px 0 20px;
    }

    .block-loyalty .block-loyalty__title {
        font-size: 36px;
    }

    .block-loyalty .block-loyalty__subtitle {
        font-size: 20px;
    }

    .block-loyalty .block-loyalty__top-block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }

    .block-loyalty .block-loyalty__top-block .item {
        max-width: 260px;
        margin-bottom: 60px;
    }

    .block-loyalty .block-loyalty__top-block .item:last-of-type {
        margin-bottom: 0;
    }

    .block-loyalty .block-loyalty__top-block .item .icon {
        width: 230px;
        height: 230px;
    }

    .block-loyalty .block-loyalty__top-block .item .icon img {
        max-width: 90px;
        height: 88px;
    }

    .block-loyalty .block-loyalty__top-block .item .text {
        font-size: 30px;
        margin-top: 15px;
    }

    .block-loyalty hr {
        display: none;
    }

    .block-loyalty .block-loyalty__bottom-block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .block-loyalty .block-loyalty__bottom-block .item {
        max-width: 340px;
        margin-bottom: 40px;
    }

    .block-loyalty .block-loyalty__bottom-block .item .text {
        font-size: 26px;
    }

    .header .logo {
        height: 45px;
        width: 45px;
    }

    .header .enter-address {
        max-width: 235px;
        border-radius: 10px;
        padding: 0 16px;
    }

    .header .header__bottom {
        padding: 0 20px;
    }

    .header .btn-user {
        width: 60px;
        height: 40px;
        border-radius: 10px;
    }

    .header .phone {
        font-size: 0;
        border-radius: 50%;
        background: #FDCA6E;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 35px;
    }

    .header .phone :before {
        margin-right: 0;
    }

    .header .cart {
        padding: 0 16px;
        border-radius: 10px;
    }

    .btn-user span {
        font-size: 0;
        border: none !important;
    }

    .btn-user span:before {
        margin-right: 0;
    }

    .archive_restaurant {
        padding-top: 70px;
    }

    .archive_restaurant .body-page {
        padding-top: 0;
    }

    .archive_restaurant .filters-sticky {
        position: relative;
        top: auto;
    }

    .archive_restaurant .filters .btn-close-filter {
        display: block;
        position: absolute;
        right: 30px;
        top: 40px;
        width: 40px;
        height: 40px;
    }

    .archive_restaurant .filters .btn-close-filter img {
        width: 23px;
    }

    .archive_restaurant .filters {
        display: none;
        width: 100vw;
        left: 0;
        position: fixed;
        top: 70px;
        background: #fff;
        z-index: 2;
        padding: 30px 110px;
        height: calc(100vh - 70px);
        overflow: auto;
    }

    .archive_restaurant .btn-open-filters {
        display: block;
        font-weight: 700;
        font-size: 24px;
        text-align: center;
        padding: 50px 0 60px;
    }

    .archive_restaurant .btn-open-filters span:after {
        content: '';
        width: 24px;
        height: 24px;
        background: url("../img/filter-open-icon.svg") no-repeat center;
        background-size: contain;
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
    }

    .archive_restaurant .toggle-filters .item {
        width: 100%;
        max-width: 330px;
    }

    .archive_restaurant .restaurant-cart .photo {
        height: 460px;
    }

    .archive_restaurant .restaurant-cart .info img {
        width: 100%;
        max-width: 410px;
        height: 150px;
        object-fit: contain;
        margin-bottom: 20px;
    }

    .archive_restaurant .restaurant-cart .info .desc {
        max-width: 615px;
        font-size: 14px;
    }

    .archive_restaurant .restaurant-cart .info {
        padding-bottom: 70px;
    }

    .single_restaurant .block-head {
        height: 590px;
        max-width: calc(744px - 24px);
        width: calc(100% - 24px);
        margin: 110px auto 0;
        border-radius: 15px;
        overflow: hidden;
        padding-top: 0;
    }

    .single_restaurant .block-head .bx-wrapper .bx-viewport {
        height: 550px !important;
    }

    .single_restaurant .block-head .bx-wrapper {
        height: 590px !important;
    }

    .single_restaurant .block-head .bx-wrapper .bx-pager {
        bottom: 0;
    }

    .single_restaurant .block-head .bx-wrapper .bx-pager.bx-default-pager a.active,
    .single_restaurant .block-head .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #000;
    }

    .single_restaurant .block-head .bx-wrapper .bx-pager.bx-default-pager a {
        width: 11px;
        height: 11px;
        border: 1px solid #000;
    }

    .single_restaurant .block-head .block-head__logo {
        width: 260px;
        height: 70px;
    }

    .single_restaurant .block-head .block-head__subtitle {
        margin: 25px auto 30px;
        font-size: 20px;
        font-weight: 600;
        max-width: 345px;
    }

    .single_restaurant .block-head .block-head__buttons {
        display: flex;
        flex-direction: column;
    }

    .single_restaurant .block-head .block-head__buttons .btn:first-of-type {
        margin-bottom: 16px;
    }

    .single_restaurant .block-head .block-head__buttons .btn {
        height: 60px;
        line-height: 60px;
        padding: 0 44px;
    }

    .block-contacts {
        padding: 40px 0;
    }

    .block-contacts .table .table__body .table-line .table-item {
        max-width: 225px;
    }

    .block-contacts .table .table__body .table-line a,
    .block-contacts .table .table__body .table-line .time,
    .block-contacts .table .table__body .table-line p {
        font-size: 16px;
    }

    .block-contacts .table .table__body .table-line p {
      line-height: 140%;
    }

    .block-contacts .table .table__body .table-line .table-item:nth-of-type(2) {
        max-width: 190px;
    }

    .block-contacts .table .table__body .table-line .table-item:nth-of-type(3) {
        max-width: 190px;
    }

    .block-we-have {
        padding: 50px 0;
    }

    .block-we-have .block-we-have__title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .block-we-have .block-we-have__items {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .block-we-have .item {
        margin-bottom: 40px;
        max-width: 100%;
    }

    .block-we-have .item:last-of-type {
        margin-bottom: 0;
    }

    .block-we-have .icon {
        width: 190px;
        height: 190px;
    }

    .block-we-have .icon img {
        max-width: 72px;
        max-height: 72px;
    }

    .block-we-have .text {
        margin-top: 20px;
        font-size: 20px;
    }

    .block-menu {
        padding: 90px 0 70px;
    }

    .block-menu .block-menu__title {
        font-size: 36px;
    }

    .block-menu .tabs {
        margin: 20px auto;
    }

    .block-menu .content .content__item {
        margin: -10px;
    }

    .block-menu .menu-item {
        max-width: calc(50% - 22px);
        margin: 10px;
    }

    .block-menu .menu-item .menu-item__title {
        padding: 24px 0 40px;
        font-size: 24px;
    }

    .block-free-delivery {
        padding: 50px 0;
    }

    .block-free-delivery .container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .block-free-delivery .left-side {
        text-align: center;
    }

    .block-free-delivery .block-free-delivery__title {
        font-size: 36px;
        max-width: 440px;
        text-align: center;
    }

    .block-free-delivery .btn {
        font-size: 16px;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        margin-top: 30px;
        text-transform: none;
        color: #000;
    }

    .block-free-delivery .right-side {
        margin-top: 48px;
    }

    .block-free-delivery .right-side img {
        width: 365px;
        transform: translateX(0px);
    }

    .block-booking .inner {
        padding: 40px 140px;
    }

    .block-booking .block-booking__title {
        text-align: center;
        margin-bottom: 25px;
    }

    .block-booking .block-booking__select.num-people-input,
    .block-booking .block-booking__select.time-input,
    .block-booking .block-booking__select.date-input{
        /*width: 122px;*/
        width: 50%;
    }

    .block-booking .block-booking__input.phone-input {
        /*width: calc(50% - 7px);*/
        width: 50%;
        /*margin-right: 14px;*/
    }

    .block-booking .block-booking__input {
        /*width: calc(50% - 7px);*/
        width: 50%;
        margin: 24px 0;
    }

    .block-booking .block-booking__input.name-input {
        margin-top: 0;
    }

    .block-booking .block-booking__line {
        margin-bottom: 0;
    }

    .block-booking .block-booking__select.restaurant-input {
        margin-bottom: 20px;
    }

    .single_restaurant .block-booking .block-booking__select.restaurant-input {
        width: 100%;
    }

    .single_restaurant .block-booking__buttons {
        margin-top: 50px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .single_restaurant .block-booking__buttons .warning {
        margin-top: 15px;
        margin-left: 0;
    }

    /*NEW*/
    .background-mask {
        cursor: pointer;
    }

    header .cart-block {
        width: 440px;
    }

    header .enter-address {
        cursor: pointer;
        max-width: calc(100% - 470px);
    }

    header .enter-address form input[type="text"] {
        border-radius: 0;
    }

    header .enter-address form button[type="submit"] {
        margin-right: 0;
    }

    .index .mob-app-block .img-phone {
        max-width: 220px;
    }

    .index .about-block .item .title {
        padding: 0 20px;
    }

    .btn-phone {
        margin-right: 30px;
        margin-left: 30px;
    }

    .catalog .filters {
        width: calc(100% + 90px);
        margin-left: -45px;
    }

    .catalog .restaurants .restaurant {
        padding: 20px;
    }

    .restaurant #content {
        /* .row {
				div{
					&:nth-last-child(1),
					&:nth-last-child(2){
						.product-card-mini{
							margin-bottom: 0;
						}

					}
					&:nth-last-child(3)
					{
						.product-card-mini{
							margin-bottom: 24px !important;
						}
					}
				}
			} */
    }

    .restaurant #content .product-card-mini {
        max-width: 100%;
        width: 100%;
        margin-bottom: 24px;
    }

    .archive_blog {
        padding-top: 130px;
    }

    .archive_blog .filters {
        height: 50px;
        top: 50px;
    }

    .archive_blog .filters h1 {
        font-size: 22px;
        letter-spacing: 0.6px;
    }

    .archive_blog .filters .trigger {
        position: relative;
    }

    .archive_blog .filters .trigger:after {
        content: "";
        width: calc(100% + 70px);
        height: 50px;
        background: #a6a6a6;
        position: absolute;
        top: 50%;
        left: -30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        opacity: 0;
    }

    .archive_blog .filters .trigger:hover {
        color: #fff;
    }

    .archive_blog .filters .trigger:hover span:after,
    .archive_blog .filters .trigger:hover span:before {
        background: #fff;
    }

    .archive_blog .filters .trigger span {
        z-index: 1;
    }

    .archive_blog .filters .trigger.active:after {
        opacity: 1;
    }

    .archive_blog .toggle-filters {
        max-height: calc(100vh - 110px);
        overflow-y: scroll;
    }

    .archive_blog .filters-apply {
        padding: 15px 0;
    }

    .archive_blog .filters-apply li {
        margin: 5px 10px 5px 0;
    }

    .archive_blog .filters-apply li:last-child {
        margin: 5px 0px 5px 0;
    }

    .archive_blog .filters-apply li a {
        margin: 0;
    }

    .archive_blog .post .title,
    .archive_blog .post.type-fullscreen .title {
        font-size: 18px;
        letter-spacing: 0.45px;
        margin: 13px 0 10px;
    }

    .archive_blog .post .info,
    .archive_blog .post.type-fullscreen .info {
        margin: 0;
    }

    .archive_blog .post .bottom,
    .archive_blog .post.type-fullscreen .bottom {
        padding-bottom: 45px;
    }

    .archive_blog .post .bottom .date,
    .archive_blog .post.type-fullscreen .bottom .date,
    .archive_blog .post .bottom .views,
    .archive_blog .post.type-fullscreen .bottom .views {
        position: absolute;
        bottom: 25px;
    }

    .archive_blog .post .bottom .date,
    .archive_blog .post.type-fullscreen .bottom .date {
        left: 20px;
    }

    .archive_blog .post .bottom .views,
    .archive_blog .post.type-fullscreen .bottom .views {
        left: 135px;
    }

    .single_blog .post .title,
    .single_blog .post.type-fullscreen .title {
        font-size: 18px;
        letter-spacing: 0.45px;
        margin: 13px 0 10px;
    }

    .single_blog .post .info,
    .single_blog .post.type-fullscreen .info {
        margin: 0;
    }

    .single_blog .post .bottom,
    .single_blog .post.type-fullscreen .bottom {
        padding-bottom: 45px;
    }

    .single_blog .post .bottom .date,
    .single_blog .post.type-fullscreen .bottom .date,
    .single_blog .post .bottom .views,
    .single_blog .post.type-fullscreen .bottom .views {
        position: absolute;
        bottom: 25px;
    }

    .single_blog .post .bottom .date,
    .single_blog .post.type-fullscreen .bottom .date {
        left: 20px;
    }

    .single_blog .post .bottom .views,
    .single_blog .post.type-fullscreen .bottom .views {
        left: 135px;
    }

    .index .restaraunt-block {
        /*padding-top: 60px;*/
    }

    .index .restaraunt-block .restaraunt-logo {
        width: calc(25% - 60px) !important;
        margin: 0 30px !important;
    }

    .ingredient_pizza_pop .ingredients .list-ingredients li .name {
        width: 220px;
    }

    .ingredient_pizza_pop .left {
        max-width: 50%;
    }

    .ingredient_pizza_pop .right {
        max-width: 50%;
    }


    .smart-app-banner {
        width: 100%;
        height: 65px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 7px 15px;
        box-sizing: border-box;
        background: url("../img/smart-app-banner_bg.jpg") no-repeat center center;
        background-size: cover;
        font-size: 0;
    }

    .smart-app-banner img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .smart-app-banner .text {
        display: inline-block;
        vertical-align: middle;
        width: 110px;
    }


    .smart-app-banner .btn {
        display: inline-block;
        vertical-align: middle;

        font-size: 14px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        width: 85px;
        height: 35px;
        box-sizing: border-box;
        border: 1px solid #fff;
        border-radius: 3px;
        text-align: center;
        line-height: 35px;

        position: absolute;

        top: 50%;
        right: 15px;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);

    }


    .smart-app-banner p {
        font-size: 10px;
        color: #fff;
    }

    .smart-app-banner p span {
        font-weight: 700;
        font-size: 12px;
    }

    .mainMenu_pop .body {
        padding: 0 20px;
    }

    .mainMenu_pop .item {
        padding-left: 10px;
    }

    .product-card-mini .description-mob {

        display: block;
        margin-top: -50px;
        padding: 0 20px;
    }

    .product-card-mini.pizza .description-mob {

        margin-top: 10px;
    }

    .product-card-mini .description-mob p {

        font-size: 12px;
        text-align: center;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 0.18px;
        color: #676767;
    }

    .product-card-mini .product-photo .hover-description {

        display: none;
    }


}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .single_restaurant #map .adress-block .menu {
        display: block !important;
    }

    .cart_pop .body-checkout .delivery-block .no_call label {
        line-height: 15px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
    }


    .lunches_fixed_block .sticky {

        max-width: 619px;
    }
}

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

    .popup {
        position: absolute;
        height: 100vh;
    }

    body.active {
        position: fixed;
        width: 100%;
        top: 0;
    }

    .cart_pop .body-checkout .delivery-block .no_call label {
        line-height: 15px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
    }

    .error .container {
        position: relative;
        z-index: 1;
    }

    .error .desc h1 {
        font-size: 110px;
    }

    .error .desc .btn {
        padding: 0 10px;
    }

    .error .bg {
        width: 100%;
        position: absolute;
        z-index: 0;
    }

    .background-mask {
        cursor: pointer;
    }

    header .logo-block {
        width: 150px;
    }

    header .logo-block .logo {
        width: 70px;
    }

    header .enter-address {
        max-width: calc(100% - 380px);
    }

    header .enter-address form input[type="text"].user_street {
        max-width: 55%;
    }

    header .cart-block {
        width: 270px;
    }

    header .cart-block .trigger-open-mob-filter {
        display: none;
        background: transparent;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    header .cart-block .trigger-open-mob-filter.active {
        opacity: 1;
    }

    header .cart-block .trigger-open-mob-filter span {
        background: #434343;
    }

    header .cart-block .trigger-open-mob-filter span:after {
        border-color: #434343;
        background: #fff;
    }

    header .cart-block .btn-user {
        width: 35px;
        margin-right: 30px;
        margin-left: 20px;
        padding: 0;
    }

    header .cart-block .btn-user span {
        font-size: 0;
    }

    header .cart-block .btn-user span:after {
        margin-left: 0;
    }

    .index .head-block {
        height: 380px;
    }

    .index .head-block h1 {
        line-height: 50px;
    }

    /*.index .head-block .categories-block .items {
    height: 150px;
    !*margin-top: 50px;*!

    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  .index .head-block .categories-block .item-category {
    height: 150px;
  }
  .index .head-block .categories-block .item-category .name-category {
    font-size: 16px;
  }
  .index .head-block .categories-block .item-category .photo-category {
    height: 70px !important;
    -webkit-transform: translateY(55px) !important;
            transform: translateY(55px) !important;
  }
  .index .head-block .categories-block .item-category:hover .photo-category {
    -webkit-transform: translateY(0px) !important;
            transform: translateY(0px) !important;
  }
  .index .head-block .categories-block .item-category:last-child .icon-arrow {
    margin-top: 30px;
  }*/
    .index .restaraunt-block {
        padding-bottom: 30px;
        /*padding-top: 90px;*/
    }

    .index .restaraunt-block .restaraunt-logo {
        width: calc(25% - 60px);
        margin: 0 30px;
    }

    .index .about-block .item .title {
        padding: 0 0px;
    }

    .catalog .filters {
        width: calc(100% + 48px);
        margin-left: -24px;
    }

    .restaurant {
        /* .main-filter {
			background: transparent !important;
			border-radius: 0;
			box-shadow: none;
			z-index: 2;
			position: relative;

			.list-accordion{

				z-index: 1;
				position: absolute;
				width: calc(~'100% - 65px');
				background: #fff;

				display: none;
			}

			.trigger-list-accordion{
				display: flex;
				box-shadow: 11px 0 50px 0 rgba(0,0,0,.1);
				width: calc(~'100% - 65px');
				background: #fff;
			}

			.accordion{
				background: #fff !important;
				-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
				-moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 0, 0.15);
				box-shadow:         0px 1px 1px 0px rgba(0, 0, 0, 0.15);
				z-index: 1;
				position: relative;

				&:first-of-type{

				}
			}
			.trigger-list-top{
				width: 65px;
				height: 49px;
				padding: 0;
				background: #fff;
			    border-left: 1px solid #ededed;
			    border-bottom: none !important;
				right: 0;
			    position: relative;
			    float: right;

			    display: flex;
			    align-items: center;
			    justify-content: center;
			    box-sizing: border-box;

				img{
					position: absolute;
					transform: translate(-50%, -50%);
				}


			    a{
			    	border-radius: 50%;
			    	height: 25px;
					width: 25px;
			    }

			    .grey{
			    	border-radius: 50%;
					background-color: #d3d3d3;
					height: 25px;
					width: 25px;
					img{
						max-height: 14px;
						top: calc(~"50% - 1px");
						left: calc(~"50% - 0px");
					}
				}

			    a.red{
					background-color: #e54c4c;
					img{
						max-height: 18px;
						top: calc(~"50% + 4px");
						left: calc(~"50% + 4px");
					}
					-webkit-box-shadow: 0px 6px 27px 0px rgba(255, 13, 13, 0.46);
					-moz-box-shadow:    0px 6px 27px 0px rgba(255, 13, 13, 0.46);
					box-shadow:         0px 6px 27px 0px rgba(255, 13, 13, 0.46);
				}

				a.green{
					background-color: #5cce54;
					img{
						max-height: 25px;
						top: calc(~"50% + 5px");
						left: calc(~"50% + 5px");
					}
					-webkit-box-shadow: 0px 6px 27px 0px rgba(41, 139, 34, 0.46);
					-moz-box-shadow:    0px 6px 27px 0px rgba(41, 139, 34, 0.46);
					box-shadow:         0px 6px 27px 0px rgba(41, 139, 34, 0.46);
				}



				a.black{
					background-color: #494646;
					img{
						max-height: 25px;
						top: calc(~"50% + 5px");
						left: calc(~"50% + 5px");
					}
					-webkit-box-shadow: 0px 6px 27px 0px rgba(255, 134, 75, 0.46);
					-moz-box-shadow:    0px 6px 27px 0px rgba(255, 134, 75, 0.46);
					box-shadow:         0px 6px 27px 0px rgba(255, 134, 75, 0.46);
				}



				a.blue{
					background-color: #459ff2;
					img{
						max-height: 18px;
						top: calc(~"50% + 4px");
						left: calc(~"50% + 5px");
					}
					-webkit-box-shadow: 0px 6px 27px 0px rgba(69, 159, 242, 0.46);
					-moz-box-shadow:    0px 6px 27px 0px rgba(69, 159, 242, 0.46);
					box-shadow:         0px 6px 27px 0px rgba(69, 159, 242, 0.46);
				}
			}
			.top{
				width: 65px;
				padding: 0;
				background: #fff;
			    border-left: 1px solid #ededed;

				right: 0;
				top: 49px;
			    position: absolute;
			    display: none;


				ul{
					width: 100%;
					flex-direction: column;

					li{
						display: block;
						padding: 10px 0;

						a{

							width: 25px;
							height: 25px;

							&:after,
							&:before
							{
								display: none;
							}

							&.active{
								&:before{
									content: "";
									width: 32px;
									height: 32px;
									border-radius: 50%;
									border: 2px solid #EED89E;
									display: block !important;
									opacity: 1;
									padding: 0;
									margin: 0;
									box-sizing: border-box;

									background: transparent;

									position: absolute;
									top: 50%;
									left: 50%;
									transform: translate(-50%, -50%);

									z-index: 2;
								}
							}
						}

						&:nth-child(1){
							a{
								img{
									max-height: 18px;
									top: calc(~"50% + 4px");
									left: calc(~"50% + 4px");
								}
							}
						}
						&:nth-child(2){
							a{
								img{
									max-height: 25px;
									top: calc(~"50% + 5px");
									left: calc(~"50% + 5px");
								}
							}
						}
						&:nth-child(3){
							a{
								img{
									max-height: 25px;
									top: calc(~"50% + 5px");
									left: calc(~"50% + 5px");
								}
							}
						}
						&:nth-child(4){
							a{
								img{
									max-height: 18px;
									top: calc(~"50% + 4px");
									left: calc(~"50% + 5px");
								}
							}
						}
					}
				}
			}
		} */
    }

    .restaurant .head-block {
        padding-top: 110px;
        height: 350px;
    }

    .restaurant .head-block .col-xs-12 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .restaurant .head-block .time-work {
        margin-bottom: 30px;
    }

    .restaurant .head-block img {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        /*margin-bottom: 30px;*/
    }

    .restaurant .head-block .btn {
        /*background: transparent;*/
        /*!* position: absolute;*/
        /*			bottom: -70px;*/
        /*			float: none;*/
        /*			left: 50%;*/
        /*			transform: translateX(-50%); *!*/
        /*color: #fff;*/
        /*border: 1px solid rgba(255, 255, 255, 0.34);*/
        /*box-shadow: none;*/
        /*box-sizing: content-box;*/
        /*z-index: 1;*/
        /*position: relative;*/
        /*pointer-events: all;*/
        margin-top: 10px;
    }

    .restaurant .head-block .btn:active {
        background: #fff;
        color: #313131;
    }

    .restaurant .rest-filters {
        height: auto;
        display: none;
    }

    .restaurant .rest-filters .container {
        padding: 0;
    }

    .restaurant .rest-filters .container .row {
        padding-top: 0;
    }

    .restaurant .rest-filters .col-xs-12,
    .restaurant .rest-filters .col-xs-6 {
        padding: 0;
    }

    .restaurant .rest-filters .category:last-child {
        margin-top: -1px;
    }

    .restaurant .rest-filters .category:last-child .title {
        right: 0;
        left: auto;
    }

    .restaurant .rest-filters .inner {
        background: transparent;
        display: block;
        height: auto;
    }

    .restaurant .rest-filters .inner:after {
        display: none;
    }

    .restaurant .rest-filters .title {
        text-align: center;
        font-size: 14px;
        letter-spacing: 0.14px;
        width: 100%;
        height: 42px;
        line-height: 42px;
        cursor: pointer;
        margin-bottom: 0;
        background: #252424;
        position: absolute;
        top: 0;
    }

    .restaurant .rest-filters .title.active {
        background: #313131;
    }

    .restaurant .rest-filters .listRest {
        width: 100vw;
        position: absolute;
        left: auto;
        right: auto;
        z-index: 1;
        margin-top: 40px;
        /* opacity: 0;
				pointer-events: none; */
        overflow: hidden;
    }

    .restaurant .rest-filters .listRest.active {
        z-index: 2;
        opacity: 1;
        pointer-events: all;
    }

    .restaurant .rest-filters ul {
        padding: 20px 0;
        background: #313131;
        position: relative;
        display: block;
        min-width: calc(100% - 20px);
        white-space: nowrap;
    }

    .restaurant .rest-filters ul li {
        display: inline-block;
    }

    .restaurant .rest-filters ul li:first-child {
        margin-left: 20px;
    }

    .restaurant .rest-filters ul li:last-child {
        margin-right: 20px;
    }

    .restaurant .rest-filters ul li a:hover {
        background: #464646;
    }

    .restaurant .rest-filters ul li a.active:hover {
        background: #c3465e;
    }

    .restaurant .rest-filters .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-bottom: 0 !important;
    }

    .restaurant .rest-filters .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        opacity: 0 !important;
    }

    .restaurant .body-page {
        margin-top: 30px;
        padding: 0;
    }

    .restaurant .sticky {
        position: relative !important;
        top: auto !important;
    }

    .restaurant .lunches_fixed_block .sticky {
        top: 50px !important;
        position: fixed !important;
    }

    .restaurant #fixedBox {
        padding: 0 !important;
        height: auto !important;
    }

    .restaurant .trigger-open-mob-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: none;
    }

    .restaurant .main-filter {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        background: #fff !important;
        height: 60px;
        z-index: 117;
        border-radius: 0;
        display: flex;
        align-items: center;
        padding: 0px;
        overflow-x: auto;
        z-index: 2;

        /*-webkit-transform: translateY(100%);*/
        /*        transform: translateY(100%);*/
        /*-webkit-transition: -webkit-transform 0.5s;*/
        /*transition: -webkit-transform 0.5s;*/
        /*transition: transform 0.5s;*/
        /*transition: transform 0.5s, -webkit-transform 0.5s;*/
        /*border-radius: 6px;*/
        /*-webkit-border-bottom-right-radius: 0px;*/
        /*-webkit-border-bottom-left-radius: 0px;*/
        /*-moz-border-radius-bottomright: 0px;*/
        /*-moz-border-radius-bottomleft: 0px;*/
        /*border-bottom-right-radius: 0px;*/
        /*border-bottom-left-radius: 0px;*/


        /* &:before{
				content: "";
				width: 100vw;
				height: 100vh;
			    background: rgba(0, 0, 0, 0.5);
			    position: fixed;
			    top: 0;
			    left: 0;
			    bottom: 0;
			    right: 0;
			    z-index: 0;
			} */
    }

    .restaurant .main-filter.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .main-filter__inner {

        flex-direction: row-reverse;
        display: flex;
        align-items: center;
        padding: 0 20px;
    }

    .restaurant .main-filter:after {
        /*content: "";
    width: 100vw;
    height: 100vh;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    border-radius: 6px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;*/
    }

    .restaurant .main-filter .mob-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 1;
        position: relative;

        display: none;
    }

    .restaurant .main-filter .mob-head .close_win {
        width: 50px;
        height: 50px;
        top: 0;
        right: 0;
        display: none;
    }

    .restaurant .main-filter .mob-head .close_win span {
        position: absolute;
        top: 50%;
        lrft: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .restaurant .main-filter .mob-head .close_win span:after,
    .restaurant .main-filter .mob-head .close_win span:before {
        background: #e1c43f;
    }

    .restaurant .main-filter .top {
        /*padding: 10px 24px;*/
        /*background: #e6e6e6;*/
        /*height: 70px;*/
        padding: 0;
        z-index: 1;
        position: relative;
        display: inline-block;
        border-bottom: none;
        display: flex;
        align-items: center;
        height: 100%;
        order: 1;
    }

    .restaurant .main-filter .list-accordion {
        z-index: 1;
        position: relative;
        border-bottom: none;
        margin-bottom: 0;
        /*max-height: calc(100vh - 120px);*/
        /*overflow: auto;*/
        display: flex;
    }

    .restaurant .main-filter .list-accordion .trigger {
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.14px;
        color: #979797;
        text-transform: uppercase;
        padding: 0 20px;
        white-space: nowrap;
        height: 60px;
    }

    .restaurant .main-filter .accordion {
        border-bottom: none;
    }

    .restaurant .main-filter .top ul {
        display: flex;
    }

    .restaurant .main-filter .list-accordion .trigger:after,
    .restaurant .main-filter .list-accordion .trigger:before {
        background: #9d9d9d;
    }

    .restaurant .main-filter .list-accordion ul li a {
        font-size: 14px;
        letter-spacing: 0.14px;
        color: #979797;
        padding: 0 40px;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        aling-items: center;
    }

    .restaurant #content .caterory-content {
        margin-top: 30px;
    }

    .restaurant #content .caterory-content .title {
        padding: 0 12px;
    }

    .product_pop {
        overflow: auto;
    }

    .product_pop .background-mask {
        background: #fff;
    }

    .product_pop .body {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 0;
        left: 0;
        right: 0;
        padding: 0 30px 0 30px;
        bottom: 0;
        text-align: center;
        padding-top: 50px;
    }

    .product_pop .body .close_win {
        z-index: 2;
        width: 50px;
        height: 50px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;

        position: fixed !important;
        right: -25px !important;
        left: auto !important;
    }

    .product_pop .body .close_win span:after,
    .product_pop .body .close_win span:before {
        height: 2px !important;
    }

    .product_pop .body .photo {
        width: 100%;
        height: 240px;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        position: relative;
        margin-bottom: 20px;
    }

    .product_pop .body .info {
        padding-bottom: 50px;
    }

    .product_pop .body .info .price-block {
        justify-content: center;
    }

    .product_pop .info .btn-add-ingridients {
        bottom: 168px;
        text-align: center;
    }

    .product_pop .body .info ul li {
        text-align: left;
    }

    .product_pop .body .info .btn {
        margin: 25px auto 0px auto;
    }

    .product_pop .body .info .info-block {
        left: 50%;
        bottom: 105px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .mainMenu_pop.open .body {
        top: 70px;
    }

    .mainMenu_pop.open.active .body {
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }

    .mainMenu_pop .body {
        -webkit-transition: -webkit-transform 0.2s linear;
        transition: -webkit-transform 0.2s linear;
        transition: transform 0.2s linear;
        transition: transform 0.2s linear, -webkit-transform 0.2s linear;
        padding: 0 0px;
        width: 100%;
        max-width: 100%;
        height: calc(100vh - 60px);
        display: block;
        overflow: auto;
        background: #313131;
    }

    .mainMenu_pop .body:before {
        display: none;
    }

    .mainMenu_pop .body .item {
        max-width: 100%;
        padding-left: 0;
        min-height: 50px;
        height: auto;
        border-left: none;
        margin-bottom: 0;
        border-bottom: 1px solid #414141;
    }

    .mainMenu_pop .body .item.other .title {
        display: none;
    }

    .mainMenu_pop .body .item.other ul {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .mainMenu_pop .body .item ul {
        background: #252424;
        padding: 20px 30px 20px;
        display: none;
    }

    .mainMenu_pop .body .item:last-child {
        padding-bottom: 0;
        padding-left: 0;
        border-bottom: none;
    }

    .mainMenu_pop .body .item:last-child ul {
        background: #313131;
        padding: 0;
        display: block;
    }

    .mainMenu_pop .body .item:last-child ul li {
        border-bottom: 1px solid #414141;
        list-style: none;
        height: 50px;
        line-height: 50px;
        margin-bottom: 0;
        padding-left: 0 !important;
    }

    .mainMenu_pop .body .item:last-child ul li a {
        width: 100%;
        padding: 0;
        padding-left: 20px;
        font-size: 18px;
        letter-spacing: 0.18px;
        font-weight: 400;
    }

    .mainMenu_pop .body .item:last-child ul li ul li {
        border-bottom: none;
    }

    .mainMenu_pop .body .item .title {
        font-size: 18px;
        letter-spacing: .18px;
        font-weight: 400;
        height: 50px;
        line-height: 50px;
        margin-bottom: 0;
        padding-left: 20px;
        cursor: pointer;
        position: relative;
        color: #fff;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .mainMenu_pop .body .item .title.full:after,
    .mainMenu_pop .body .item .title.full:before {
        content: "";
        width: 7px;
        height: 1px;
        background: #a69567;
        position: absolute;
        top: 50%;
        right: 20px;
        display: block;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.3s;
        transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
        z-index: 1;
    }

    .mainMenu_pop .body .item .title.full:after {
        -webkit-transform: translate(-2.1px, -50%) rotate(45deg);
        transform: translate(-2.1px, -50%) rotate(45deg);
    }

    .mainMenu_pop .body .item .title.full:before {
        -webkit-transform: translate(2.1px, -50%) rotate(-45deg);
        transform: translate(2.1px, -50%) rotate(-45deg);
    }

    .mainMenu_pop .body .item .title.full.active:after {
        -webkit-transform: translate(-2.1px, -50%) rotate(-45deg);
        transform: translate(-2.1px, -50%) rotate(-45deg);
    }

    .mainMenu_pop .body .item .title.full.active:before {
        -webkit-transform: translate(2.1px, -50%) rotate(45deg);
        transform: translate(2.1px, -50%) rotate(45deg);
    }

    .product_pop .body {
        display: block;
    }

    .product_pizza_pop .body {
        max-height: calc(100% - 20px);
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .product_pizza_pop .container {
        padding: 0 20px;
        height: 100%;
    }

    .product_pizza_pop .close_win {
        width: 30px;
    }

    .product_pizza_pop .title-pop span {
        display: none;
    }

    .product_pizza_pop .sizes {
        position: relative;
        top: 0px;
        height: calc(100vh - 73px);
        width: 100%;
        overflow: auto;
    }

    .product_pizza_pop .sizes .item {
        display: block;
        height: auto;
        margin-top: 24px;
        position: relative;
        padding-bottom: 100px;
        font-size: 0;
    }

    .product_pizza_pop .sizes .item .title {
        margin-bottom: 0px;
    }

    .product_pizza_pop .sizes .item .size,
    .product_pizza_pop .sizes .item .weight,
    .product_pizza_pop .sizes .item .price {
        display: inline-block;
        width: 33.3%;
    }

    .product_pizza_pop .sizes .item .size {
        text-align: left;
    }

    .product_pizza_pop .sizes .item .weight {
        text-align: center;
    }

    .product_pizza_pop .sizes .item .price {
        text-align: right;
    }

    .product_pizza_pop .sizes .item .btn {
        position: absolute;
        bottom: 30px;
    }

    .product_pizza_pop .sizes .item .btn-add-ingredients {
        left: auto;
        right: 0;
    }

    .product_pizza_pop .sizes .item .btn-add-card {
        right: 0;
        font-size: 12px;
    }

    .product_pizza_pop .sizes .item .btn-by {
        background: #4cc256;
        left: 0;
    }

    .product_pizza_pop .sizes .item .btn-by .order {
        color: #fff;
    }

    .product_pizza_pop .sizes .item .btn-by.added {
        width: 120px;
    }

    .product_pizza_pop .btn-add-ingredients {
        width: 150px;
        padding: 0 0px;
    }

    .ingredient_pizza_pop .body {
        width: 100%;
        background: #fff;
        max-height: calc(100% - 20px);
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        overflow: hidden;
    }

    .ingredient_pizza_pop .left {
        max-width: 100%;
    }

    .ingredient_pizza_pop .right {
        height: 65px;
        position: absolute;
        top: 73px;
        overflow: hidden;
        max-width: 100%;
    }

    .ingredient_pizza_pop .container {
        padding: 0 20px;
        height: 100%;
    }

    .ingredient_pizza_pop .close_win {
        width: 30px;
        height: 73px;
    }

    .ingredient_pizza_pop .close_win span:after,
    .ingredient_pizza_pop .close_win span:before {
        background: #e1c43f;
    }

    .ingredient_pizza_pop .title-pop span {
        display: none;
    }

    .ingredient_pizza_pop .ingredients {
        height: 100%;
        position: absolute;
        left: 0;
    }

    .ingredient_pizza_pop .ingredients .mCustomScrollBox:before {
        z-index: 0;
    }

    .ingredient_pizza_pop .ingredients .title-block {
        height: 73px;
    }

    .ingredient_pizza_pop .ingredients .title-block:after {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .ingredient_pizza_pop .ingredients .title-block .title {
        margin-left: 30px;
    }

    .ingredient_pizza_pop .ingredients .title-block .btn-back-choice-size {
        font-size: 0;
        width: 45px;
        height: 100%;
        position: absolute;
        left: -20px;
    }

    .ingredient_pizza_pop .ingredients .title-block .btn-back-choice-size:after,
    .ingredient_pizza_pop .ingredients .title-block .btn-back-choice-size:before {
        content: "";
        width: 10px;
        height: 1px;
        background: #b6b6b6;
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.3s;
        transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
    }

    .ingredient_pizza_pop .ingredients .title-block .btn-back-choice-size:after {
        -webkit-transform: translate(-50%, -3px) rotate(-45deg);
        transform: translate(-50%, -3px) rotate(-45deg);
    }

    .ingredient_pizza_pop .ingredients .title-block .btn-back-choice-size:before {
        -webkit-transform: translate(-50%, 3px) rotate(45deg);
        transform: translate(-50%, 3px) rotate(45deg);
    }

    .ingredient_pizza_pop .ingredients .list-ingredients {
        max-height: calc(100% - 155px) !important;
        overflow: auto;
        max-width: 100%;
        top: 65px;
    }

    .ingredient_pizza_pop .ingredients .list-ingredients li .name {
        width: auto;
    }

    .ingredient_pizza_pop .ingredients .list-ingredients li .price {
        position: absolute;
        margin-left: 0;
        right: 0;
        bottom: 20px;
    }

    .ingredient_pizza_pop .ingredients .list-ingredients li .weight {
        position: absolute;
        left: 0;
        bottom: 20px;
    }

    .ingredient_pizza_pop .ingredients .list-ingredients li a {
        padding-left: 0;
        padding-right: 0;
        display: block;
        padding-bottom: 70px;
        padding-top: 20px;
    }

    .ingredient_pizza_pop .ingredients .list-ingredients li a:active {
        /* background: #e5c86e;

							.name{
								color: #fff;

								&:after,
								&:before
								{
									color: #fff;
								}
							}
							*{
								color: #fff;
							} */
    }

    .ingredient_pizza_pop .ingredients .mCSB_scrollTools {
        opacity: 0 !important;
    }

    .ingredient_pizza_pop .ingredients .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .ingredient_pizza_pop .cart-ingredient {
        left: -12px;
        width: calc(100% + 24px);
        max-width: calc(100% + 24px);
        overflow: visible;
    }

    .ingredient_pizza_pop .cart-ingredient.active {
        z-index: 10000;
    }

    .ingredient_pizza_pop .cart-ingredient .title-block {
        display: none;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .top {
        display: none;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom {
        height: 65px;
        padding-left: 0;
        padding: 0 20px;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .weight-block .weight {
        font-size: 16px;
        letter-spacing: 0.16px;
        line-height: 24px;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .cart-result .summ {
        font-size: 20px;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .cart-result .summ:after {
        width: 9px;
        height: 15px;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .label {
        margin-top: 0;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .label span {
        display: none;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .btn {
        width: 102px;
        height: 38px;
        padding: 0;
        font-size: 12px;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 0;
        width: 30px;
        height: 100%;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient:after,
    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient:before {
        content: "";
        width: 10px;
        height: 1px;
        background: #a9a9a9;
        position: absolute;
        top: 50%;
        left: calc(50% - 4px);
        display: block;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.3s;
        transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient:after {
        -webkit-transform: translate(3px, -50%) rotate(-45deg);
        transform: translate(3px, -50%) rotate(-45deg);
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient:before {
        -webkit-transform: translate(-3px, -50%) rotate(45deg);
        transform: translate(-3px, -50%) rotate(45deg);
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient.active:after {
        -webkit-transform: translate(3px, -50%) rotate(45deg);
        transform: translate(3px, -50%) rotate(45deg);
    }

    .ingredient_pizza_pop .cart-ingredient .cart-result-block .bottom .trigger-mob-list-cart-ingredient.active:before {
        -webkit-transform: translate(-3px, -50%) rotate(-45deg);
        transform: translate(-3px, -50%) rotate(-45deg);
    }

    .ingredient_pizza_pop .cart-ingredient .title-cart-ingredient,
    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient {
        display: none;
        background: #373737;
        z-index: 10;
    }

    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient {
        max-height: calc(100% - 198px);
        height: auto;
        overflow: auto;
        position: fixed;
        left: 0;
        top: 198px;
        width: 100%;
        max-width: 100%;
    }

    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li {
        padding-left: 20px;
        padding-right: 20px;
        height: 100px;
        position: relative;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid #454545;
    }

    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li:first-child {
        padding-top: 0;
    }

    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .count,
    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .weight,
    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .price {
        position: absolute;
        bottom: 20px;
    }

    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .count {
        left: 20px;
    }

    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .weight {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .ingredient_pizza_pop .cart-ingredient .list-cart-ingredient li .price {
        right: 20px;
    }

    .ingredient_pizza_pop .cart-ingredient .title-cart-ingredient {
        margin-top: 65px !important;
        padding-top: 20px !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px !important;
        z-index: 100;
    }

    .restaurant .body-page .row {
        margin: 0;
    }

    .restaurant .rest-filters .container .row {
        margin: 0;
    }

    /* .cart_pop{

		.body{
			width: 100%;
			background: #fff;
			max-height: calc(~'100% - 20px');
			border-radius: 6px;
			overflow: hidden;
			top: auto;
			transform: translateY(0);
			bottom: 0px;
		}

		.left{

		}

		.right{
			height: 65px;
			position: absolute;
			top: 73px;
			overflow: hidden;
		}

		.container{
			padding: 0 12px;
			height: 100%;
		}

		.close_win{
			width: 50px;
			height: 50px;
			transform: translateX(0);

			span{

				&:after,
				&:before
				{
					background: #e1c43f;
				}
			}

		}
		.body-checkout{
		    transform: translateX(calc(~'100% + 12px'));
			max-height: calc(~'100vh - 135px');
		    overflow-y: auto;
		    padding: 0 12px;

		    .delivery-block,
		    .payment-block
		    {
		    	padding-right: 0;
		    }

		    form {
		    	input[type="text"],
		    	textarea
		    	{
		    		-webkit-appearance: none !important;
		    		border-radius: 0 !important;
		    	}
		    }

		    .payment-points{

		    	height: 202px !important;
		    	max-width: 320px;
		    	margin: 0 auto;


		    	.title{
		    		width: 100%;
		    		margin-right: 0 !important;
		    		text-align: center;
					.top{
						font-size: 18px !important;
						text-align: center;
					}
					.bottom{
						font-size: 14px !important;
						text-align: center;
					}
				}

				.code_sms{
					float: left;
				}
				.step{
					justify-content: center;
					flex-direction: column;
					padding: 30px 10px !important;

					&-2{
						.bottom{
							bottom: 10px !important;
						}
					}

				}
		    }

		    .additionally-block {
		    	.quession {
		    		.tolltip {
		    			z-index: 10;
		    		}
		    	}
		    }
		}

		.body-cart{
			max-height: calc(~'100vh - 135px');
			overflow: auto;

			padding: 0 12px;

			&.active {
			    transform: translateX(calc(~'-100% - 12px'));
			}
			.mCSB_inside > .mCSB_container{
				margin-right: 20px;
				margin-left: 12px;
			}
			.mCSB_scrollTools{
				width: 10px;
			}

			.item {
				ul {
					li {
						.name{
							max-width: 130px;
							font-weight: 300;
							font-size: 12px;
							letter-spacing: 12*10/1000px;
						}
						.price{
							width: 60px;
							text-align: right;
							margin-right: 10px;
						}
					}
				}
			}

		}
		.cart-footer{
			display: none;
		}
		.left{
			height: 100%;
			.cart-head-block{
				justify-content: flex-start;
				height: 50px;
				padding: 0 12px;

				&:after{
					left: 50%;
					transform: translateX(-50%);
				}

				.steps{
					display: none;

				}

				.mob-title{
					display: block;
					font-weight: 300;
					font-size: 20px;
					letter-spacing: 20*10/1000px;
					color: #676666;
					text-align: left;
					text-transform: none;
					display: none;

					&.active{
						display: block;
					}
				}
			}
			.order-line{
				top: 65px;
			}
		}
		.right{
			left: 0;
			top: 0;
			height: auto;
			max-height: calc(~'100% - 20px');
			background: transparent;

			.cart-head-block{
				position: fixed;
				height: 50px;
				top: 0px;
				left: 0;
				padding-left: 115px;
				padding-right: 50px;
				justify-content: flex-end;

				&:after{
					display: none;
				}

				.btn{
					padding-top: 5px;

					&-remove-ingredient,
					&-back-step
					{
						color: #d3d3d3 !important;
					}

					&-back-step{

						span{
							display: none;

							&.mob{
								display: block;
							}
						}

					}
				}
			}
			.warning{
				display: none !important;
			}
			.table-order{
				display: none;
				margin-top: 115px !important;
				background: #373737;
				position: fixed;
			    padding: 24px 20px 24px 20px;
				max-height: calc(~'100% - 115px');
				height: calc(~'100% - 115px');
			    overflow: auto !important;
			    top: 0;
			    left: 0;
			    width: 100%;
			    z-index: 10;
			}

			.cart-footer{
				position: fixed;
				top: 50px;
				height: 65px;
				background: #373737;
				padding-left: 20px;
				left: 0;

				.total-summ {
					.price{
						font-size: 20px;
						letter-spacing: 20*10/1000px;
						font-weight: 700;

						&:after{
							width: 9px;
							height: 15px;
						}
					}
					.label{
						font-weight: 700;
						margin-top: 0;
						font-size: 12px;
						letter-spacing: 12*10/1000px;
					}
				}

				.btn{
					width: 102px;
					height: 38px;
					padding: 0;
					right: 20px;

					font-weight: 700;
					font-size: 12px;
					text-transform: uppercase;
					letter-spacing: 12*10/1000px;

					span{
						display: none;
					}
				}
				.trigger-mob-list-cart{
					display: flex;

					font-size: 0;
					width: 30px;
					height: 100%;
					margin-left: 40px;

					&:after,
					&:before
					{
						content: "";
						width: 10px;
						height: 1px;
						background: #535353;
						position: absolute;
						top: 50%;
						left: calc(~'50% - 4px');
						display: block;
						transition: transform 0.3s, background 0.3s;
					}

					&:after{
						transform: translate(3px, -50%) rotate(-45deg);
					}
					&:before{
						transform: translate(-3px, -50%) rotate(45deg);
					}

					&.active{
						&:after{
							transform: translate(3px, -50%) rotate(45deg);
						}
						&:before{
							transform: translate(-3px, -50%) rotate(-45deg);
						}
					}
				}
			}
		}

		.order-line{
			max-height: calc(~'100% - 135px');
			height: calc(~'100% - 135px');
		}
	} */
    .cart_pop .body {
        width: 100%;
        background: #fff;
        max-height: 100%;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        overflow: hidden;
        top: auto;
        bottom: 0;
    }

    .cart_pop .right {
        height: 65px;
        position: absolute;
        top: 73px;
        overflow: hidden;
    }

    .cart_pop .container {
        padding: 0 20px;
        height: 100%;
    }

    .cart_pop .close_win {
        /*width: 50px;*/
        height: 50px;
        right: 7px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .cart_pop .close_win span:after,
    .cart_pop .close_win span:before {
        /*background: #e1c43f;*/
    }

    .cart_pop .body-checkout {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        max-height: calc(100vh - 135px);
        overflow-y: auto;
        padding: 0 12px;
    }

    .cart_pop .body-checkout .delivery-block,
    .cart_pop .body-checkout .payment-block {
        padding-right: 0;
    }

    .cart_pop .body-checkout form input[type="text"],
    .cart_pop .body-checkout form textarea {
        -webkit-appearance: none !important;
        border-radius: 0 !important;
    }

    .cart_pop .body-checkout .fo_paymethod {
        margin-bottom: 30px;
    }

    .cart_pop .body-checkout .payment-points {
        height: 202px !important;
    }

    .cart_pop .body-checkout .payment-points .title {
        width: 100%;
        margin-right: 0 !important;
        text-align: center;
    }

    .cart_pop .body-checkout .payment-points .title .top {
        font-size: 18px !important;
        text-align: center;
    }

    .cart_pop .body-checkout .payment-points .title .bottom {
        font-size: 14px !important;
        text-align: center;
    }

    .cart_pop .body-checkout .payment-points .code_sms {
        float: left;
    }

    .cart_pop .body-checkout .payment-points .step {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px 10px !important;
    }

    .cart_pop .body-checkout .payment-points .step-2 .bottom {
        bottom: 10px !important;
    }

    .cart_pop .body-checkout label[for="register_me_in_bonus_program"] {
        height: auto !important;
        line-height: normal !important;
        padding-bottom: 7px !important;
    }

    .cart_pop .body-checkout .additionally-block .quession .tolltip {
        z-index: 10;
    }

    .cart_pop .body-cart {
        max-height: calc(100vh - 135px);
        overflow: auto;
        padding: 0;
    }

    .cart_pop .body-cart.active {
        -webkit-transform: translateX(calc(-100% - 12px));
        transform: translateX(calc(-100% - 12px));
    }

    .cart_pop .body-cart .mCSB_inside > .mCSB_container {
        margin-right: 10px;
        margin-left: 10px;
    }

    .cart_pop .body-cart .mCSB_scrollTools {
        width: 10px;
    }

    .cart_pop .body-cart .item ul li .name {
        max-width: 130px;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 0.12px;
    }


    .cart_pop .body-cart .item ul li .price {
        width: 60px;
        text-align: right;
        margin-right: 10px;
    }

    .cart_pop .cart-footer {
        display: none;
    }

    .cart_pop .left {
        height: 100%;
    }

    .cart_pop .left .cart-head-block {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 50px;
        /*padding: 0 12px;*/
    }

    .cart_pop .left .cart-head-block:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .cart_pop .left .cart-head-block .steps {
        display: none;
    }

    .cart_pop .left .cart-head-block .mob-title {
        display: block;
        font-weight: 300;
        font-size: 20px;
        letter-spacing: 0.2px;
        color: #676666;
        text-align: left;
        text-transform: none;
        display: none;
    }

    .cart_pop .left .cart-head-block .mob-title.active {
        display: block;
    }

    .cart_pop .left .order-line {
        top: 65px;
    }

    .cart_pop .right {
        left: 0;
        top: 0;
        height: auto;
        max-height: calc(100% - 20px);
        background: transparent;
    }

    .cart_pop .right .cart-head-block {
        position: fixed;
        height: 50px;
        top: 0px;
        /*left: 0;*/
        padding-left: 115px;
        padding-right: 50px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-transform: translate3d(0, 0, 0);
        max-width: 750px;
    }

    .cart_pop .right .cart-head-block:after {
        display: none;
    }

    .cart_pop .right .cart-head-block .btn {
        padding-top: 0px;
    }

    .cart_pop .right .btn-remove-ingredient,
    .cart_pop .right .cart-head-block .btn-back-step {
        color: #d3d3d3 !important;
    }

    .cart_pop .right .cart-head-block .btn-back-step span {
        display: none;
    }

    .cart_pop .right .cart-head-block .btn-back-step span.mob {
        display: inline-block !important;
    }

    .cart_pop .right .warning {
        display: none !important;
    }

    .cart_pop .right .table-order {
        display: none;
        margin-top: 115px !important;
        background: #373737;
        position: fixed;
        padding: 24px 20px 24px 20px;
        max-height: calc(100% - 115px);
        height: calc(100% - 115px);
        overflow: auto !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
    }

    .cart_pop .right .cart-footer {
        position: fixed;
        top: 50px;
        height: 65px;
        background: #373737;
        padding-left: 20px;
        left: 0;

    }

    .cart_pop .right .cart-footer .inner {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 750px;
        margin: 0 auto;
    }

    .cart_pop .right .cart-footer .total-summ .price {
        font-size: 20px;
        letter-spacing: 0.2px;
        font-weight: 700;
    }

    .cart_pop .right .cart-footer .total-summ .price:after {
        width: 9px;
        height: 15px;
    }

    .cart_pop .right .cart-footer .total-summ .label {
        font-weight: 700;
        margin-top: 0;
        font-size: 12px;
        letter-spacing: 0.12px;
    }

    .cart_pop .right .cart-footer .btn {
        width: 102px;
        height: 38px;
        padding: 0;
        right: 20px;
        min-width: 80px;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.12px;
    }

    .cart_pop .right .cart-footer .btn span {
        display: none;
    }

    .cart_pop .right .cart-footer .trigger-mob-list-cart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 0;
        width: 65px;
        height: 65px;
        margin-left: -20px;
    }

    .cart_pop .right .cart-footer .trigger-mob-list-cart:after,
    .cart_pop .right .cart-footer .trigger-mob-list-cart:before {
        content: "";
        width: 10px;
        height: 1px;
        background: #a9a9a9;
        position: absolute;
        top: 50%;
        left: calc(50% - 4px);
        display: block;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.3s;
        transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
    }

    .cart_pop .right .cart-footer .trigger-mob-list-cart:after {
        -webkit-transform: translate(3px, -50%) rotate(-45deg);
        transform: translate(3px, -50%) rotate(-45deg);
    }

    .cart_pop .right .cart-footer .trigger-mob-list-cart:before {
        -webkit-transform: translate(-3px, -50%) rotate(45deg);
        transform: translate(-3px, -50%) rotate(45deg);
    }

    .cart_pop .right .cart-footer .trigger-mob-list-cart.active:after {
        -webkit-transform: translate(3px, -50%) rotate(45deg);
        transform: translate(3px, -50%) rotate(45deg);
    }

    .cart_pop .right .cart-footer .trigger-mob-list-cart.active:before {
        -webkit-transform: translate(-3px, -50%) rotate(-45deg);
        transform: translate(-3px, -50%) rotate(-45deg);
    }

    .cart_pop .order-line {
        max-height: calc(100vh - 135px);
        height: calc(100vh - 135px);
    }

    .thanks-page .body-thanks {
        height: calc(100vh - 111px);
    }

    .thanks-page .body-thanks .container:after {
        top: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .thanks-page .body-thanks .container:before {
        top: -110%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .loyalty_program .nav {
        top: 50px;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .loyalty_program .nav ul {
        display: block;
    }

    .loyalty_program .nav li {
        display: inline-block;
    }

    .loyalty_program .nav .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .loyalty_program .fullscreen-block {
        padding-top: 110px;
        height: auto;
        padding-bottom: 130px;
    }

    .loyalty_program .fullscreen-block .parallax {
        height: 100%;
    }

    .loyalty_program .fullscreen-block .parallax .layer_2 {
        bottom: -30px !important;
        width: 100%;
        right: -70px !important;
    }

    .loyalty_program .fullscreen-block .parallax .layer_3 {
        right: -130px !important;
        bottom: -30px !important;
        width: 100%;
    }

    .loyalty_program .fullscreen-block .content {
        display: block;
        font-size: 0;
    }

    .loyalty_program .fullscreen-block .content h2 {
        text-align: center;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.2px;
        padding: 30px 0 5px;
    }

    .loyalty_program .fullscreen-block .content h6 {
        text-align: center;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
    }

    .loyalty_program .fullscreen-block .content .list {
        width: 50%;
    }

    .loyalty_program .fullscreen-block .content .list li {
        font-size: 12px;
        letter-spacing: 0.12px;
    }

    .loyalty_program .block_1 {
        padding: 30px 0;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }

    .loyalty_program .block_1 .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .loyalty_program .block_1 .gifts {
        text-align: center;
        margin-bottom: 10px;
    }

    .loyalty_program .block_2 {
        padding: 30px 0;
    }

    .loyalty_program .block_2 p {
        font-size: 12px;
        line-height: 20px;
    }

    .loyalty_program .block_2 b {
        text-transform: uppercase;
    }

    .loyalty_program .block_2 .title {
        font-size: 36px;
        margin: 0;
        padding: 0;
        line-height: 36px;
    }

    .loyalty_program .block_2 .items {
        margin-top: 10px;
    }

    .loyalty_program .block_2 .item {
        margin-bottom: 23px;
    }

    .loyalty_program .block_3 .container {
        /* padding: 0; */
    }

    .loyalty_program .block_3 .content {
        background: url(../img/info_pl_block_3_bg.png) no-repeat 80% calc(100% + 60px) #fff;
        background-size: 250%;
    }

    .loyalty_program .block_3 .title {
        font-size: 24px;
        letter-spacing: 0.24px;
        padding: 30px 0 20px;
    }

    .loyalty_program .block_3 .title span {
        z-index: 1;
    }

    .loyalty_program .block_3 .title span:before {
        left: -85px;
    }

    .loyalty_program .block_3 .item {
        padding: 0 20px;
        border-bottom: 1px solid #ededed;
        padding: 40px 0 20px;
    }

    .loyalty_program .block_3 .item:last-child {
        border-bottom: none;
    }

    .loyalty_program .block_3 .item p {
        padding: 0 20px;
    }

    .loyalty_program .block_4 {
        text-align: center;
    }

    .loyalty_program .block_4 .content {
        padding: 30px 0;
        padding-bottom: 260px;
        background-size: 100%;
    }

    .loyalty_program .block_4 .container {
        /* padding: 0; */
    }

    .loyalty_program .block_4 .title {
        font-size: 24px;
        line-height: 30px;
    }

    .loyalty_program .block_4 a {
        margin: 0 auto;
    }

    .loyalty_program .block_5 {
        text-align: center;
    }

    .loyalty_program .block_5 .content {
        padding: 30px 0;
        padding-bottom: 260px;
        background-size: 100%;
    }

    .loyalty_program .block_5 .title {
        font-size: 24px;
        line-height: 30px;
    }

    .loyalty_program .block_5 .item {
        height: auto;
    }

    .loyalty_program .block_5 .item .trigger {
        padding: 20px 30px 20px 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        font-size: 14px;
        line-height: 18px;
        height: auto;
    }

    .loyalty_program .block_5 .item .trigger:before,
    .loyalty_program .block_5 .item .trigger:after {
        right: 15px;
        width: 10px;
    }

    .loyalty_program .block_5 .item .trigger:after {
        -webkit-transform: translate(3px, -50%) rotate(-45deg);
        transform: translate(3px, -50%) rotate(-45deg);
    }

    .loyalty_program .block_5 .item .trigger:before {
        -webkit-transform: translate(-3px, -50%) rotate(45deg);
        transform: translate(-3px, -50%) rotate(45deg);
    }

    .loyalty_program .block_5 .item .toggleText {
        padding: 25px 20px;
        font-size: 14px;
        line-height: 18px;
    }

    .loyalty_program .block_5 .item.open .trigger:after {
        -webkit-transform: translate(3px, -50%) rotate(45deg) !important;
        transform: translate(3px, -50%) rotate(45deg) !important;
    }

    .loyalty_program .block_5 .item.open .trigger:before {
        -webkit-transform: translate(-3px, -50%) rotate(-45deg) !important;
        transform: translate(-3px, -50%) rotate(-45deg) !important;
    }

    .mechanics_popup .body_popup .text-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .mechanics_popup .body_popup .text-block img {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .mechanics_popup .body_popup .text-block b {
        width: 100%;
    }

    .mechanics_popup .body_popup .text-block p {
        text-align: left;
    }

    .single_blog {
        padding-top: 50px;
    }

    .single_blog .header-post {
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    .single_blog .header-post .title {
        left: 12px;
        bottom: 30px;
    }

    .single_blog .header-post .title h1 {
        font-size: 18px;
        line-height: 24px;
        width: calc(100% - 12px);
    }

    .single_blog .header-post .controll {
        padding: 0 12px 0 0px;
    }

    .single_blog .header-post .controll .btn {
        font-size: 0;
        height: 50px;
        width: 60px;
    }

    .single_blog .header-post .controll .btn:after,
    .single_blog .header-post .controll .btn:before {
        left: 15px;
    }

    .single_blog .body-post {
        background: transparent;
        padding: 10px 0;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.35px;
    }

    .single_blog .body-post .bx-wrapper {
        width: calc(100% + 24px);
        max-width: calc(100% + 24px) !important;
        margin-left: -12px;
    }

    .single_blog .body-post .bx-wrapper .bx-pager {
        padding-top: 13px;
        padding-bottom: 0;
    }

    .single_blog .body-post .bx-controls .bx-pager.bx-default-pager a {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

    .single_blog .footer-post .item:nth-child(3) {
        display: none;
    }

    .single_restaurant .head-page {
        height: auto;
        /*.archive_restaurant .filters {
    height: 50px;
    top: 50px;
  }
  .archive_restaurant .filters .btn-toggle-filters,
  .archive_restaurant .filters .btn-show-map {
    height: 50px;
    width: 60px;
    border-right: 1px solid #282828;
    font-size: 0;
  }
  .archive_restaurant .btn-reset-filters {
    top: auto;
    right: auto;
    display: inline-block;
    line-height: 38px;
    height: 40px;
    border-radius: 6px;
    border-left: none;
    padding: 0 10px;
    margin-right: 40px;
    min-width: 150px;
  }
  .archive_restaurant .filters-apply-block {
    max-width: calc(100% - 109px);
    padding: 5px 0px;
    overflow-x: auto;
  }
  .archive_restaurant .filters-apply-block .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    opacity: 0 !important;
    bottom: -20px;
  }
  .archive_restaurant .filters-apply-block .inner {
    display: block;
  }
  .archive_restaurant .filters-apply-block:after {
    content: "";
    width: 20px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 48px;
    z-index: 1;
    !* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282828+0,282828+100&0+0,1+100 *!
    !* FF3.6-15 *!
    background: -webkit-linear-gradient(left, rgba(40, 40, 40, 0) 0%, #282828 100%);
    !* Chrome10-25,Safari5.1-6 *!
    background: linear-gradient(to right, rgba(40, 40, 40, 0) 0%, #282828 100%);
    !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282828', endColorstr='#282828', GradientType=1);
    !* IE6-9 *!
  }
  .archive_restaurant .filters-apply {
    padding: 0 10px;
    display: inline-block;
  }
  .archive_restaurant .btn-show-map {
    margin-right: -1px;
    width: 50px !important;
    padding: 0;
  }
  .archive_restaurant .btn-show-map span:before {
    margin-right: -3px;
  }
  .archive_restaurant .toggle-filters {
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    padding: 0 0px;
    width: 100%;
    max-width: 100%;
    height: calc(100vh - 110px);
    display: block;
    overflow: auto;
    background: #fff;
    position: fixed;
    bottom: 0;
  }
  .archive_restaurant .toggle-filters:before {
    display: none;
  }
  .archive_restaurant .toggle-filters .item {
    max-width: 100%;
    padding-left: 0;
    min-height: 50px;
    height: auto;
    border-left: none;
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb;
  }
  .archive_restaurant .toggle-filters .item.other .title {
    display: none;
  }
  .archive_restaurant .toggle-filters .item.other ul {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .archive_restaurant .toggle-filters .item ul {
    background: #fff;
    padding: 0px 30px 20px;
    display: none;
  }
  .archive_restaurant .toggle-filters .item .title {
    font-size: 12px;
    letter-spacing: 0.3px;
    font-weight: 700;
    height: 70px;
    line-height: 50px;
    margin-bottom: 0;
    padding-left: 20px;
    cursor: pointer;
    position: relative;
    color: #585757;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .archive_restaurant .toggle-filters .item .title.full:after,
  .archive_restaurant .toggle-filters .item .title.full:before {
    content: "";
    width: 7px;
    height: 1px;
    background: #a69567;
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    -webkit-transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
    z-index: 1;
  }
  .archive_restaurant .toggle-filters .item .title.full:after {
    -webkit-transform: translate(-2.1px, -50%) rotate(45deg);
            transform: translate(-2.1px, -50%) rotate(45deg);
  }
  .archive_restaurant .toggle-filters .item .title.full:before {
    -webkit-transform: translate(2.1px, -50%) rotate(-45deg);
            transform: translate(2.1px, -50%) rotate(-45deg);
  }
  .archive_restaurant .toggle-filters .item .title.full.active:after {
    -webkit-transform: translate(-2.1px, -50%) rotate(-45deg);
            transform: translate(-2.1px, -50%) rotate(-45deg);
  }
  .archive_restaurant .toggle-filters .item .title.full.active:before {
    -webkit-transform: translate(2.1px, -50%) rotate(45deg);
            transform: translate(2.1px, -50%) rotate(45deg);
  }
  .archive_restaurant .restaurant-cart .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 25px 20px;
    height: 190px;
  }*/
        border-bottom: none;
        padding-top: 160px;
    }

    .single_restaurant .head-page:after {
        content: "";
        width: 100%;
        height: 70px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: -1;
    }

    .single_restaurant .head-page .top {
        display: block;
    }

    .single_restaurant .head-page .top .row {
        display: block;
    }

    .single_restaurant .head-page .top .flex-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .single_restaurant .head-page .logo {
        margin-right: 0;
    }

    .single_restaurant .head-page .desc {
        text-align: center;
    }

    .single_restaurant .head-page .desc h2 {
        margin: 20px 0;
    }

    .single_restaurant .head-page .desc .toggle-text {
        display: none;
    }

    .single_restaurant .head-page .desc h2,
    .single_restaurant .head-page .desc p {
        text-align: center;
    }

    .single_restaurant .head-page .desc .btn-btn-trigger-text {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 20px;
    }

    .single_restaurant .head-page .desc .btn-btn-trigger-text.open span:after {
        -webkit-transform: translate(2px, -50%) rotate(45deg);
        transform: translate(2px, -50%) rotate(45deg);
    }

    .single_restaurant .head-page .desc .btn-btn-trigger-text.open span:before {
        -webkit-transform: translate(-2px, -50%) rotate(-45deg);
        transform: translate(-2px, -50%) rotate(-45deg);
    }

    .single_restaurant .head-page .desc .btn-btn-trigger-text span {
        display: inline-block;
        vertical-align: middle;
        color: #8a8a8a;
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.3px;
        opacity: 1;
    }

    .single_restaurant .head-page .desc .btn-btn-trigger-text span:after,
    .single_restaurant .head-page .desc .btn-btn-trigger-text span:before {
        content: "";
        width: 7px;
        height: 1px;
        background: #d8d8d8;
        opacity: 0.4;
        position: absolute;
        top: 50%;
        right: -15px;
        margin-top: 1px;
        -webkit-transition: background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
        transition: background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.2s, opacity 0.2s;
        transition: transform 0.3s, background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
    }

    .single_restaurant .head-page .desc .btn-btn-trigger-text span:after {
        -webkit-transform: translate(2px, -50%) rotate(-45deg);
        transform: translate(2px, -50%) rotate(-45deg);
    }

    .single_restaurant .head-page .desc .btn-btn-trigger-text span:before {
        -webkit-transform: translate(-2px, -50%) rotate(45deg);
        transform: translate(-2px, -50%) rotate(45deg);
    }

    .single_restaurant .head-page .labels {
        margin: 15px 0;
    }

    .single_restaurant .head-page .buttons {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-top: 60px;
    }

    .single_restaurant .head-page .buttons a {
        width: 50%;
        margin: 0 auto;
        border-radius: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
        border-bottom: none !important;
        background: transparent !important;
        font-size: 12px !important;
        text-align: center;
        font-weight: 400 !important;
        color: #f5cf68 !important;
        text-transform: none !important;
        letter-spacing: 0.12px !important;
        padding: 0 !important;
    }

    .single_restaurant .head-page .nav-page li a {
        font-size: 14px;
        color: #989796;
        letter-spacing: 0.35px;
        opacity: 0.7;
        border-bottom: 4px solid transparent;
    }

    .single_restaurant .head-page .nav-page li a:hover {
        background: rgba(255, 255, 255, 0.05);
        opacity: 0.7;
        color: #989796;
    }

    .single_restaurant .head-page .nav-page li a.active {
        background: rgba(255, 255, 255, 0.05);
        opacity: 1;
        color: #989796;
        border-bottom-color: #e13d3d;
    }

    .single_restaurant .head-page .nav-page li a.list_menu span:after,
    .single_restaurant .head-page .nav-page li a.list_menu span:before {
        background: #989796;
        height: 2px;
        opacity: 0.7;
    }

    .single_restaurant .head-page .nav-page li a.list_menu:hover span:after,
    .single_restaurant .head-page .nav-page li a.list_menu:hover span:before {
        background: #989796;
        height: 2px;
        opacity: 0.7;
    }

    .single_restaurant .head-page .nav-page li ul {
        min-width: 290px;
        left: auto;
        right: 0;
    }

    .single_restaurant .body-page #map {
        /* height: 380px; */
        overflow: hidden;
    }

    .single_restaurant .body-page .adress-block {
        width: 100%;
        max-width: calc(100% - 30px);
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        height: auto;
        bottom: 0;
        top: auto;
        max-height: 300px;
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .single_restaurant .body-page .adress-block .title {
        height: 37px;
        font-size: 0;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .single_restaurant .body-page .adress-block .title:after,
    .single_restaurant .body-page .adress-block .title:before {
        content: "";
        width: 9px;
        height: 1px;
        background: #fff;
        opacity: 0.3;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 1px;
        -webkit-transition: background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
        transition: background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.2s, opacity 0.2s;
        transition: transform 0.3s, background 0.2s, opacity 0.2s, -webkit-transform 0.3s;
    }

    .single_restaurant .body-page .adress-block .title:after {
        -webkit-transform: translate(3px, -50%) rotate(-45deg);
        transform: translate(3px, -50%) rotate(-45deg);
    }

    .single_restaurant .body-page .adress-block .title:before {
        -webkit-transform: translate(-3px, -50%) rotate(45deg);
        transform: translate(-3px, -50%) rotate(45deg);
    }

    .single_restaurant .body-page .adress-block .menu {
        max-height: 255px;
        display: none;
    }

    .single_restaurant .body-page .adress-block .menu li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        height: 80px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 20px;
        font-size: 12px;
        color: #6d6d6d;
        letter-spacing: 0.3px;
        font-weight: 500;
        text-align: left;
    }

    .single_restaurant .body-page .adress-block .menu li a b {
        font-weight: 500;
        color: #bbbbbb;
    }

    .single_restaurant .body-page .adress-block .menu li a:hover {
        background: transparent;
        border-left-color: transparent;
    }

    .single_restaurant .body-page .adress-block .menu li a.active {
        background: transparent;
        color: #b5b5b5;
        border-left-color: #e13d3d !important;
    }

    .single_restaurant .body-page .adress-block .menu li a.active b {
        color: #e6e6e6;
    }

    .about .nav {
        top: 50px;
    }

    .about .nav .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .about .fullscreen {
        padding-top: 110px;
    }

    .about .fullscreen h3 {
        font-size: 30px;
        line-height: 30px;
        max-width: 290px;
        top: calc(50% + 10px);
    }

    .about .fullscreen .counter {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        max-width: 600px;
        padding: 40px 20px;
    }

    .about .fullscreen .counter .desc {
        font-size: 14px;
        letter-spacing: 0.14px;
        margin-bottom: 20px;
    }

    .about .fullscreen .counter .flip-clock-wrapper ul {
        width: 60px !important;
        height: 110px !important;
    }

    .about .fullscreen .counter .flip-clock-wrapper ul li a div div.inn {
        font-size: 80px !important;
    }

    .about .fullscreen .counter .timer {
        margin-top: 30px;
    }

    .about .fullscreen .counter .timer p {
        padding-top: 10px;
    }

    .about .block_1 {
        background: #f7f7f7;
        background-image: none !important;
        padding-top: 210px;
    }

    .about .block_1 .employees {
        display: none;
    }

    .about .block_2 {
        padding: 100px 20px;
    }

    .about .block_2 h2 {
        font-size: 30px;
        letter-spacing: 0.3px;
    }

    .about .block_3 {
        padding: 37px 0;
    }

    .about .block_3 h3 {
        font-size: 24px;
        letter-spacing: 0.24px;
    }

    .about .block_3 p {
        font-size: 12px;
        letter-spacing: 0.12px;
        line-height: 22px;
    }

    .about .block_3 .logos .item {
        width: calc(50% - 20px);
    }

    .about .block_4 {
        padding: 38px 0;
    }

    .about .block_4 h3 {
        font-size: 24px;
        letter-spacing: 0.24px;
        margin-bottom: 18px;
    }

    .about .block_4 .controls {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    .about .block_5 {
        padding: 37px 0;
    }

    .about .block_5 h3 {
        font-size: 24px;
        letter-spacing: 0.24px;
    }

    .about .block_5 p {
        font-size: 12px;
        letter-spacing: 0.12px;
        line-height: 22px;
    }

    .about .block_5 .item .trigger {
        font-size: 14px;
        letter-spacing: 0.14px;
        height: 70px;
        padding: 0 20px;
    }

    .about .block_5 .item .trigger:after,
    .about .block_5 .item .trigger:before {
        width: 12px;
    }

    .about .block_5 .item .trigger:after {
        -webkit-transform: translate(3.5px, -50%) rotate(-45deg);
        transform: translate(3.5px, -50%) rotate(-45deg);
    }

    .about .block_5 .item .trigger:before {
        -webkit-transform: translate(-3.5px, -50%) rotate(45deg);
        transform: translate(-3.5px, -50%) rotate(45deg);
    }

    .about .block_5 .item.open .trigger:after {
        -webkit-transform: translate(3.5px, -50%) rotate(45deg);
        transform: translate(3.5px, -50%) rotate(45deg);
    }

    .about .block_5 .item.open .trigger:before {
        -webkit-transform: translate(-3.5px, -50%) rotate(-45deg);
        transform: translate(-3.5px, -50%) rotate(-45deg);
    }

    .about .block_5 .item .toggleText {
        padding: 30px 20px;
        text-align: center;
    }

    .about .block_5 .item .toggleText p,
    .about .block_5 .item .toggleText ul {
        text-align: left;
    }

    .about .block_5 .item .toggleText ul {
        margin: 0;
        margin-left: 10px;
    }

    .about .block_7 {
        padding: 37px 0;
    }

    .about .block_7 h3 {
        font-size: 24px;
        letter-spacing: 0.24px;
        text-align: center;
    }

    .about .block_7 p {
        font-size: 12px;
        letter-spacing: 0.12px;
        line-height: 22px;
        text-align: center;
        padding: 0 10px;
    }

    .about .block_7 form input:not([type="submit"]),
    .about .block_7 form textarea {
        border-radius: 0 !important;
    }

    .career_popup .header_popup {
        text-align: left;
        padding: 0 20px;
    }

    .career_popup form input,
    .career_popup form textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }

    .lk .nav-page {
        display: none;
    }

    .lets_go_up {
        right: 10px !important;
        bottom: 27px !important;
    }

    .widget-button-i64706022389 {
        display: none;
    }

    .pickup-block {
        padding-right: 24px;
        max-width: calc(100% - 0px);
    }

    .btn-user {
        border: none;
    }

    .btn-user span {
        border: 1px solid #d5d5d5;
        width: 35px;
        border-radius: 50%;
        text-align: center;
    }

    .btn-user span:after {
        margin-left: 0px;
        transition: none;
    }

    .btn-user.logged_in span {

        border: 1px solid #eed89e;
    }

    .btn-user.logged_in span {

        background: url(../img/ui/user_active.svg) no-repeat center;
        background-size: 11px;
    }

    .btn-user:hover span:after {
        background: url(../img/ui/user.svg) no-repeat center;
        background-size: contain;
    }

    footer .bottom .copyright,
    footer .bottom .created,
    footer .bottom .recaptcha {

        display: block;
        width: 100%;
        text-align: center;
        float: none !important;
    }


    footer .bottom .recaptcha {

        margin-top: 5px;
    }

    footer .bottom {

        height: 90px;
    }

    footer .bottom .row {

        height: 80px;
    }

    .single_restaurant .restaurant-block .bx-wrapper img {

        height: auto;
    }


    .lunches_fixed_block .sticky {

        max-width: 721px;
    }


    .single_restaurant .restaurant-block .text-block iframe {

        width: 100vw;
        margin-left: calc(((100vw - 744px) / -2) - 12px);
    }

    header .cart-block .btn-phone > a {

        font-size: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    header .cart-block .btn-phone img {
        -webkit-animation-name: rotate_phone;
        animation-name: rotate_phone;
        -webkit-animation-duration: 5000ms;
        animation-duration: 5000ms;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;

        filter: grayscale(0%);
    }

    @-webkit-keyframes rotate_phone {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        3% {
            -webkit-transform: rotate(-30deg) scale(1.1);
            transform: rotate(-30deg) scale(1.1);
        }
        6% {
            -webkit-transform: rotate(30deg) scale(1.1);
            transform: rotate(30deg) scale(1.1);
        }
        9% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    @keyframes rotate_phone {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        3% {
            -webkit-transform: rotate(-30deg) scale(1.1);
            transform: rotate(-30deg) scale(1.1);
        }
        6% {
            -webkit-transform: rotate(30deg) scale(1.1);
            transform: rotate(30deg) scale(1.1);
        }
        9% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    .restaurant .head-block .left-side {
        display: none;
    }

    .restaurant .head-block .right-side {
        flex: initial;
    }


    .cart_pop#cart_pop .body.step-1 .left .warning-cart {

        display: none;
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {

  .header .btn-menu span {
    width: 28px;
  }

  .header .btn-menu span:after {
    width: 24px;
    transform: translateY(-9px);
  }

  .header .btn-menu span:before {
    width: 24px;
    transform: translateY(9px);
  }

	.items-nb {
		margin: 0 -5px !important;
	}

    .widget-button-i64706022389 {
        display: none;
    }

    .engineering_works .body,
    .impossible_delivery .body {
        padding: 20px !important;
        height: 100% !important;
        border-radius: 0 !important;
        width: 100%;
        max-width: 100% !important;
    }

    .impossible_delivery .body {
        display: block !important;
        overflow-y: auto !important;
        padding: 50px 0 150px !important;
    }

    .impossible_delivery .close_win {

        right: 20px;
        z-index: 1000;
    }

    .impossible_delivery .grid {
        display: block !important;
        text-align: center;
        margin-top: 30px !important;

    }

    .impossible_delivery .subTitle {

        padding: 0 20px;
    }

    .impossible_delivery .grid .restaurant {
        display: block !important;
        margin: 20px auto !important;
    }

    .impossible_delivery .buttons {
        text-align: center;
        display: flex;
        flex-direction: column;
        max-width: 274px;
        margin: 0 auto;
    }

    .impossible_delivery .btn {
        margin: 5px auto !important;
        box-sizing: border-box;
        padding: 0 10px !important;
    }


    .product_pop .info .table td {
        width: auto;
    }

    .product_pop .body {
        padding: 0 20px;
    }

    .product_pop .info {
        padding: 0;
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
        width: 80px !important;
        text-align: left !important;
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
        width: 150px !important;
        text-align: left !important;
    }

    .xdsoft_scrollbar {
        width: 30% !important;
        text-align: center;
    }

    .xdsoft_scrollbar > .xdsoft_scroller {
        width: 80% !important;
        margin: 0 auto;
    }

    .product-card-mini {
        max-width: 100%;
        width: 100% !important;
    }

    .product-card-mini.pizza .info-block {
        width: 292px;
        left: -10px;
    }

    .product-card-mini.pizza .info-block .item-list {
        display: block;
    }

    header {
        height: 60px;
    }

    header.no-adress .inner {
        background: #fff;
        -webkit-transition: background 0.2s;
        transition: background 0.2s;
    }

    header.no-adress .inner .logo-block .btn {
        opacity: 1;
        pointer-events: all;
    }

    header.no-adress .inner .enter-address {
        background: #e13d3d;
        -webkit-transition: background 0.2s;
        transition: background 0.2s;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    header.no-adress .inner .enter-address:before {
        background: url("../img/ui/address-icon-white@2x.png") no-repeat center center;
        background-size: contain;
        -webkit-transition: background 0.2s;
        transition: background 0.2s;
    }

    header.no-adress .inner .enter-address .label span {
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    header.no-adress .inner .enter-address .label span.no-adress-label {
        opacity: 1 !important;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    header.no-adress .inner .cart-block {
        opacity: 1;
        pointer-events: all;
    }

    header .inner {
        height: 60px;
        position: relative;
    }

    header .logo-block {
        width: 85px;
    }

    header .logo-block .btn-menu {
        height: 60px;
        width: 50px;
        padding-left: 0;
    }

    header .logo-block .btn-menu:hover {
        background: transparent;
    }

    header .logo-block .btn-menu:hover span {
        background: #8e8e8e;
    }

    header .logo-block .btn-menu:hover span:after,
    header .logo-block .btn-menu:hover span:before {
        background: #8e8e8e;
    }

    header .logo-block .btn-menu.open span {
        background: transparent;
    }

    header .logo-block .logo {
        width: 30px;
        margin-right: 10px;
    }

    header .logo-block .logo img {
        max-width: 100%;
    }

    header .enter-address {
        position: fixed;
        top: 60px;
        left: 0;
        height: 40px;
        background: #fff;
        z-index: -1;
        display: block;
        -webkit-transition: background 1.5s, -webkit-transform 0.1s linear;
        transition: background 1.5s, -webkit-transform 0.1s linear;
        transition: transform 0.1s linear, background 1.5s;
        transition: transform 0.1s linear, background 1.5s, -webkit-transform 0.1s linear;
        cursor: pointer;
        max-width: 100%;
        box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.06);
    }

    header .enter-address.active {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    header .enter-address.hide {
        display: none;
    }

    header .enter-address:before {
        left: 20px;
    }

    header .enter-address .label {
        height: 40px;
        padding: 0 20px 0 40px;
    }

    header .enter-address .label span {
        font-size: 12px;
        letter-spacing: 0.12px;
    }

    header .enter-address .label span.no-adress-label {
        color: #313131;
        font-size: 12px;
    }

    header .enter-address form input[type=text] {
        height: 40px;
        font-size: 18px;
    }

    header .enter-address form input[type=text].user_house {
        min-width: 75px;
        padding: 0 10px;
        border-radius: 0;
        font-size: 18px !important;
        line-height: inherit !important;
    }

    header .enter-address form input[type=text].user_street {
        max-width: 55%;
        padding: 0 0px 0 10px;
    }

    header .enter-address form button[type="submit"] {
        margin: 0;
    }

    header .enter-address form ::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        line-height: 20px;
    }

    header .enter-address form :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        line-height: 20px;
    }

    header .enter-address form ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        line-height: 20px;
    }

    header .enter-address form :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        line-height: 20px;
    }

    header .cart-block {
        height: 60px;
    }

    header .cart-block .btn {
        height: 60px;
    }

    header .cart-block .btn-phone {
        margin: 0 35px 0 30px;
    }

    header .cart-block .btn-phone:hover:after {
        opacity: 1;
    }

    header .cart-block .btn-phone:after {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 50%;
        width: 0;
        height: 0;
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        -webkit-transition: opacity 0.3s linear 0.1s;
        transition: opacity 0.3s linear 0.1s;
    }

    header .cart-block .btn-phone .tooltop-phone {
        position: fixed;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    header .cart-block .btn-phone .tooltop-phone .inner-tooltop:after {
        display: none;
    }

    .btn-user {
        border: none;
    }

    .btn-user span {
        border: 1px solid #d5d5d5;
        width: 35px;
        border-radius: 50%;
        text-align: center;
    }

    .btn-user span:after {
        margin-left: 0px;
        transition: none;
    }

    .btn-user.logged_in span {

        border: 1px solid #eed89e;
    }

    .btn-user.logged_in span {

        background: url(../img/ui/user_active.svg) no-repeat center;
        background-size: 11px;
    }

    .btn-user:hover span:after {
        background: url(../img/ui/user.svg) no-repeat center;
        background-size: contain;
    }

    header .cart-block .btn-cart {
        height: 60px;
    }

    header .cart-block .btn-cart .icon {
        width: 25px;
    }

    header .cart-block .btn-cart span {
        font-size: 16px;
    }

    footer {
        padding-bottom: 20px;
    }

    footer .top,
    footer .middle,
    footer .bottom {
        background: #313131;
    }

    footer .top .item {
        padding: 0;
        border-bottom: 1px solid #414141;
        padding-left: 0px;
    }

    footer .top .item .title-menu {
        font-size: 18px;
        letter-spacing: 0.18px;
        font-weight: 400;
        height: 50px;
        line-height: 50px;
        margin-bottom: 0;
        padding-left: 20px;
        cursor: pointer;
        position: relative;
    }

    footer .top .item .title-menu.full:after,
    footer .top .item .title-menu.full:before {
        content: "";
        width: 7px;
        height: 1px;
        background: #a69567;
        position: absolute;
        top: 50%;
        right: 20px;
        display: block;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.3s;
        transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
        z-index: 1;
    }

    footer .top .item .title-menu.full:after {
        -webkit-transform: translate(-2.1px, -50%) rotate(45deg);
        transform: translate(-2.1px, -50%) rotate(45deg);
    }

    footer .top .item .title-menu.full:before {
        -webkit-transform: translate(2.1px, -50%) rotate(-45deg);
        transform: translate(2.1px, -50%) rotate(-45deg);
    }

    footer .top .item .title-menu.full.active:after {
        -webkit-transform: translate(-2.1px, -50%) rotate(-45deg);
        transform: translate(-2.1px, -50%) rotate(-45deg);
    }

    footer .top .item .title-menu.full.active:before {
        -webkit-transform: translate(2.1px, -50%) rotate(45deg);
        transform: translate(2.1px, -50%) rotate(45deg);
    }

    footer .top .item ul {
        background: #252424;
        padding: 20px 30px 20px;
        display: none;
    }

    footer .top .item ul li {
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 0.12px;
        padding-left: 15px;
    }

    footer .top .item ul li:before {
        top: 5px;
    }

    footer .top .item ul li a {
        color: #c0c0c0;
    }

    footer .top .item ul li a:active {
        color: #e8b44e !important;
    }

    footer .top .item ul li a:hover {
        color: #c0c0c0;
    }

    footer .top .item:last-child {
        padding-bottom: 0;
        padding-left: 0;
        border-bottom: none;
    }

    footer .top .item:last-child ul {
        background: #313131;
        padding: 0;
        display: block;
    }

    footer .top .item:last-child ul li {
        border-bottom: 1px solid #414141;
        list-style: none;
        height: 50px;
        line-height: 50px;
        margin-bottom: 0;
        padding-left: 0 !important;
    }

    footer .top .item:last-child ul li a {
        width: 100%;
        padding-left: 20px;
        font-size: 18px;
        letter-spacing: 0.18px;
        font-weight: 400;
    }

    footer .top .item:last-child ul li ul li {
        border-bottom: none;
    }

    footer .top .item .footer_social_links {
        margin-top: 0;
        margin: 0 auto;
        text-align: center;
        padding: 15px 0 !important;
    }

    footer .top .item .footer_social_links li {
        display: inline-block;
        padding: 0 !important;
        height: 35px !important;
        line-height: 35px !important;
        border: none !important;
    }

    footer .top .item .footer_social_links li a {
        width: 35px !important;
        height: 35px;
        padding: 0 !important;
    }

    footer .top .item .payment_logos {
        position: relative;
        bottom: auto;
        text-align: center;
        margin-top: 32px;
        margin-bottom: 8px;
    }

    footer .top .item .payment_logos li {
        border-bottom: none !important;
    }

    footer .middle .payment {
        text-align: center;
        padding: 40px 20px 20px;
    }

    footer .middle .seo-text {
        padding: 35px 20px 0;
    }

    footer .middle .seo-text .desc {
        max-width: calc(100% - 60px);
        margin-right: 0;
    }

    footer .middle .seo-text .desc h1 {
        line-height: 24px;
    }

    footer .bottom .copyright,
    footer .bottom .created {
        display: block;
        text-align: center;
        float: none !important;
    }

    .index .trigger-block {
        display: block;
        width: 160px;
        margin: 25px auto 0;
        background: #2c2c2c;
        border: 1px solid #e13d3d;
        border-radius: 6px;
        overflow: hidden;
        z-index: 10;
        /* position: absolute;
			top: 210px;
			left: 50%;
			transform: translateX(-50%); */
    }

    .index .trigger-block:after {
        content: "";
        width: 0;
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    .index .trigger-block div {
        cursor: pointer;
        height: 27px;
        line-height: 27px;
        width: 50%;
        float: left;
        text-align: center;
        color: #bbbbbb;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 0.12px;
    }

    .index .trigger-block div.active {
        background: #e13d3d;
        color: #fff;
    }

    .index .head-block {
        background: url("../img/head-block_bg_mob.jpg") repeat center center;
        height: auto;
        margin-bottom: 0px;
        padding-bottom: 50px;
        padding-top: 120px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
        z-index: 2;
    }

    .index .head-block:after {
        content: "";
        width: 100%;
        height: 80px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #f7f7f7;
        z-index: -1;
    }

    .index .head-block h1 {
        font-size: 28px;
        letter-spacing: 0.28px;
        line-height: 28px;
    }

    .index .head-block p {
        font-size: 12px;
        letter-spacing: 0.12px;
        line-height: 16px;
        max-width: 260px;
        margin-bottom: 35px;
    }

    /*.index .head-block.active .categories-block .items {
    -webkit-transform: translate(calc(-100% - 40px), 30px) !important;
            transform: translate(calc(-100% - 40px), 30px) !important;
  }
  .index .head-block .categories-block {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    padding-top: 45px;
  }
  .index .head-block .categories-block.active {
    opacity: 0;
  }
  .index .head-block .categories-block .items {
    margin: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .index .head-block .categories-block .items .item-category {
    max-width: 100%;
    height: 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 20px;
  }
  .index .head-block .categories-block .items .item-category:after,
  .index .head-block .categories-block .items .item-category:before {
    content: "";
    width: 7px;
    height: 1px;
    background: #ccbc92;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .index .head-block .categories-block .items .item-category:after {
    -webkit-transform: translate(0, calc(-50% - 2px)) rotate(45deg);
            transform: translate(0, calc(-50% - 2px)) rotate(45deg);
  }
  .index .head-block .categories-block .items .item-category:before {
    -webkit-transform: translate(0, calc(-50% + 2px)) rotate(-45deg);
            transform: translate(0, calc(-50% + 2px)) rotate(-45deg);
  }
  .index .head-block .categories-block .items .item-category .name-category,
  .index .head-block .categories-block .items .item-category .quantity-position,
  .index .head-block .categories-block .items .item-category .photo-category {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
    text-align: left;
  }
  .index .head-block .categories-block .items .item-category .photo-category {
    height: 50px;
    width: 50px;
    -webkit-transform: translateX(0%) !important;
            transform: translateX(0%) !important;
    margin-top: 0;
  }
  .index .head-block .categories-block .items .item-category .info{
    padding-left: 20px;
  }
  .index .head-block .categories-block .items .item-category:last-child:after,
  .index .head-block .categories-block .items .item-category:last-child:before {
    display: none;
  }
  .index .head-block .categories-block .items .item-category:last-child .icon-arrow {
    margin-top: 0;
    position: absolute;
    right: 20px;
    width: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .index .head-block .categories-block .items .item-category:last-child .info {
    padding-left: 70px;
  }
  .index .head-block .categories-block .items .item-category:last-child .name-category,
  .index .head-block .categories-block .items .item-category:last-child .quantity-position {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .index .head-block .categories-block .items .item-category:hover .name-category,
  .index .head-block .categories-block .items .item-category:hover .quantity-position {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
  .index .head-block .categories-block .items .item-category:hover .photo-category {
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }*/
    .index .restaraunt-block {
        width: 100%;
        position: absolute;
        top: 224px;
        display: none;
        overflow: hidden;
        z-index: 1;
        padding: 0;
        /*padding-top: 45px;*/
    }

    .index .restaraunt-block.active {
        z-index: 2;
    }

    .index .restaraunt-block .items {
        background: #fff;
        margin: 0 10px;
        border-radius: 6px;
        position: relative;
        text-align: left;
    }

    .index .restaraunt-block .items:after {
        content: "";
        width: 0;
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }

    .index .restaraunt-block .items:before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        background: #f5f5f5;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .index .restaraunt-block .restaraunt-logo {
        width: 50% !important;
        margin: 0 auto !important;
        padding: 15px;
        border-right: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        height: 72px;
        line-height: 41px;
        /* &:nth-last-child(1),
				&:nth-last-child(2)
				{
					border-bottom: none;
				} */
    }

    .index .restaraunt-block .restaraunt-logo:nth-child(2n) {
        border-right: none;
    }

    .index .loyalty-program-block {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .index .loyalty-program-block h2 {
        font-size: 30px;
        line-height: 26px;
    }

    .index .loyalty-program-block .subTitle {
        font-size: 12px;
        line-height: 12px;
        max-width: 230px;
        margin-bottom: 40px;
    }

    .index .loyalty-program-block .item-program {
        margin-bottom: 40px;
    }

    .index .loyalty-program-block .item-program .desc {
        max-width: 130px;
        margin: 0 auto;
    }

    .index .mob-app-block .row {
        display: block;
    }

    .index .mob-app-block .info {
        margin-top: -100px;
    }

    .index .mob-app-block .img-phone {
        width: 180px;
        margin-top: 0;
    }

    .index .mob-app-block .img-phone-1 {
        -webkit-transform: translate(-130px, -30px) rotate(25deg) !important;
        transform: translate(-130px, -30px) rotate(25deg) !important;
        float: left;
    }

    .index .mob-app-block .img-phone-1.is-visible {
        -webkit-transform: translate(-90px, -30px) rotate(25deg) !important;
        transform: translate(-90px, -30px) rotate(25deg) !important;
    }

    .index .mob-app-block .img-phone-2 {
        -webkit-transform: translate(130px, 0px) rotate(-25deg) !important;
        transform: translate(130px, 0px) rotate(-25deg) !important;
        float: right;
        width: 200px;
        margin-top: -350px;
    }

    .index .mob-app-block .img-phone-2.is-visible {
        -webkit-transform: translate(90px, 0px) rotate(-25deg) !important;
        transform: translate(90px, 0px) rotate(-25deg) !important;
    }

    .index .mob-app-block h2 {
        font-size: 30px;
        letter-spacing: 0.3px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 12px;
    }

    .index .mob-app-block .desc {
        font-size: 12px;
        letter-spacing: 0.12px;
        line-height: 16px;
        text-align: center;
    }

    .index .mob-app-block form .input-mail {
        max-width: 220px;
        margin: 0 auto;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    .index .mob-app-block .links {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin: 0 8px;
    }

    .index .mob-app-block .links a {
        margin: 0;
    }

    .index .mob-app-block .links a img {
        height: 40px;
    }

    .index .about-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 8px;
        margin-bottom: 30px;
    }

    .index .about-block .item {
        border-right: none;
        padding: 30px 0;
        margin-bottom: 20px;
    }

    .index .about-block .item:first-child {
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0px;
    }

    .index .about-block .item:last-child {
        border-bottom-left-radius: 6px;
    }

    .index .about-block .item .title {
        font-size: 20px;
    }

    .index .about-block .item .desc {
        font-size: 12px;
        letter-spacing: 0.12px;
        line-height: 16px;
        max-width: 250px;
    }

    .mainMenu_pop.open .body {
        top: 60px;
    }

    .mainMenu_pop.open.active .body {
        -webkit-transform: translate(-50%, -40px);
        transform: translate(-50%, -40px);
    }

    .mainMenu_pop .body {
        -webkit-transition: -webkit-transform 0.2s linear;
        transition: -webkit-transform 0.2s linear;
        transition: transform 0.2s linear;
        transition: transform 0.2s linear, -webkit-transform 0.2s linear;
        padding: 0 0px;
        width: 100%;
        max-width: 100%;
        height: calc(100vh - 60px);
        display: block;
        overflow: auto;
        background: #313131;
    }

    .mainMenu_pop .body:before {
        display: none;
    }

    .mainMenu_pop .body .item {
        max-width: 100%;
        padding-left: 0;
        min-height: 50px;
        height: auto;
        border-left: none;
        margin-bottom: 0;
        border-bottom: 1px solid #414141;
    }

    .mainMenu_pop .body .item.other .title {
        display: none;
    }

    .mainMenu_pop .body .item.other ul {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .mainMenu_pop .body .item ul {
        background: #252424;
        padding: 20px 30px 20px;
        display: none;
    }

    .mainMenu_pop .body .item ul li.all-restaurant {
        display: block !important;
    }

    .mainMenu_pop .body .item:last-child {
        padding-bottom: 0;
        padding-left: 0;
        border-bottom: none;
    }

    .mainMenu_pop .body .item:last-child ul {
        background: #313131;
        padding: 0;
        display: block;
    }

    .mainMenu_pop .body .item:last-child ul li {
        border-bottom: 1px solid #414141;
        list-style: none;
        height: 50px;
        line-height: 50px;
        margin-bottom: 0;
        padding-left: 0 !important;
    }

    .mainMenu_pop .body .item:last-child ul li a {
        width: 100%;
        padding: 0;
        padding-left: 20px;
        font-size: 18px;
        letter-spacing: 0.18px;
        font-weight: 400;
    }

    .mainMenu_pop .body .item:last-child ul li ul li {
        border-bottom: none;
    }

    .mainMenu_pop .body .item .title {
        font-size: 18px;
        letter-spacing: .18px;
        font-weight: 400;
        height: 50px;
        line-height: 50px;
        margin-bottom: 0;
        padding-left: 20px;
        cursor: pointer;
        position: relative;
        color: #fff;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .mainMenu_pop .body .item .title.full:after,
    .mainMenu_pop .body .item .title.full:before {
        content: "";
        width: 7px;
        height: 1px;
        background: #a69567;
        position: absolute;
        top: 50%;
        right: 20px;
        display: block;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s;
        transition: background 0.3s, -webkit-transform 0.3s;
        transition: transform 0.3s, background 0.3s;
        transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
        z-index: 1;
    }

    .mainMenu_pop .body .item .title.full:after {
        -webkit-transform: translate(-2.1px, -50%) rotate(45deg);
        transform: translate(-2.1px, -50%) rotate(45deg);
    }

    .mainMenu_pop .body .item .title.full:before {
        -webkit-transform: translate(2.1px, -50%) rotate(-45deg);
        transform: translate(2.1px, -50%) rotate(-45deg);
    }

    .mainMenu_pop .body .item .title.full.active:after {
        -webkit-transform: translate(-2.1px, -50%) rotate(-45deg);
        transform: translate(-2.1px, -50%) rotate(-45deg);
    }

    .mainMenu_pop .body .item .title.full.active:before {
        -webkit-transform: translate(2.1px, -50%) rotate(45deg);
        transform: translate(2.1px, -50%) rotate(45deg);
    }

    .address_pop .container {
        width: 100%;
    }

    .address_pop .empty_serch_result_ajax {
        padding-bottom: 0;
    }

    .address_pop .empty_serch_result_ajax .icon {
        margin-top: 10px;
    }

    .address_pop .empty-address {
        margin-top: 0;
    }

    .address_pop .empty-address .icon {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
        margin-top: 40px;
    }

    .address_pop .empty-address p {
        font-size: 14px;
        line-height: 18px;
    }

    .address_pop .tab-triggers {
        display: block;
        border-bottom: 1px solid #e8e8e8;
        background: #f2f2f2;
        width: 100%;
        height: 70px;
        display: none;
    }

    .address_pop .my-address ul li:first-child {

        margin-top: 0;
    }

    .address_pop .tab-triggers a {
        width: 50%;
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: left;
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.12px;
        text-transform: uppercase;
    }

    .address_pop .tab-triggers a:first-child {
        border-right: 1px solid #e8e8e8;
    }

    .address_pop .tab-triggers a.active {
        color: #d4bd81;
    }

    .address_pop .body {
        height: calc(100% - 100px);
        overflow: hidden;
        background: #fff;
        top: 100px;
    }

    .empty_serch_result_ajax {

        top: 0%;
        transform: translate(-50%, -50%);
    }

    .pickup_checkbox:nth-of-type(1) {

        margin-bottom: 0;
    }

    .pickup_checkbox:nth-of-type(2) {

        margin-top: 15px;
        margin-bottom: 30px;
    }

    .address_pop .serch_result_ajax,
    .address_pop .serch_result_ajax_house,
    .address_pop .serch_result_ajax_pickup_out,
    .address_pop .serch_result_ajax_pickup_in{
        /*max-height: calc(100% - 85px);*/
        margin: 0px 0 0px 8px;
        width: auto !important;
    }

    .address_pop .serch_result_ajax .mCSB_scrollTools,
    .address_pop .serch_result_ajax_house .mCSB_scrollTools,
    .address_pop .serch_result_ajax_pickup_out .mCSB_scrollTools,
    .address_pop .serch_result_ajax_pickup_in .mCSB_scrollTools{
        height: 90% !important;
        margin-top: 5%;
    }

    .address_pop .serch_result_ajax:before,
    .address_pop .serch_result_ajax_house:before,
    .address_pop .serch_result_ajax_pickup_out:before,
    .address_pop .serch_result_ajax_pickup_in:before{
        display: none;
        background: -webkit-linear-gradient(top, #f2f2f2 0, #f2f2f2 11%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 11%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#00ffffff', GradientType=0);
    }

    .address_pop .serch_result_ajax:after,
    .address_pop .serch_result_ajax_house:after,
    .address_pop .serch_result_ajax_pickup_out:after,
    .address_pop .serch_result_ajax_pickup_in:after{
        display: none;
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #f2f2f2 89%, #f2f2f2 100%);
        background: linear-gradient(rgba(255, 255, 255, 0) 0%, #f2f2f2 89%, #f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f2f2f2', GradientType=0);
    }

    .address_pop .serch_result_ajax .autocomplete-suggestion,
    .address_pop .serch_result_ajax_house .autocomplete-suggestion,
    .address_pop .serch_result_ajax_pickup_out .autocomplete-suggestion,
    .address_pop .serch_result_ajax_pickup_in .autocomplete-suggestion{
        font-size: 14px;
        letter-spacing: 0.14px;
        margin-left: 40px;
        height: 42px;
    }

    .address_pop .serch_result_ajax .autocomplete-suggestion:before,
    .address_pop .serch_result_ajax_house .autocomplete-suggestion:before,
    .address_pop .serch_result_ajax_pickup_out .autocomplete-suggestion:before,
    .address_pop .serch_result_ajax_pickup_in .autocomplete-suggestion:before{
        left: -15px;
    }

    .address_pop .serch_result_ajax .autocomplete-suggestion[data-index='0'],
    .address_pop .serch_result_ajax_house .autocomplete-suggestion[data-index='0'],
    .address_pop .serch_result_ajax_pickup_out .autocomplete-suggestion[data-index='0'],
    .address_pop .serch_result_ajax_pickup_in .autocomplete-suggestion[data-index='0']{
        margin-top: 0;
    }

    .address_pop .my-address {
        margin-top: 0px;
        padding: 0 0px 0 30px;
    }

    .address_pop .my-address .title {
        display: none;
    }

    .address_pop .my-address ul {
        /*max-height: 210px;*/
        /*height: 190px;*/
        display: block;
        padding: 10px 0;
    }

    .address_pop .my-address ul li:last-child {
        margin-bottom: 20px;
    }

    .address_pop .my-address ul:before {
        display: none;
        background: -webkit-linear-gradient(top, #f2f2f2 0, #f2f2f2 11%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 11%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#00ffffff', GradientType=0);
    }

    .address_pop .my-address ul:after {
        display: none;
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #f2f2f2 89%, #f2f2f2 100%);
        background: linear-gradient(rgba(255, 255, 255, 0) 0%, #f2f2f2 89%, #f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f2f2f2', GradientType=0);
    }

    .address_pop .tab {
        display: none;
        position: relative;
        width: 100%;
        height: calc(100vh - 205px);
    }

    .address_pop .tab.active {
        display: block !important;
        opacity: 1 !important;
    }

    .catalog {
        margin-top: 20px;
        padding-top: 40px;
    }

    .catalog .restaurants {
        padding: 24px 0;
    }

    .catalog .restaurants .restaurant {
        padding: 20px;
    }

    .catalog .filters {
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    .catalog .filters .dropdown {
        height: 50px;
    }

    .catalog .filters .dropdown .title {
        height: 50px;
        padding: 0 20px;
    }

    .catalog .filters .dropdown .title span {
        font-size: 14px;
    }

    .catalog .filters .dropdown .title span:after,
    .catalog .filters .dropdown .title span:before {
        right: 10px;
    }

    .catalog .filters .dropdown ul {
        width: 100vw;
        position: fixed;
        left: 0;
    }

    .catalog .filters .radio {
        height: 50px;
    }

    .catalog .filters .radio label span {
        height: 50px;
        font-size: 14px;
        padding: 0 20px;
    }

    .catalog .filters .radio label span:after {
        right: 15px;
        width: 15px;
        height: 15px;
    }

    .catalog .filters .radio label span:before {
        right: 19px;
        width: 7px;
        height: 7px;
    }

    .product_pop .body {
        display: block;
    }

    .product_pop .photo img {
        max-height: 100%;
    }

    .product_pop .info .info-block {
        left: 0;
        bottom: 105px;
    }

    .product_pop .info .info-block .item-list li {
        text-align: left;
    }

    .restaurant .head-block {
        padding-top: 0px;
        margin-top: 100px;
        height: 160px;
        min-height: 160px;
    }

    .restaurant .head-block img {

        max-height: 90px;
    }

    .head-block__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .restaurant .head-block img {
        /* margin-bottom: 0;*/
        margin-top: 0;
        margin-bottom: 0;

    }

    .restaurant .head-block .time-work {
        margin-top: 0;
        margin-bottom: 10px;
        display: none;
    }

    .restaurant .head-block .btn {
        /*display: none;*/
    }

    .restaurant .body-page {
        margin-top: 10px;
    }

    .restaurant .body-page .row {
        margin: 0;
    }

    .restaurant .rest-filters {
        display: none;
    }

    .restaurant .rest-filters .container .row {
        margin: 0;
    }

    .thanks-page .container:before {
        width: 160px !important;
        height: 144px !important;
        top: -30% !important;
        left: -30px !important;
    }

    .thanks-page .container:after {
        width: 160px !important;
        height: 183px !important;
        top: 90% !important;
        right: -20px !important;
    }

    .thanks-page .cart-head-block {
        height: 50px;
    }

    .thanks-page .cart-head-block .steps {
        display: none;
    }

    .thanks-page .cart-head-block .mob-title {
        display: block;
        font-weight: 300;
        font-size: 20px;
        letter-spacing: 0.2px;
        color: #676666;
        text-align: left;
        text-transform: none;
        display: none;
        width: 100%;
        padding: 0 20px;
    }

    .thanks-page .cart-head-block .mob-title.active {
        display: block;
    }

    .thanks-page .body-thanks {
        height: calc(100vh - 50px);
    }

    .thanks-page .body-thanks .desc .btn {
        margin: 5px;
    }

    .product-not-found-message {
        width: 100%;
        bottom: 0;
        top: auto;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        z-index: 120;
    }

    .product-not-found-message.active {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }

    .product-not-found-message .container {
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .product-not-found-message .inner {
        padding: 0 20px;
    }

    .product-not-found-message .label {
        padding-right: 10px;
    }

    .checkout-page {
        position: relative !important;
        max-height: 10000px;
        height: auto;
        overflow: visible !important;
    }

    .checkout-page .close_win {
        position: fixed;
        z-index: 10;
    }

    .checkout-page .body {
        position: relative !important;
        top: auto;
        bottom: auto;
        height: auto;
        -webkit-transform: none !important;
        transform: none !important;
        overflow: visible !important;
    }

    .checkout-page .cart-head-block {
        position: fixed;
        top: 0;
        left: 0;
    }

    .checkout-page .left .order-line {
        margin-top: 115px;
        top: auto;
        max-height: 10000px;
        height: auto;
    }

    .checkout-page .left .order-line .body-checkout {
        max-height: 10000px;
        height: auto;
    }

    .checkout-page .step-2 .left .cart-head-block {
        position: fixed;
        background: #fff;
        z-index: 1;
    }

    .checkout-page .step-2 .left .mob-title {
        position: fixed;
        top: 10px;
    }

    .checkout-page .step-2 .left .order-line {
        position: relative;
        z-index: 0;
    }

    .checkout-page .step-2 .right .cart-head-block {
        z-index: 2;
    }

    .singUp_pop .body,
    .singIn_pop .body,
    .recovery-pass_pop .body {
        width: 100%;
        max-width: calc(100% - 40px);
    }

    .widget-callback_popup .body {

        width: 100% !important;
        max-width: calc(100% - 40px) !important;
        height: auto !important;
        border-radius: 6px !important;
    }

    .widget-callback_popup .widget-callback {
        width: 100%;

    }

    .singUp_pop form input:not([type=submit]),
    .singIn_pop form input:not([type=submit]),
    .recovery-pass_pop form input:not([type=submit]) {
        border-radius: 0 !important;
    }

    .sms_key_for_card .code_sms {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        border-radius: 0 !important;
    }

    /* Личный кабинет */
    .lk .nav-page {
        display: none;
    }

    .lk form .iBlock input {
        font-size: 14px;
        letter-spacing: 0.14px;
        padding: 0;
    }

    .lk form .iBlock .placeholder {
        left: 0;
    }

    .lk .btn-lk:hover {
        background: transparent;
        color: #4cc256;
    }

    .lk .btn-lk.btn-change-adress,
    .lk .btn-lk.btn-change-info {
        font-size: 0;
    }

    .lk .btn-lk.btn-change-adress span:before,
    .lk .btn-lk.btn-change-info span:before {
        margin-top: 0 !important;
        margin-right: 0 !important;
    }

    .lk .btn-lk.btn-change-adress:hover span:before,
    .lk .btn-lk.btn-change-info:hover span:before {
        background: url("../img/ui/btn-change-info_icon@2x.png") no-repeat center center;
        background-size: contain;
    }

    .lk .head-page {
        height: 180px;
    }

    .lk .head-page .menu {
        left: 10px;
        top: 180px;
        max-width: calc(100vw - 80px);
        width: 100%;
    }

    .lk .head-page .menu li {
        max-width: 33.3%;
    }

    .lk .head-page .user_logout {
        top: 172px;
    }

    .lk .head-page .user_logout li a {
        width: 60px;
    }

    .lk .lk-block {
        border-radius: 6px;
        overflow: hidden;
    }

    .lk .lk-block .head-lk-block {
        padding: 0 20px;
    }

    .lk .lk-block .head-lk-block .title span {
        display: none;
    }

    .lk .lk-block .body-lk-block {
        padding: 30px 20px;
    }

    .lk .personal-info .head-lk-block .btn.green {
        width: 38px;
        height: 30px;
    }

    .lk .personal-info .head-lk-block .btn.green:before {
        content: "";
        background: url("../img/ui/btn-change-info_icon_active_green@2x.png") no-repeat center center;
        background-size: contain;
        width: 17px;
        height: 12px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .lk .personal-info .body-lk-block {
        padding-bottom: 0;
    }

    .lk .card .head-lk-block .btn {
        font-size: 14px;
    }

    .lk .card .head-lk-block .btn.btn-off-card {
        white-space: nowrap;
        width: 83px;
        overflow: hidden;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 5px;
    }

    .lk .card.edit .body-lk-block,
    .lk .card.added .body-lk-block {
        padding-bottom: 0;
    }

    .lk .card .added-block .iBlock input:-moz-read-only {
        font-size: 30px;
    }

    .lk .card .added-block .iBlock input:read-only {
        font-size: 30px;
    }

    .lk .adress .add-adress-form {
        padding: 40px 20px 0;
    }

    .lk .adress .body-lk-block {
        padding: 0;
    }

    .lk .adress .item .shown-block {
        padding: 10px 20px;
        height: auto;
    }

    .lk .adress .item .shown-block .title {
        font-size: 14px;
        letter-spacing: 0.14px;
        max-width: 170px;
        margin-right: 10px;
        min-width: calc(100% - 80px);
    }

    .lk .adress .item .shown-block .title span {
        padding-left: 20px;
        position: relative;
    }

    .lk .adress .item .shown-block .title span:before {
        position: absolute;
        top: 5px;
        left: 0;
    }

    .lk .adress .item .btn {
        width: 30px !important;
    }

    .lk .adress .item .btn.green {
        width: 36px !important;
        height: 30px;
    }

    .lk .adress .item .btn.green:before {
        content: "";
        background: url("../img/ui/btn-change-info_icon_active_green@2x.png") no-repeat center center;
        background-size: contain;
        width: 17px;
        height: 12px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .lk .adress .item .btn.red {
        width: 30px !important;
        height: 30px;
        font-size: 0;
        position: relative;
    }

    .lk .adress .item .btn.red:after,
    .lk .adress .item .btn.red:before {
        content: "";
        width: 12px;
        height: 1px;
        background: #e13d3d;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .lk .adress .item .btn.red:after {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .lk .adress .item .btn.red:before {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .lk .adress .item .change-adress-form {
        padding: 40px 20px 0;
    }

    .lk .bonus {
        background: #fff;
    }

    .lk .bonus .body-bonus-block {
        display: block;
    }

    .lk .bonus .quession .title {
        font-size: 12px;
        color: #b7b6b6;
        letter-spacing: 0.12px;
        cursor: pointer;
    }

    .lk .bonus .quession .title span:before {
        width: 15px;
        height: 15px;
        font-size: 8px;
        line-height: 14px;
        border-color: #bcbcbc;
        color: #bcbcbc;
        margin-right: 5px;
    }

    .lk .bonus .quession .desc {
        text-align: center;
        display: none;
    }

    .lk .promo .body-lk-block {
        padding: 0px 0;
    }

    .lk .promo .item {
        padding: 30px 0px 36px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .lk .promo .item:last-child {
        border-bottom: none;
    }

    .lk .promo .item .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 40px;
        position: relative;
        padding-right: 20px;
    }

    .lk .promo .item .info .desc {
        padding: 0;
    }

    .lk .promo .item .info .code,
    .lk .promo .item .info .valid {
        padding: 0;
        height: 30px;
        position: absolute;
        bottom: 0;
        width: 50%;
    }

    .lk .promo .item .info .code:before,
    .lk .promo .item .info .valid:before {
        left: 0;
        bottom: 0;
    }

    .lk .promo .item .info .code {
        left: 0;
    }

    .lk .promo .item .info .valid {
        right: 0;
    }

    .lk .history,
    .lk .current {
        overflow: visible;
    }

    .lk .history .timer-block,
    .lk .current .timer-block {
        padding: 0;
        top: -10px;
        right: 10px;
    }

    .lk .history .timer-block p,
    .lk .current .timer-block p {
        display: none;
    }

    .lk .history .timer-block.late,
    .lk .current .timer-block.late {
        padding: 0 10px;
    }

    .lk .history .timer-block.late .quession,
    .lk .current .timer-block.late .quession {
        display: none;
    }

    .lk .history .timer-block.late span#clock span,
    .lk .current .timer-block.late span#clock span {
        display: inline-block;
        vertical-align: middle;
        height: 30px;
        line-height: 30px;
    }

    .lk .history .timer-block.late span:not(.bonus),
    .lk .current .timer-block.late span:not(.bonus) {
        width: 55px;
    }

    .lk .history .timer-block.late span:last-child,
    .lk .current .timer-block.late span:last-child {
        border-right: none;
        min-width: 10px;
        /* width: 20px; */
    }

    .lk .history .timer-block.late span .bonus span,
    .lk .current .timer-block.late span .bonus span {
        display: none;
    }

    .lk .history .head-current .steps-order li .icon:after,
    .lk .current .head-current .steps-order li .icon:after {
        width: 150%;
        right: -150%;
    }

    .lk .history .head-current .steps-order li p,
    .lk .current .head-current .steps-order li p {
        max-width: 70px;
    }

    .lk .history .body-lk-block,
    .lk .current .body-lk-block {
        padding: 0px 0;
    }

    .lk .history .body-lk-block .item,
    .lk .current .body-lk-block .item {
        padding: 0;
        cursor: pointer;
        padding: 25px 0 0 0;
    }

    .lk .history .body-lk-block .item .number,
    .lk .current .body-lk-block .item .number {
        padding-right: 10px;
        vertical-align: top;
        margin-top: -2px;
    }

    .lk .history .body-lk-block .item .info-rest,
    .lk .current .body-lk-block .item .info-rest {
        vertical-align: top;
    }

    .lk .history .body-lk-block .item .info-rest .date,
    .lk .current .body-lk-block .item .info-rest .date,
    .lk .history .body-lk-block .item .info-rest .name,
    .lk .current .body-lk-block .item .info-rest .name,
    .lk .history .body-lk-block .item .info-rest .adress,
    .lk .current .body-lk-block .item .info-rest .adress {
        padding: 0;
    }

    .lk .history .body-lk-block .item .bottom-info,
    .lk .current .body-lk-block .item .bottom-info {
        padding-left: 43px;
        padding-right: 15px;
    }

    .lk .history .body-lk-block .item .bottom-info .type,
    .lk .current .body-lk-block .item .bottom-info .type {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .lk .history .body-lk-block .item .top {
        padding-bottom: 80px;
        position: relative;
    }

    .lk .current .body-lk-block .item .top {
        padding-bottom: 40px;
        position: relative;
    }

    .lk .history .body-lk-block .item .top .number,
    .lk .current .body-lk-block .item .top .number {
        padding: 0 10px 0 20px;
        display: inline-block;
        vertical-align: top;
        margin-top: -2px;
    }

    .lk .history .body-lk-block .item .top .info-rest,
    .lk .current .body-lk-block .item .top .info-rest {
        width: calc(100% - 50px);
        padding: 0 10px 0 20px;
    }

    .lk .history.history_order .item .info-rest {
        max-width: calc(100% - 160px);
    }

    .lk .history .body-lk-block .item .top .info-rest .date,
    .lk .current .body-lk-block .item .top .info-rest .date,
    .lk .history .body-lk-block .item .top .info-rest .name,
    .lk .current .body-lk-block .item .top .info-rest .name,
    .lk .history .body-lk-block .item .top .info-rest .adress,
    .lk .current .body-lk-block .item .top .info-rest .adress {
        padding: 0;
    }

    .lk .history .body-lk-block .item .top .bottom-info,
    .lk .current .body-lk-block .item .top .bottom-info {
        padding: 0 10px 25px 20px;
    }

    .lk .history .body-lk-block .item .top .bottom-info .bonus span.plus,
    .lk .current .body-lk-block .item .top .bottom-info .bonus span.plus {
        margin-right: 5px;
    }

    .lk .history .body-lk-block .item .top .bottom-info .type,
    .lk .current .body-lk-block .item .top .bottom-info .type {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .lk .history .body-lk-block .item .top .btn,
    .lk .current .body-lk-block .item .top .btn {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 0.12px;
        color: #4cc256;
        border: 1px solid #e1e1e1;
        padding: 0 20px;
        height: 45px;
        border-radius: 6px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: border-color 0.3s, color 0.3s, background 0.3s;
        transition: border-color 0.3s, color 0.3s, background 0.3s;
        position: absolute;
        bottom: 0;
        top: auto;
        height: 40px;
        width: 50%;
        border-radius: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .lk .history .body-lk-block .item .top .btn-show-positions-slider,
    .lk .current .body-lk-block .item .top .btn-show-positions-slider {
        left: 0;
        border-left: none;
        border-bottom: none;
        /*width: calc(50% - 1px);*/
        color: #aab1ab;
        width: 100%;
        border-right: none;
    }

    .lk .history .body-lk-block .item .top .btn-by-history-order,
    .lk .current .body-lk-block .item .top .btn-by-history-order {
        right: 0px;
        max-width: calc(50% + 2px);
        border-right: none;
        border-bottom: none;
        border-left: none;
        width: calc(50% + 2px);
    }

    .lk .history .body-lk-block .item .top .btn:hover,
    .lk .current .body-lk-block .item .top .btn:hover {
        background: transparent;
    }

    .lk .history .body-lk-block .item .view-product-order,
    .lk .current .body-lk-block .item .view-product-order {
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    .lk .current .body-lk-block .item .top {
        /* padding-bottom: 0;*/
    }

    .lk .elect .body-lk-block {
        padding: 30px 0;
    }

    .lk.lk_restaurant .history .body-lk-block .item {
        padding-bottom: 25px;
    }

    .sms_key_for_card.open .body {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .sms_key_for_card .body {
        width: 100%;
        max-width: 100%;
        bottom: 0;
        top: auto;
        left: 0;
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        position: fixed;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .archive_blog {
        padding-top: 60px;
    }

    .archive_blog .filters {
        height: 50px;
        top: auto;
        position: relative;
    }

    .archive_blog .filters .trigger:after {
        width: 100px;
        left: auto;
        right: 0;
    }

    .single_blog {
        padding-top: 60px;
    }

    .single_blog .header-post {
        /*height: calc(100vh - 60px);*/
        height: auto;
        /*background-image: none !important;*/
    }

    .single_blog .header-post .controll {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
    }

    .single_blog .header-post .title {
        width: 100%;
        position: relative;
        left: auto;
        bottom: auto;
        padding: 20px;
    }

    /* .archive_restaurant {
     padding-top: 130px;
   }
   .archive_restaurant .body-page {
     padding-top: 0;
   }
   .archive_restaurant .filters {
     top: 60px;
   }*/
    .single_restaurant {
        overflow-x: hidden;
    }

    .single_restaurant .head-page {
        padding-top: 130px;
    }

    .about .nav {
        top: 60px;
    }

    .about .fullscreen .counter {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        max-width: 282px;
    }

    .about .block_1 {
        padding-top: 500px;
    }

    .about .block_7 {
        overflow: visible;
    }

    .about .block_7:after {
        display: none;
    }

    .about div[role="form"] {
        margin-top: 30px;
    }

    .address_pop .my-address ul li {
        padding-right: 0;
        padding: 0;
    }

    .ingredient_pizza_pop .ingredients .list-ingredients li {
        padding: 0 10px;
    }

    .loyalty_program .fullscreen-block {
        padding-bottom: 60px;
    }

    .rest_participants_popup .body_popup .restaraunt-logo {
        margin: 10px;
        width: calc(50% - 20px);
    }

    .cart_pop .order-line {
        max-height: calc(100vh - 115px);
        height: calc(100vh - 115px);
    }

    .cart_pop .body-cart .mCustomScrollBox:before,
    .cart_pop .body-cart .mCustomScrollBox:after {
        display: none;
    }

    .not_work_delivery .btn,
    .not_change_adress .btn {
        margin: 5px auto;
    }

    .cart_pop .body-checkout .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .cart_pop .body-checkout .delivery-block .restaraunt-adress {
        padding-left: 46px;
    }

    .cart_pop .body-checkout .payment-block .nice-select .current,
    .pickup-block .restaraunt-adress .nice-select .current {

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .cart_pop .body-checkout .payment-block .nice-select .list .option,
    .pickup-block .restaraunt-adress .nice-select .list .option {
        line-height: 16px;
        display: flex;
        align-items: center;
        white-space: normal;
    }

    .pickup_checkbox label {
        line-height: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .pickup_checkbox label:after {
        left: 0;
    }

    .address_pop .serch_result_ajax,
    .address_pop .serch_result_ajax_house,
    .address_pop .serch_result_ajax_pickup_out,
    .address_pop .serch_result_ajax_pickup_in{
        left: 27px;
    }

    .address_pop .body form {

        width: 100% !important;
        padding-left: 0;
    }

    .address_pop .my-address ul li:before {

        left: -20px;
    }

    .engineering_works .body {

        align-items: flex-start;
    }


    .address_pop .body .pickup_checkbox {
        margin-bottom: 10px;
    }

    .address_pop .my-address ul li a {

        height: auto !important;
        line-height: 15px;
        padding: 5px 0;
    }

    .pickup_checkbox label:before {
        left: 9px;
    }

    .address_pop .serch_result_ajax,
    .address_pop .serch_result_ajax_house,
    .address_pop .serch_result_ajax_pickup_out,
    .address_pop .serch_result_ajax_pickup_in{
        margin-top: 0;
    }

    .empty_serch_result_ajax {
        width: 80%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .lunches_fixed_block .btn-add-cart {
        position: relative;
        right: auto;
        top: auto;
        margin: 20px auto;
    }

    .lunches_fixed_block {
        position: fixed !important;
        left: 0;
        bottom: 0;
        width: 100% !important;
        z-index: 10;
        margin-bottom: 0 !important;
        padding: 20px 15px !important;
    }

    .lets_go_up.bot_fix {
        bottom: 97px !important;
    }

    .lunches_fixed_block .lunch_text {
        font-size: 11px;
    }

    .lunches_fixed_block .btn-add-cart {
        margin: 0;
        right: 15px !important;
        top: 65% !important;
    }

    .lunches_fixed_block .price {
        font-size: 16px !important;
        top: 25% !important;
        right: 40px !important;
    }

    .lunches_fixed_block .lunch_text p:first-child {

        padding-right: 110px;
    }

    .lunches_fixed_block .chosen_lunch_dishes {
        padding-right: 110px;
    }

    .lk .history.history_order .item .btn.btn.btn-leave-feedback {
        right: auto;
        width: 100%;
        left: 0;
        bottom: 39px;
        border-right: 0;
        border-left: 0;
    }

    .lk .current.current_order .item .btn.btn.btn-leave-feedback {
        right: auto;
        width: 100%;
        left: 0;
        bottom: 0px;
        border-right: 0;
        border-left: 0;
    }

    .info-popup.leave_order_feedback .body {
        width: 100%;
    }

    .leave_order_feedback .stars {
        margin-top: 20px;
    }

    /*.popup.scrolled.open .body{
    transform: translate(0%,0%);
  }
  .info-popup.open{
    display: block !important;
  }
  .popup.scrolled .body{
    transform: translate(0%,0%);
    margin:50px 0;
  }*/
    .btn-user.logged_in {
        border: none;
    }

    .btn-user.logged_in span {

        background: none;
    }

    .impossible_delivery .buttons .make_preorder {
        width: 100%;
    }

    .cart_pop .body-cart .item ul li .old_price {

        width: 40px;
    }

    .single_restaurant .head-page .nav-page li a {

        font-size: 12px;
        text-align: center;
    }

    .product-card-mini {

        min-height: 100px;
    }

    .product-card-mini.pizza .btn-add-ingridients {

        bottom: 175px !important;
    }

    .product-card-mini .product-photo {

        position: relative;
        height: auto;
    }

    .product-card-mini .product-photo img {

        height: auto;
        max-height: 1000px;
        width: 100%;
    }

    .product-card-mini:not(.pizza) .product-title {

        margin-bottom: 0;
        height: auto;
        margin-top: 20px;
    }


    .confirm_adress .body {

        /*align-items: center !important;*/
        justify-content: center !important;
    }

    .confirm_adress .buttons {
        margin: 50px 0 0 !important;
        width: 100%;
        justify-content: center;
    }

    .address_pop .address_pop__section {
        margin-bottom: 25px;
    }

    .address_pop .serch_result_ajax,
    .address_pop .serch_result_ajax_house,
    .address_pop .serch_result_ajax_pickup_out,
    .address_pop .serch_result_ajax_pickup_in{
        left: -22px !important;
        width: calc(100vw - 22px) !important;
    }

    .address_pop form .user_street {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .product-card-mini .description-mob {

        margin-top: 10px;
    }

    .restaurant .main-filter .top ul li a {

        width: 30px;
        height: 30px;

    }

    .restaurant .main-filter {
        height: 40px;
        top: 60px;
        border-top: 1px solid #e6e6e6;

        /*-webkit-overflow-scrolling: touch;*/
    }

    /*.restaurant .main-filter::-webkit-scrollbar-track {
    !*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);*!
    background-color: transparent;
    !*height: 0;*!
  }

  .restaurant .main-filter::-webkit-scrollbar {
    background-color: transparent;
    !*height: 0;*!
  }

  .restaurant .main-filter::-webkit-scrollbar-thumb {
    !*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*!
    background-color: transparent;
    !*height: 0;*!
  }*/
    .restaurant .main-filter .top {
        height: 39px;
    }

    .restaurant .main-filter .list-accordion .accordion {

        display: flex;
    }

    .restaurant .main-filter .list-accordion .trigger {
        height: 39px;
        font-size: 14px;
        font-weight: 300;
        text-transform: none;
        color: #676767;
        padding: 0 10px;
    }

    .restaurant .main-filter .list-accordion .trigger.full {

        pointer-events: none;
        height: initial;
        color: #979797;
    }

    .restaurant .main-filter .list-accordion .trigger.full:before {

        display: none;
    }

    .restaurant .main-filter .list-accordion .trigger.full:after {

        content: ':';
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: auto;
        right: auto;
        height: auto;
        transform: translate(0, 0);
        background: transparent;

    }

    .restaurant .main-filter .accordion ul {

        display: flex !important;
        margin-bottom: 0;
        margin-left: -15px;
    }

    .restaurant .main-filter .list-accordion ul li a {

        white-space: nowrap;
        display: flex;
        align-items: center;
        padding: 0 10px;
        color: #676767;
        height: 100%;
    }

    .restaurant .main-filter .list-accordion ul li a:hover {

        color: #676767;
    }

    .restaurant .main-filter .main-filter__inner {

        padding: 0 10px;
        -webkit-overflow-scrolling: revert;
        /*overflow-x: auto;*/
    }

    .restaurant .main-filter .accordion ul li a,
    .restaurant .main-filter .accordion a {
        overflow: hidden;
    }

    .restaurant .main-filter .accordion ul li a:before,
    .restaurant .main-filter .accordion a:before {
        content: '';
        width: 100%;
        height: 3px;
        background: #4a4a4a !important;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
    }

    .restaurant .main-filter .accordion ul li a.current,
    .restaurant .main-filter .accordion a.current {

        color: #676767 !important;

    }

    .restaurant .main-filter .accordion ul li a.current:before,
    .restaurant .main-filter .accordion a.current:before {

        opacity: 1;
    }

    .restaurant .head-block .logo .btn {

        margin-bottom: 0;
        margin-top: 5px;
    }

    .restaurant #content .slider-shares .bx-wrapper .bx-pager {
        display: none;
    }

    .restaurant #content .caterory-content .title {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .restaurant #content .slider-shares {
        margin-bottom: 30px;
    }
}


@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .catalog .restaurants .col-xs-12 {
        width: 50%;
    }

    .catalog .restaurants .restaurant .top {
        height: 170px;
    }

    .restaurant #content .caterory-content .col-xs-12 {
        width: 50%;
    }

    .archive_blog .posts .col-xs-12,
    .single_blog .posts .col-xs-12 {
        width: 50%;
    }

    .archive_restaurant .body-page .col-xs-12,
    .single_restaurant .body-page .col-xs-12 {
        width: 50%;
    }

    .error {
        height: 140vh;
    }

    .error .bg {
        width: 80%;
    }

    .error .desc {
        top: 70vh;
    }

    .engineering_works .body {
        padding: 10px !important;
    }

    .engineering_works .body .close_win {
        margin-top: 0 !important;
    }

    .engineering_works .icon {
        display: none;
    }

    .impossible_delivery .btn {
        margin: 5px 10px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {
    .catalog .col-xs-12 {
        width: 100%;
    }

    .restaurant #content .caterory-content .col-xs-12 {
        width: 100%;
    }

    .archive_blog .posts .col-xs-12,
    .single_blog .posts .col-xs-12 {
        width: 100%;
    }

    .archive_restaurant .body-page .col-xs-12,
    .single_restaurant .body-page .col-xs-12 {
        width: 100%;
    }
}


@media only screen and (min-width: 415px) and (max-width: 736px) {
    .lk .history .head-current .steps-order li .icon:after,
    .lk .current .head-current .steps-order li .icon:after {
        width: 250% !important;
        right: -250% !important;
    }
}

.ajax_object.hide_it,
.iBlock.hide_it {
    display: none;
}

.singIn_pop .head-pop .auth_step_2,
.singUp_pop .head-pop .auth_step_2,
.singIn_pop .body-pop form .auth_step_2,
.singUp_pop .body-pop form .auth_step_2 {
    display: none;
}

.restaurant .main-filter .accordion ul li a.current,
.restaurant .main-filter .accordion a.current {
    color: #e13d3d;
}

.product_pop .photo {
    text-align: center;
}

.parsley-errors-list {
    display: none !important;
}

.forgot-pass {
    display: none;
}

.btn.btn-add-ingredients {
    opacity: 0;
    pointer-events: none;
}

.form_message {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #9e9e9e;
    padding: 0;
    margin: 0;
    margin-top: -20px;
    text-align: center;
}

.empty_wishlist {
    padding: 0 30px;
    font-weight: 700;
    color: #cccccc;
    font-size: 12px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
}

.archive_restaurant .btn-reset-filters.hidden {
    display: none;
}

.single_restaurant .head-page .nav-page li a.active {
    background: rgba(255, 255, 255, 0.05);
    color: #f5cf68;
}

.single_restaurant .head-page .nav-page li a.active.list_menu span:after,
.single_restaurant .head-page .nav-page li a.active.list_menu span:before {
    background: #f5cf68;
    opacity: 1;
}

.ya-share2 {
    display: inline-block;
}

.wpcf7 .screen-reader-response,
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors {
    display: none !important;
}

.btn-load-more.no_orders {
    border-top: none;
    color: #cccccc;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
}

.lk_delivery .variant_name {
    font-size: 10px;
    letter-spacing: 0.1px;
    color: #757575;
    border-radius: 10px;
    height: 15px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    background: #ececec;
}

.lk_delivery .variant_ingredients {
    font-size: 12px;
    color: #bfbebe;
    display: block;
    margin-top: 5px;
}

/*.lk_delivery .variant_ingredients:before {
  content: "Дополнительно: ";
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  margin-top: -2px;
  color: #757575;
}*/
.current_order .timer-block.hide_it {
    display: none;
}


.lets_go_up {
    width: 40px;
    height: 40px;
    background: #414141;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50%;

    position: fixed;
    right: 20px;
    bottom: 50px;

    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 100;
}

.lets_go_up.visible {
    opacity: 1;
}

.lets_go_up:hover:after,
.lets_go_up:hover:before {
    background: #5f5f5f;
}

.lets_go_up:after,
.lets_go_up:before {
    content: "";
    width: 7px;
    height: 1px;
    background: #fff;
    position: relative;
    top: 0;
    right: auto;
    display: block;
    -webkit-transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}

.lets_go_up:after {
    -webkit-transform: translateX(-1px) rotate(45deg);
    transform: translateX(-1px) rotate(45deg);
}

.lets_go_up:before {
    -webkit-transform: translateX(1px) rotate(-45deg);
    transform: translateX(1px) rotate(-45deg);
}

.about .block_7#contacts .file_upload {
    position: relative;
    overflow: hidden;
    color: #bfbfbf;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: none;
    height: 57px;
    line-height: 45px;
    text-align: left;
}

.about .block_7#contacts .file_upload > button {
    width: 190px;
    height: 45px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    border: 1px solid #e5e5e5 !important;
    color: #7c7c7c;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    outline: none;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    background: transparent;
}

.about .block_7#contacts .file_upload > div {
    display: inline-block;
    vertical-align: middle;
    height: 45px;
    padding: 0 10px;
    width: 100%;
    max-width: calc(100% - 205px);
    color: #bfbfbf;
    font-weight: 300;
    font-size: 14px;
    line-height: 45px;
    letter-spacing: 0.14px;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 500px) {
    .about .block_7#contacts .file_upload > div {
        display: none;
    }

    .about .block_7#contacts .file_upload > button {
        width: 100%;
    }
}

.about .block_7#contacts .file_upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(20);
    transform: scale(20);
    letter-spacing: 10em;
    /* IE 9 fix */
    -ms-transform: scale(20);
    /* IE 9 fix */
    opacity: 0;
    cursor: pointer;
}

.wpcf7-response-output {
    font-size: 16px;
    line-height: 22px;
    color: #7b7b7b;
}


.about .block_7#contacts .wpcf7-not-valid .file_upload > button {
    border: 1px solid #e13d3d !important;
    color: #e13d3d;
}

.about .block_7#contacts .wpcf7-not-valid .file_upload > div {
    color: #e13d3d;
}

.engineering_works {
    z-index: 115;
}

.engineering_works .body {
    width: 100%;
    max-width: 587px;
    height: auto;
    padding: 40px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px;
}

.engineering_works.address_pop .body {

    max-width: 600px;
}

.engineering_works .icon {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    position: relative;
}

.engineering_works .icon:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #eeeeee;

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.engineering_works .icon img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.engineering_works .title {
    font-weight: 500;
    color: #e8b44e;
    margin: 20px auto 0px;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 0.025rem;
}

.engineering_works .text {
    font-weight: 500;
    color: #5d5c5c;
    margin: 12.5px auto;
    text-align: center;
    font-size: 1.25rem;
    letter-spacing: 0.031rem;
}

.engineering_works .text p {
    margin-bottom: 5px;
}

.engineering_works .text a {
    display: inline-block;
    margin: 3px auto;
    position: relative;
}

.engineering_works .text a span {
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.018rem;

    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -o-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.engineering_works .close_win,
.engineering_works .save_delivery_method {
    position: relative;
    top: auto;
    right: auto;

    width: 100px;
    height: 45px;
    line-height: 45px;
    text-align: center;

    background: #4cc256;
    border-radius: 3px;

    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
}

.engineering_works .close_win {

    margin-top: 20px;
}

.engineering_works .close_win:hover,
.engineering_works .save_delivery_method:hover {
    background: #41ab4a;
}

.engineering_works .close_win span,
.engineering_works .save_delivery_method span {
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.0075px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 0;
}

.engineering_works .close_win span:after,
.engineering_works .save_delivery_method span:after,
.engineering_works .close_win span:before,
.engineering_works .save_delivery_method span:before {
    display: none;
}


.confirm_adress .body {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px 90px;
    max-width: 487px;
}

.confirm_adress .buttons {

    display: flex;
    margin: 20px -10px;
}

.confirm_adress .buttons .close_win {

    margin: 0 10px;
}

.confirm_adress .buttons .btn-change-time-delivery {

}

.confirm_adress .buttons .close_win.btn-cancel {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #b4aeae;
    background-color: transparent;
    display: inline-block;
    margin: 0 10px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border: 1px solid #d7d7d7;
    text-align: center;
    border-radius: 6px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.confirm_adress .buttons .close_win.btn-cancel:hover {
    background: #d7d7d7;
    color: #fff;
}


.confirm_adress .title {

    font-weight: 500;
    color: #5d5c5c;
    margin: 12.5px 0;
    text-align: left !important;
    font-size: 1.25rem;
    letter-spacing: 0.031rem;
}

.confirm_adress .title span {
    font-weight: 500;
    color: #e8b44e;
    margin: 20px auto 0px;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 0.025rem;
}


.impossible_delivery {
    z-index: 115;
}

.impossible_delivery .body {
    width: 100%;
    max-width: 746px;
    height: auto;
    padding: 40px 30px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px;
}

.impossible_delivery .title {
    color: #5d5c5c;
    font-size: 1.125rem;
    letter-spacing: 0.02rem;
    text-align: center;
    margin-bottom: 15px;

    font-weight: 700;
}

.impossible_delivery .subTitle {
    color: #5d5c5c;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 1.3rem;
    font-weight: 300;
    width: 100%;
}

.impossible_delivery .grid {
    font-size: 0;
    width: 100%;

    margin-top: 12px;

    display: flex;
    justify-content: space-between;
}

.impossible_delivery .grid .restaurant {
    border-radius: 6px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 214px;

    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*margin-bottom: 24px;*/
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.27);
    -moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.27);
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.27);
    padding: 0;
    background-size: auto 120%;
    background-position: center center;
    background-repeat: no-repeat;
    /* opacity: 0;

			&.is-visible{
				opacity: 1;
			} */
}

.impossible_delivery .grid .restaurant.kombo .top:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.impossible_delivery .grid .restaurant:hover .top .mask {
    opacity: 0.8;
}

.impossible_delivery .grid .restaurant .inner {
    height: 190px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    position: relative;
}

.impossible_delivery .grid .restaurant .top {
    height: calc(100% - 87px);
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    -webkit-transition: background 0.5s !important;
    transition: background 0.5s !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 65px;
}

.impossible_delivery .grid .restaurant .top .stiker {
    width: 65px;
    height: 30px;
    background: #fff;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-weight: 500;
    font-size: 10px;
    color: #cbac59;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 20px;
}

.impossible_delivery .grid .restaurant .top .stiker span {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    background: #fff;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 1;
}

.impossible_delivery .grid .restaurant .top .stiker:before {
    z-index: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 90%;
    top: 50%;
    height: 3px;
    max-width: 300px;
    background: transparent;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.impossible_delivery .grid .restaurant .top .logo {
    position: relative;
    z-index: 1;
    max-height: 100%;
    max-width: 150px;
}

.impossible_delivery .grid .restaurant .top .desc {
    font-weight: 300;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.12px;
    margin-top: 25px;
    position: relative;
    z-index: 1;
}

.impossible_delivery .grid .restaurant .top .mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    display: none;
}

.impossible_delivery .grid .restaurant .bottom {
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 1;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.impossible_delivery .grid .restaurant .bottom .foods,
.impossible_delivery .grid .restaurant .bottom .kitchen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0;
    width: 50%;
}

.impossible_delivery .grid .restaurant .bottom .foods ul,
.impossible_delivery .grid .restaurant .bottom .kitchen ul {
    text-align: center;
}

.impossible_delivery .grid .restaurant .bottom .foods ul li,
.impossible_delivery .grid .restaurant .bottom .kitchen ul li {
    display: inline-block;
    margin: 2px 5px;
}

.impossible_delivery .grid .restaurant .bottom .foods ul li img,
.impossible_delivery .grid .restaurant .bottom .kitchen ul li img {
    height: 19px;
}

.impossible_delivery .grid .restaurant .bottom .foods p,
.impossible_delivery .grid .restaurant .bottom .kitchen p {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #c5c5c5;
    margin-top: 0px;
}

.impossible_delivery .grid .restaurant .bottom .foods {
    width: 55%;
}

.impossible_delivery .grid .restaurant .bottom .kitchen {
    width: 45%;
}

.impossible_delivery .grid .restaurant .bottom .kitchen ul li {
    overflow: hidden;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #b1b1b1;
    position: relative;
    box-sizing: content-box;
}

.impossible_delivery .grid .restaurant .bottom .kitchen ul li img {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.impossible_delivery .btn {
    display: inline-block;
    vertical-align: middle;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    border: 1px solid #e8b44e;
    text-transform: uppercase;

    font-weight: 700;
    color: #e8b44e;
    letter-spacing: 0.0075rem;
    font-size: 0.75rem;

    padding: 0 22px;
    margin: 0 20px;

    -webkit-transition: color 0.3s, background 0.3s;
    -moz-transition: color 0.3s, background 0.3s;
    -ms-transition: color 0.3s, background 0.3s;
    -o-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
}

.impossible_delivery .btn:hover {
    background: #e8b44e;
    color: #fff;
}

.impossible_delivery .buttons {
    font-size: 0;
    margin-top: 16px;
}


#pickup_map {
    width: 100%;
    height: calc(80vh - 230px);
}


.btn-add-ingridients {
    margin: 15px auto 0;
    font-size: 12px;
    color: #e5c86e;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 137px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: color 0.3s, opacity 0.3s;
    -moz-transition: color 0.3s, opacity 0.3s;
    -ms-transition: color 0.3s, opacity 0.3s;
    -o-transition: color 0.3s, opacity 0.3s;
    transition: color 0.3s, opacity 0.3s;

    opacity: 0;
}

.btn-add-ingridients.is-active {
    opacity: 1;
}

.btn-add-ingridients:hover {
    color: #c0a654;
}

.product-card-mini.pizza .btn-add-ingridients {

    bottom: 158px;
}

.mainpage-news-block {
    background-color: transparent;
    padding-top: 0;
}

.smart-app-banner {
    display: none;
}


.vacancy_button_in_blog {
    max-width: 800px;
    width: 100%;
    margin: 23px auto;
}

.sticky {
    position: fixed;
    top: 50px; /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
    z-index: 101;
}

.stop {
    position: relative;
    z-index: 101;
}


.lunches_fixed_block {
    min-height: 80px !important;
    background: #dcdcdc;
    padding: 20px 30px;
    box-sizing: border-box;
    position: relative;
    backface-visibility: hidden;
    width: calc(100% + 1px);
    margin-bottom: 30px;

    display: none !important;
}

.lunches_fixed_block > div {
    width: 100% !important;
    max-width: 877px;
}

.lunches_fixed_block .chosen_lunch_dishes {
    margin-top: 5px;
    display: none;
}

.lunches_fixed_block .chosen_lunch_dishes span {
    font-weight: 500;
}

.lunches_fixed_block.show_it {
    display: block !important;
}

.lunches_fixed_block .lunch_text {

    color: #8a8a8a;
    letter-spacing: .35px;
    font-weight: 300;
    width: calc(100% - 200px);

}

.lunches_fixed_block .btn-add-cart {

    padding: 0 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .12px;
    color: #fff;
    background-color: #5cce54;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 30px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s, background .3s, color .3s;
}

.lunches_fixed_block .btn-add-cart:hover {
    background: #41ab4a;
}

.lunches_fixed_block .price {
    font-weight: 700;
    color: #5cce54;
    font-size: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 160px;
}

.lunches_fixed_block .price:after {
    content: "";
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../img/ui/UAH-product-card.svg) no-repeat center center;
    background-size: contain;
    margin-left: 5px;
}

.lunches_fixed_block .hide_by_default {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.lunches_fixed_block .hide_by_default.show_lunch_button {
    opacity: 1;
}

.lunch_component > a:after {
    content: '';
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 4px solid #5cce54;
    box-sizing: border-box;
    border-radius: 6px;
    opacity: 0;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
}

.lunch_component .chosen:after {
    opacity: 1;
}

.lunch_subtitle {
    font-size: 24px;
    letter-spacing: .24px;
    color: #6e6e6e;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 400;
}

.lk .history .item.restaurants_history .bottom-info {
    margin-top: 3px;
}

#lk-news .tags,
#lk-news .info {
    display: none !important;
}

#lk-news .title {
    font-size: 18px;
    margin-top: 0;
}

.leave_order_feedback .show-fb,
.leave_visit_feedback .show-fb {
    color: #656565 !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-align: center;
    margin-top: 20px;
}

.leave_visit_feedback .show-fb .googlemaps_leave_feedback_button {

    width: 30px;
    height: 30px;
    background: url("../img/GoogleMaps_logo.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 5px;
}

.leave_order_feedback .show-fb.hidden,
.leave_visit_feedback .show-fb.hidden {
    display: none;
}

.leave_order_feedback .show-fb .fb_leave_feedback_button,
.leave_visit_feedback .show-fb .fb_leave_feedback_button {
    margin-left: 5px;
    width: 32px;
    height: 32px;
    background: url('../img/fb_icon.svg') no-repeat center center;
    background-size: contain;
    transition: background 0.3s;
    margin-bottom: -11px;
}

.leave_order_feedback .show-fb .google_leave_feedback_button,
.leave_visit_feedback .show-fb .google_leave_feedback_button {
    margin-left: 5px;
    width: 33px;
    height: 33px;
    background: url('../img/google-icon.svg') no-repeat center center;
    background-size: contain;
    transition: background 0.3s;
    margin-bottom: -11px;
}

.leave_order_feedback .stars,
.leave_visit_feedback .stars {
    height: 13px;
    display: inline-block;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 20px;
}

.leave_order_feedback .stars .star,
.leave_visit_feedback .stars .star {
    width: 13px;
    height: 13px;
    border: 2px solid #EED89E;
    border-radius: 50%;
    margin: 0 3px;
}

.leave_order_feedback .stars .star.checked,
.leave_visit_feedback .stars .star.checked {
    background: #EED89E;
}

.leave_order_feedback .show-fb .fb_leave_feedback_button:hover,
.leave_visit_feedback .show-fb .fb_leave_feedback_button:hover,
.leave_order_feedback .show-fb .google_leave_feedback_button:hover,
.leave_visit_feedback .show-fb .google_leave_feedback_button:hover {
    opacity: 0.8;
}

.leave_order_feedback .stars-text,
.leave_visit_feedback .stars-text {
    color: #656565 !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: .14px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.leave_order_feedback .stars-block,
.leave_visit_feedback .stars-block {
    text-align: left;
    padding-left: 23px;
}

.leave_order_feedback .copy-review {


}

.leave_order_feedback .copy-review-title {
    font-size: 16px;
    font-weight: 700;
    display: block;
    text-align: center;
}

.leave_order_feedback .show-fb > div:not(.copy-review) {
    font-size: 16px;
    font-weight: 700;
}

.leave_order_feedback .copy-review-text {

    line-height: normal;
    display: block;
    font-size: 14px;
    padding: 20px 0;
}

.leave_order_feedback .copy-review-button {
    margin-top: 10px;
    /*color: #e8b44e;*/
    transition: color .3s;
    display: inline-flex;
    max-width: 100%;
}

.leave_order_feedback .show-fb {

    margin-bottom: 0;
}

.leave_order_feedback .copy-review {

    margin-bottom: 30px;
}

.reservation_popup .body {
    max-width: 640px;
    height: 90%;
    padding: 0;
}

.reservation_popup iframe {
    width: 100%;
    height: 100%;
}

.reservation_popup .close_win {
    right: 35px;
}

p.subtitle {
    font-size: 14px;
    letter-spacing: .24px;
    color: #6e6e6e;
    font-weight: 400;
    padding-bottom: 25px;
}

#recaptcha_v3 {
    display: none;
}

.single_restaurant .restaurant-block .info {
    display: none;
}

/* CALL WIDGET */
.widget-callback {
    width: 315px;
    min-height: 200px;
    /*position: absolute;*/
    background-color: #fff;
    border-radius: 6px;
    padding: 25px;
    box-sizing: border-box;
    font-family: "SF UI Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
}

.widget-callback_popup .body {

    max-width: 320px;
    position: relative;
}

.widget-callback_popup .close_win {
    position: absolute;
    top: 10px;
    right: 10px;
    margin-top: 0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: transparent;
    border-radius: 0;
    transition: background 0.3s;
}

.widget-callback_popup .close_win span {
    margin: 0px;
    display: block;
    width: 100%;
    height: 100%;
}

.widget-callback_popup .close_win span:after,
.widget-callback_popup .close_win span:before {
    content: "";
    width: 15px;
    height: 1px;
    background: #777777;
    display: block;
    position: absolute;
    top: 50%;
    margin: 0;
    left: 50%;
    right: auto;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

.widget-callback_popup .close_win span:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.widget-callback_popup .close_win span:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.widget-callback_popup .close_win:hover {

    background: transparent;
}

.widget-callback .callback__text.success {
    font-weight: 300;
    color: #7b7b7b;
}

.widget-callback .callback__text.error {
    font-weight: 300;
    color: #dc1d1d;
}

.widget-callback * {
    box-sizing: border-box;
}

/*.widget-callback::before {*/
/*  content: '';*/
/*  width: 12px;*/
/*  height: 12px;*/
/*  background-color: #fff;*/
/*  position: absolute;*/
/*  transform: rotate(45deg);*/
/*  top: -6px;*/
/*  right: 50px;*/
/*  border-radius: 1px;*/
/*}*/

.widget-callback .callback__title {
    text-align: center;
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    color: #4d4d4d;
}

.widget-callback .callback__group {
    position: relative;
}

.widget-callback .callback__label {
    display: block;
    font-weight: 300;
    color: #7b7b7b;
    font-size: 14px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s;
}

.widget-callback .callback__input {
    display: block;
    width: 100%;
    height: 30px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #545353;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #E2E2E2;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: inherit;
    margin-bottom: 25px;
    margin-top: 30px;
    font-weight: 300;
}

.widget-callback .callback__input:focus {
    background-color: #fff;
    border-color: #7b7b7b;
    outline: 0;
    box-shadow: none;
}

.widget-callback .was-validated .callback__input,
.widget-callback .was-validated .callback__input:focus {
    border-color: #dc1d1d;
}

.widget-callback .callback__input.completed + .callback__label,
.widget-callback .callback__input:focus + .callback__label {
    transform: translateY(-200%);
}

.widget-callback .callback__btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .75rem 1.1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #545353;
    background-color: #eed89e;
    border-color: #eed89e;
    outline: none;
    font-family: inherit;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

.widget-callback .callback__invalid-feedback {
    display: none;
    position: absolute;
    top: calc(100% + 3px);
    left: auto;
    right: 0;
    color: #dc1d1d;
    font-size: 12px;
    font-weight: 300;
}

.widget-callback .was-validated .callback__invalid-feedback {
    display: block;
}

.widget-callback .callback__btn:not(:disabled) {
    cursor: pointer;
}

.widget-callback .callback__btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 216, 158, .5);
}

/* CALL WIDGET END */

.address_pop .title {

    color: #2c2c2c;
    font-size: 18px;
    margin-bottom: 40px;
}

.address_pop .pickup_checkbox label {

    color: #2c2c2c;
    font-size: 18px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.address_pop .pickup_checkbox {

    margin: 0;
    width: 100%;
    text-align: left;
}

.address_pop .pickup_checkbox label .icon {

    background: transparent;
    width: 20px;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.address_pop .pickup_checkbox label .icon:before {

    display: none;
}

.address_pop .pickup_checkbox label .icon img {

    width: 100%;
}

.engineering_works.address_pop .body {

    padding: 40px 70px;
}

.address_pop .address_pop__section {

    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.address_pop .body form {

    display: flex;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 80%;
    padding-left: 35px;
    position: relative;
}

.address_pop form span {
    color: #2c2c2c;
    font-size: 18px;
    letter-spacing: 0.14px;
    font-weight: 300;
    font-family: "SF-UI-DISPLAY";
}

.address_pop form .user_house {
    max-width: 50px;
    font-size: 18px;
    color: #c3a00e;
    border-radius: 0;
    height: 30px;
}

.address_pop form .user_street {

    font-size: 18px;
    color: #c3a00e;
    border-radius: 0;
    height: 30px;
}

.address_pop form .user_street.select {
    color: #c3a00e;
}

.address_pop form .user_house.error_address,
.address_pop form .user_street.error_address,
.address_pop form .user_pickup_store_out.error_address,
.address_pop form .user_pickup_store_in.error_address{
    border-bottom-color: #e13d3d;
}

.address_pop .serch_result_ajax,
.address_pop .serch_result_ajax_house,
.address_pop .serch_result_ajax_pickup_out,
.address_pop .serch_result_ajax_pickup_in{
    position: absolute;
    top: 30px;
    /*width: 325px;*/
    /*left: 55px;*/

    left: -48px !important;
    width: 587px !important;

}

.address_pop .serch_result_ajax .mCSB_scrollTools,
.address_pop .serch_result_ajax_house .mCSB_scrollTools,
.address_pop .serch_result_ajax_pickup_out .mCSB_scrollTools,
.address_pop .serch_result_ajax_pickup_in .mCSB_scrollTools{
    width: 4px;
}

.address_pop .serch_result_ajax .mCSB_inside > .mCSB_container,
.address_pop .serch_result_ajax_house .mCSB_inside > .mCSB_container,
.address_pop .serch_result_ajax_pickup_out .mCSB_inside > .mCSB_container,
.address_pop .serch_result_ajax_pickup_in .mCSB_inside > .mCSB_container{
    margin-right: 3px;
}

.address_pop .serch_result_ajax .autocomplete-suggestions,
.address_pop .serch_result_ajax_house .autocomplete-suggestions,
.address_pop .serch_result_ajax_pickup_out .autocomplete-suggestions,
.address_pop .serch_result_ajax_pickup_in .autocomplete-suggestions{
    padding-right: 27px;
}

.address_pop .user_address:before,
.address_pop .user_pickup_out:before,
.address_pop .user_pickup_in:before{
    content: "";
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
}


.address_pop .user_address.load:before,
.address_pop .user_pickup_out.load:before,
.address_pop .user_pickup_in.load:before{
    background: url('../img/ajax.gif') no-repeat center center;
    background-size: contain
}

.address_pop .buttons {

    display: flex;
    justify-content: center;
    width: 100%;
    margin: 20px -10px;
}

.address_pop .buttons .close_win {

    margin: 0 10px;
}


.address_pop .buttons .close_win.btn-cancel {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #b4aeae;
    background-color: transparent;
    display: inline-block;
    margin: 0 10px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border: 1px solid #d7d7d7;
    text-align: center;
    border-radius: 6px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

.address_pop .buttons .close_win.btn-cancel:hover {
    background: #d7d7d7;
    color: #fff;
}

.address_pop .my-address {

    width: 100%;
    align-self: flex-start;
    padding-left: 35px;
    width: 90%;
    margin-top: 0;
}

.address_pop .my-address ul {

    margin-top: 0;
}

.address_pop .my-address ul li {

    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.address_pop .my-address ul li a {
    line-height: 1;
    height: 35px;
}

.address_pop .my-address ul li:before {

    top: 50%;
    transform: translateY(-50%);
}

.address_pop .my-address ul li:first-child {
    margin-top: 0;
}

.address_pop .my-address ul:before, .address_pop .my-address ul:after {
    display: none;
}

.address_pop .close_win__main {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    background: transparent !important;
    width: 30px;
    height: 30px;
}

.address_pop .close_win__main span {

    position: relative;
    text-transform: uppercase;
    color: rgba(41, 41, 41, 0.4);
    font-size: 12px;
    letter-spacing: 2.4px;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.address_pop .close_win__main span:after,
.address_pop .close_win__main span:before {
    content: "";
    width: 15px;
    height: 1px;
    background: #777777;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

.address_pop .close_win__main span:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.address_pop .close_win__main span:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}


.index .head-block.head-type_slider {
    height: auto;
    padding: 110px 0 75px 0;
}

.index .head-block .block_1_slider .slide {
    height: 360px;
    background-size: cover;
    background-position: center;
    border-radius: 6px;
    overflow: hidden;
}

.index .head-block .block_1_slider .slide .slide_link {

    background: #eed89e;
    color: #5f5f5f;
    font-weight: 300;
    font-size: 14px;
    height: 40px;
    padding: 0 25px 0 45px;
    -webkit-border-top-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    border-top-left-radius: 40px;
    display: block;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: background-color .3s;

}

.index .head-block .block_1_slider .slide .slide_link:hover {

    background: #d8b047;
}


.index .head-block.head-type_slider {
    /*background: url(../img/head-block_bg_new.jpg) no-repeat center center;
  background-size: cover;*/
    background: none;
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;

    overflow: visible;
}

.index .head-block.head-type_slider .bx-wrapper {

    overflow: initial;
}

.index .head-block.head-type_slider .bx-wrapper .bx-viewport {
    background: transparent;
}

.index .head-block.head-type_slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
}

.index .head-block.head-type_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #eed89e;
}

/*.index .head-block.head-type_slider  .categories-block .items{

  transform: translateY(0);
  margin-bottom: -220px;
}*/

.index .head-block.head-type_slider .parallax_layer {
    width: 300px;
    height: 300px;
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.index .head-block.head-type_slider .parallax_layer_1 {
    top: -150px;
    left: -150px;
    width: 450px;
    height: 450px;
    /*transform: rotate(100deg);*/
    /*transform-origin: center;*/
}

.index .head-block.head-type_slider .parallax_layer_2 {
    bottom: 0px;
    width: 260px;
    left: 0px;
}

.index .head-block.head-type_slider .parallax_layer_3 {
    bottom: -220px;
    left: 70px;
}

.index .head-block.head-type_slider .parallax_layer_4 {
    top: 0;
    right: 0px;
}

.index .head-block.head-type_slider .parallax_layer_5 {
    top: 35%;
    right: 50px;
    width: 130px;
}

.index .head-block.head-type_slider .parallax_layer_6 {
    bottom: -160px;
    right: 0px;
}

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


    .index .head-block .block_1_slider .slide {

        height: 300px;
    }
}


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


    .index .head-block .block_1_slider .slide {

        height: 300px;
    }

    .index .head-block.head-type_slider {

        padding: 75px 0 45px 0;
    }

    .index .head-block.head-type_slider .parallax_layer {

        display: none;
    }

    /*.index .head-block.head-type_slider .categories-block .items{
    margin-bottom: -40px;
  }*/
    .index .head-block.head-type_slider .trigger-block {
        margin-top: 0;
    }

    /*.index .head-block.head-type_slider  .categories-block{

    padding-top: 15px;
  }*/
    .index .head-block.head-type_slider {

        /*background: #2a2a2a;*/
    }

}

.restaurant .body-page #ajax_loading_of_items.load:after {

    content: '';
    position: relative;
    /*bottom: 10px;*/
    /*left: 0;*/
    width: 100%;
    height: 50px;
    background: url(../img/ajax.gif) no-repeat center;
    background-size: 40px;
    display: block;
    clear: none;
}

.restaurant .body-page .ajax_loading_item:last-of-type {
    margin-bottom: 50px;
}


.cart_pop .body.step-1 .right .quick-order {
    /*margin-top: 50px;*/
    /*border: 2px dashed #c1af7e;*/
    padding: 0 0 30px;
    margin-bottom: 20px;
}

.cart_pop .body.step-1 .right .quick-order .payment_block {
    margin-bottom: 15px;
}

.cart_pop .body.step-1 .right .quick-order .radio {
    position: relative;
    background: transparent;
}

.cart_pop .body.step-1 .right .quick-order .radio input[type=radio] {
    display: none;
}

.cart_pop .body.step-1 .right .quick-order .radio input[type=radio]:checked ~ label:before {
    opacity: 1;
}

.cart_pop .body.step-1 .right .quick-order .radio label {
    width: 100%;
    padding: 0 10px;
    height: 30px;
    text-transform: none;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.14px;
    display: flex;
    align-items: center;
    line-height: 14px;
    cursor: pointer;
    padding-left: 27px;
}

.cart_pop .body.step-1 .right .quick-order .radio label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid #888888;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    border-radius: 50%;
}

.cart_pop .body.step-1 .right .quick-order .radio label:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #888888;
    position: absolute;
    top: 50%;
    left: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cart_pop .body.step-1 .right .quick-order .payment_block {

    margin-top: 0px;
}

.cart_pop .body.step-1 .right .quick-order .payment_block .payment_block__title {

    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12px;
    color: rgba(255, 255, 255, 0.7);
}

.cart_pop .body.step-1 .right .quick-order .ajax_add_quick_order {

    margin-top: 0px;
    /*background: #c1af7e;*/
}

.cart_pop .body.step-1 .right .quick-order .iBlock {
    width: auto;
}

.cart_pop .body.step-1 .right .quick-order .iBlock input[type="tel"] {
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    border-radius: 0;
}

.cart_pop .body.step-1 .right .quick-order .iBlock .placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.cart_pop .body.step-1 .right .quick-order .iBlock.phonemask_block:before {

    color: rgba(255, 255, 255, 0.7);
}

.cart_pop .body.step-1 .buttons {

    display: none;
}


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

    .cart_pop .body.step-1 .right .quick-order {


        display: flex;
        flex-direction: column;
    }

    .cart_pop .body.step-1 .buttons {

        text-align: center;
        display: block;
        margin: 20px 0 30px;
    }

    .cart_pop .body.step-1 .buttons p {

        margin: 10px 0 20px;

        color: #6a6a6a;
        text-transform: none;
        font-size: 16px;
        letter-spacing: .12px;

    }

    .cart_pop .body.step-1 .btn-mob-fast-order {


        height: 38px;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.12px;
        color: #fff;
        background: #4cc256;
        border-radius: 6px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
    }
}

.impossible_delivery .close_win {
    top: 20px;
}

/* NEW_MAINPAGE */
.block_1_slider_nb .slide img {
    width: 100%;
    height: 360px;
    display: none;
    object-fit: cover;
}

.block_1_slider_nb .slide {
    position: relative;
}

@media screen and (max-width: 1279px) {
    .block_1_slider_nb .slide img {
        height: 288px
    }
}

@media screen and (min-width: 992px) {
    .block_1_slider_nb .slide img.pc {
        display: block;
    }
}

@media screen and (min-width: 601px) and (max-width: 991px) {
    .block_1_slider_nb .slide img.tbl {
        display: block;
        height: 450px;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .nb_f_sld .bx-viewport {
        max-width: unset !important;
        max-height: unset !important;
        height: calc((100vw - 24px) / 1.6) !important;
    }

    .block_1_slider_nb .slide {
        max-width: unset !important;
        max-height: unset !important;
        height: calc((100vw - 24px) / 1.6) !important;
    }

    .block_1_slider_nb .slide img.tbl {
        height: calc((100vw - 24px) / 1.6) !important;
    }
}

@media screen and (max-width: 600px) {
    .block_1_slider_nb .slide img.mob {
        display: block;
    }

    .nb_f_sld .bx-viewport {
        max-width: unset !important;
        max-height: unset !important;
        height: calc(95vw - 24px) !important;
    }

    .block_1_slider_nb .slide {
        max-width: unset !important;
        max-height: unset !important;
        height: calc(95vw - 24px) !important;
    }

    .block_1_slider_nb .slide img.mob {
        height: calc(95vw - 24px) !important;
    }
}


.index .head-block .block_1_slider_nb .slide .slide_link {
    background: #eed89e;
    color: #5f5f5f;
    font-weight: 300;
    font-size: 14px;
    height: 40px;
    padding: 0 25px 0 45px;
    -webkit-border-top-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    border-top-left-radius: 40px;
    display: block;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: background-color .3s;
}

.index .head-block .block_1_slider_nb .slide .slide_link:hover {
    background: #d8b047;
}

.restaurant #content .slider-shares ul li img {
    /*display: none;*/
    object-fit: cover;
}

@media screen and (min-width: 992px) {
    .restaurant #content .slider-shares ul li img.pc {
        display: block;
    }
}

@media screen and (min-width: 601px) and (max-width: 991px) {
    .restaurant #content .slider-shares ul li img.tbl {
        display: block;
        height: 450px;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .slider-shares .bx-viewport {
        max-width: unset !important;
        max-height: unset !important;
        height: calc((100vw - 24px) / 1.6) !important;
    }

    .slider-shares .slide {
        max-width: unset !important;
        max-height: unset !important;
        height: calc((100vw - 24px) / 1.6) !important;
    }

    .restaurant #content .slider-shares ul li img.tbl {
        height: calc((100vw - 24px) / 1.6) !important;
    }
}

@media screen and (max-width: 600px) {
    .slider-shares .slide img.mob {
        display: block;
    }

    .slider-shares .bx-viewport {
        max-width: unset !important;
        max-height: unset !important;
        height: calc(100vw - 24px) !important;
    }

    .slider-shares .slide {
        max-width: unset !important;
        max-height: unset !important;
        height: calc(100vw - 24px) !important;
    }

    .restaurant #content .slider-shares ul li img.mob {
        height: calc(100vw - 24px) !important;
        display: block;
    }
}

.dfvdfv {
    /*padding-top: 250px !important;*/
}

.nb-ttl-2 {
    margin-bottom: 70px;
    text-align: center;
    font-size: 36px;
}

.items-nb {
    display: flex;
    flex-wrap: wrap;
    /*width: 90vw;*/
    margin: 0 -20px;
    /*max-width: 1500px;*/
    position: relative;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
}

.items-box-nb {
    width: calc(33% - 36px);
    margin: 0 20px 70px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: -4px 4px 4px 0px #1F1F1F1A;
    height: 400px;
    position: relative;
    transition: 0.4s;
    background: white;
}

.items-box-nb:hover {
    box-shadow: -4px 4px 20px 20px #1F1F1F1A;
}

.items-box-nb__bg {
    display: block;
    width: 100%;
    height: 235px;
    object-fit: cover;
}

.logo-box-nb {
    display: block;
    width: max-content;
    margin: 0 auto 10px;
    padding-top: 10px;
}

.logo-box-nb img {
    display: block;
    object-fit: contain;
    width: 230px;
    height: 60px;
}

.logo-box-nb.p20 img {
    display: block;
    object-fit: contain;
    width: 230px;
    height: 100px;
    margin-top: -40px;
}

.logo-box-nb.p50 img {
    display: block;
    object-fit: contain;
    width: 230px;
    height: 120px;
    margin-top: -60px;
}

.nb-sub-ttl-lo {
    text-align: center;
    font-size: 18px;
}


.items-box-nb {
    height: auto;
    padding-bottom: 24px;
}

@media screen and (max-width: 1650px) {
    .items-box-nb__bg.items-box-nb__bg {
        height: calc((90vw - 120px) / 3 / 1.65);
    }
}

@media screen and (max-width: 1200px) {
    .items-box-nb {
        width: calc(50% - 40px);
    }

    .items-box-nb__bg.items-box-nb__bg {
        height: calc((90vw - 80px) / 2 / 1.65);
    }
}

@media screen and (max-width: 760px) {
    .items-box-nb {
        width: calc(100% - 40px);
    }

    .items-box-nb__bg.items-box-nb__bg {
        height: calc((90vw - 40px) / 1.65);
    }
}

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

    /*NEW*/
    .header .header__top {
        display: none;
    }

    /*.index .categories-block {*/
    /*  width: calc(100% + 24px);*/
    /*  margin-left: -12px;*/
    /*  margin-top: 20px;*/
    /*}*/
    .index .categories-block .categories-block__slider .category-item {
        width: 136px;
        height: 120px;
    }

    .index .categories-block .bx-wrapper .bx-viewport {
        /*padding-left: 56px;*/
        overflow: visible !important;

        height: 120px !important;
        max-width: initial !important;
        max-height: 120px !important;
        margin: 0 auto !important;
    }

    .index .categories-block .bx-wrapper .bx-controls .bx-prev {
        /*left: 11px;*/
    }

    .index .categories-block .bx-wrapper .bx-controls .bx-next {
        /*right: 11px;*/
    }

    .index .categories-block .categories-block__slider .category-item .category-item__name {
        font-size: 12px;
    }

    .block-kombo {
        padding: 80px 0;
    }

    .block-kombo .title {
        font-size: 24px;
        max-width: 300px;
    }

    .block-kombo .btn {
        margin-top: 36px;
        background: #FDCA6E;
        height: 50px;
        padding: 0px 44px;
    }

    .block-kombo .btn span {
        font-size: 16px;
        line-height: 50px;
    }

    .block-special-offers {
        margin: 40px 0 10px;
    }

    .block-special-offers .title {
        font-size: 24px;
    }

    .block-special-offers .block-special-offers__slider {
        margin-top: 15px;
    }

    .block-special-offers .offer-item {
        max-width: 336px;
    }

    .block-special-offers .bx-wrapper {
        width: calc(100% + 48px);
        margin-left: -24px !important;
        margin-top: 20px;
    }

    .block-special-offers .bx-wrapper .bx-viewport {
        padding-left: 56px;
        overflow: visible;
        max-width: initial !important;
        max-height: initial !important;
        height: auto !important;
    }

    .block-special-offers .bx-wrapper .bx-controls .bx-prev {
        left: 19px;
        width: 30px;
        height: 30px;
    }

    .block-special-offers .bx-wrapper .bx-controls .bx-next {
        right: 19px;
        width: 30px;
        height: 30px;
    }

    .block-special-offers .offer-item .offer-item__photo {
        height: 263px;
    }

    .block-special-offers .offer-item .offer-item__title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .block-special-offers .offer-item .offer-item__description {
        font-size: 13px;
    }

    .block-special-offers .offer-item .offer-item__info {
        font-size: 12px;
    }

    .block-special-offers .offer-item .offer-item__desc {
        padding: 15px 32px 30px;
    }

    .block-loyalty {
        padding: 55px 0 20px;
    }

    .block-loyalty .block-loyalty__title {
        font-size: 24px;
    }

    .block-loyalty .block-loyalty__subtitle {
        font-size: 14px;
        max-width: 300px;
        margin-top: 10px;
    }

    .block-loyalty .block-loyalty__top-block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .block-loyalty .block-loyalty__top-block .item {
        max-width: 260px;
        margin-bottom: 48px;
    }

    .block-loyalty .block-loyalty__top-block .item:last-of-type {
        margin-bottom: 0;
    }

    .block-loyalty .block-loyalty__top-block .item .icon {
        width: 130px;
        height: 130px;
    }

    .block-loyalty .block-loyalty__top-block .item .icon img {
        max-width: 50px;
        height: 50px;
    }

    .block-loyalty .block-loyalty__top-block .item .text {
        font-size: 18px;
        margin-top: 20px;
        max-width: 190px;
    }

    .block-loyalty hr {
        display: block;
        opacity: 0.3;
    }

    .block-loyalty .block-loyalty__bottom-block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
    }

    .block-loyalty .block-loyalty__bottom-block .item {
        max-width: 340px;
        margin-bottom: 40px;
    }

    .block-loyalty .block-loyalty__bottom-block .item .text {
        font-size: 20px;
        max-width: 250px;
    }


    .header .logo {
        height: 35px;
        width: 35px;
        margin-left: 20px;
    }

    .header .enter-address {
        max-width: 38vw;
        border-radius: 5px;
        padding: 0 10px;
        margin-left: auto;
        position: relative;
        top: auto;
        left: auto;
        z-index: initial;
    }

    .header .header__bottom {
        padding: 0 16px;
    }

    .header .enter-address .label {
        padding: 0;
        height: auto;
    }

    .header .btn-user {
        width: 60px;
        height: 40px;
        border-radius: 10px;
    }

    .header .phone {
        font-size: 0;
        border-radius: 50%;
        background: #FDCA6E;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-left: auto;
    }

    .header .profile {
        display: none;
    }

    .header .phone :before {
        margin-right: 0;
    }

    .header .cart .ajax_sum:before {
        display: none;
    }

    .header .cart {
        padding: 0 10px;
        border-radius: 10px;
        background: #000;
        border: none;
        color: #fff;
        min-width: 50px;
        font-size: 12px;
    }

    .btn-user span {
        font-size: 0;
        border: none !important;
    }

    .btn-user span:before {
        margin-right: 0;
    }


    .archive_restaurant {
        padding-top: 60px;
    }

    .archive_restaurant .filters .btn-close-filter {
        display: block;
        position: absolute;
        right: 10px;
        top: 27px;
        width: 24px;
        height: 24px;
    }

    .archive_restaurant .filters .btn-close-filter img {
        width: 15px;
    }

    .archive_restaurant .filters__title,
    .catalog .filters__title{
        font-size: 24px;
    }

    .archive_restaurant .filters {
        display: none;
        width: 100vw;
        left: 0;
        position: fixed;
        top: 60px;
        background: #fff;
        z-index: 2;
        padding: 20px 40px;
        height: calc(100vh - 60px);
        overflow: auto;
    }

    .archive_restaurant .btn-open-filters {
        display: block;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        padding: 20px 0 45px;
    }

    .archive_restaurant .btn-open-filters span:after {
        content: '';
        width: 24px;
        height: 24px;
        background: url("../img/filter-open-icon.svg") no-repeat center;
        background-size: contain;
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
    }

    .archive_restaurant .toggle-filters .item {
        width: 100%;
        max-width: 100%;
    }

    .archive_restaurant .restaurant-cart .photo {
        height: 265px;
    }

    .archive_restaurant .restaurant-cart .info img {
        width: 100%;
        max-width: 215px;
        height: 60px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .archive_restaurant .restaurant-cart .info .desc {
        max-width: calc(100% - 40px);
        font-size: 13px;
    }

    .archive_restaurant .restaurant-cart .info {
        padding-bottom: 30px;
    }

    .archive_restaurant .ajax_filtering {
        min-height: initial;
    }


    .single_restaurant .block-head {
        height: 450px;
        max-width: 100%;
        width: 100%;
        margin: 60px auto 0;
        border-radius: 0px;
        overflow: hidden;
        padding-bottom: 60px;
    }

    .single_restaurant .block-head .bx-wrapper {
        height: 440px !important;
    }

    .single_restaurant .block-head .bx-wrapper .bx-viewport {
        height: 410px !important;
        max-width: 100% !important;
    }

    .single_restaurant .block-head .block-head__slider .block-head__slider-slide {
        height: 410px;
    }

    .single_restaurant .block-contacts .table .table__body .table-line {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px 0;
    }

    .single_restaurant .block-contacts .table .table__body .table-line .table-line__title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .single_restaurant .block-contacts {
        padding: 0;
    }

    .single_restaurant .block-contacts .table .table__body .table-line a,
    .single_restaurant .block-contacts .table .table__body .table-line .time,
    .single_restaurant .block-contacts .table .table__body .table-line p {
        font-size: 14px;
        max-width: 295px;
        margin-left: auto;
        margin-right: auto;
    }

    .single_restaurant .block-contacts .table .table__body .table-line a {
      display: block;
      width: 100%;
    }


    .single_restaurant .block-contacts .table .table__body .table-line .phone,
    .single_restaurant .block-contacts .table .table__body .table-line .time {
      max-width: 160px;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
    }

    .block-contacts .table .table__body .table-line:not(:last-child):after {
      width: calc(100% - 24px);
      left: 12px;
      transform: translateX(0);
    }

    .block-contacts .table .table__body .table-line .phone, .block-contacts .table .table__body .table-line .time {
        margin-bottom: 0px;
    }

    .single_restaurant .block-contacts .table .table__body .table-line .table-item {
        width: 100% !important;
        max-width: 300px !important;
        margin-bottom: 20px;
    }

    .single_restaurant .block-contacts .table .table__body .table-line .table-item:last-of-type {
        margin-bottom: 0;
    }

    .single_restaurant .block-contacts .table .table__body .table-line .table-line__title {
        display: none;
    }

    .single_restaurant .block-we-have .block-we-have__title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .single_restaurant .block-we-have .icon {
        width: 150px;
        height: 150px;
    }

    .single_restaurant .block-we-have .icon img {
        max-width: 57px;
        max-height: 57px;
    }

    .single_restaurant .block-we-have .text {
        font-size: 16px;
    }

    .single_restaurant .block-menu,
    .single_blog .block-menu{
        padding: 40px 0 40px;
    }

    .block-menu .without_tabs{
        padding-top: 0;
    }

    .block-we-have{
        margin-bottom: 0;
    }

    .single_restaurant .block-menu__title,
    .single_blog .block-menu__title{
        font-size: 24px;
        font-weight: 900;
        margin-bottom: 30px;
        text-transform: none;
    }

    .single_restaurant .block-menu .tabs,
    .single_blog .block-menu .tabs{
        justify-content: space-between;
    }

    .single_restaurant .block-menu .tabs .tabs__item,
    .single_blog .block-menu .tabs .tabs__item {
        font-size: 13px;
    }

    .single_restaurant .block-menu .menu-item .menu-item__title,
    .single_blog  .block-menu .menu-item .menu-item__title{
        padding: 20px 0;
        font-size: 14px;
    }

    .single_restaurant .block-menu .content .content__item,
    .single_blog .block-menu .content .content__item{
        margin: -5px;
    }

    .single_restaurant .block-menu .menu-item,
    .single_blog .block-menu .menu-item{
        max-width: calc(50% - 12px);
        margin: 5px;
    }

    .single_restaurant .block-free-delivery .block-free-delivery__title {
        font-size: 24px;
        max-width: 300px;
        text-align: center;
    }

    .single_restaurant .block-booking .inner {
        /*padding: 40px 38px;*/
        padding: 40px 30px;
    }

    .single_restaurant .block-booking .block-booking__title {
        font-size: 24px;
    }

    .single_restaurant .block-booking .block-booking__select.nice-select .current {
        padding: 0 20px;
    }

    .single_restaurant .block-booking .block-booking__select.num-people-input,
    .single_restaurant .block-booking .block-booking__select.time-input {
        /*width: 101px;*/
        width: 32%;
    }

    .single_restaurant .block-booking .block-booking__select.nice-select:after {
        height: 7px;
        width: 7px;
    }

    .single_restaurant .block-booking .block-booking__select.restaurant-input {
        width: 100%;
    }

    .single_restaurant .block-booking .block-booking__select.date-input {
        /*width: 130px;*/
        width: 37%;
    }

    .mainMenu_pop .buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 14px;
        margin: 40px -8px 0;
        width: 100%;
    }

    .mainMenu_pop .profile,
    .mainMenu_pop .btn-user {
        background: #fff;
        border-radius: 25px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: calc(50% - 16px);
        margin: 0 8px;
    }

    .mainMenu_pop .btn-user span {
        font-size: 14px;
        border: none !important;
        color: #000;
    }

    .mainMenu_pop .btn-user span:before {
        background: url(../img/user_black.svg) no-repeat center;
        background-size: contain;
        flex-shrink: 0;
        margin-right: 10px;
    }

    .mainMenu_pop .nice-select.lang {
        width: calc(50% - 16px);
        margin: 0 8px;
        min-width: 115px;
        height: 50px;
        border-radius: 25px;
        background: transparent;
        box-shadow: none;
        line-height: initial;
        padding: 0 !important;
        border: 2px solid #fff !important;
        float: none;
    }

    .mainMenu_pop .nice-select.lang.open {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .mainMenu_pop .nice-select.lang .current {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        width: 100%;
        display: flex;
        height: 44px;
        align-items: center;
        justify-content: center;
    }

    .mainMenu_pop .nice-select.lang:after {
        right: 20px;
        width: 5px;
        height: 5px;
        border-radius: 1px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        margin-top: -3px;
    }

    .mainMenu_pop .nice-select.lang .list {
        display: block;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        width: calc(100% + 4px);
        margin-left: -2px;
    }

    .mainMenu_pop .nice-select.lang .list .option {
        line-height: 50px;
        height: 50px;
        font-size: 14px;
        min-height: initial;
    }

    /*NEW*/
    .restaraunt-block.dfvdfv {
        /*padding-top: 50px !important;*/
    }

    .restaraunt-block .nb-ttl-2 {
        font-size: 23px;
        margin-bottom: 30px;
    }

    .items-box-nb {
        width: calc(50% - 10px);
        margin: 0 5px 30px;
        padding-bottom: 10px;
        border-radius: 10px;
    }

    .items-box-nb__bg.items-box-nb__bg {
        height: calc(47vw / 1.65);
    }

    .logo-box-nb img {
        width: 100px;
        height: 30px;
    }

    .logo-box-nb.p50 img {
        width: 100px;
        height: 60px;
        margin-top: -30px;
    }

    .logo-box-nb.p20 img {
        width: 100px;
        height: 60px;
        margin-top: -30px;
    }

    .nb-sub-ttl-lo {
        font-size: 13px;
    }

    .catalog .restaurants .restaurant .top .logo {
        max-width: 90%;
    }
}

.restaraunt-block.dfvdfv {
    display: block !important;
    position: static !important;
}

.index .head-block.head-type_slider .trigger-block {
    display: none !important;
}

/* END NEW_MAINPAGE */

/* PRODUCT CATEGORY */
.product_category h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.restaurant-product-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.14px;
    margin-top: 5px;
}

.restaurant-product-title img {
    max-height: 30px;
    padding-top: 5px;
}

@media only screen and (max-width: 992px) {
    .product_category h1 {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .product_category h1 {
        margin-top: 0;
    }
}

/* END */

.copy-button img {
    margin-left: 5px;
    width: 20px;
    margin-top: -3px;
    display: inline-block;
}

.change_checkout_address{
    border-radius: 10px;
    padding: 0 20px;
    border: 1px solid #c1af7e;
    color: #c1af7e;
    margin-left: 10px;
}
.change_checkout_address:hover{
    background: #c1af7e;
    color: #fff;
}
.change_checkout_address span{
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;

    letter-spacing: .18px;
    text-transform: lowercase;
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    bottom: -50px;
}

.address_info_text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #c1af7e;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-top: 20px;
    justify-content: flex-start;
    width: 100%;
    padding-left: 11px;
}

.address_info_text:before {
    color: #fff;
    content: "!";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #e2c881;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

#address_pop form,
#address_pop .lets_clear_address_in_popup{
    display: none;
}