html {
  font-size: 16px;
}
:root {
  --to-dark-red: brightness(0) saturate(100%) invert(12%) sepia(52%) saturate(6145%) hue-rotate(330deg) brightness(93%) contrast(102%);
  --to-yellow: brightness(0) saturate(100%) invert(87%) sepia(36%) saturate(864%) hue-rotate(339deg) brightness(102%) contrast(101%);
  --to-green: brightness(0) saturate(100%) invert(58%) sepia(9%) saturate(2671%) hue-rotate(133deg) brightness(98%) contrast(86%);
  --to-green-gray: brightness(0) saturate(100%) invert(44%) sepia(11%) saturate(895%) hue-rotate(14deg) brightness(94%) contrast(88%);
  --def-tn: all 0.1s linear;
}
body:before {
  content: "";
  position: fixed;
  width: 0;
  height: 0;
  opacity: 0;
  top: 0;
  left: 50%;
  will-change: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  border-radius: 100px;
}
body.menu-open:before {
  display: block;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  visibility: visible;
  background-color: rgb(0 0 0 / 30%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: 0;
  -webkit-transition: var(--def-tn);
  -o-transition: var(--def-tn);
  transition: var(--def-tn);
  will-change: auto;
}
.mob-show {
  display: none;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fxfrw {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.fxfcn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.aife {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.aifs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.aisch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.jcsb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.jcse {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.jcfs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.jcfe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.jcsch {
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
.b-contact__txt.time {
  line-height: 20px;
  color: #7a6f6b;
  text-align: center;
  font-weight: 500;
}
.b-contact__txt.time a {
  color: #3ca7ab;
}
.b-contact__txt.time a:first-child {
  margin-right: 10px;
}
.no_link {
  pointer-events: none;
  opacity: 0.5;
  display: none;
}
.over_quantity {
  display: none;
}
.oq_show {
  display: inline-block;
}
.g-recaptcha {
  margin-bottom: 10px;
}
.login_fly {
  width: 100%;
  border: none;
  overflow: scroll;
  height: 400px;
}
.reg_fly {
  width: 100%;
  border: none;
  overflow: scroll;
  height: 770px;
}
.callback_fly {
  width: 100%;
  border: none;
  overflow: scroll;
  height: 350px;
}
.reg_fly_success {
  height: 200px !important;
}
.modal-body {
  padding: 0;
}
h2.block_header {
  text-transform: capitalize;
}
.products-tile-list+h2.block_header {
  margin-top: 45px;
}
.logo-slogan {
  font-weight: bold;
  text-align: center;
  color: #663918;
  font-size: 17px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-style: normal;
}
.logo-slogan:before {
  display: none;
}
.logo-slogan span {
  color: #cd3144;
}
.logo-slogan .img-responsive {
  max-width: 217px;
}
#collapse-category>ul>li>ul.nav {
  display: none !important;
}
#collapse-category>ul>li>ul.nav.show {
  display: block !important;
}
.rating-stars__name {
  width: 120px;
}
.product-features {
  overflow: hidden;
  /* height: 155px;*/
  height: 90px;
  margin-bottom: 14px;
}
.product__img {
  height: 185px;
}
.basket_sum {
  /*width: 250px !important;*/
  float: right;
  padding-right: 50px !important;
}
img.calendar-icon {
  position: relative;
  float: right;
  margin: 4px;
  margin-top: -30px !important;
}
/*.table-cart tbody tr td {text-align: left;}*/
.search-page form {
  display: table;
}
.search-page form input[type="text"],
.search-page form select {
  width: 280px;
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
}
.search-page form input[type="submit"] {
  height: 42px;
  margin-bottom: 10px;
  margin-left: 20px;
  float: left;
}
.b-contact__phone {
  margin-right: 12px;
}
.b-contact__phone.sm {
  display: none;
}
.product-old-price {
  font-size: 16px;
  color: #8a8a8a;
  text-decoration: line-through;
  font-weight: normal;
}
.top-price {
  position: absolute;
  margin-top: -18px;
}
font.errortext {
  color: red !important;
}
.breadcrumb+.page-title {
  margin-top: -15px;
}
.page-title {
  margin-bottom: 10px;
}
.product-lg .product__img {
  margin: 10px;
}
.nal {
  color: #009fb1;
}
.nal2 {
  color: #c6b77b;
}
.nal3 {
  color: #cf323c;
}
.jGrowl-message {
  color: #fff;
}
.authorization-row>div {
  height: 280px;
}
.authorization-row>div>.text-center,
.authorization-row>div>form>.text-center {
  bottom: 0px;
  position: absolute;
  width: 93%;
  margin-bottom: 0px;
}
.link-logon span {
  border-bottom: 1px dashed #3ca7ab;
  color: #3ca7ab;
}
.header-logon-cont .for_link-logon {
  padding-right: 0;
}
.header-logon-cont .link-logon {
  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;
  line-height: 1.1;
}
.header-logon-cont .link-logon:not(:last-child) {
  margin-right: 5px;
}
.header-logon-cont .for_link-logon .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logon-cont .link-logon span {
  color: #673918;
  border-color: #673918;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header-logon-cont .link-logon:hover span {
  color: #ab0a3d;
  border-color: transparent;
}
.header-logon-cont .icon {
  display: block;
  width: 33px;
  height: 33px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.header-logon-cont .link-logon>.icon.user {
  background-image: url("../img/user_icon.svg");
}
.header-logon-cont .link-logon>.icon.lock {
  background-image: url("../img/lock_blocked.svg");
}
.header-logon-cont .icon.logout {
  width: 12px;
  height: 12px;
  background-image: url("../img/close_icon.svg");
  margin-right: 0;
}
/* .link-logon:hover span {border-bottom: none; color: #333;} */
.bx-html-editor {
  min-width: 0px !important;
}
.mf-captcha {
  clear: both;
}
.mf-captcha img {
  float: left;
}
.mf-captcha input {
  float: right;
  width: 60%;
  margin-top: -1px;
}
.alx_reviews_block {
  background: none;
}
.for_rating .stars {
  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;
}
.for_rating .stars>div {
  width: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.for_rating .stars>div:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.rating_star {
  background-image: url(/local/templates/new/img/card-tile/filled-star.svg);
}
.rating_star_blank {
  background-image: url(/local/templates/new/img/card-tile/blanked-star.svg);
}
.have-discount {
  margin-top: 12px;
  position: relative;
}
.prod-page-rating-cont {
  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;
}
.prod-page-rating-cont>.stars {
  margin-right: 5px;
}
.prod-page-rating-cont .to-tab-review {
  font-size: 15px;
}
/*Youtube âèäåî*/
.article-page__content iframe {
  width: 480px !important;
  height: 300px !important;
  position: relative !important;
}
/* Ñòèëè äëÿ îôîðìëåíèÿ êíîïîê ïîäåëèòüñÿ */
#share {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.like {
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
}
.push {
  font-weight: bold;
  display: inline-block;
  width: 32%;
  min-width: 100px;
  line-height: 40px;
  margin: 5px 3px 20px 3px;
  font-size: 15px;
  text-align: center;
  border-radius: 7px;
  border: 1px solid;
  color: #fff;
  cursor: pointer;
}
.push:hover {
  color: #fff;
}
#share .facebook {
  background-color: #3b5998;
}
#share .google {
  background-color: #dd4b39;
}
#share .twitter {
  background-color: #55acee;
}
#share .vkontakte {
  background-color: #587ea3;
}
#share .ok {
  background-color: #ee8208;
}
.podpis-head {
  background-color: #fad000;
  color: #000;
  border-color: #eac500;
}
.podpis-head:hover {
  color: #000;
}
.podpis-head.opened {
  border-bottom: 0;
  padding-bottom: 2px;
  border-radius: 7px 7px 0 0;
}
.spoiler-body {
  display: none;
}
.podpis-body {
  border: 1px solid #f1c900;
  border-radius: 0 7px 7px 7px;
  margin: -20px 0 16px 3px;
  padding: 13px 20px;
  overflow: auto;
  width: 768px;
  text-align: center;
}
.likers>.likes {
  width: 49%;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
}
#vk_subscribe {
  width: 51% !important;
  margin-top: 5px;
}
#vk_subscribe iframe {
  vertical-align: bottom;
  margin-top: 1px;
}
.article__share_fb {
  color: #506db6;
  font-weight: bold;
}
.article__share_vk {
  color: #5e81a4;
  font-weight: bold;
}
.abs-nal {
  bottom: 65px;
  position: absolute;
}
.product-page-title {
  margin-bottom: 5px;
}
.product-page-title h1 {
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  color: #694a3f;
  line-height: 1.1;
  margin: 0;
}
.product-page-title h1>i {
  display: block;
  font-size: 80%;
  color: #8a8a8a;
}
.oferta {
  margin-top: 30px;
  font-size: 14px;
}
.center {
  text-align: center;
}
.sposobu {
  font-size: 15px;
  color: #287072;
  font-weight: 400;
}
.weight-400 {
  font-weight: 400;
}
#ddelivery_selectPVZ,
.SDEK_selectPVZ {
  color: #cd3144;
  font-weight: 400;
}
#ddelivery_selectPVZ:hover,
.SDEK_selectPVZ:hover {
  text-decoration: underline;
}
.coupon {
  float: right;
  margin-bottom: 30px;
}
.coupon input {
  border: 1px solid #e7dfd7;
}
.article__content {
  height: 170px;
}
/* .b-cart__basket.affix {right: 0px;
top: 100px;
width: auto;
background: #fff;
margin: 0;
padding: 5px;
border-radius: 5px 0 0 2px;} */
/*Ïðîìî*/
.promo {
  z-index: 9999;
  -webkit-box-shadow: -3px 3px 6px 3px #999;
  box-shadow: -3px 3px 6px 3px #999;
  position: fixed;
  top: 155px;
  right: 15px;
  border: 2px solid #6a4a3d;
  padding: 10px;
  background: #e8e2d6;
}
.promo p {
  margin: 5px 0 0;
  font-weight: bold;
}
.promo_sale {
  padding: 2px 0 5px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #ca2c41;
}
.promo_code {
  background: #ca2c41;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
  border: 2px solid #931d2d;
}
.promo_code span {
  color: #ddd;
}
.promo_close {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  padding: 0 5px;
  font-size: 18px;
}
.logsis iframe {
  border: none;
}
#pvz {
  font-size: 20px;
  color: #cd3144;
  font-weight: bold;
  margin-left: 20px;
}
#ord_pr_46,
#ord_pr_47,
#ord_pr_37,
#ord_pr_38 {
  display: none;
}
.green {
  color: #a9b346 !important;
}
.bx-sls .dropdown-block {
  padding-top: 4px;
  padding-bottom: 3px;
}
.bx-sls .bx-ui-sls-container {
  min-height: 33px;
}
.bx-sls .dropdown-fade2white {
  top: 0;
}
.bx-sls .bx-ui-sls-clear {
  margin-top: 6px;
  top: 0;
}
.bx-sls .dropdown-icon {
  top: 14px;
}
.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-route {
  height: 34px;
}
.bx-sls .dropdown-block {
  border-radius: 0px;
  border: 1px solid #e7dfd7;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.red-center {
  text-align: center;
  color: red;
}
#sub-blocked {
  display: none;
  margin-bottom: 10px;
}
#sub-blocked a {
  color: #cd3144;
  text-decoration: underline;
}
#sub-blocked a:hover {
  text-decoration: none;
}
.to_dost {
  font-weight: bold;
  color: #cd3144;
}
.to_dost i {
  top: -3px;
  position: relative;
}
.xx3 {
  color: #cd3144;
}
.xx1 {
  color: rgb(169, 179, 70);
}
.add_sq {
  font-weight: 700;
  font-style: italic;
  color: #694a3f;
  margin-left: 40px;
}
.add_sq2 {
  font-weight: 700;
  font-style: italic;
  color: #694a3f;
  text-decoration: underline;
}
.breadcrumb {
  margin-bottom: 10px;
}
.category-txt {
  margin-top: 10px;
}
.page-title h1 {
  margin-top: 50px;
  margin-bottom: 10px;
}
.page-title.no-margin h1 {
  margin-top: 0;
}
.red-border-right {
  border-right: 1px solid red;
}
.cart-total>div {
  width: 140px !important;
}
.cart-total__price_nosale {
  margin-bottom: 5px;
}
.promocode {
  margin: 0 -60px;
  background: url("/bitrix/templates/new/img/blog_akofe.webp") center;
  color: #fff;
  text-align: center;
  padding: 30px;
}
.promocode .line_1 {
  font-size: 20px;
  font-weight: 500;
}
.promocode .line_2 {
  font-size: 37px;
}
.promocode .line_3 {
  font-weight: 500;
  font-size: 20px;
  max-width: 480px;
  margin: 0 auto;
}
.delivery-machine__form {
  margin: 0 -30px 0;
}
.kofe_v_office .b-content.content {
  padding: 30px 30px 0;
}
.left_span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#for_sdek,
#to_sdek {
  display: none;
}
#sdek {
  overflow: hidden;
}
#forpvz #SDEK_pvz,
#tab-del #SDEK_pvz {
  width: 100%;
  position: relative;
}
#tab-del .SDEK_mark,
#SDEK_pvz .SDEK_mark {
  display: block;
  padding-left: 0;
  position: absolute;
  right: 0;
}
#tab-del #SDEK_pvz #SDEK_map,
#forpvz #SDEK_pvz #SDEK_map {
  width: 100%;
}
#tab-del #SDEK_pvz #SDEK_title,
#forpvz #SDEK_title {
  display: block;
  width: 100%;
}
.login_kupon {
  margin: -20px 0 15px;
  color: #3ca7ab;
}
.link-logon[href="#modal-reg"] {
  display: none;
}
.b-cart {
  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;
}
.b-cart .i-shopping-basket {
  margin-bottom: 0px;
}
.i-vk:before,
.i-fb:before,
.i-in:before,
.i-youtube:before {
  font-size: 36px;
  margin-right: 3px;
}
.geo:before {
  content: "\e819";
  font-size: 16px;
  vertical-align: middle;
  font-family: "font_icons";
  font-weight: normal;
  color: #7a6f6b;
}
.b-social {
  margin-top: -10px;
}
.roast-banner {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
}
.roast-banner>img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.roast-banner>.rb-text {
  background-color: rgb(0 0 0 / 30%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 30px 20px;
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 10px;
  color: #FFF;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
  box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
}
.roast-banner>.rb-text>h2 {
  display: block;
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 1.2em;
}
.roast-banner>.rb-text p {
  font-weight: 300;
}
.roast-banner>.rb-text p:last-child {
  margin-bottom: 0;
}
.how-much-to-buy-sect {
  background: #fff;
  padding: 30px 0;
}
.how-much-to-buy-cont>.hmb-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 15px);
  flex: 0 0 calc(50% - 15px);
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 20px rgb(19 21 22 / 10%);
  box-shadow: 0px 8px 20px rgb(19 21 22 / 10%);
}
.how-much-to-buy-cont>.hmb-text:only-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.how-much-to-buy-cont>.hmb-text>h2 {
  font-size: 30px;
  font-weight: 600;
  color: #17181C;
  margin-bottom: 1em;
  margin-top: 0;
}
.how-much-to-buy-cont .hmb-text .hmb-desc {
  color: #746F52;
  font-size: 16px;
  margin-bottom: 1rem;
  line-height: 1.62;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont {
  position: relative;
  border-left: 1px solid #CAC098;
  border-bottom: 1px solid #CAC098;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>.y-arr,
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>.x-arr {
  display: block;
  position: absolute;
  width: 5px;
  height: 9px;
  background: url('../img/graph-arrow.svg') center/contain no-repeat;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>.y-arr {
  top: 0;
  left: 0;
  -webkit-transform: rotate(-90deg) translate(5px, -3px);
  -ms-transform: rotate(-90deg) translate(5px, -3px);
  transform: rotate(-90deg) translate(5px, -3px);
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>.x-arr {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(3px, 5px);
  -ms-transform: translate(3px, 5px);
  transform: translate(3px, 5px);
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont:before {
  content: '';
  display: block;
  padding-top: 40.35%;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>svg {
  position: absolute;
  bottom: 26px;
  width: 100%;
  height: auto;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>svg path {
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>svg path:hover {
  -webkit-filter: brightness(1.08);
  filter: brightness(1.08);
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont>span {
  display: block;
  position: absolute;
  color: #17181C;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.29;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont .hmb-g-saturation {
  top: 0;
  left: 10px;
}
.how-much-to-buy-cont .hmb-text .hmb-graph-cont .hmb-g-date {
  bottom: 10px;
  left: 10px;
}
.how-much-to-buy-cont .hmb-text .hmb-date-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 30px;
}
.how-much-to-buy-cont .hmb-text .hmb-date-list>li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  font-size: 14px;
  font-weight: 700;
  padding-top: 10px;
}
.how-much-to-buy-cont .hmb-text .hmb-date-list>li:nth-child(even):before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  height: 1px;
  width: 100%;
  background-color: #7E744B;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 15px 10px;
  background-color: #FBFAF6;
  border-radius: 10px;
  border: 1px solid #CAC098;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc>.title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #17181C;
  line-height: 1.5;
  margin-bottom: 0.65em;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc>.hmb-select-row {
  margin: 0 -4px;
  min-width: 100%;
  margin-bottom: 12px;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc>.hmb-select-row>.hmb-select-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 0 4px;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc>.hmb-select-row>.hmb-select-col>.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  position: relative;
  font-size: 12px;
  color: #746F52;
  line-height: 1.17;
  margin-bottom: 1em;
  padding-right: 10px;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc>.hmb-select-row>.hmb-select-col>.title.small:before {
  content: '';
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 23px;
  height: 26px;
  margin-right: 8px;
  background: url('../img/cup-of-coffee.svg') center/contain no-repeat;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc>.hmb-select-row>.hmb-select-col>.title.big:before {
  content: '';
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 19px;
  height: 25px;
  margin-right: 8px;
  background: url('../img/mug-of-coffee.svg') center/contain no-repeat;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc .select-styled {
  min-height: 50px;
  border-radius: 6px;
  border: 1px solid #CAC098;
  background: #F2EFD9;
  color: #17181C;
  font-size: 18px;
  font-weight: 700;
  padding-left: 15px;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc .select .select-styled:after {
  width: 35px;
  height: 100%;
  right: 0;
  top: 0;
  border: 1px solid #CAC098;
  border-width: 0 0 0 1px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.43657 7.30913L15.7091 1.85461C16.0304 1.61355 16.0955 1.15779 15.8545 0.836439C15.6135 0.515083 15.1576 0.449968 14.8363 0.690985L8.00016 5.81823L1.1637 0.690984C0.842393 0.449968 0.386494 0.515131 0.145525 0.836438C0.0473928 0.967249 2.28631e-05 1.12036 2.28564e-05 1.27222C2.28468e-05 1.49336 0.100484 1.71173 0.290979 1.85461L7.56385 7.30913C7.82242 7.50307 8.178 7.50307 8.43657 7.30913Z' fill='black'/%3E%3C/svg%3E") center/60% no-repeat;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc .select .select-styled.active:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc .hmb-calc-result {
  margin-top: auto;
  font-size: 16px;
  color: #000;
}
.how-much-to-buy-cont .hmb-text .hmb-plate-calc .hmb-calc-result>b {
  display: block;
}
.how-much-to-buy-cont .hmb-text .hmb-plates .hmb-plate-calc {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(50% - 10px);
  min-height: 100%;
  margin-bottom: 15px;
}
.hmb-plate-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 15px 10px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #CAC098;
}
.hmb-plates .hmb-plate-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(50% - 10px);
  min-height: 100%;
  margin-bottom: 15px;
}
.hmb-plate-item.fancybox-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: auto;
  float: none;
}
.hmb-plate-item .hidden-text {
  display: none;
}
.hmb-plate-item.fancybox-content {
  max-width: 480px;
}
.hmb-plate-item.fancybox-content button.more {
  display: none !important;
}
.hmb-plate-item.fancybox-content .hidden-text {
  display: inline;
}
.hmb-plate-item .hmb-i-text {
  margin: 0 0 20px;
}
.hmb-plate-item .hmb-i-text>.hmb-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 42px;
}
.hmb-plate-item .hmb-i-text>.hmb-avatar>img {
  display: block;
  max-height: 30px;
  max-width: 100%;
  margin: 0 auto;
}
.hmb-plate-item .hmb-i-text .hmb-i-desc {
  padding-left: 10px;
}
.hmb-plate-item .hmb-i-text .hmb-i-desc>.name {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.65em;
}
.hmb-plate-item .hmb-i-text .hmb-i-desc>.hmb-i-desc-text {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: var(--lc);
  font-size: 14px;
  line-height: var(--lh);
  --lh: 20px;
  --lc: 6;
  max-height: calc(var(--lh) * var(--lc));
  overflow: hidden;
  color: #464954;
}
.hmb-plate-item .hmb-i-text .hmb-i-desc>.hmb-i-desc-text>a, .hmb-plate-item .hmb-i-text .hmb-i-desc>.hmb-i-desc-text>button {
  display: block;
  padding: 0 3px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: bold;
  background-color: #fff;
  border: none;
  outline: none;
}
.hmb-plate-item .hmb-i-bottom {
  color: #000;
  margin-top: auto;
}
.hmb-plate-item .hmb-i-bottom .consumption>.drink {
  display: block;
  font-size: 12px;
  line-height: 1.5;
}
.hmb-plate-item .hmb-i-bottom .consumption>.scope {
  display: block;
  font-size: 14px;
  line-height: 1.28;
  font-weight: 700;
}
.hmb-plate-item .hmb-i-bottom .cup-count>span {
  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;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.hmb-plate-item .hmb-i-bottom .cup-count>span+span {
  margin-left: 10px;
}
.hmb-plate-item .hmb-i-bottom .cup-count>span:before {
  content: '';
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 6px;
}
.hmb-plate-item .hmb-i-bottom .cup-count>span.small:before {
  background: url('../img/cup-of-coffee.svg') 60% center/50% no-repeat, #F2EFD9;
}
.hmb-plate-item .hmb-i-bottom .cup-count>span.big:before {
  background: url('../img/mug-of-coffee.svg') 64% center/43% no-repeat, #F2EFD9;
}
.how-much-to-buy-cont .hmb-text>a {
  color: #98A100;
  text-decoration: underline;
  font-size: 16px;
}
.how-much-to-buy-cont .hmb-text>a:hover {
  color: #BEC900;
  text-decoration: none;
}
.how-much-to-buy-cont .hmb-text .hmb-about-block {
  padding: 15px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 20px rgb(19 21 22 / 10%);
  box-shadow: 0px 8px 20px rgb(19 21 22 / 10%);
  font-size: 18px;
  line-height: 1.33;
  margin-top: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 65px;
}
.how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row {
  margin: 20px -15px 0;
}
.how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row .hmb-ab-b-col {
  padding: 0 15px;
}
.how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row .hmb-ab-b-col>.percent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  margin-right: 10px;
  white-space: nowrap;
  font-size: 24px;
  font-weight: 700;
  color: #746F52;
  margin-top: 7px;
}
.how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row .hmb-ab-b-col>.percent:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 29.17%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #F2EFD9;
}
.how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row .hmb-ab-b-col>.text {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  color: #000;
}
.how-much-to-buy-cont>.hmb-reviews {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 15px);
  flex: 0 0 calc(50% - 15px);
  padding: 20px;
  background: #FBFAF6;
  border-radius: 10px;
}
.hmb-reviews .review-list>.rwl__item {
  display: none;
}
.hmb-reviews .review-list>.rwl__item.rw-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.how-much-to-buy-cont>.hmb-reviews>h2 {
  font-size: 30px;
  font-weight: 600;
  color: #17181C;
  margin-bottom: 1em;
  margin-top: 0;
}
body>.custom-tooltip {
  position: fixed;
  z-index: 3;
  width: 150px;
  background-color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  color: #878472;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-animation: whmDesc 0.1s linear;
  animation: whmDesc 0.1s linear;
}
.wide-gallery-slider-sect {
  background-color: #fff;
  padding: 30px 0 60px;
}
.wide-gallery-slider-cont {
  position: relative;
}
.wide-gallery-slider {
  margin: 0 -15px;
  list-style-type: none;
  padding: 0;
}
.wide-gallery-slider.slick-initialized {
  margin: 0;
}
.wide-gallery-slider>li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(100% / 3);
  flex: 0 1 calc(100% / 3);
  padding: 0 15px;
}
.wide-gallery-slider .slick-slide {
  position: relative;
  padding: 0 15px;
  width: 72.14vw;
  max-width: 770px;
}
.wide-gallery-slider .wgs-item {
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  border-radius: 10px;
  background-color: #000;
}
.wide-gallery-slider .wgs-item:before {
  content: '';
  display: block;
  padding-top: 57.79%;
}
.wide-gallery-slider .wgs-item>img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 101%;
  min-width: 101%;
  -o-object-fit: cover;
  object-fit: cover;
  will-change: auto;
}
.wide-gallery-slider .slick-slide:not(.slick-active) .wgs-item img {
  opacity: .3;
}
.wide-gallery-slider .title {
  position: absolute;
  left: 35px;
  bottom: 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;
  text-align: center;
  background: #F2EFD9;
  border-radius: 25px;
  min-height: 50px;
  color: #17181C;
  font-weight: 700;
  font-size: 16px;
  padding: 5px 30px;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
  will-change: transform;
}
.wide-gallery-slider .slick-slide:not(.slick-active) .title {
  opacity: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.wide-gallery-slider-cont .wide-gallery-slider-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 770px;
}
.wide-gallery-slider-nav .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: url('../img/wide-slider-arrow.svg') center/50% no-repeat, #FFF;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
}
.wide-gallery-slider-nav .slick-arrow:hover {
  -webkit-box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%);
  box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%);
}
.wide-gallery-slider-nav .slick-arrow:active {
  margin-top: 1px;
}
.wide-gallery-slider-nav .slick-arrow:before {
  display: none;
}
.wide-gallery-slider-nav .slick-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%) rotateY(180deg);
  transform: translate(-50%, -50%) rotateY(180deg);
}
.wide-gallery-slider-nav .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.wide-gallery-slider .slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: -35px;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0 15px;
}
.wide-gallery-slider .slick-dots li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100px;
  flex: 0 1 100px;
  margin: 0 3px;
  height: auto;
}
.wide-gallery-slider .slick-dots button, .wide-gallery-slider .slick-dots button:before {
  width: 100%;
  height: 3px;
  padding: 0;
}
.wide-gallery-slider .slick-dots button:before {
  content: '';
  background: #B0B9C3;
  border-radius: 0;
  opacity: 1;
}
.wide-gallery-slider .slick-dots li:not(.slick-active):hover button:before {
  background: #3ca7ab;
}
.wide-gallery-slider .slick-dots .slick-active button:before {
  background: #e77c5b;
}
[data-entity="tabs-container"] [data-entity="tabs-list"] [data-entity="item"]:not(.active) {
  display: none;
}
.brewing-options {
  margin-bottom: 30px;
}
.brewing-options .bo-list {
  position: relative;
  overflow: hidden;
  z-index: 1;
  list-style-type: none;
  padding: 20px 10px;
  margin: 0 0 20px;
  background: #f8f5ea;
  border: 1px solid #eee7e4;
  border-radius: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #e77c5b #f8f5ea;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.brewing-options .bo-list:before,
.brewing-options .bo-list:after {
  content: '';
  display: block;
  position: absolute;
  top: 36%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  width: 140px;
  height: 136px;
  background: url('/local/templates/new/img/bo-coffee-berries.png') center/contain no-repeat;
}
.brewing-options .bo-list:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  right: auto;
  left: 0;
  top: -20%;
}
.brewing-options .bo-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: calc(100% / 5);
  min-width: 150px;
  padding: 0 10px;
  scroll-snap-align: start;
}
.brewing-options .bo-list li:last-child {
  scroll-snap-align: end;
}
.brewing-options .bo-list .bo-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  position: relative;
  z-index: 1;
  border-radius: 9px;
  padding: 20px;
  min-height: 100%;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
  cursor: pointer;
  background: rgb(248 245 234 / 35%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.brewing-options .bo-list li.active .bo-list-item {
  -webkit-transform: translate(1px, 1px);
  -ms-transform: translate(1px, 1px);
  transform: translate(1px, 1px);
}
.brewing-options .bo-list .bo-list-item:before,
.brewing-options .bo-list .bo-list-item:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: 9px;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
  border: 1px solid transparent;
}
.brewing-options .bo-list .bo-list-item:before {
  -webkit-box-shadow: 5px 5px 10px rgb(197 191 162 / 45%), -5px -5px 10px rgb(255 255 255 / 85%);
  box-shadow: 5px 5px 10px rgb(197 191 162 / 45%), -5px -5px 10px rgb(255 255 255 / 85%);
}
.brewing-options .bo-list .bo-list-item:after {
  -webkit-box-shadow: inset 5px 5px 10px rgb(197 191 162 / 45%), inset -5px -5px 10px rgb(255 255 255 / 85%);
  box-shadow: inset 5px 5px 10px rgb(197 191 162 / 45%), inset -5px -5px 10px rgb(255 255 255 / 85%);
}
.brewing-options .bo-list .bo-list-item:hover:before {
  border-color: #eee7e4;
}
.brewing-options .bo-list li.active .bo-list-item:before,
.brewing-options .bo-list li:not(.active) .bo-list-item:after {
  opacity: 0;
  visibility: hidden;
}
.brewing-options .bo-list .bo-list-item .bo-li-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  margin-bottom: 20px;
}
.brewing-options .bo-list .bo-list-item .bo-li-img:before {
  content: '';
  display: block;
  padding-top: 55%;
}
.brewing-options .bo-list .bo-list-item .bo-li-img>img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 100%;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
}
.brewing-options .bo-list li:not(.active) .bo-list-item:hover .bo-li-img>img {
  -webkit-transform: translate(-50%, -50%) scale(1.04);
  -ms-transform: translate(-50%, -50%) scale(1.04);
  transform: translate(-50%, -50%) scale(1.04);
}
.brewing-options .bo-list .bo-list-item>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
  color: #000;
  font-weight: 400;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
}
.brewing-options .bo-list .bo-list-item:hover>span {
  color: #3ca7ab;
}
.brewing-options .bo-list li.active .bo-list-item>span {
  color: #7f7f7f;
}
.brewing-options .bo-content {
  border: 2px solid #f8f5ea;
  border-radius: 10px;
  padding: 20px;
}
.brewing-options .brew-instruction {
  list-style-type: none;
  padding: 0;
  margin: 0;
  counter-reset: brew-stage;
}
.brewing-options .brew-instruction>li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  counter-increment: brew-stage;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 20px rgb(19 21 22 / 10%);
  box-shadow: 0px 8px 20px rgb(19 21 22 / 10%);
}
.brewing-options .brew-instruction>li:before {
  content: counter(brew-stage);
  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;
  text-align: center;
  min-height: 52px;
  min-width: 52px;
  padding: 5px;
  border-radius: 10px;
  background: #f8f5ea;
  position: absolute;
  z-index: 1;
  top: 20px;
  left: -30px;
  line-height: 1;
  font-size: 36px;
  color: #3ca7ab;
  font-style: italic;
  -webkit-box-shadow: 6px 6px 12px rgb(197 191 162 / 45%), -3px -3px 6px rgb(255 255 255 / 85%);
  box-shadow: 6px 6px 12px rgb(197 191 162 / 45%), -3px -3px 6px rgb(255 255 255 / 85%);
}
.brewing-options .brew-instruction>li:not(:last-child) {
  margin-bottom: 20px;
}
.brewing-options .brew-instruction .stage-demo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: max(150px, 30%);
}
.brewing-options .brew-instruction .stage-demo .sd-img {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.brewing-options .brew-instruction .stage-demo .sd-img img {
  display: block;
  max-width: 100%;
  max-height: 200px;
  border-radius: 10px;
  margin: 0 auto;
}
.brewing-options .brew-instruction .stage-demo .sd-desc {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-style: italic;
  opacity: 0.9;
}
.brewing-options .brew-instruction .stage-desc {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 5px 10px;
  border-radius: 5px;
}
.brewing-options .brew-instruction .stage-desc h3 {
  color: #474747;
  margin: 0 0 .3em;
}
.brewing-options .brew-instruction .stage-desc p:last-child {
  margin-bottom: 0;
}
.brewing-options .brew-instruction .stage-desc:not(:first-child) {
  margin-left: 20px;
}
.index-banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #fff;
  padding: 40px clamp(10px, 3.51%, 80px);
  max-width: 1140px;
  border-radius: 10px;
  margin: 10px auto;
}
.index-banner:not(.index-banner--koloskov):before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  background: -o-linear-gradient(354.5deg, #000000 26.97%, rgba(0, 0, 0, 0) var(--sh-size, 61.9%));
  background: linear-gradient(95.5deg, #000000 26.97%, rgba(0, 0, 0, 0) var(--sh-size, 61.9%));
}
.index-banner:not(.index-banner--koloskov):after {
  content: '';
  display: block;
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: url('/local/templates/new/img/index-banner-bg.jpg') left bottom/cover no-repeat;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-animation: index-banner-bg .3s .1s linear both;
  animation: index-banner-bg .3s .1s linear both;
}
@-webkit-keyframes index-banner-bg {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
  }
}
@keyframes index-banner-bg {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.16);
    transform: scale(1.16);
  }
}
.index-banner__title {
  display: block;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.13;
  margin: 0 0 0.3em;
}
.index-banner__subtitle {
  display: block;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.44;
  margin-bottom: 1.6em;
}
.index-banner__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-width: 450px;
}
.index-banner__list-item {
  position: relative;
  padding-left: 63px;
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 1.2em;
}
.index-banner__list-item:last-child {
  margin-bottom: 0;
}
.index-banner__list-item:before {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 36px;
  left: 0;
  top: 0.5em;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='2' rx='1' fill='%23F25966'/%3E%3C/svg%3E%0A") center/100% no-repeat;
}
.index-banner__link {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  background: #000;
  color: #B8BE5C;
  min-height: 80px;
  width: 260px;
  border-radius: 10px 0 10px;
}
.index-banner__link:before,
.index-banner__link>span:before,
.index-banner__link>span:after {
  content: '';
  display: block;
  position: absolute;
  background: url('/local/templates/new/img/index-banner-coffee-bean.png') center/contain no-repeat;
  -webkit-transition: var(--def-tn);
  -o-transition: var(--def-tn);
  transition: var(--def-tn);
}
.index-banner__link:before {
  width: 83px;
  height: 75px;
  left: -17px;
  bottom: -13px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.index-banner__link>span:before {
  width: 78px;
  height: 71px;
  right: 12px;
  top: -38px;
}
.index-banner__link>span:after {
  width: 39px;
  height: 36px;
  right: -10px;
  top: 10px;
  -webkit-transform: rotate(-75deg);
  -ms-transform: rotate(-75deg);
  transform: rotate(-75deg);
}
.index-banner__link:hover:before {
  left: -25px;
  bottom: -15px;
  -webkit-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  transform: rotate(130deg);
}
.index-banner__link:hover>span:before {
  top: -43px;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.index-banner__link:hover>span:after {
  right: -15px;
  -webkit-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  transform: rotate(-70deg);
}
.index-banner__link:hover {
  background: #B8BE5C;
  color: #fff;
}
.index-banner__title-cont {
  position: relative;
  display: inline-block;
}
.index-banner--koloskov .index-banner__title-cont {
  max-width: 70%;
}
.index-banner__slogan {
  position: absolute;
  top: -19px;
  right: 34px;
  width: 258px;
  height: auto;
}
.index-banner__slogan line {
  stroke: transparent;
}
.index-banner__slogan path {
  fill: transparent;
}
.index-banner__slogan.active path {
  -webkit-transition: fill .7s cubic-bezier(0.47, 0, 0.745, 0.715) calc(0.1s + var(--i) * 0.1s);
  -o-transition: fill .7s cubic-bezier(0.47, 0, 0.745, 0.715) calc(0.1s + var(--i) * 0.1s);
  transition: fill .7s cubic-bezier(0.47, 0, 0.745, 0.715) calc(0.1s + var(--i) * 0.1s);
  fill: #E0EA52;
}
.index-banner__slogan.active line {
  -webkit-transition: stroke .7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  -o-transition: stroke .7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  transition: stroke .7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  stroke: #E0EA52;
}
.index-banner--koloskov {
  min-height: 370px;
  padding: 50px;
}
.index-banner--koloskov:before,
.index-banner--koloskov:after {
  display: none;
}
.index-banner--koloskov .index-banner__title {
  font-size: 32px;
}
.index-banner__bg-cont {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: inherit;
}
.index-banner__bg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}
.index-banner__promise {
  display: block;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: .24em;
}
.index-banner__ceo-name {
  display: block;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .01em;
}
/*footer*/
footer .b-social {
  margin-top: 0;
  margin-left: -5px;
  margin-right: -5px;
}
footer .b-social,
footer .b-social noindex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 100%;
}
footer .b-social a {
  display: block;
  position: relative;
  padding: 0 5px;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  will-change: auto;
}
footer .b-social a:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
footer .b-social a>img {
  display: block;
  height: 28px;
}
footer .b-social a[href*="facebook"]>img {
  border-radius: 8px;
}
.geo_town {
  cursor: pointer;
  font-weight: 400;
  color: #3ca7ab;
  border-bottom: 1px dashed #3ca7ab;
  margin-left: 5px;
  line-height: 18px;
}
.geo_town:hover {
  border-bottom: none !important;
}
.i-close-2:before {
  content: "\e816";
  font-size: 16px;
}
.for_link-logon,
.altasib_geobase_mb_link,
.altasib_geobase_link {
  padding: 6px 20px 6px 0;
  display: inline-block;
}
.nav-pills.mob-show {
  padding: 6px 20px 6px 0;
}
.sort-product>div {
  margin-bottom: 0px;
}
.mt-10 {
  margin-top: 10px;
}
.panel-heading>a {
  display: inline-block;
}
.del_incart {
  font-size: 16px;
}
.b-address {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #897e7a;
}
.calback-button {
  margin-top: 20px;
  margin-bottom: 10px;
}
.bx-catalog-subscribe-button {
  font-size: 12px;
  padding: 8px;
}
#bx-catalog-subscribe-form {
  margin-top: -30px;
}
/*
.SDEK_selectPVZ.btn {    padding: 0;
    text-transform: none;
    letter-spacing: normal;
	border:none;}
.SDEK_selectPVZ.btn:hover, .SDEK_selectPVZ.btn:active  {color: #287072; box-shadow:none;}*/
.b-about p {
  margin: 0 0 10px;
  text-shadow: 0 1px 0px #402621;
}
.b-about {
  padding: 30px 0 50px;
  background: #694a3f url(../img/bg_about.webp) 35% 30% no-repeat;
  /*background-size: cover;*/
  max-width: 1136px;
  margin: 10px auto;
  border-radius: 10px;
}
.b-about .b-title {
  margin-bottom: 0.3em;
}
.b-about .subtitle {
  display: block;
  font-weight: 400;
  text-align: center;
  font-size: 24px;
  margin-bottom: 1.85em;
}
.bold {
  font-weight: bold;
}
/*.b-cart__basket.affix .b-cart__txt {display: none;}*/
.soc_top {
  margin-right: 0 !important;
}
.soc_top img {
  width: 22px;
}
.soc_top.tg img {
  width: 21px;
}
.delivery-machine__list__txt {
  margin: 0;
  line-height: 1 !important;
}
h2.text-style5 {
  line-height: 1.4em;
}
.delivery-machine__review__title h3 {
  margin: 0;
  font-size: 20px;
}
.products-tile-list p {
  margin: 0;
}
.b-main_old {
  float: left;
  width: calc(100% - 300px);
  margin-bottom: 80px;
}
.b-title {
  font-family: inherit;
  font-size: 36px;
  text-transform: none;
}
.alx_reviews_form_item_pole_textarea #bx-html-editor-tlbr-cnt-MESSAGE, .alx_reviews_form_item_pole_textarea #bx-html-editor-tlbr-cnt-MESSAGE_MINUS, .alx_reviews_form_item_pole_textarea #bx-html-editor-tlbr-cnt-MESSAGE_PLUS {
  display: none;
}
.alx_reviews_form_item_pole_textarea #bx-html-editor-area-cnt-MESSAGE, .alx_reviews_form_item_pole_textarea #bx-html-editor-area-cnt-MESSAGE_MINUS, .alx_reviews_form_item_pole_textarea #bx-html-editor-area-cnt-MESSAGE_PLUS {
  top: 0px !important;
  height: 100%;
}
.bxhtmled-area-cnt {
  height: 100%;
}
.bxhtmled-iframe-cnt {
  height: 100%;
}
.alx_reviews_form_item_pole_textarea #bx-html-editor-iframe-cnt-MESSAGE, .alx_reviews_form_item_pole_textarea #bx-html-editor-iframe-cnt-MESSAGE_MINUS, .alx_reviews_form_item_pole_textarea #bx-html-editor-iframe-cnt-MESSAGE_PLUS {
  margin-top: -5px;
}
.alx_reviews_list .alx_reviews_item .alx_reviews_item_author_info {
  padding: 0;
}
.alx_reviews_list .alx_reviews_item .alx_reviews_vote_item {
  float: right;
}
.alx_reviews_list .alx_reviews_item {
  margin: 15px 0 15px 0;
}
.alx_reviews_list .alx_reviews_item .alx_reviews_item_author_info .alx_reviews_user_name {
  margin: 0px;
}
.alx_reviews_form_submit_block {
  padding: 0 0 80px 0;
}
.alx_reviews_form .alx_reviews_form_captcha {
  margin: 0 0 20px 0;
}
.alx_reviews_form .alx_reviews_form_item_pole_textarea {
  margin: 0 0 10px 0;
}
.alx_reviews_form .alx_reviews_form_captcha .alx_reviews_form_captcha_pic .alx_reviews_form_captcha_pic_block {
  border: none;
}
.alx_reviews_form .alx_reviews_form_vote .alx_reviews_form_pole_name {
  margin-left: 0;
  font-size: 13px;
}
.alx_reviews_block h3 {
  margin-bottom: 20px;
}
.alx_reviews_form_captcha_pic span {
  display: inherit;
  font-size: 14px;
  text-align: center;
  color: #3ca7ab;
  cursor: pointer;
}
.alx_reviews_form_captcha_pic span:hover {
  color: #287072;
}
.alx_reviews_form .alx_reviews_form_captcha .alx_reviews_form_pole_name {
  width: 120px;
  text-align: right;
}
.order-thank__social .b-social .i-vk:before,
.i-fb:before,
.i-in:before,
.i-youtube:before {
  font-size: 24px;
  margin-right: 0px;
}
/*[data-property-id-row="17"] .soa-property-container {
  position: relative;
}
[data-property-id-row="17"] div.soa-property-container:before {
  content: "+7";
  font-size: 18px;
  position: absolute;
  top: 13px;
  left: 20px;
}
[data-property-id-row="17"] input {
  padding-left: 40px;
}*/
.old-price,
.current-price {
  white-space: nowrap;
}
.authorization-row .checkbox label {
  display: inline-block;
}
.authorization-row .checkbox a {
  white-space: nowrap;
}
/*new header*/
.b-header {
  position: relative;
  padding: 20px 0 10px;
  background-position: center bottom;
}
.b-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: rgba(75, 60, 28, 0.05) url(../img/bg_header_top.webp) 0 0 repeat-x;
}
.b-header-top {
  margin-bottom: 10px;
}
.b-contacts-cont {
  position: relative;
  padding-left: 28px;
}
.b-contacts-cont .b-contacts {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  row-gap: 3px;
}
.b-contacts-cont .b-contacts .b-contact.social-list {
  gap: 5px;
}
.b-contacts-cont .b-contact a {
  display: block;
}
.b-contacts-cont .b-contact:last-child {
  margin-right: 0;
}
.b-contacts-cont>.b-contact__phones {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 10px;
}
.b-contacts-cont .b-contact__phones {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -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: 10px;
}
.b-contacts-cont:before {
  content: "";
  display: block;
  position: absolute;
  height: 18px;
  width: 18px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../img/phone-ring-icon.svg") center no-repeat;
  background-size: contain;
}
.b-contacts-cont .social-list {
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 5px;
}
.b-contacts-cont .social-list>a {
  display: block;
  margin-right: 5px;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.b-contacts-cont .social-list>a:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.b-contacts-cont .social-list>a:last-child {
  margin-right: 0;
}
.b-contacts-cont .social-list>a>img {
  display: block;
}
.header-line-cont {
  position: relative;
  z-index: 1025;
}
.header-line-wrap.fixed .header-line-cont {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 30px);
  max-width: 1140px;
}
.header-line {
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #b6bf5b;
  border-radius: 10px;
  padding: 5px 15px;
  gap: 20px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  -webkit-transition: all 0.03s linear;
  -o-transition: all 0.03s linear;
  transition: all 0.03s linear;
}
.header-line-wrap.fixed .header-line {
  border-radius: 0 0 10px 10px;
}
.b-header .header-line>.logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.b-header .header-line>.logo>img {
  display: block;
  max-width: 100%;
  height: 19px;
  width: auto;
}
.header-line .b-cart__txt>small,
.header-line .b-cart__txt>br {
  display: none;
}
.header-line .navbar.navbar-default {
  margin-top: 0;
  min-height: auto;
  background-color: transparent;
  border: none;
}
.header-line .container {
  width: auto;
  padding: 0;
  margin: 0;
}
.header-line .navbar-default .navbar-header {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 23px;
}
.header-line .navbar-default .navbar-header>span {
  display: block;
  line-height: 0.85;
  margin-top: 2px;
}
.header-line .navbar-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  position: absolute;
  z-index: -1;
  top: calc(100% + 10px);
  left: 50%;
  min-width: 320px;
  overflow: hidden !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #b6bf5b;
  border-top: 1px solid #e2ded0;
  border-radius: 0px 0px 10px 10px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.header-line .navbar-collapse[aria-expanded="true"] {
  height: auto !important;
}
.header-line .navbar-collapse:not([aria-expanded]),
.header-line .navbar-collapse[aria-expanded="false"] {
  display: none !important;
}
.header-line .navbar-default .navbar-nav {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  max-height: 100%;
  overflow: auto;
  background-color: #f8f5ea;
}
.header-line .navbar-default .navbar-nav .dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
.header-line .navbar-default .navbar-nav .dropdown>a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.b-header .header-line .affix {
  position: relative;
  width: auto;
}
.b-header .header-line .affix .navbar-default {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-default .navbar-nav>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 10px;
  font-size: 20px;
  color: #605f5f;
}
.b-header .navbar.navbar-default {
  max-height: none;
  overflow: visible;
  padding: 0 10px;
  margin-right: 0;
  margin-left: 10px;
}
.b-header .navbar.navbar-default * {
  scrollbar-width: thin;
  scrollbar-color: #edc947 transparent;
}
.b-header .navbar.navbar-default *::-webkit-scrollbar {
  height: auto;
  width: 3px;
}
.b-header .navbar.navbar-default *::-webkit-scrollbar-track {
  background: #f8f5ea;
}
.b-header .navbar.navbar-default *::-webkit-scrollbar-thumb {
  background-color: #edc947;
  border-radius: 3px;
  border: none;
}
/*new wide menu*/
.header-line {
  position: relative;
}
.navbar-btn {
  padding: 5px 12px;
  min-height: 32px;
  border-radius: 5px;
  background: #F8F6EA;
  --color: #673918;
  gap: 8px;
  border: none;
  outline: none;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
.navbar-btn:hover {
  background: #D5D2BD;
}
.navbar-btn__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 14px;
  --line-height: 2px;
}
.navbar-btn__line,
.navbar-btn__icon:before,
.navbar-btn__icon:after {
  display: block;
  position: absolute;
  left: 0;
  height: var(--line-height);
  background: var(--color);
  -webkit-transform: var(--line-transform, none);
  -ms-transform: var(--line-transform, none);
  transform: var(--line-transform, none);
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  will-change: transform;
}
.navbar-btn__icon:before,
.navbar-btn__icon:after {
  content: '';
  width: 100%;
  top: 50%;
  margin-top: calc(var(--line-height) / 2 * -1);
}
.navbar-btn__line--top {
  top: 0;
  width: 50%;
}
.navbar-btn__line--bottom {
  bottom: 0;
  width: 70%;
}
.show-menu .navbar-btn__icon:before {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  --line-transform: rotate(45deg);
}
.show-menu .navbar-btn__icon:after {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  --line-transform: rotate(-45deg);
}
.show-menu .navbar-btn__line--top {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  --line-transform: skew(15deg) rotate(45deg);
  opacity: 0;
}
.show-menu .navbar-btn__line--bottom {
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  --line-transform: skew(-15deg) rotate(-45deg);
  opacity: 0;
}
.navbar-btn__anchor {
  display: block;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  color: var(--color);
}
.header-line .navbar-toggle {
  height: 33px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
  border-color: #fff;
  -webkit-transition: var(--def-tn);
  -o-transition: var(--def-tn);
  transition: var(--def-tn);
}
.header-line .navbar-toggle:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.show-menu .header-line .navbar-toggle {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.header-line .navbar-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 3px;
  background-color: #f8f6ea;
  background-image: url("../img/btn-close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 33%;
  will-change: transform;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: var(--def-tn);
  -o-transition: var(--def-tn);
  transition: var(--def-tn);
}
.show-menu .navbar-toggle:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
.header-line .navbar-toggle .icon-bar {
  background-color: #fff;
}
.header-line>.b-contacts-cont {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  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;
  padding-left: 0;
  margin-right: 10px;
}
.b-contacts-cont:before {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-right: 10px;
}
/* .header-line-menu-cont {
  position: absolute;
  z-index: 3;
  left: 50%;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #b6bf5b;
  padding: 0 10px;
  border-radius: 5px;
} 
.header-line-wrap:not(.show-menu) .header-line-menu-cont {
  display: none;
}
*/
.header-line-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 0;
  padding: 0;
  list-style-type: none;
}
.header-line-menu>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  will-change: transform;
  -webkit-animation: menuAccordeon 0.1s linear both;
  animation: menuAccordeon 0.1s linear both;
}
@-webkit-keyframes menuAccordeon {
  0% {
    opacity: 0.1;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@keyframes menuAccordeon {
  0% {
    opacity: 0.1;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
/* .header-line-menu-cont>.header-line-menu>li:nth-child(2) {
  -webkit-animation-duration: 0.11s;
  animation-duration: 0.11s;
}
.header-line-menu-cont>.header-line-menu>li:nth-child(3) {
  -webkit-animation-duration: 0.12s;
  animation-duration: 0.12s;
}
.header-line-menu-cont>.header-line-menu>li:nth-child(4) {
  -webkit-animation-duration: 0.13s;
  animation-duration: 0.13s;
}
.header-line-menu-cont>.header-line-menu>li:nth-child(5) {
  -webkit-animation-duration: 0.14s;
  animation-duration: 0.14s;
}
.header-line-menu-cont>.header-line-menu>li:nth-child(6) {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.header-line-menu-cont>.header-line-menu>li:nth-child(7) {
  -webkit-animation-duration: 0.16s;
  animation-duration: 0.16s;
}
.header-line-menu-cont>.header-line-menu>li:nth-child(8) {
  -webkit-animation-duration: 0.17s;
  animation-duration: 0.17s;
} */
.header-line-menu>li>a {
  display: block;
  color: #17181c;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  -webkit-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
.header-line-menu>li>a:hover {
  color: #ab0a3d;
}
.header-line-menu>li>a.action {
  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;
  font-weight: bold;
}
.header-line-menu>li>a.action:before {
  content: "";
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16px;
  height: 20px;
  background: url("../img/menu-fire.svg") center/contain no-repeat;
  margin-right: 6px;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.navbar.navbar-wide {
  position: absolute;
  z-index: -1;
  top: calc(100% - 5px);
  left: 0;
  width: 100%;
  background-color: #f8f6ea;
  will-change: transform;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-animation: wideMenuShow 0.1s linear both;
  animation: wideMenuShow 0.1s linear both;
  overflow-y: auto;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  border: none;
  scrollbar-width: thin;
  scrollbar-color: #b8be5c transparent;
}
.navbar.navbar-wide>div {
  padding: 0 30px;
}
.navbar.navbar-wide::-webkit-scrollbar {
  height: auto;
  width: 6px;
}
.navbar.navbar-wide::-webkit-scrollbar-track {
  background-color: #f2efd9;
}
.navbar.navbar-wide::-webkit-scrollbar-thumb {
  background-color: #b8be5c;
  border: none;
}
@-webkit-keyframes wideMenuShow {
  0% {
    opacity: 0.1;
    -webkit-transform: rotateX(30deg);
    transform: rotateX(30deg);
  }
}
@keyframes wideMenuShow {
  0% {
    opacity: 0.1;
    -webkit-transform: rotateX(30deg);
    transform: rotateX(30deg);
  }
}
.header-line-wrap:not(.show-menu) .navbar.navbar-wide {
  display: none;
}
.navbar.navbar-wide .wh-menu-row {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  --gap: 20px;
  gap: var(--gap)
}
.navbar.navbar-wide .wh-menu-row>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: calc((100% - var(--gap) * (var(--cols, 3) - 1)) / var(--cols, 3));
  margin: 20px 0;
}
.navbar.navbar-wide .wh-menu-row .cat-plate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  text-decoration: none;
  background-color: #f2efd9;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #17181c;
}
.navbar.navbar-wide .wh-menu-row .cat-plate:hover {
  background-color: #e5eee4;
}
.navbar.navbar-wide .wh-menu-row .wh-menu-item+.wh-menu-item {
  margin-top: 20px;
}
.navbar.navbar-wide .wh-menu-row .wh-menu-item--tea {
  --cols: 1;
}
.navbar.navbar-wide .wh-menu-row .cat-plate .cp-img {
  display: block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 38px;
  flex: 0 0 38px;
}
.navbar.navbar-wide .wh-menu-row .cat-plate .cp-img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.navbar.navbar-wide .wh-menu-row .cat-plate .cp-img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  will-change: filter;
  -webkit-transition: var(--def-tn);
  -o-transition: var(--def-tn);
  transition: var(--def-tn);
  width: 100%;
  height: 100%;
}
.navbar.navbar-wide .wh-menu-row .cat-plate:hover .cp-img img {
  -webkit-filter: var(--to-green);
  filter: var(--to-green);
}
.navbar.navbar-wide .wh-menu-row .cat-plate .cp-text {
  padding-left: 10px;
}
.navbar.navbar-wide .wh-menu-row .cat-plate .cp-text h3 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0.15em;
  color: inherit;
  font-weight: bold;
  will-change: color;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.navbar.navbar-wide .wh-menu-row .cat-plate:hover .cp-text h3 {
  color: #287072;
}
.navbar.navbar-wide .wh-menu-row .cat-plate .cp-text .desc {
  display: block;
  font-size: 11px;
  color: #746f52;
}
.navbar.navbar-wide .wh-menu-inner {
  list-style-type: none;
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2;
  margin: 0;
  padding: 0 6px;
}
.navbar.navbar-wide .wh-menu-inner>li {
  padding: 0 6px;
  -webkit-column-break-inside: avoid;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.navbar.navbar-wide .wh-menu-inner>li a {
  position: relative;
  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;
  min-height: 35px;
  padding: 0;
  font-size: 14px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.navbar.navbar-wide .wh-menu-inner>li a span {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #000;
  -webkit-transition: var(--def-tn);
  -o-transition: var(--def-tn);
  transition: var(--def-tn);
  line-height: 1.1;
}
.navbar.navbar-wide .wh-menu-inner>li a:hover span {
  color: #98a100;
}
.navbar.navbar-wide .wh-menu-inner>li a .whm-img {
  display: block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
  margin-right: 10px;
  will-change: transform;
  -webkit-transition: var(--def-tn);
  -o-transition: var(--def-tn);
  transition: var(--def-tn);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.navbar.navbar-wide .wh-menu-inner>li a:hover .whm-img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-filter: brightness(1.1) drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.1));
  filter: brightness(1.1) drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.1));
}
.navbar.navbar-wide .wh-menu-inner>li a .whm-img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.navbar.navbar-wide .wh-menu-inner>li a .whm-img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 1px;
  /*lazy+columns fix*/
  min-height: 1px;
  /*lazy+columns fix*/
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.navbar.navbar-wide .wh-menu-inner>li a .whm-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  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;
}
.navbar.navbar-wide .wh-menu-inner>li a .whm-rating {
  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;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 6px;
  font-size: 12px;
  line-height: 1;
  color: #878472;
}
.navbar.navbar-wide .wh-menu-inner>li a .whm-rating:before {
  content: "";
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 3px;
  width: 12px;
  height: 12px;
  background: url("../img/menu-star.svg") center no-repeat;
  background-size: contain;
}
.navbar.navbar-wide .wh-menu-inner>li a .whm-desc {
  position: fixed;
  z-index: 3;
  width: 150px;
  background-color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  color: #878472;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-animation: whmDesc 0.1s linear;
  animation: whmDesc 0.1s linear;
}
@-webkit-keyframes whmDesc {
  0% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
}
@keyframes whmDesc {
  0% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
}
.navbar.navbar-wide .wh-menu-inner>li a:not(.show-desc) .whm-desc {
  display: none;
}
.navbar-default {
  display: block;
}
.navbar-default .navbar-nav>li {
  display: block;
}
.navbar-default .navbar-nav>li.highlight>a {
  color: #ab0a3d;
}
.navbar-default .navbar-nav>li>a:before {
  content: none;
}
.navbar-default .navbar-nav li.dropdown i:after {
  content: "\f107";
  font-family: "font_icons";
  font-style: normal;
  font-size: 17px;
  margin-left: 7px;
}
.navbar-default .dropdown.open>a>i:after {
  content: "\f106";
}
.navbar-default .navbar-nav .open .dropdown-menu {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  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: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 5px 0;
  margin-top: 0;
  position: static;
}
.navbar-default .navbar-nav .dropdown-menu {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px dashed #c3bbb8;
}
.navbar-default .navbar-nav .dropdown-menu>ul {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: auto;
  border: none;
  padding: 0px 10px 0px;
}
.navbar-default .navbar-nav .dropdown-menu ul>li.hit a:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 47%;
  left: -15px;
  width: 27px;
  height: 41px;
  background-image: url(../img/card-tile/card-hit.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%) rotate(15deg);
  -ms-transform: translateY(-50%) rotate(15deg);
  transform: translateY(-50%) rotate(15deg);
}
.navbar-default .navbar-nav .dropdown-menu ul>li>a {
  padding: 5px 10px;
  margin-left: 5px;
}
.navbar-default .navbar-nav .dropdown-menu ul>li>a:before {
  top: 4px;
}
.navbar-default .navbar-nav .dropdown,
.navbar-default .navbar-nav .dropdown+li {
  border: none;
}
.navbar-default .info-nav {
  padding: 5px 0;
}
.navbar-default .info-nav>li>a {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  padding: 5px 10px;
}
.navbar-default .info-nav>li>a:hover,
.navbar-default .info-nav>li[class*="selected"]>a {
  color: #edc947;
}
.header-line>.b-contacts-cont {
  margin: 0 auto;
  color: #605f5f;
  line-height: 1;
}
.header-line>.b-cart__txt small {
  color: #fff;
}
.header-line .navbar-collapse .drop-menu-info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px;
  background-color: rgba(255, 255, 255, 0.3);
}
.header-line .navbar-collapse .drop-menu-info .link-logon {
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #585452;
}
.header-line .navbar-collapse .drop-menu-info .link-logon span {
  color: inherit;
  border-color: inherit;
}
.header-line .navbar-collapse .drop-menu-info .link-logon:hover span {
  border-color: transparent;
}
.header-line .navbar-collapse .drop-menu-info .link-logon i {
  display: block;
}
.b-cart__basket, .b-cart__favorite {
  margin-right: 0px;
}
.b-cart .i-shopping-basket {
  display: block;
  position: relative;
  color: #ab0a3d;
  height: 33px;
  width: 33px;
}
.b-cart .i-shopping-basket:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: 0;
  background: url("../img/shopping-basket.svg") center no-repeat;
  background-size: contain;
}
.b-cart__txt {
  display: none;
  white-space: nowrap;
  font-size: 23px;
  line-height: 0.77;
  color: #fff;
}
.b-cart__txt .rouble {
  font-size: 24px;
}
.navbar-header .navbar-toggle {
  height: 33px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
}
.navbar-header:hover .navbar-toggle,
.navbar-header:focus .navbar-toggle {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-header.active .navbar-toggle {
  background-color: #edc947;
}
.up_page_block {
  display: none;
}
.jGrowl {
  display: none;
}
.product-page_discount-amount-cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.product-page_discount-amount-cont>span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  min-height: 20px;
  padding: 0 5px;
  margin-right: 5px;
}
.product-page_discount-amount-cont>span.general {
  background-color: #cd3144;
  color: #fff;
}
.product-page_discount-amount-cont>span.personal {
  color: #fff;
  background-color: #a1d65c;
}
.product-page_label-cont {
  display: block;
  position: absolute;
  z-index: 2;
  top: 15px;
  left: -7px;
  list-style-type: none;
}
.product-page_label-cont i {
  display: block;
  position: relative;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.product-page_label-cont i.hit {
  width: 35px;
  height: 53px;
  background-image: url("../img/card-tile/card-hit.svg");
}
.product-page_label-cont i.discount {
  width: 53px;
  height: 70px;
  background-image: url("../img/card-tile/card-discount.svg");
}
.product-page_label-cont i+i {
  margin-top: -40px;
}
.p-desc-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -10px;
}
.p-desc-gallery>.p-dg-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% / 3);
  flex: 1 1 calc(100% / 3);
  padding: 0 10px;
  margin-bottom: 20px;
}
.p-desc-gallery>.p-dg-col .img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 10px;
}
.p-desc-gallery>.p-dg-col>span,
.p-desc-gallery>.p-dg-col>.text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-style: italic;
  opacity: 0.9;
  border-bottom: 1px solid #edebdf;
  padding-bottom: 10px;
}
.p-desc-gallery>.p-dg-col .img:before {
  content: "";
  display: block;
  padding-top: 78%;
}
.p-desc-gallery>.p-dg-col .img>img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
.country-cat-showcase {
  margin-bottom: 40px;
}
.country-cat-showcase .ccs-col {
  position: relative;
  margin-top: 60px;
}
.country-cat-showcase .ccs-item {
  display: block;
  position: relative;
}
.country-cat-showcase .ccs-item .ccs-i-bg-img {
  position: relative;
  overflow: hidden;
  border: 1px solid #edebdf;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.country-cat-showcase .ccs-item:hover .ccs-i-bg-img {
  border-color: #e77c5b;
}
.country-cat-showcase .ccs-item .ccs-i-bg-img:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.country-cat-showcase .ccs-item .ccs-i-bg-img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 25%);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
.country-cat-showcase .ccs-item:hover .ccs-i-bg-img:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  border-radius: 50%;
}
.country-cat-showcase .ccs-item .ccs-i-bg-img>img {
  display: block;
  position: absolute;
  width: 102%;
  min-height: 102%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.country-cat-showcase .ccs-item:hover .ccs-i-bg-img>img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
  -webkit-filter: saturate(1.2);
  filter: saturate(1.2);
}
.country-cat-showcase .ccs-item .ccs-i-prod-img-cont {
  position: absolute;
  z-index: 1;
  width: 55%;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgb(255 255 255 / 75%);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  border-radius: 5px;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.country-cat-showcase .ccs-item .ccs-i-prod-img {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
}
.country-cat-showcase .ccs-item:hover .ccs-i-prod-img-cont {
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
  -webkit-box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 10%);
}
.country-cat-showcase .ccs-item .ccs-i-prod-img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.country-cat-showcase .ccs-item .ccs-i-prod-img>img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.country-cat-showcase .ccs-item .title {
  display: block;
  margin: 0;
  line-height: 1;
  font-weight: 700;
  color: #694a3f;
  padding: 5px;
  font-size: 16px;
  text-align: center;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.country-cat-showcase .ccs-item .ccs-i-note {
  position: fixed;
  z-index: 3;
  width: 150px;
  background-color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  color: #878472;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-animation: whmDesc 0.1s linear;
  animation: whmDesc 0.1s linear;
}
.country-cat-showcase .ccs-item:not(.show-desc) .ccs-i-note {
  display: none;
}
.country-cat-showcase .ccs-item:hover .title {
  color: #cd3144;
}
.country-cat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  list-style-type: none;
  margin: 0;
  padding: 20px 15px 10px;
  border-radius: 5px;
  background-color: #f8f5ea;
}
.country-cat-list>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(100% / 3);
  flex: 0 1 calc(100% / 3);
  padding: 0 5px;
  margin-bottom: 10px;
}
/* .country-cat-list>li>a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    height: 100%;
    padding: 5px;
    min-height: 42px;
    background-color: #fff;
    border: 1px solid #EDEBDF;
    transition: all .1s linear;
} */
.country-cat-list>li>a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
.country-cat-list>li>a:before {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  content: "\f105";
  font-family: "font_icons";
  font-style: normal;
  font-size: 17px;
  margin-right: 7px;
}
.country-cat-list>li>a:hover {
  border-color: #e77c5b;
}
.product-options-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  margin-bottom: 20px;
}
.product-options-cont+.product-options-cont {
  margin-top: -10px;
}
.product-options-cont .po-item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(100% / 3);
  flex: 0 1 calc(100% / 3);
}
.product-options-cont .po-item+.po-item>label {
  margin-left: -1px;
  min-width: calc(100% + 1px);
}
.product-options-cont .po-item>input {
  display: none;
}
.product-options-cont .po-item>label {
  position: relative;
  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: 100%;
  min-height: 37px;
  border: 1px solid #edebdf;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.product-options-cont .po-item>input:not(:disabled):not(:checked)+label:hover {
  z-index: 1;
  border-color: #3ca7ab;
  color: #287072;
}
.product-options-cont .po-item>input:checked+label {
  z-index: 2;
  cursor: default;
  border-color: #e77c5b;
  font-weight: 700;
}
.product-options-cont .po-item>input:disabled+label {
  opacity: 0.6;
  background-color: #ebebeb;
  cursor: default;
}
.product-options-cont .po-item .po-i-info {
  display: none;
  position: absolute;
  z-index: 10;
  bottom: calc(100% + 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  font-size: 16px;
}
.product-options-cont.poc-fresh-roast .po-item .po-i-info {
  width: 350px;
  font-size: 14px;
}
.product-options-cont.poc-fresh-roast .po-item .po-i-info h3 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0.65em;
}
.product-options-cont.poc-fresh-roast .po-item .po-i-info p {
  margin-top: 0;
  margin-bottom: 0.35em;
}
.product-options-cont.poc-fresh-roast .po-item .po-i-info p:last-child {
  margin-bottom: 0;
}
.po-i-info__important {
  display: block;
  color: #cd3144;
  font-size: .88em;
}
.product-options-cont.poc-fresh-roast .po-item .d-hide {
  display: none;
}
.product-options-cont .po-item:hover .po-i-info {
  display: block;
  -webkit-animation: po-ii-fade-in 0.1s linear both;
  animation: po-ii-fade-in 0.1s linear both;
  will-change: margin, opacity;
}
@-webkit-keyframes po-ii-fade-in {
  0% {
    opacity: 0;
    margin-bottom: -10px;
  }
}
@keyframes po-ii-fade-in {
  0% {
    opacity: 0;
    margin-bottom: -10px;
  }
}
.product-options-cont .po-item .po-i-info:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  -webkit-filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 15%));
  filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 15%));
}
.product-options-cont .po-item .po-i-info .po-ii-img {
  position: relative;
  width: 130px;
  border-radius: 5px;
  background-color: #fff;
}
.product-options-cont .po-item .po-i-info .po-ii-label-cont {
  display: block;
  position: absolute;
  z-index: 2;
  top: 15px;
  left: -6px;
  list-style-type: none;
}
.product-options-cont .po-item .po-i-info .po-ii-label-cont i {
  display: block;
  position: relative;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.product-options-cont .po-item .po-i-info .po-ii-label-cont i.hit {
  width: 35px;
  height: 53px;
  background-image: url("../img/card-tile/card-hit.svg");
}
.product-options-cont .po-item .po-i-info .po-ii-label-cont i.discount {
  width: 53px;
  height: 70px;
  background-image: url("../img/card-tile/card-discount.svg");
}
.product-options-cont .po-item .po-i-info .po-ii-label-cont i+i {
  margin-top: -40px;
}
.product-options-cont .po-item .po-i-info .po-ii-img:before {
  content: "";
  display: block;
  padding-top: 85%;
}
.product-options-cont .po-item .po-i-info .po-ii-img>img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  min-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.product-options-cont .po-item .po-i-info .price {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #cd3144;
  text-align: center;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #edebdf;
}
.product-options-cont .po-item .po-i-info .price .old {
  display: inline-block;
  margin-left: 6px;
  font-size: 14px;
  color: #897e7a;
  text-decoration: line-through;
}
.product-page .product-total-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.product-page .product-total-cont .product-page-available {
  text-align: center;
  margin-bottom: 0;
}
.product-page .product-total-cont .btn-product {
  width: 100%;
  margin-bottom: 10px;
}
.product-page .product-total-cont .product-order {
  padding: 10px;
  border-radius: 5px;
  background-color: #f8f5ea;
  min-width: 199px;
  gap: 1rem;
}
.product-order .quantity_input {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
  border-radius: 5px;
}
.product-order .quantity_input button {
  height: 33px;
  border: solid 0px white;
  border-width: 0px 4px 0px 2px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 0 5px 5px 0;
}
.product-page .product-small-desc {
  font-size: 16px;
  font-style: italic;
  color: #8e8d8d;
}
.product-hr {
  margin: 20px 0;
}
.product-page .product-page__body .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -5px;
}
.product-page .product-page__body .options>div {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  line-height: 1;
  padding: 5px;
  font-size: 16px;
  color: #8e8d8d;
}
.product-page .product-page__body .rating_coffee,
.product-page .product-page__body .rating_coffee_blank {
  width: 14px;
  height: 14px;
}
.product-specifications {
  font-size: 16px;
  color: #8e8d8d;
}
.product-specifications .product-spec-item+.product-spec-item {
  margin-top: 5px;
}
.product-page .product-small-desc+.product-specifications {
  margin-top: 10px;
}
.product-page .product-page__body .for_rating {
  margin-bottom: 30px;
}
.product-page .product-page__body .for_rating a {
  font-size: 16px;
  line-height: 1;
}
.product-page__content .nav-tabs {
  margin: 0 -30px;
  padding: 0 30px;
}
.product-page__content .nav-tabs>li:last-child>a {
  margin-right: 0;
}
.products-tile-list .product-tile-item .ptli-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  margin: 0 -3px 5px;
  border-radius: 20px;
}
.products-tile-list .product-tile-item .ptli-options+.ptli-options {
  margin-top: -4px;
}
.products-tile-list .product-tile-item .ptli-options .ptli-o-item {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% / 3);
  flex: 1 1 calc(100% / 3);
  padding: 0 3px;
  margin-bottom: 5px;
  max-width: 50%;
}
.products-tile-list .product-tile-item .ptli-options .ptli-o-item>input {
  display: none;
}
.products-tile-list .product-tile-item .ptli-options .ptli-o-item>label {
  position: relative;
  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: 100%;
  min-height: 16px;
  background-color: #f8f5ea;
  border-radius: 20px;
  padding: 3px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: 400;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.products-tile-list .product-tile-item .ptli-options .ptli-o-item>input:not(:disabled):not(:checked)+label:hover {
  z-index: 1;
  background-color: #3ca7ab;
  color: #fff;
}
.products-tile-list .product-tile-item .ptli-options .ptli-o-item>input:checked+label {
  z-index: 2;
  cursor: default;
  background-color: #e77c5b;
  color: #fff;
  font-weight: 700;
}
.products-tile-list .product-tile-item .ptli-options .ptli-o-item>input:disabled+label {
  opacity: 0.6;
  background-color: #ebebeb;
  cursor: default;
}
.products-tile-list .product-tile-item .ptli-specifications {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -3px 5px;
}
.products-tile-list .product-tile-item .ptli-specifications .ptli-s-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% / 3);
  flex: 1 1 calc(100% / 3);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-flex-flow: column nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 3px;
  margin-bottom: 5px;
}
.products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-prop-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 42px;
  height: 22px;
  position: relative;
  margin-bottom: 8px;
}
.products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-prop-img>img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  -webkit-filter: brightness(0) saturate(100%) invert(56%) sepia(42%) saturate(664%) hue-rotate(327deg) brightness(94%) contrast(91%);
  filter: brightness(0) saturate(100%) invert(56%) sepia(42%) saturate(664%) hue-rotate(327deg) brightness(94%) contrast(91%);
}
.products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-scale {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  margin: 0 0 5px;
}
.products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-scale>li {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  border-radius: 50%;
  background-color: #ddd6d4;
}
.products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-scale>li.fill {
  background-color: #694a3f;
}
.products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .prop {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  font-weight: 300;
  line-height: 1;
  font-size: 14px;
  text-align: center;
  color: #694a3f;
}
.order-thank__social {
  margin-bottom: 0px;
}
.order-rek_title {
  font-size: 32px;
  text-align: center;
  color: #cd3144;
}
.for_friend {
  margin: 20px 5px;
}
.for_friend input {
  margin: 0 0 0 10px;
}
.order-friends {
  text-align: center;
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: bold;
}
.btn-orange {
  color: #fff;
  background-color: #cd3144;
  border-color: #cd3144;
}
.contact-page-block__desc2 {
  margin: 0 0 0 160px;
}
.seo-spoiler {
  cursor: pointer;
  text-align: right;
  margin-top: -10px;
  margin-bottom: 15px;
  color: #3ca7ab;
  font-weight: 600;
}
.seo-spoiler span {
  border-bottom: 1px dashed #3ca7ab;
}
.seo-spoiler span:hover {
  border-bottom: none;
}
.seo-spoiler:after {
  content: " \25BC";
}
.seo-spoiler.opened:after {
  content: " \25B2";
}
.basket_quantity {
  font-size: 15px;
  color: #3ca7ab;
}
.product-page-available {
  color: #3ca7ab;
}
.product-page-available .i-checked:before {
  color: #3ca7ab;
}
.red {
  /*font-weight: bold;*/
  color: #ff0001;
}
.product-other-title {
  margin-top: 50px;
}
.red_kur {
  color: red;
  font-size: 16px;
}
.product-price span.price_desc {
  color: #444;
  font-size: 18px;
  margin-right: 10px;
  font-weight: normal;
}
.alx_reviews_form .alx_reviews_form_vote .alx_reviews_form_pole_name {
  width: auto;
  margin-right: 10px;
}
.alx_reviews_form .alx_reviews_form_vote .alx_reviews_form_vote_items .alx_reviews_form_vote_item {
  background: url("/local/templates/new/img/card-tile/blanked-star.svg") center no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 0;
  background-size: contain;
  cursor: pointer;
}
.alx_reviews_form .alx_reviews_form_vote .alx_reviews_form_vote_items .alx_reviews_form_vote_item_sel {
  background: url("/local/templates/new/img/card-tile/filled-star.svg") center no-repeat;
  background-size: contain;
}
.sq-list-four.products-tile-list {
  margin-bottom: 50px;
}
.countries-cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
.countries-cont .countries-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 65%;
  flex: 0 1 65%;
  padding-right: 20px;
}
.countries-cont .countries-media {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 35%;
  flex: 0 1 35%;
}
.countries-cont .countries-media .video-cont {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  background-color: rgb(0 0 0 / 10%);
  display: block;
}
.countries-cont .countries-media .video-cont:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.countries-cont .countries-media .video-cont>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-page__content iframe[src*="youtube"] {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 10px;
  margin-bottom: 10px;
}
.product-page__content iframe[src*="youtube"]:last-child {
  margin-bottom: 0;
}
.countries-cont .countries-media .cm-gallery {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  margin: 0 -5px;
  list-style-type: none;
  padding: 0;
}
.countries-cont .countries-media .cm-gallery>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(100% / 3);
  flex: 0 1 calc(100% / 3);
  padding: 0 5px;
  margin-bottom: 6px;
}
.countries-cont .countries-media .cm-gallery .cmg-item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  background-color: rgb(0 0 0 / 10%);
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.countries-cont .countries-media .cm-gallery .cmg-item:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 10%);
}
.countries-cont .countries-media .cm-gallery .cmg-item:before {
  content: "";
  display: block;
  padding-top: 65%;
}
.countries-cont .countries-media .cm-gallery .cmg-item img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 101%;
  min-height: 101%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mf-captcha,
.form-horizontal .form-group.mf-captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 0 16px;
}
.mf-captcha>input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: auto;
}
.select {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}
.select .select-hidden {
  display: none;
}
.select .select-styled {
  position: relative;
  z-index: 2;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  border: 1px solid #e1e2e3;
  cursor: pointer;
  color: #3d3d3d;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 36px;
  padding: 0 20px;
  font-style: normal;
  font-size: 15px;
}
.select .select-styled>span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.select .select-styled:after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  margin-left: auto;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.select .select-styled:hover {
  outline: 1px solid #e77c5b;
  color: #e77c5b;
}
.select .select-styled:active, .select .select-styled.active {
  outline: 1px solid #e77c5b;
  z-index: 6;
}
.select .select-styled:active:after, .select .select-styled.active:after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.select .select-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  z-index: 5;
  margin: 0;
  padding: 5px 0;
  list-style: none;
  background-color: #fff;
  will-change: transform;
  -webkit-animation: select-fade-in 0.1s ease-in-out both;
  animation: select-fade-in 0.1s ease-in-out both;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  border: 1px solid rgb(0 0 0 / 15%);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  background-clip: padding-box;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e77c5b #f8f5ea;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.select .select-options::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.select .select-options::-webkit-scrollbar-track {
  background: #f8f5ea;
}
.select .select-options::-webkit-scrollbar-thumb {
  background-color: #e77c5b;
  border: none;
}
.select .select-options>li {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  padding: 3px 10px 3px 15px;
  min-height: 38px;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  scroll-snap-align: end;
}
.select .select-options>li.active {
  font-weight: bold;
  cursor: default;
}
.select .select-options>li.hide, .select .select-options>li.disabled, .select .select-options>li[data-disabled="true"] {
  display: none;
}
.select .select-options>li:not(.active):hover {
  text-decoration: none;
  color: #868585;
  background-color: #f5f5f5;
}
.select .select-options>li[rel="hide"] {
  display: none;
}
@-webkit-keyframes select-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes select-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.select .select-styled>span>i.option-img,
.select .select-options li>i.option-img {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 35px;
  margin-right: 8px;
}
.select .select-styled>span>i.option-img:before,
.select .select-options li>i.option-img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
img[data-lazy-load]:not([data-loaded]) {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.list-with-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.list-with-image>ul,
.list-with-image>ol {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(65% - 20px);
  flex: 0 0 calc(65% - 20px);
  margin-bottom: 20px;
}
.list-with-image>img {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  height: 100%;
  max-width: 35%;
  max-height: 100%;
  min-width: 200px;
  border-radius: 6px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
  -o-object-fit: contain;
  object-fit: contain;
}
form .quantity_input {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
form button.in_basket {
  display: none !important;
}
form button.in_basket~.quantity_input {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quantity_input input {
  display: block;
  border: none;
  outline: none;
  width: 70px;
  background-color: transparent;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  color: #606060;
}
.quantity_input button {
  display: block;
  outline: none;
  border: none;
  background-color: transparent;
  width: 9px;
  height: 18px;
  padding: 0;
  font-size: 0;
  color: transparent;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="9" height="17" viewBox="0 0 9 17" fill="none"%3E%3Cpath d="M1 1L8 8.5L0.999999 16" stroke="%23606060"/%3E%3C/svg%3E') center no-repeat;
  background-size: contain;
  opacity: 0.8;
}
.quantity_input button:first-child {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.quantity_input button:hover {
  opacity: 1;
}
.call-us-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.call-us-block>* {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  text-align: center;
  margin-bottom: .2em;
}
.call-us-block>.h3 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0 0 0.5em;
}
.call-us-block>.soc_text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.call-us-block>.soc_top {
  padding-left: .1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.call-us-block>a {
  color: #673918;
}
.call-us-block>a:hover {
  color: #ab0a3d;
}
.modal__0>p {
  margin-bottom: 0.5em;
  text-align: center;
}
.modal__0>p:last-child {
  margin-bottom: 0;
}
.grecaptcha-badge {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.yandex-sprav__cont {
  clear: both;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem auto 0;
}
.yandex-sprav__cont>h2 {
  margin-bottom: .8rem;
  text-align: center;
}
.yandex-sprav__cont>.subtitle {
  margin-bottom: 1.5rem;
  text-align: center;
}
.yandex-sprav__qrcode {
  position: relative;
  width: 150px;
}
.yandex-sprav__qrcode>img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.yandex-sprav__iframe {
  width: 150px;
  height: 50px;
}
/*media queries*/
@media (min-width: 768px) {
  .navbar-default .navbar-header,
  .navbar-toggle {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .navbar-collapse.collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
  }
  .navbar-collapse.collapse:not(.in):not(.collapsing) {
    display: none !important;
    -webkit-animation: none;
    animation: none;
  }
}
@media (min-width: 769px) {
  .sq-list-one.products-tile-list>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: calc(100% + 1px);
  }
}
@media (min-width: 613px) and (max-width: 991px) {
  .logo-slogan {
    display: none;
  }
}
@media (min-width: 992px) {
  .sq-list-four.products-tile-list>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: calc(25% + 1px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-default .navbar-nav .dropdown a {
    padding: 12px 20px;
  }
}
@media (max-width: 1600px) {
  .b-subscribe__grain-left.visible-lg,
  .b-subscribe__grain-right.visible-lg {
    display: none !important;
  }
}
@media (max-width: 1201px) {
  .push {
    width: 31%;
  }
  .podpis-body {
    width: 558px;
  }
  #vk_subscribe {
    width: 71% !important;
    margin-top: 5px;
  }
  .product-features {
    min-height: 10px;
  }
  .product-lg .product-features {
    min-height: 50px;
  }
  /*.btn-orange {width: 68px; margin-left: 30px; overflow:hidden;}*/
  .product-lg .btn-orange {
    width: auto;
    margin-left: 0;
  }
  .product-sm .btn-product {
    width: 50px;
  }
}
/*  @media  (min-width: 1200px) {
    .navbar-default .navbar-nav .dropdown:nth-child(n+2) {position: relative;}

    .navbar-default .navbar-nav .dropdown:nth-child(n+2) .dropdown-menu {position: absolute; width: 383px;}
        .navbar-default .navbar-nav .dropdown:nth-child(4) .dropdown-menu {
            position: absolute;
    width: 335px;
            
        }
    .navbar-default .navbar-nav .dropdown:nth-child(5) .dropdown-menu {
    position: absolute;
    width: 400px;
    left: -206px;
}

    } */
@media (min-width: 1200px) {
  .article-page__content iframe {
    width: 640px !important;
    height: 400px !important;
  }
}
@media (max-width: 1199px) {
  .header-line-wrap.fixed .header-line-cont {
    max-width: 940px;
  }
  .product-page .product-price {
    margin-bottom: 10px;
  }
  .product-page .product-total-cont .product-order {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .navbar.navbar-wide>div {
    padding: 0 15px;
  }
  .navbar-btn__anchor {
    display: none;
  }
  .navbar.navbar-wide .wh-menu-row {
    --cols: 2;
  }
  .navbar.navbar-wide .wh-menu-row>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: var(--gap);
  }
  .navbar.navbar-wide .wh-menu-row>li .wh-menu-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: calc((100% - var(--gap) * (var(--cols, 2) - 1)) / var(--cols, 2));
  }
  .navbar.navbar-wide .wh-menu-row .cat-plate:last-child {
    margin-bottom: 0;
  }
  .navbar.navbar-wide .wh-menu-row .wh-menu-item+.wh-menu-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 230px;
    flex: 1 1 230px;
    margin-top: 0;
  }
}
@media (max-width: 992px) {
  .promocode {
    margin: 0 -30px;
    padding: 18px;
  }
  .promocode .line_3 {
    font-size: 16px;
  }
  .product-page__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .product-options-cont.poc-fresh-roast>.po-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .product-options-cont.poc-fresh-roast .po-item>label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: left;
    text-decoration: none;
    background-color: #f2efd9;
    padding: 10px 15px 10px 63px;
    border-radius: 10px;
    margin-bottom: 0;
    font-size: 16px;
    color: #17181c;
    border: none;
    -webkit-transition: var(--def-tn);
    -o-transition: var(--def-tn);
    transition: var(--def-tn);
  }
  .product-options-cont.poc-fresh-roast .po-item>label:hover {
    background-color: #e5eee4;
    color: #287072;
  }
  .product-options-cont.poc-fresh-roast .po-item>label:before {
    content: '';
    display: block;
    position: absolute;
    width: 38px;
    height: 38px;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('../img/coffee-roast-icon.svg') center no-repeat;
    background-size: contain;
    -webkit-transition: var(--def-tn);
    -o-transition: var(--def-tn);
    transition: var(--def-tn);
  }
  .product-options-cont.poc-fresh-roast .po-item>label:hover:before {
    -webkit-filter: var(--to-green);
    filter: var(--to-green);
  }
  .product-options-cont.poc-fresh-roast .po-item .d-hide {
    display: block;
    font-size: 11px;
    color: #746f52;
    margin-top: 0.25em;
  }
  .product-options-cont.poc-fresh-roast .po-item .po-i-info {
    left: 83%;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .navbar-default .navbar-nav>li>a {
    padding: 12px 12px;
    font-size: 22px;
  }
  .article-page__content iframe {
    width: 320px !important;
    height: 200px !important;
  }
}
@media (max-width: 990px) {
  .header-line>.b-contacts-cont {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 25px;
  }
  .b-contacts-cont:before {
    margin-right: 0;
  }
  .navbar.navbar-wide>div {
    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-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 20px;
  }
  .navbar.navbar-wide .wh-menu-row {
    gap: 0;
    --cols: 1;
    margin-bottom: 10px;
  }
  .navbar.navbar-wide .wh-menu-row>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0;
    margin: 0;
    --gap: 20px;
    gap: var(--gap);
    --cols: 2;
  }
  .navbar.navbar-wide .wh-menu-row>li .wh-menu-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc((100% - var(--gap) * (var(--cols, 2) - 1)) / var(--cols, 2));
  }
  .navbar.navbar-wide .wh-menu-row .wh-menu-item+.wh-menu-item {
    margin-top: 0;
  }
  .navbar.navbar-wide .wh-menu-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 20px;
  }
  .navbar.navbar-wide .wh-menu-inner>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  /* .header-line-wrap.show-menu .header-line-menu-cont {
    display: none;
  } */
  .navbar-wide .header-line-menu {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -15px;
    padding: 10px 15px;
    background-color: #b6bf5b;
    gap: 10px;
    row-gap: 5px;
  }
  .navbar-wide .header-line-menu>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .navbar-wide .header-line-menu>li>a {
    text-align: left;
  }
  .how-much-to-buy-cont {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .how-much-to-buy-cont>.hmb-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 20px;
  }
  .how-much-to-buy-cont>.hmb-reviews {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates {
    margin-bottom: 10px;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .hmb-plate-calc,
  .how-much-to-buy-cont .hmb-text .hmb-plates .hmb-plate-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 5px);
    flex: 0 1 calc(50% - 5px);
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .left_span {
    display: block;
  }
  #tab-del #SDEK_pvz #SDEK_map {
    height: 400px;
  }
  #tab-del #SDEK_info {
    display: none;
  }
  #tab-del .ymaps-2-1-73-controls__control {
    right: 5px !important;
    left: auto !important;
  }
  .b-header-top .nav>li>a {
    padding: 0 6px 10px 6px;
  }
  .header-line>.b-contacts-cont {
    position: relative;
    margin-left: auto;
  }
  .b-contacts-cont:before {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: static;
    width: 33px;
    height: 33px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .b-contacts-cont:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -18px;
    width: 12px;
    height: 12px;
    background: url("../img/arrow-down-brown.svg") center no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    will-change: auto;
  }
  .b-contacts-cont.drop:after {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
  }
  .b-contacts-cont .b-contacts {
    -o-flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    z-index: -1;
    top: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 15px 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  }
  .b-contacts-cont:not(.drop)>.b-contacts {
    display: none;
  }
  .b-contacts-cont .b-contact__phones {
    -o-flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    white-space: nowrap;
  }
  .b-contact__phone.sm {
    display: block;
  }
  .b-contacts-cont .b-contacts .b-contact {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .b-contacts-cont .b-contacts>.b-contact:last-child {
    margin-bottom: 0;
  }
  .soc_top img {
    width: 35px;
  }
  .soc_top.tg img {
    width: 31px;
  }
  .b-header .navbar.navbar-default .navbar-header {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 auto;
  }
  .b-header .navbar.navbar-default {
    position: static;
    padding: 0;
  }
  .header-line .navbar-collapse {
    top: 100%;
    margin-top: -1px;
  }
  .navbar-default:before {
    display: none;
  }
  .header-line-wrap.fixed .header-line-cont {
    max-width: 720px;
  }
  .header-logon-cont .link-logon span {
    display: none;
  }
  .header-logon-cont .link-logon>.icon {
    width: 33px;
    height: 33px;
    margin-right: 0;
  }
  .header-logon-cont .for_link-logon .flex>*+* {
    margin-left: 0;
  }
  .reg_fly {
    height: 830px;
  }
  .mf-captcha input {
    width: 50%;
  }
  .push {
    width: 30%;
  }
  .podpis-body {
    width: 343px;
  }
  .push>span {
    display: none;
  }
  #vk_subscribe {
    width: 74% !important;
    margin-top: 5px;
  }
  .btn-orange {
    width: auto;
    margin-left: 0;
  }
  .product-sm .btn-product {
    width: auto;
  }
  .main-hits div:nth-child(9) {
    display: none;
  }
}
@media (min-width: 769px) {
  /*li.dropdown:hover .dropdown-menu {display:block;}*/
}
@media (max-width: 768px) {
  .index-banner {
    padding: 40px 25px;
  }
  .index-banner--koloskov {
    padding: 30px;
    min-height: 50vw;
  }
  .index-banner--koloskov .index-banner__bg {
    left: auto;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .index-banner--koloskov .index-banner__title-cont {
    max-width: 52%;
  }
  .index-banner--koloskov .index-banner__title {
    font-size: clamp(24px, 4.1vw, 32px);
    margin-bottom: .24em;
  }
  .index-banner--koloskov .index-banner__subtitle {
    font-size: clamp(16px, 2.7vw, 24px);
  }
  .index-banner__promise {
    font-size: clamp(16px, 2.7vw, 24px);
  }
  .index-banner__ceo-name {
    font-size: clamp(24px, 4.1vw, 32px);
  }
  .index-banner:before {
    --sh-size: 100%;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
  }
  .index-banner:after {
    background-position: right top;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .index-banner__list {
    margin-bottom: 2em;
  }
  .push {
    width: 31%;
  }
  .podpis-body {
    width: 97%;
  }
  #vk_subscribe {
    width: 60% !important;
    margin-top: 5px;
  }
  .push>span {
    display: inline;
  }
  .b-header {
    min-height: 271px;
  }
  .coupon input {
    margin-right: 20px;
  }
  .banner_o_nas {
    /*display:none;*/
    margin: 5px auto 15px;
    text-align: center;
  }
  .b-main_old {
    width: 100% !important;
  }
  #forpvz #SDEK_pvz #SDEK_map {
    height: 400px;
  }
  #forpvz #SDEK_info {
    display: none;
  }
  #forpvz .ymaps-2-1-73-controls__control {
    right: 5px !important;
    left: auto !important;
  }
  .article__content {
    height: auto;
  }
  .copyright {
    width: 100%;
    margin-top: 0;
  }
  .b-search {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .product-page__content .nav-tabs>li>a {
    font-size: 20px;
  }
  .b-header {
    min-height: auto;
  }
  .navbar-default {
    text-align: left;
  }
  .b-cart__txt {
    display: none;
  }
  .b-cart__basket, .b-cart__favorite {
    margin-right: 0;
  }
  .countries-cont {
    -o-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .countries-cont .countries-media {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
  .countries-cont .countries-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .roast-banner>.rb-text {
    padding: 20px 10px;
  }
  .roast-banner>.rb-text>h2 {
    font-size: 20px;
  }
  .roast-banner>.rb-text p {
    font-size: 16px;
  }
  .brewing-options .bo-list li {
    min-width: 130px;
  }
  .brewing-options .bo-list .bo-list-item {
    padding: 10px;
  }
  .brewing-options .bo-list .bo-list-item>span {
    font-size: 14px;
  }
  .product-options-cont .po-item:first-child .po-i-info {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .product-options-cont .po-item:first-child .po-i-info:after {
    left: 33%;
  }
  .product-options-cont .po-item:last-child .po-i-info {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .product-options-cont .po-item:last-child .po-i-info:after {
    left: 66%;
  }
}
/*@media  (max-width: 767px) {
 .table-cart .clear-cart {margin-left: 25px;}
 .text-left.basket_sum {padding-left: 380px;}
}*/
@media (max-width: 630px) {
  .push>span {
    display: none;
  }
}
@media (max-width: 613px) {
  .vantage .vantage__txt {
    min-height: 70px;
  }
}
@media (max-width: 580px) {
  .brewing-options .bo-content {
    padding: 0;
    border: none;
  }
  .brewing-options .brew-instruction>li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
  }
  .brewing-options .brew-instruction>li:before {
    min-width: 42px;
    min-height: 42px;
    left: -10px;
    font-size: 28px;
  }
  .brewing-options .brew-instruction .stage-demo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 20px;
  }
  .brewing-options .brew-instruction .stage-demo .sd-img img {
    max-height: 230px;
  }
  .brewing-options .brew-instruction .stage-desc {
    padding: 5px;
  }
  .brewing-options .brew-instruction .stage-desc:not(:first-child) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-left: 0;
  }
}
@media (max-width: 574px) {
  .mf-captcha {
    height: 100px;
    text-align: center;
    width: 100% !important;
  }
  .mf-captcha input,
  .mf-captcha img {
    float: none;
  }
  .mf-captcha input {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 520px) {
  .reg_fly {
    height: 980px;
  }
}
@media (max-width: 560px) {
  .article-page__content iframe {
    width: 400px !important;
    height: 250px !important;
  }
}
@media (max-width: 550px) {
  .login_fly {
    height: 450px;
  }
  .callback_fly {
    height: 400px;
  }
  .product-options-cont.poc-fresh-roast>.po-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .product-options-cont.poc-fresh-roast .po-item .po-i-info {
    left: 50%;
    width: 100%;
  }
  .list-with-image>ul {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .list-with-image>img {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (max-width: 490px) {
  .index-banner {
    padding: 40px 25px 0;
    padding-bottom: 0;
  }
  .index-banner__slogan {
    right: auto;
    left: 3px;
    width: 190px;
  }
  .index-banner:before {
    border-radius: inherit;
  }
  .index-banner:after {
    -webkit-animation: none;
    animation: none;
    border-radius: inherit;
  }
  .index-banner__title {
    font-size: 30px;
    margin-bottom: 0;
  }
  .index-banner__subtitle {
    font-size: 18px;
    margin-bottom: 0.65em;
  }
  .index-banner__list {
    margin-left: -25px;
    margin-bottom: 1.1em;
  }
  .index-banner__list-item {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 54px;
  }
  .index-banner__link {
    position: relative;
    right: auto;
    width: auto;
    min-width: 100%;
    margin: 0 -25px;
  }
  .index-banner__link:before {
    left: 17px;
  }
  .index-banner__link>span:before {
    width: 68px;
    height: 58px;
    right: 39px;
    top: -20px;
  }
  .index-banner__link>span:after {
    right: 10px;
  }
  .index-banner__link:hover:before {
    left: 7px;
    bottom: -15px;
  }
  .index-banner__link:hover>span:before {
    top: -23px;
  }
  .index-banner__link:hover>span:after {
    right: 6px;
  }
  .index-banner--koloskov {
    padding: 20px;
    min-height: auto;
  }
  .index-banner--koloskov .index-banner__title-cont {
    max-width: none;
    margin-bottom: 1em;
  }
  .index-banner--koloskov:after {
    content: '';
    display: block;
    padding-top: max(270px, 76%);
  }
  .index-banner--koloskov .index-banner__bg {
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: center bottom;
    object-position: center bottom;
  }
  .push {
    width: 30%;
  }
  .podpis-body {
    width: 95%;
  }
  .abs-nal {
    position: relative;
    bottom: auto;
    top: 10px;
  }
  .sort-product-panel-cont .sort-product {
    -ms-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -o-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .sort-product-panel-cont .sort-product__select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - 76px);
    -o-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .sort-product-panel-cont .sort-product__select>.bootstrap-select {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100% !important;
  }
  .sort-product-panel-cont .sort-product__select>span {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: block;
  }
  .sort-product-panel-cont .sort-product__select>.bootstrap-select .dropdown-menu {
    width: calc(100% + 46px);
  }
  .sort-product-panel-cont .sort-product__select>.bootstrap-select .dropdown-menu li a {
    font-size: 13px;
  }
  .sort-product .sort-product__filter .smartfilter .filter-block .checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dashed #c3bbb8;
  }
  .sort-product .sort-product__filter .smartfilter .filter-block .checkbox:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none;
  }
  .sort-product .sort-product__filter .smartfilter .filter-block {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .sort-product .sort-product__filter .smartfilter .panel-body {
    padding: 15px 20px;
  }
  .filter-price {
    margin-bottom: 10px;
  }
  .sort-product {
    padding: 10px;
  }
  .sort-product__select span {
    margin: 5px 10px 5px 0;
    display: inline-block;
  }
}
@media (max-width: 480px) {
  .hmb-plate-item.fancybox-content {
    max-width: 100vw;
  }
  .b-title {
    font-size: 32px;
  }
  .article-page__content iframe {
    width: 320px !important;
    height: 200px !important;
  }
  .authorization-row>div>.text-center,
  .authorization-row>div>form>.text-center {
    position: relative;
    width: 100%;
    margin: 0;
  }
  .authorization-row .form-horizontal .checkbox {
    margin-left: 20px;
  }
  .authorization-row>div {
    height: auto;
  }
  .product__img {
    height: auto;
  }
  .product-features {
    min-height: 130px;
  }
  .product-lg .product-features {
    min-height: auto;
  }
  .table-cart>tbody>tr>td:first-child .btn {
    margin-right: 0px;
    display: block;
    margin: -15px auto 0;
  }
  .coupon {
    text-align: center;
    margin-bottom: 10px;
  }
  .coupon span {
    line-height: 25px;
  }
  .coupon input {
    margin-right: 0px;
  }
  .for_you>thead>tr>th {
    white-space: normal !important;
  }
  .header-line {
    gap: 10px;
  }
  .b-header {
    padding: 15px 0 10px;
    overflow: visible;
  }
  .b-header .logo {
    width: auto;
  }
  .header-line {
    padding: 5px 10px;
  }
  .b-header-top .b-contacts.flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .b-header .b-contact {
    width: auto;
    margin: 0 10px 0 0;
    font-size: 17px;
  }
  .b-header-top {
    padding: 15px 0 10px;
  }
  .b-contacts-cont .b-contact__phones {
    width: 100%;
    margin-right: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3px;
  }
  .b-contacts-cont .b-contact__phones a {
    font-size: 17px;
  }
  .b-header .navbar.navbar-default {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 5px;
  }
  .navbar-toggle .icon-bar {
    height: 1px;
  }
  .header-line {
    position: relative;
  }
  .header-line .navbar-collapse {
    min-width: auto;
    top: 100%;
    width: 100%;
    margin-top: -10px;
  }
  .header-line .navbar-default .navbar-nav>li:first-child>a {
    padding-top: 24px;
  }
  .header-line .navbar-default .navbar-header>span {
    display: none;
  }
  .navbar-default .navbar-nav li:first-child i {
    margin-top: 6px;
  }
  .basket-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
  .basket-container .b-cart {
    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;
  }
  .basket-container .b-cart__txt small {
    font-size: 14px;
  }
  .b-cart .i-shopping-basket {
    font-size: 35px;
  }
  .navbar-default .navbar-header {
    -o-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
  }
  .navbar-default .navbar-toggle {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-default .navbar-header>span {
    display: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center;
  }
  .header-line>.b-contacts-cont {
    margin-right: 10px;
  }
  .b-footer .mob-100 .calback-button {
    width: 100%;
  }
  .b-contacts-cont:after {
    right: -13px;
    width: 8px;
    height: 8px;
  }
  .b-contacts-cont .b-contacts {
    top: calc(100% + 5px);
    right: -15px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .basket-container .b-cart__txt {
    display: none;
  }
  .b-header-top {
    text-align: left;
  }
  .b-cart .i-shopping-basket {
    margin-right: 0;
  }
  .b-contact.b-contact__phone.i-phone-ringing {
    margin: 10px 0 10px;
  }
  .b-contact__txt.time,
  .b-contact__txt.time a {
    font-size: 20px;
    line-height: inherit;
  }
  .b-contact__phone b {
    font-size: 20px;
  }
  .b-contact a {
    font-size: 20px;
  }
  .mob-show {
    display: inline-block !important;
  }
  .promocode {
    margin: 0 -15px;
  }
  .mob-hide {
    display: none !important;
  }
  .mob-100 {
    width: 100%;
  }
  .mob-45 {
    width: 45%;
  }
  .btn.btn-orange.btn-product {
    width: 100%;
    font-size: 18px;
  }
  .product__body .flex>form {
    width: 100%;
  }
  .product__body>form {
    width: 200%;
    margin-left: -100%;
  }
  .basket-container .b-cart__txt {
    text-align: left;
    font-size: 16px;
  }
  .b-cart__txt .rouble {
    font-size: 17px;
  }
  .p-desc-gallery>.p-dg-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  header .basket-container {
    margin-right: 5px;
  }
  .b-contacts-cont:before {
    width: 25px;
    height: 25px;
  }
  .b-cart__basket__numb, .b-cart__favorite__numb {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    top: -3px;
  }
  .b-cart .i-shopping-basket {
    width: 25px;
    height: 25px;
  }
  .header-logon-cont .link-logon>.icon {
    width: 25px;
    height: 25px;
  }
  .header-logon-cont .icon.logout {
    width: 10px;
    height: 10px;
  }
  .country-cat-showcase .ccs-item .ccs-i-bg-img {
    display: none;
  }
  .country-cat-showcase .ccs-item .ccs-i-prod-img-cont {
    position: static;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #edebdf;
  }
  .country-cat-showcase .ccs-item:hover .ccs-i-prod-img-cont {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e77c5b;
  }
  .country-cat-showcase .ccs-col {
    margin-top: 20px;
  }
  .country-cat-showcase .ccs-item .ccs-i-prod-img-cont {
    background-color: rgb(197 202 107);
  }
  .products-tile-list .product-tile-item .ptli-options .ptli-o-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  .products-tile-list .product-tile-item .ptli-specifications .ptli-s-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .products-tile-list .product-tile-item .ptli-specifications .ptli-s-item+.ptli-s-item {
    margin-top: 3px;
  }
  .products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-prop-img {
    display: none;
  }
  .products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .prop {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-right: 3px;
    text-align: left;
    font-size: 12px;
  }
  .products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-scale {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
  }
  .products-tile-list .product-tile-item .ptli-specifications .ptli-s-item .ptli-s-scale>li {
    width: 9px;
    height: 9px;
  }
  .product-page__content .nav-tabs {
    padding: 0 0 20px;
    margin: 0;
  }
  .country-cat-list {
    padding: 10px 5px 0;
  }
  .b-header {
    padding: 4px 0 10px;
    text-align: left;
  }
  .b-header>.container {
    padding: 0;
  }
  .header-line-wrap.fixed .header-line-cont {
    width: 100%;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .header-line {
    border-radius: 0 0 10px 10px;
  }
  .navbar-wide .header-line-menu {
    margin: 0 -10px;
    padding: 10px;
    row-gap: 10px;
  }
  .navbar-btn {
    padding: 5px 10px;
    margin-right: auto;
  }
  .navbar.navbar-wide {
    overflow-x: hidden;
  }
  .navbar.navbar-wide>div {
    padding: 20px 10px 0;
    position: relative;
  }
  .navbar.navbar-wide.vh {
    height: 100vh;
  }
  .navbar.navbar-wide .wh-menu-row>li {
    --gap: 0;
    --cols: 1;
  }
  .navbar.navbar-wide .wh-menu-row>li .wh-menu-item {
    width: 100%;
  }
  .navbar.navbar-wide .wh-menu-item>.cat-plate {
    -webkit-transition: var(--def-tn);
    -o-transition: var(--def-tn);
    transition: var(--def-tn);
  }
  .navbar.navbar-wide .wh-menu-item.show>.cat-plate {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .navbar.navbar-wide .wh-menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -moz-columns: 0;
    -webkit-columns: 0;
    columns: 0;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding: 20px 0 0;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: var(--def-tn);
    -o-transition: var(--def-tn);
    transition: var(--def-tn);
  }
  .navbar.navbar-wide .wh-menu-item:not(.show) .wh-menu-inner {
    max-height: 99%;
    overflow: hidden;
  }
  .navbar.navbar-wide .wh-menu-item.show>.wh-menu-inner {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 0;
    min-height: 100%;
  }
  .navbar.navbar-wide .wh-menu-inner>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 10px 6px;
  }
  .navbar.navbar-wide .wh-menu-inner>li.zero {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .navbar.navbar-wide .wh-menu-inner>li>a {
    min-height: 42px;
    padding: 5px 6px;
    font-size: 16px;
  }
  .navbar.navbar-wide .wh-menu-inner>li a .whm-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .navbar.navbar-wide .wh-menu-inner>li a:not(.show-desc) .whm-desc,
  .navbar.navbar-wide .wh-menu-inner>li>a .whm-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: block;
    position: static;
    padding: 0;
    margin-top: 0.15em;
  }
  .navbar.navbar-wide .wh-menu-inner>li.top-item {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    margin-bottom: 10px;
  }
  .navbar.navbar-wide .wh-menu-inner>li.top-item .back {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38px;
    flex: 0 0 38px;
    cursor: pointer;
    border-radius: 10px;
    background-color: #e5eee4;
    margin-right: 3px;
  }
  .navbar.navbar-wide .wh-menu-inner>li.top-item .back:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background: url("../img/arrow-down.svg") center no-repeat;
    background-size: contain;
    -webkit-filter: var(--to-green);
    filter: var(--to-green);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .navbar.navbar-wide .wh-menu-inner>li.top-item>.cat-plate {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0;
    padding-right: 25px;
  }
  .navbar.navbar-wide .wh-menu-inner>li.top-item>.cat-plate:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url('../img/arrow-down.svg') center no-repeat;
    background-size: contain;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-filter: var(--to-green-gray);
    filter: var(--to-green-gray);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
  .navbar.navbar-wide .wh-menu-inner>li.top-item>.cat-plate:hover:after {
    -webkit-filter: var(--to-green);
    filter: var(--to-green);
  }
  .navbar-wide .header-line-menu>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .product-page-title h1 {
    margin-top: 0;
  }
  .product-page .product-page__body .for_rating {
    margin-bottom: 10px;
  }
  .product-options-cont {
    margin-bottom: 10px;
  }
  .product-options-cont .po-item>label {
    font-size: 12px;
    padding: 5px;
    min-height: 25px;
  }
  .product-options-cont .po-item:hover .po-i-info {
    font-size: 12px;
  }
  .roast-banner {
    padding: 10px;
  }
  .roast-banner>img {
    top: 25%;
    border-radius: 10px;
  }
  .roast-banner>.rb-text {
    padding: 10px 5px;
  }
  .roast-banner>.rb-text>h2 {
    font-size: 18px;
    margin-bottom: 0.85em;
  }
  .roast-banner>.rb-text p {
    font-size: 14px;
    text-shadow: 1px 1px rgb(0 0 0 / 30%);
    margin-bottom: 0.65em;
  }
  .how-much-to-buy-cont>.hmb-text {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-track .slick-slide {
    min-height: 100%;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-dots {
    position: static;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -28px;
    left: -3px;
    width: calc(100% + 6px);
    margin-bottom: 10px;
    margin-top: 5px;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-dots li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    margin: 0 3px;
    height: auto;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-dots button, .how-much-to-buy-cont .hmb-text .hmb-plates .slick-dots button:before {
    width: 100%;
    height: 3px;
    padding: 0;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-dots button:before {
    content: '';
    background: #B0B9C3;
    border-radius: 0;
    opacity: 1;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-dots li:not(.slick-active):hover button:before {
    background: #3ca7ab;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-dots .slick-active button:before {
    background: #e77c5b;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .hmb-plate-calc, .how-much-to-buy-cont .hmb-text .hmb-plates .hmb-plate-item {
    width: auto;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plates .slick-list {
    max-width: calc(100vw - 30px);
  }
  .how-much-to-buy-cont .hmb-text .hmb-plate-calc {
    margin-bottom: 12px;
  }
  .how-much-to-buy-cont .hmb-text .hmb-plate-calc .hmb-calc-result>b {
    display: inline;
  }
  .how-much-to-buy-cont .hmb-text .hmb-about-block {
    font-size: 16px;
  }
  .how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row .hmb-ab-b-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .how-much-to-buy-cont .hmb-text .hmb-about-block .hmb-ab-bottom-row .hmb-ab-b-col+.hmb-ab-b-col {
    margin-top: 10px;
  }
  .how-much-to-buy-cont>.hmb-reviews {
    padding: 0;
    background-color: #fff;
  }
  .wide-gallery-slider .title {
    position: static;
    margin-top: 10px;
    font-size: 14px;
    padding: 5px 20px;
    min-height: 40px;
  }
  .wide-gallery-slider-nav {
    top: calc(100vw / 3.7);
  }
  .wide-gallery-slider-nav .slick-arrow {
    width: 40px;
    height: 40px;
  }
  .wide-gallery-slider-nav .slick-prev {
    left: 10px;
  }
  .wide-gallery-slider-nav .slick-next {
    right: 10px;
  }
  .wide-gallery-slider .slick-slide {
    width: 100vw;
  }
  .yandex-sprav__cont {
    margin: .8rem auto;
  }
  .yandex-sprav__cont>.subtitle {
    margin-bottom: .8rem;
  }
  .navbar.navbar-wide .wh-menu-row .cat-plate:last-child {
    margin-bottom: 10px;
  }
}
@media (max-width: 400px) {
  .article-page__content iframe {
    width: 260px !important;
    height: 163px !important;
  }
  .country-cat-list>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media (max-width: 390px) {
  .push {
    width: 29%;
    font-size: 14px;
    margin: 5px 1px 20px 1px;
    min-width: 90px;
  }
  .podpis-body {
    width: 280px;
  }
}
@media (max-width: 359px) {
  .reg_fly {
    height: 1040px;
  }
}
@media (max-width: 350px) {
  .podpis-body {
    width: 97%;
  }
  .push {
    font-size: 12px;
    min-width: 80px;
  }
  .product-features {
    min-height: 10px;
  }
}
@media (max-width: 330px) {
  .header-line .navbar-toggle {
    height: 25px;
    padding: 5px 3px;
  }
  .navbar-toggle .icon-bar {
    width: 20px;
  }
  .header-line>.b-contacts-cont {
    margin-left: 0;
  }
}