@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto+Condensed");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300");

@font-face {
  font-family: 'Glober-Thin';
  src: url("/fonts/HelveticaNeueCyr-Thin.otf"); }

@font-face {
  font-family: 'Glober-SemiBold';
  src: url("/fonts/HelveticaNeueCyr-Roman.otf"); }

.flex-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.h-100vh {
  height: 100vh; }

.btn {
  cursor: pointer;
  color: #000;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border-radius: 4px; }
.btn:hover {
  border: 1px solid #ddd;
  color: #000; }
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

a {
  color: black;
  cursor: pointer; }
a:hover {
  color: #484848;
  cursor: pointer;
  text-decoration: underline; }
a:not([href]):not([tabindex]) {
  color: black; }
a:not([href]):not([tabindex]):hover {
  text-decoration: underline; }
a:focus {
  outline: none; }

body {
  font-family: 'Cera Pro', 'Roboto Condensed', 'Arial';
  background-color: #fff;
  color: #333;
  padding: 0 5px;
  margin: 0;
  overflow-x: hidden;
  min-height: calc(100vh - 25px);
  position: relative; }
body.no-scroll {
  overflow-y: hidden; }
body > * {
  font-size: 16px; }



div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

rub:before {
  font-family: 'Roboto Condensed';
  content: ' ₽';
  font-weight: bold; }

.background {
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  background: url("/img/coffee-bg.jpg") no-repeat;
  background-size: cover;
  z-index: -1; }

.form-control {
  border-color: #ffee5e; }

input {
  font-family: 'Cera Pro';
  font-weight: 400; }

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

input[type="text"], input[type="date"], input[type="time"], textarea, input[type="password"] {
  resize: none;
  text-align: center;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none; }

input[type="text"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 24px; }

input[type="text"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-size: 14px;
  line-height: 24px; }

input[type="text"]::placeholder, input[type="date"]::placeholder, input[type="time"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {
  font-size: 14px;
  line-height: 24px; }

input[type="text"]:disabled {
  background: rgba(0, 0, 0, 0.05);
  cursor: not-allowed; }

input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

section {
  padding: 20px 0; }

.header {
  padding-top: 20px; }

.navbar {
  -webkit-box-shadow: none;
  box-shadow: none;
  letter-spacing: 0.3px;
  padding: 0; }

.navbar-brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media (max-width: 991px) {
  .navbar .container .navbar-toggler-right {
    top: 0;
    bottom: 0; } }

.navbar-nav {
  height: 31px; }
.navbar-nav .active {
  border: 1px solid #666;
  z-index: 3; }
.navbar-nav .active .nav-link {
  color: #666; }
.navbar-nav a {
  font-size: 14px;
  height: 83%; }

.nav-item {
  border: 1px solid #eee;
  border-radius: 0px;
  position: relative;
  z-index: 1; }
.nav-item + .nav-item {
  margin-left: -1px; }
.nav-item:hover {
  border: 1px dashed #aaa;
  z-index: 2; }
.nav-item .nav-link {
  padding: 6px 16px !important;
  display: block;
  width: 100%;
  height: 100%; }
.nav-item .nav-link:hover, .nav-item .nav-link:focus {
  color: #333; }

.login {
  margin-left: 20px;
  margin-top: 5px;
  cursor: pointer; }
.login:hover {
  color: #aaa; }

.bs-tether-element {
  font-size: 14px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px 10px;
  font-family: Helvetica-Thin;
  letter-spacing: 0.3px; }

.main-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 100vh; }
@media only screen and (max-width: 425px) and (min-width: 300px) {
  .main-content {
    min-height: 100%; } }
.main-content > div {
  border-radius: 4px; }
.main-content > div:first-child {
  -webkit-flex-basis: 34%;
  -ms-flex-preferred-size: 34%;
  flex-basis: 34%; }
.main-content > div:last-child {
  -webkit-flex-basis: 65%;
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%; }
.main-content > div + div {
  margin-left: 30px; }
.main-content.hide-basket > div + div {
  margin-left: 0; }
.main-content.hide-basket .goods {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }
.main-content.hide-basket .basket {
  display: none; }

@-webkit-keyframes hideDescBlock {
  from {
    z-index: 3; }
  to {
    z-index: 1; } }

@keyframes hideDescBlock {
  from {
    z-index: 3; }
  to {
    z-index: 1; } }

@-webkit-keyframes showDescBlock {
  0% {
    z-index: 4; }
  99% {
    z-index: 4; }
  100% {
    z-index: 0; } }

@keyframes showDescBlock {
  0% {
    z-index: 4; }
  99% {
    z-index: 4; }
  100% {
    z-index: 0; } }

@-webkit-keyframes showBoxBlock {
  0% {
    z-index: 3; }
  99% {
    z-index: 3; }
  100% {
    z-index: 1; } }

@keyframes showBoxBlock {
  0% {
    z-index: 3; }
  99% {
    z-index: 3; }
  100% {
    z-index: 1; } }

@-webkit-keyframes changeItemZindex {
  0% {
    z-index: 5 !important;
    opacity: 1; }
  99% {
    z-index: 5 !important;
    opacity: 1; }
  100% {
    z-index: 5 !important;
    opacity: 0; } }

@keyframes changeItemZindex {
  0% {
    z-index: 5 !important;
    opacity: 1; }
  99% {
    z-index: 5 !important;
    opacity: 1; }
  100% {
    z-index: 5 !important;
    opacity: 0; } }

header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  margin: 25px 0px;
  height: 75px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
header div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
header div:first-child .logo {
  background: url("/img/logo_znak.png") no-repeat;
  background-size: contain;
  width: 160px;
  height: 51px; }
header div:first-child .logo a {
  width: 100%;
  height: 100%; }
header div:first-child .logo-title {
  font-size: 14px;
  display: none;
  height: 83%;
  line-height: 18px; }
header div:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
header .menu-small {
  display: none; }
header .menu {
  float: right;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  z-index: 2; }
header .menu ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
header .menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  padding-right: 0px;
  margin-right: -1px;
  position: relative;
  z-index: 1; }
header .menu ul li:hover {
  z-index: 2; }
header .menu ul li a {
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 8px 16px 4px;
  border: 0px solid #eee;
  text-decoration: none;
  z-index: 1;
  display: block;
  position: relative; }
header .menu ul li a:hover {
  cursor: pointer;
  z-index: 2;
  color: #dc2f2f}
header .menu ul li.active {
  /*z-index: 3; */
}
header .menu ul li.active a {
  border: 0px solid #333; }
header .menu ul li:hover a {
  border: 0px dashed #aaa;
  z-index: 2; }
header .user {
  width: 40px;
  text-align: center;
  z-index: 100;
  margin-left: 10px;
  height: 29px;
  position: relative;
  /*
	  .top-menu {
		  position: relative;
		  width: 150px;
		  right: 132px;
		  display: flex;
		  text-align: right;
		  flex-direction: column;
		  background: #fff;
		  box-shadow: 0px 0px 40px rgba(0,0,0,0.15);
		  z-index: 100;
		  border-radius: 4px;
		  padding: 15px;
		  top: 2px;
		  opacity: 1;
		  pointer-events: all;
		  transform: translateY(0px);
		  transition: all 0.25s ease-in-out;

		  &:after {
			  content: '';
			  width: 0;
			  height: 0;
			  border-style: solid;
			  border-width: 0 5px 7px 5px;
			  border-color: transparent transparent #ffffff transparent;
			  position: absolute;
			  top: -7px;
			  right: 3px;
		  }

		  &.hide-top {
			  opacity: 0;
			  pointer-events: none;
			  transform: translateY(40px);
		  }

		  a {
			  padding: 10px 0px;
			  //font-family: 'HelveticaNeueCyr-Thin', 'Arial';
			  //color: $gray-color;
			  font-size: 14px;

			  &:first-child {
				  padding: 0px 0px 5px 0px;
			  }

			  &:last-child {
				  padding: 5px 0px 0px 0px;
			  }

			  &:hover {
			   //   color: $green-color;
			  }
		  }
	  } */ }
header .user:hover > a {
  border: 0px dashed #aaa;
  opacity: 0.7;}
header .user > a {
  padding: 6px 12px;
  margin-top: -1px;
  padding-bottom: 3px;
  margin-bottom: 4px;
  /* padding-left: 10px; */
  width: 14px;
  border: 0px solid #eee;
  height: 19px; }
header .user i {
  font-size: 16px;
  padding: 1px;
  color: #333;
  cursor: pointer;
  margin-top: -3px; }
header .user .top-menu {
  position: absolute;
  right: 0px;
  top: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 150px;
  text-align: right;
  padding: 15px;
  background: #fff;
  border: 1px solid #f3f3f3;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.17);
border-radius: 10px;
  z-index: 11;
  pointer-events: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
header .user .top-menu.hide-top {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }
header .user .top-menu > a {
  padding-bottom: 10px;
  text-decoration: none;
  font-size: 15px; }
header .user .top-menu > a:hover {
  text-decoration: underline; }
header .user .top-menu > a:last-child {
  padding-bottom: 0px; }


middler {
  padding-bottom: 105px;
  display: block; }
middler .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.goods {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.9);
  padding-left: 1px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 35px; }
.goods .item {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  width: 25%;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }
.goods .item .more-info {
  display: block; }
.goods .item .more-info-hide {
  display: none; }
.goods .item .flex-b {
  overflow: hidden; }
.goods .item:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #666;
  display: block;
  position: absolute;
  left: -1px;
  bottom: -25px;
  z-index: 5; }
.goods .item:before:nth-of-type(2) {
  opacity: 0; }
.goods .item:after {
  content: "";
  width: 50px;
  height: 1px;
  background: #666;
  display: block;
  position: absolute;
  bottom: -1px;
  left: -25px;
  z-index: 5; }
.goods .item:nth-of-type(4n + 1):after, .goods .item:nth-of-type(4n + 1):before {
  display: none; }
.goods .item:nth-last-child(-n + 4):before, .goods .item:nth-last-child(-n + 4):after {
  display: none; }
.goods .item[amount="0"] .box {
  background: white;
  border: 1px solid #eee;
  z-index: 1; }
.goods .item .box {
  padding: 15px;
  text-align: center;
  border: 1px solid #dee7f1 !important;
  position: relative;
  background: #eff4fa;
  height: 100%;
  margin-left: -1px;
  margin-bottom: -1px;
  z-index: 2;
  height: calc(100% + 1px);
  -webkit-transition: all 0.35s ease-in-out, border 0s ease-in-out, padding 0s ease-in-out;
  -o-transition: all 0.35s ease-in-out, border 0s ease-in-out, padding 0s ease-in-out;
  transition: all 0.35s ease-in-out, border 0s ease-in-out, padding 0s ease-in-out; }
.goods .item .box .more-info, .goods .item .box .more-info-hide {
  margin-bottom: 15px;
  margin-top: -5px;
  font-size: 14px;
  color: #333; }
.goods .item .box .more-info:hover, .goods .item .box .more-info-hide:hover {
  color: #ccc; }
.goods .item .box .cart-add {
  margin-left: auto; }
.goods .item .box .cart-add .add-cart-btn button {
  border: 0px solid #999;
  font-size: 13px;
  letter-spacing: 0px;
  padding: 10px 21px 6px;
  text-decoration: none;
  border-radius: 0px;
  background: #000;
  font-family: 'Cera Pro';
  font-weight: normal;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  width: 106px; }
.goods .item .box .cart-add .add-cart-btn button:hover {
  border: 0px solid #aaa;
  background: #dc2f2f; }
.goods .item .box .cart-add .added-to-cart {
  display: none; }
  .del-kg {border-radius: 5px 0px 0px 5px !important}
  .add-kg {border-radius: 0px 5px 5px 0px !important}
.goods .item .box .cart-add .added-to-cart button {
  border: 1px solid #000;
  font-size: 14px;
  letter-spacing: 0px;
  padding: 7px 8px 3px;
  text-decoration: none;
  border-radius: 0px;
  background: #000;
  font-family: 'Cera Pro';
  font-weight: normal;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  width: 25px; }
.goods .item .box .cart-add .added-to-cart button:hover {
  border: 1px solid #000;
  background: #fff;
  color: #000}
.goods .item .box .cart-add .added-to-cart input {
  display: block;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 44px;
  font-size: 14px;
  padding-top: 4px;
  font-family: 'Cera Pro';
  text-align: center; }
.goods .item .box .cart-add .added-to-cart input::-webkit-inner-spin-button, .goods .item .box .cart-add .added-to-cart input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }
.goods .item .box .cart-add .added-to-cart input:hover {
  border-color: #ccc;
  background: #fcfcfc; }
.goods .item .box .cart-add.buy-buy .add-cart-btn button {
  display: none; }
.goods .item .box .cart-add.buy-buy .added-to-cart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.goods .item .box .buy-div {
  margin-top: 6px;
  border-top: 1px solid #eee;
  padding-top: 15px; }
.goods .item .box .total-price {
  font-size: 15px;
  padding-top: 7px;
  font-weight: 500; }
.goods .item .box .amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 0px;
  line-height: 20px;
  font-size: 14px; }
.goods .item .box .amount .btn {
  border-radius: 50%;
  padding: 0px;
  height: 20px;
  width: 20px;
  border: 1px solid #333;
  background: #f7f7f7;
  color: #333;
  cursor: pointer;
  position: relative; }
.goods .item .box .amount .btn i {
  font-size: 17px;
  -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.15s ease-out, -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out, opacity 0.15s ease-out;
  transition: transform 0.25s ease-in-out, opacity 0.15s ease-out;
  transition: transform 0.25s ease-in-out, opacity 0.15s ease-out, -webkit-transform 0.25s ease-in-out; }
.goods .item .box .amount .btn.add-kg span {
  font-size: 14px;
  font-family: "Glober-Thin";
  font-weight: bold;
  -webkit-transform: scale(1) translateY(2.5px);
  -ms-transform: scale(1) translateY(2.5px);
  transform: scale(1) translateY(2.5px); }
.goods .item .box .amount .btn.md {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }
.goods .item .box .amount .btn.md i {
  -webkit-transform: scale(0.82);
  -ms-transform: scale(0.82);
  transform: scale(0.82); }
.goods .item .box .amount .btn.md span {
  -webkit-transform: scale(0.82) translateY(3px);
  -ms-transform: scale(0.82) translateY(3px);
  transform: scale(0.82) translateY(3px); }
.goods .item .box .amount .btn.lg {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4); }
.goods .item .box .amount .btn.lg i {
  -webkit-transform: scale(0.69);
  -ms-transform: scale(0.69);
  transform: scale(0.69); }
.goods .item .box .amount .btn.lg span {
  width: 10px;
  -webkit-transform: scale(0.65) translateY(2.5px);
  -ms-transform: scale(0.65) translateY(2.5px);
  transform: scale(0.65) translateY(2.5px); }
.goods .item .box .amount .btn:focus, .goods .item .box .amount .btn:active {
  outline: 0; }
.goods .item .box .amount .btn.del-kg {
  z-index: 1;
  -webkit-transition: -webkit-transform 0.1s 0.1s ease-in-out;
  transition: -webkit-transform 0.1s 0.1s ease-in-out;
  -o-transition: transform 0.1s 0.1s ease-in-out;
  transition: transform 0.1s 0.1s ease-in-out;
  transition: transform 0.1s 0.1s ease-in-out, -webkit-transform 0.1s 0.1s ease-in-out;
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  border: 1px solid transparent; }
.goods .item .box .amount .btn.add-kg {
  z-index: 3;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
.goods .item .box .amount .btn.add-kg:hover {
  border: 1px solid #333;
  background: #333;
  color: #fff;
  cursor: pointer; }
.goods .item .box .amount .btn.add-kg:hover span {
  font-family: "Cera Pro";
  font-weight: 100;
  font-size: 14px;
  padding-top: 2px; }
.goods .item .box .amount input {
  background: transparent !important;
  font-size: 16px;
  text-align: center;
  border: 0px solid #e5e5e5;
  border-radius: 2px;
  height: 20px;
  width: 40px;
  padding-top: 4px;
  font-family: "Cera Pro";
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  -webkit-transition: -webkit-transform 0.1s ease-out;
  transition: -webkit-transform 0.1s ease-out;
  -o-transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
  pointer-events: none; }
.goods .item .box .amount input:hover {
  border-color: #bbb;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text; }
.goods .item .box .amount input:focus {
  border-color: #666;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text; }
.goods .item .box .amount span {
  opacity: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px; }
.goods .item .box .amount.added input {
  pointer-events: none;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  z-index: 0; }
.goods .item .box .amount.added .btn {
  border: 1px solid #333;
  background: #333;
  color: #fff; }
.goods .item .box .amount.added .btn:hover {
  border: 1px solid #333;
  background: #f7f7f7;
  color: #333;
  cursor: pointer; }
.goods .item .box .amount.added .btn.add-kg span {
  opacity: 1; }
.goods .item .box .amount.added .btn.add-kg i {
  opacity: 0; }
.goods .item .box .amount.added .btn.del-kg {
  border: 1px solid transparent;
  background: transparent;
  color: #333;
  pointer-events: none;
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  -webkit-transition: -webkit-transform 0.1s 0.1s ease-in-out;
  transition: -webkit-transform 0.1s 0.1s ease-in-out;
  -o-transition: transform 0.1s 0.1s ease-in-out;
  transition: transform 0.1s 0.1s ease-in-out;
  transition: transform 0.1s 0.1s ease-in-out, -webkit-transform 0.1s 0.1s ease-in-out; }
.goods .item .box .amount.added .btn.del-kg:hover {
  border: 1px solid #333; }
.goods .item .box .amount input[type=number]::-webkit-inner-spin-button, .goods .item .box .amount input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }
.goods .item .box .amount input::-webkit-input-placeholder {
  font-family: "Glober-Thin"; }
.goods .item .box .amount input:-ms-input-placeholder {
  font-family: "Glober-Thin"; }
.goods .item .box .amount input::placeholder {
  font-family: "Glober-Thin"; }
.goods .item .box:hover {
  /*border: 1px dashed #aaa;*/
  z-index: 3; }
.goods .item .box:hover .amount.added input {
  display: block;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: -webkit-transform 0.1s 0.1s ease-in-out;
  transition: -webkit-transform 0.1s 0.1s ease-in-out;
  -o-transition: transform 0.1s 0.1s ease-in-out;
  transition: transform 0.1s 0.1s ease-in-out;
  transition: transform 0.1s 0.1s ease-in-out, -webkit-transform 0.1s 0.1s ease-in-out;
  pointer-events: all !important; }
.goods .item .box:hover .amount.added .add-kg span {
  display: none !important;
  opacity: 0; }
.goods .item .box:hover .amount.added .add-kg i {
  opacity: 1; }
.goods .item .box:hover .amount.added .del-kg {
  -webkit-transform: translateX(0px) !important;
  -ms-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
  pointer-events: all !important;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; }
.goods .item .box img {
  max-height: 200px; }
.goods .item .desc-options {
  position: absolute;
  padding: 25px;
  top: 0px;
  left: 100%;
  bottom: -1px;
  background: #fff;
  border: 1px dashed #aaa;
  border-left: 1px dashed transparent;
  width: 100%;
  -webkit-transition: all 0.35s ease-in-out, border 0s ease-in-out, padding 0s ease-in-out;
  -o-transition: all 0.35s ease-in-out, border 0s ease-in-out, padding 0s ease-in-out;
  transition: all 0.35s ease-in-out, border 0s ease-in-out, padding 0s ease-in-out;
  -webkit-animation: showDescBlock 0.35s forwards ease-in-out;
  animation: showDescBlock 0.35s forwards ease-in-out;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }
.goods .item .desc-options .taste-str {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
.goods .item .desc-options .taste-str .tone {
  position: relative;
  min-width: 33%;
  margin-top: 10px; }
.goods .item .desc-options .taste-str .tone.sz-0 .str {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75); }
.goods .item .desc-options .taste-str .tone.sz-0 .circle {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5); }
.goods .item .desc-options .taste-str .tone.sz-1 .str {
  -webkit-transform: scale(0.81667);
  -ms-transform: scale(0.81667);
  transform: scale(0.81667); }
.goods .item .desc-options .taste-str .tone.sz-1 .circle {
  -webkit-transform: scale(0.54);
  -ms-transform: scale(0.54);
  transform: scale(0.54); }
.goods .item .desc-options .taste-str .tone.sz-2 .str {
  -webkit-transform: scale(0.88333);
  -ms-transform: scale(0.88333);
  transform: scale(0.88333); }
.goods .item .desc-options .taste-str .tone.sz-2 .circle {
  -webkit-transform: scale(0.58);
  -ms-transform: scale(0.58);
  transform: scale(0.58); }
.goods .item .desc-options .taste-str .tone.sz-3 .str {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95); }
.goods .item .desc-options .taste-str .tone.sz-3 .circle {
  -webkit-transform: scale(0.62);
  -ms-transform: scale(0.62);
  transform: scale(0.62); }
.goods .item .desc-options .taste-str .tone.sz-4 .str {
  -webkit-transform: scale(1.01667);
  -ms-transform: scale(1.01667);
  transform: scale(1.01667); }
.goods .item .desc-options .taste-str .tone.sz-4 .circle {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }
.goods .item .desc-options .taste-str .tone.sz-5 .str {
  -webkit-transform: scale(1.08333);
  -ms-transform: scale(1.08333);
  transform: scale(1.08333); }
.goods .item .desc-options .taste-str .tone.sz-5 .circle {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7); }
.goods .item .desc-options .taste-str .tone.sz-6 .str {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15); }
.goods .item .desc-options .taste-str .tone.sz-6 .circle {
  -webkit-transform: scale(0.74);
  -ms-transform: scale(0.74);
  transform: scale(0.74); }
.goods .item .desc-options .taste-str .tone.sz-7 .str {
  -webkit-transform: scale(1.21667);
  -ms-transform: scale(1.21667);
  transform: scale(1.21667); }
.goods .item .desc-options .taste-str .tone.sz-7 .circle {
  -webkit-transform: scale(0.78);
  -ms-transform: scale(0.78);
  transform: scale(0.78); }
.goods .item .desc-options .taste-str .tone.sz-8 .str {
  -webkit-transform: scale(1.28333);
  -ms-transform: scale(1.28333);
  transform: scale(1.28333); }
.goods .item .desc-options .taste-str .tone.sz-8 .circle {
  -webkit-transform: scale(0.82);
  -ms-transform: scale(0.82);
  transform: scale(0.82); }
.goods .item .desc-options .taste-str .tone.sz-9 .str {
  -webkit-transform: scale(1.35);
  -ms-transform: scale(1.35);
  transform: scale(1.35); }
.goods .item .desc-options .taste-str .tone.sz-9 .circle {
  -webkit-transform: scale(0.86);
  -ms-transform: scale(0.86);
  transform: scale(0.86); }
.goods .item .desc-options .taste-str .tone.sz-10 .str {
  -webkit-transform: scale(1.41667);
  -ms-transform: scale(1.41667);
  transform: scale(1.41667); }
.goods .item .desc-options .taste-str .tone.sz-10 .circle {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }
.goods .item .desc-options .taste-str .tone.sz-0 .circle {
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3); }
.goods .item .desc-options .taste-str .tone.sz-0 .str {
  padding-right: 0px; }
.goods .item .desc-options .taste-str .tone .circle {
  width: 45px;
  height: 45px;
  background: #000;
  border-radius: 100%;
  margin: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px; }
.goods .item .desc-options .taste-str .tone .circle-bg {
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #000;
  margin: auto;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }
.goods .item .desc-options .taste-str .tone .str {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  color: #fff;
  width: 100%;
  margin-top: 14px;
  line-height: 21px;
  font-family: 'Cera Pro', 'Arial'; }
.goods .item .desc-options .taste-str .tone .txt {
  font-size: 10px;
  text-align: center;
  margin-top: 5px; }
.goods .item .desc-text {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: calc(100% - 150px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out, padding 0s;
  -o-transition: all 0.35s ease-in-out, padding 0s;
  transition: all 0.35s ease-in-out, padding 0s;
  padding: 25px;
  text-align: left; }
.goods .item .arabik, .goods .item .taste-title {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-family: 'Cera Pro', 'Arial';
  text-align: left; }
.goods .item .taste-title {
  font-family: 'Cera Pro', 'Arial'; }
.goods .item .text-info {
  font-size: 12px;
  line-height: 16px;
  color: #000 !important;
  background: #fff !important}
  div.text-info div {height: 270px;overflow: scroll;}
.goods .item .taste {
  font-family: 'Cera Pro';
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #333; }
.goods .item .weight {
  font-family: 'Cera Pro';
  position: absolute;
  background: #f7f7f7;
  color: #333;
  padding-top: 14px;
  border-radius: 100%;
  font-size: 13px;
  right: 15px;
  width: 40px;
  height: 40px;
  top: 15px;
  border: 1px dashed #999; }
.goods .item .img {
  -webkit-transition: all 0.75s ease-out;
  -o-transition: all 0.75s ease-out;
  transition: all 0.75s ease-out;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-bottom: 25px;
  -webkit-transition: opacity 0.01s ease-in-out;
  -o-transition: opacity 0.01s ease-in-out;
  transition: opacity 0.01s ease-in-out; }
.goods .item .img:before {
  content: "";
  display: block;
  padding-top: 100%; }
.goods .item .name {
  letter-spacing: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
.goods .item .name > * {
  font-size: 12px;
  line-height: 15px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }
.goods .item .name div:first-child {
  font-family: 'Cera Pro';
  text-transform: uppercase;
  font-weight: 500;}
.goods .item .name div:first-child div {
  font-size: 120%; }
.goods .item .name div:last-child {
  text-transform: uppercase;
  height: 20px; }
.goods .item .price-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -2px;
  white-space: nowrap; }
.goods .item .price-box .price {
  font-family: 'Cera Pro';
  text-align: right; 
    font-weight: 500;
}
.goods .item .price-box s {
  
    font-weight: 400;
}
.goods .item .line-hider-bot, .goods .item .line-hider-top {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: #eee;
  width: 1px;
  height: 100%;
  z-index: 7;
  opacity: 0; }
.goods .item .line-hider-top {
  top: 1px; }
.goods .item .line-hider-bot-horizontal {
  position: absolute;
  right: -3px;
  bottom: -1px;
  background: #aaa;
  width: 6px;
  height: 2px;
  z-index: 7;
  opacity: 0; }
.goods .item .line-hider-top-horizontal {
  position: absolute;
  right: -3px;
  top: 0px;
  background: #aaa;
  width: 6px;
  height: 2px;
  z-index: 7;
  opacity: 0; }
.goods .item .arrow-shower {
  position: absolute;
  width: 29px;
  height: 29px;
  border: 1px solid #eee;
  border-left: none;
  border-top: none;
  -webkit-transform: rotateZ(135deg);
  -ms-transform: rotate(135deg);
  transform: rotateZ(135deg);
  z-index: 11;
  top: calc(0% + 32px);
  right: -14px;
  opacity: 0;
  background: #fff;
  pointer-events: none; }
@media only screen and (min-width: 769px){
  .goods .item:nth-of-type(4n + 3) .desc-options, .goods .item:nth-of-type(4n + 4) .desc-options {
    left: calc(-100% - 1px);
    border: 1px dashed #aaa;
    border-right: 1px dashed transparent;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .goods .item:nth-of-type(4n + 3) .line-hider-top, .goods .item:nth-of-type(4n + 4) .line-hider-top {
    left: -1px; }
  .goods .item:nth-of-type(4n + 3) .line-hider-bot, .goods .item:nth-of-type(4n + 4) .line-hider-bot {
    left: -1px; }
  .goods .item:nth-of-type(4n + 3) .arrow-shower, .goods .item:nth-of-type(4n + 4) .arrow-shower {
    left: -15px;
    -webkit-transform: rotateZ(315deg);
    -ms-transform: rotate(315deg);
    transform: rotateZ(315deg); }
  .goods .item:nth-of-type(4n + 3).show-info .box, .goods .item:nth-of-type(4n + 4).show-info .box {
    border: 2px solid #aaa;
    border-left: 2px solid transparent; }
  .goods .item:nth-of-type(4n + 3).show-info .desc-options, .goods .item:nth-of-type(4n + 4).show-info .desc-options {
    border: 2px solid #aaa;
    border-right: 2px solid transparent; }
  .goods .item:nth-of-type(4n + 3).show-info .line-hider-top-horizontal, .goods .item:nth-of-type(4n + 3).show-info .line-hider-bot-horizontal, .goods .item:nth-of-type(4n + 4).show-info .line-hider-top-horizontal, .goods .item:nth-of-type(4n + 4).show-info .line-hider-bot-horizontal {
    left: -3px; }  }
}
.goods .item.show-info {
  z-index: 3; }
.goods .item.show-info .more-info {
  display: none; }
.goods .item.show-info .more-info-hide {
  display: block;
position: absolute;
z-index: 9999;
top: 30px;
right: 20px; }
.goods .item.show-info .box {
  z-index: 3;
  padding: 24px;
  background: #fff;
  border: 2px solid #aaa;
  border-right: 2px solid transparent; }
.goods .item.show-info .box .img {
  opacity: 0; }
.goods .item.show-info .weight {
  display: none; }
.goods .item.show-info .desc-options {
  z-index: 3;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-animation: none;
  animation: none;
  opacity: 1;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  border: 1px solid #dee7f1 !important;
/* border-left: 2px solid transparent; */
padding: 25px;
box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.26);
border-radius: 10px;
/*margin-left: -18px;*/
height: calc(100% - 15px);
margin-top: 8px; }
.goods .item.show-info .desc-text {
  pointer-events: all;
  opacity: 1;
  padding: 24px; }
.goods .item.show-info .line-hider-top, .goods .item.show-info .line-hider-bot, .goods .item.show-info .line-hider-top-horizontal, .goods .item.show-info .line-hider-bot-horizontal {
  opacity: 1; }
.goods .item.show-info .arrow-shower {
  opacity: 1; }

.basket-button {
  width: 50px;
  background: #f7f7f7;
  position: absolute;
  right: 650px;
  z-index: 5;
  height: 80px;
  text-align: center;
  padding-top: 20px;
  cursor: pointer;
  border: 1px solid #eee;
  margin-right: 0px;
  width: 52px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.basket-button:hover {
  background: #fff;
  border: 1px dashed #aaa;
  z-index: 10; }
.basket-button i {
  font-size: 38px;
  color: #333; }

.basket-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 100;
  pointer-events: none; }
.basket-container .basket-hider-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  left: 0px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.basket-container .basket-hide-arr {
  position: fixed;
  right: 599px;
  height: 100%;
  width: 51px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out, right 0s;
  border: 1px solid transparent;
  z-index: 10000;
  pointer-events: all; }
.basket-container .basket-hide-arr:hover {
  background: #eee;
  border: 1px solid #999; }
.basket-container .basket-hide-arr:hover .arrow {
  border-color: #eee; }
.basket-container .basket-hide-arr .arrow {
  width: 51px;
  height: 65px;
  left: -1px;
  position: absolute;
  top: 124px;
  font-size: 40px;
  border: 1px solid #999;
  padding-left: 8px;
  padding-top: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.basket {
  padding: 0px;
  padding-left: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: all; }
.basket:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0px; }
.basket .bucket-is-empty {
  padding: 20px;
  border: 1px solid #eee; }
.basket .bucket-is-empty.is-hide {
  display: none; }
  div.name.card-left__list--info-name {
      font-size: 13px;
      font-weight: 500;
      line-height: 16px;
  }
.basket .item {
  border-bottom: 1px solid #f3f3f3;
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
.basket .item.class-tpl {
  display: none; }
.basket .item.hide {
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  margin-top: 1px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
.basket .item .close {
  position: absolute;
  right: 13px;
  top: 28px;
  width: 18px;
  text-align: center;
  background: #333;
  color: #fff;
  border-radius: 12px;
  padding-top: 1px;
  height: 18px;
  cursor: pointer; }
.basket .item .close:hover {
  background: #666; }
.basket .item:hover {
  /*background: #f7f7f7;*/
  z-index: 2; }
.basket .item .info .name {
  letter-spacing: 1px;
  display: grid;
  text-align: left;
  margin-top: 3px; }
.basket .item .info .name > * {
  font-size: 14px;
  height: 83%; }
.basket .item .info .name span:first-child {
  font-family: 'Cera Pro';
  text-transform: uppercase;
  word-break: break-word;
  white-space: normal; }
.basket .item .info .name span:first-child span {
  font-size: 120%; }
.basket .item .info .name span:last-child {
  text-transform: uppercase;
  padding-top: 5px; }
.basket .item .sum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  text-align: right; }
.basket .item .sum .price i {
  margin-left: 5px;
  margin-right: 5px; }
.basket .item .sum .total {
  font-family: 'Cera Pro'; }

.basket-show .basket {
  display: block; }

.basket-show .goods {
  width: 100%; }

.basket-show .basket-hider-bg {
  width: calc(100% - 650px);
  opacity: 1;
  pointer-events: all; }

.basket-show .basket-hide-arr:hover .arrow {
  border-left-color: #999; }

.basket-show .basket-hide-arr .arrow {
  top: calc(50% - 30px);
  border-color: transparent;
  border-left-color: transparent;
  padding-left: 18px;
  width: 49px; }

.basket-show .basket-hide-arr i:before {
  content: "\f3d3"; }

.basket-hide .basket {
  display: block;
  margin-right: -650px; }

.basket-hide .goods {
  width: 100%; }

.basket-hide .basket-hide-arr {
  right: 0px; }
.basket-hide .basket-hide-arr:hover {
  border-color: transparent;
  border-left-color: #999; }
.basket-hide .basket-hide-arr:hover .arrow {
  border-left-color: #999; }
.basket-hide .basket-hide-arr i:before {
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotate(0deg);
  transform: rotateZ(0deg); }

footer {
  width: 100%;
  height: 100px;
  background: rgba(255, 255, 255, 0.9); }
footer .container {
  height: 100%; }
footer .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  height: 100%; }
footer .social a {
  color: #484848;
  font-size: 17px;
  margin-left: 10px; }

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

.form-signin {
  width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1); }
.form-signin .form-signin-heading, .form-signin .checkbox {
  margin-bottom: 30px;
  text-align: center; }
.form-signin .checkbox {
  font-weight: normal; }
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.form-signin .form-control:focus {
  z-index: 2; }
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.form-signin input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn {
  border: 1px solid #666;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 8px 16px 4px;
  text-decoration: none;
  border-radius: 0px;
  background: #fff;
  color: #333;
  font-family: 'Cera Pro', 'Roboto Condensed', 'Arial'; }
.btn:hover {
  border: 1px solid #333;
  color: #eee;
  background: #333; }

.btn.btn-black {
  border: 1px solid #000;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 8px 16px 4px;
  text-decoration: none;
  border-radius: 0px;
  background: #000;
  color: #fff;
  font-family: 'Cera Pro', 'Roboto Condensed', 'Arial'; }
.btn.btn-black:hover {
  border: 1px solid transparent;
  color: #fff;
  background: #dc2f2f; }

.login-page {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 220px; }
.login-page .errors {
  border: 1px solid #ff9898;
  padding: 10px 10px 7px 10px;
  margin-bottom: 10px;
  background: #ffeded;
  font-size: 15px;
  text-align: center;
  color: red; }
.login-page .m-b {
  margin-bottom: 12px; }
.login-page > a {
  width: 100%; }
.login-page .logo {
  background: url("/img/logo.svg") no-repeat;
  background-size: contain;
  width: 100%;
  height: 150px;
  margin-bottom: 10px;
  background-position-x: 50%; }
.login-page form {
  width: 100%; }
.login-page form button {
  width: 100%;
  line-height: 25px;
  margin-bottom: 150px; }
.login-page form input {
  font-family: 'Cera Pro';
  font-weight: 400;
  width: 100%;
  border: 1px solid #222;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 30px;
  padding-top: 3px;
  margin-bottom: 10px; }
.login-page form input::-webkit-input-placeholder {
  font-size: 15px;
  line-height: 22px; }
.login-page form input:-ms-input-placeholder {
  font-size: 15px;
  line-height: 22px; }
.login-page form input::placeholder {
  font-size: 15px;
  line-height: 22px; }
.login-page form input:focus {
  border: 1px solid #333; }

.bottom-menu {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #f7f7f7;
  border-top: 1px solid #aaa;
  z-index: 100;
  height: 80px;
  padding-left: 50px;
  padding-right: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.bottom-menu.hide {
  bottom: -80px; }
.bottom-menu .buy-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  max-width: 400px;
  margin-left: auto; }
.bottom-menu .buy-info .labels {
  text-align: right;
  margin-top: 5px; }
.bottom-menu .buy-info .labels > div {
  height: 22px; }
.bottom-menu .buy-info .prices {
  margin-top: 5px; }
.bottom-menu .buy-info .prices > div {
  height: 20px;
  font-size: 20px;
  line-height: 14px; }
.bottom-menu .buy-info .prices > div:first-child {
  font-family: 'Cera Pro', 'Roboto Condensed', 'Arial'; }
.bottom-menu .buy-info .prices > div:last-child {
  font-size: 16px;
  margin-top: 2px; }
.bottom-menu .buy-info .pay-btn-div button {
  border: 1px solid #333;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 13px 23px 8px;
  text-decoration: none;
  border-radius: 0px;
  background: #f7f7f7;
  font-family: 'Cera Pro', 'Roboto Condensed', 'Arial';
  color: #333; }
.bottom-menu .buy-info .pay-btn-div button:hover {
  border: 1px solid #333;
  background: #eee; }

footer {
  height: 60px;
  position: fixed;
  bottom: 0;
  background: #212529;
  border-top: 1px solid #000;
  color: #fff;
  /* left: 0; */
  right: 0;
  display: flex;
  align-items: center;
  /* padding: 0 50px; */
  font-size: 14px; }

@media (max-width: 1200px) and (min-width: 300px) {
  .container {
    width: 100%; } }

.m-body {
  width: 350px;
  background: #fff;
  padding: 25px;
  position: relative; }
.m-body .modal-close {
  font-size: 30px;
  position: absolute;
  right: 25px;
  margin-top: -9px; }
.m-body h4 {
  margin-top: 0px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px; }
.m-body .order-info-text {
  padding: 20px 0px;
  background: #f7f7f7;
  margin-bottom: 20px;
  border: 1px dashed #aaa; }
.m-body .order-info-text > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  line-height: 22px; }
.m-body .order-info-text > div > div {
  width: 50%; }
.m-body .order-info-text > div > div:first-child {
  text-align: right; }
.m-body .order-info-text > div > div:last-child {
  padding-left: 25px; }
.m-body .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
.m-body .buttons .btn {
  border: 1px solid #333;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 13px 23px 8px;
  text-decoration: none;
  border-radius: 0px;
  background: #f7f7f7;
  font-family: 'Cera Pro', 'Roboto Condensed', 'Arial';
  color: #333; }
.m-body .buttons .btn:hover {
  border: 1px solid #333;
  background: #eee; }
.m-body .buttons .btn:disabled {
  opacity: 0.5;
  cursor: wait; }

.h1 {
  font-size: 25px;
  margin-bottom: 15px;
  padding-bottom: 15px; }
.h1.wb {
  border-bottom: 1px solid #ccc; }

.success-text {
  line-height: 20px; }
.success-text a:hover {
  text-decoration: none; }

.orders-table > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.orders-table .order-head {
  padding: 20px 0px;
  padding-bottom: 40px;
  text-transform: uppercase;
  font-weight: bold;
  color: #999;
  font-size: 14px; }

.orders-table .order-row {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #eee;
  line-height: 15px;
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
.orders-table .order-row:hover {
  background: #f7f7f7; }

.orders-table .w70 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 70px;
  -ms-flex: 1 0 70px;
  flex: 1 0 70px; }

.orders-table .w150 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 150px;
  -ms-flex: 1 0 150px;
  flex: 1 0 150px; }

.orders-table .w100 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100px;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px; }

.orders-table .wauto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%; }

.simple-image {
  width: calc(16.4% - 4px);
  padding-bottom: calc(16.4% - 4px);
  border: 1px solid #e7e8ec;
  display: inline-block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 2px;
  margin-bottom: -4px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  margin-bottom: 2px;
  margin-top: 2px; }

.plus-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center; }

.plus-image > div {
  display: table;
  width: 100%;
  height: 100%; }

.plus-image > div > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.plus-image i {
  font-size: 20px;
  color: #333;
  width: 24px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3px; }

.m-l-4 {
  margin-left: 4px; }

.loading-success, .loading-fail {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 10px;
  font-size: 21px; }

.loading-success {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.loading-fail {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px); }

.drop-mid {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

.drop-down {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px); }

.drop-up {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.fp-text > span {
  border-bottom: 1px dashed #337ab7;
  cursor: pointer;
  color: #337ab7;
  position: relative;
  min-width: 10px; }

.fp-text > span:hover {
  color: #23527c;
  border-bottom: 1px dashed #23527c; }

.fp-fast-edit {
  margin: 0px;
  padding: 0px;
  border: navajowhite;
  border-bottom: 1px solid #347ab7;
  line-height: 18px;
  background: rgba(51, 126, 184, 0.1);
  max-width: 100%; }

.fp-edit-ok {
  position: absolute;
  right: 0px;
  top: 20px;
  background: #e5ebf1;
  color: #55677d;
  border: 0;
  padding: 2px 5px;
  border-radius: 2px;
  border: 1px solid #fff;
  z-index: 1; }

.fp-edit-cancel {
  position: absolute;
  left: 0px;
  top: 20px;
  background: #e5ebf1;
  color: #55677d;
  border: 0;
  padding: 2px 6.5px;
  border-radius: 2px;
  border: 1px solid #fff;
  pointer-events: all;
  z-index: 1; }

.fp-edit-text-input {
  pointer-events: all; }

.fp-edit-cancel:hover, .fp-edit-ok:hover {
  background: #dfe6ed;
  border: 1px solid #347ab7; }

.fp-edit {
  border: 0 !important; }

.fp-edit:hover {
  border: 0 !important;
  color: #337ab7 !important; }

.makeRed {
  background: #ff0000; }

.fp-success-posted {
  color: #2a5885;
  padding: 6.5px; }

.fp-del-img {
  position: absolute;
  right: 2px;
  top: 2px;
  line-height: 0px;
  width: 17px;
  height: 17px;
  text-align: center;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  border-radius: 50px;
  color: #5e81a8;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  font-size: 17px;
  cursor: pointer; }

.text-red {
  color: red !important; }

.fp-del-img:hover {
  -webkit-transform: rotateZ(225deg);
  -ms-transform: rotate(225deg);
  transform: rotateZ(225deg); }

.add-img-plus {
  cursor: pointer; }

.add-img-plus i {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out; }

.add-img-plus:hover i {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg); }

.bg-loader {
  background: #5e81a8; }

.not-load-perc, .load-perc {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center; }

.not-load-perc > div, .load-perc > div {
  display: table;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.not-load-perc > div > div, .load-perc > div > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.load-perc > div {
  position: absolute;
  bottom: 1px;
  overflow: hidden;
  height: 0%; }

.load-perc > div > div {
  height: 0px;
  line-height: 0px;
  color: #fff; }

.bg-loader {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 0%;
  background: #5e81a8; }

.clear:after {
  clear: both;
  content: "";
  display: table; }

.fp-si {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.appear-img {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transform: scale(0.01);
  -ms-transform: scale(0.01);
  transform: scale(0.01); }

.image-loader {
  margin-right: 0px; }

.bg-click {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  cursor: all-scroll; }

.bg-click a {
  width: 100%;
  height: 100%;
  display: block; }
.bg-click a:hover {
  color: #aaa; }

.hide {
  display: none; }

.bg-click > a > div {
  position: absolute;
  right: 0px;
  bottom: calc(50% - 7.5px);
  left: 0px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px; }
.bg-click > a > div:before {
  content: '.'; }

.btn.gray {
  border: 1px solid #333;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 13px 23px 8px;
  text-decoration: none;
  border-radius: 0px;
  background: #f7f7f7;
  font-family: 'Cera Pro', 'Roboto Condensed', 'Arial';
  color: #333; }
.btn.gray:hover {
  border: 1px solid #333;
  background: #eee; }
.btn.gray:disabled {
  opacity: 0.5;
  cursor: wait; }

.red {
  color: red; }

.green {
  color: green; }


header .menu ul li:hover .menu_sub{
  opacity: 1;
  pointer-events: auto;
}

.menu_sub{
  position: absolute;
  opacity: 0;
  top: 30px;
  pointer-events: none;
  flex-direction: column;
}

.menu_sub li{
  text-align: left;
  margin-top: -1px!important;
}

.menu_sub a{
  background-color: #fff;
  white-space: nowrap;
  border: 1px solid #aaa!important;
}

.menu_sub a:hover{
  border: 1px dashed #aaa!important;
}

.menu_sub .active a{
  border: 0px solid #333!important;
}

.menu_sub .active a:hover{
  border: 0px dashed #aaa!important;
}

li.categories-menu.active ul.menu_sub {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #f3f3f3;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

div.user a {
    cursor: pointer;
}

.menu ul li:last-child .menu_sub{
  right: 1px;
}


.order-comment{
  padding: 5px 10px;
  border: 1px solid #999;
  font-size: 15px;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font-weight: 100;
  margin-bottom: 15px;
}

.order-comment:hover{
  border: 1px solid #ccc;
}

.search-filter{
  padding: 9px 10px 5px;
  border: 1px solid #999;
  font-size: 15px;
  box-sizing: border-box;
  width: 300px;
  text-align: left!important;
  font-weight: 100;
  margin-bottom: 15px;
}

.search-filter:hover{
  border: 1px solid #ccc;
}

.search-icon{
  position: absolute;
  right: 9px;
  top: 7px;
  pointer-events: none;
}

.p-r{
  position: relative;
}

.tar{
  text-align: right;
}


nav[role="custom-dropdown"] input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

nav[role="custom-dropdown"] {
  position: relative;
  width: 100%;
}
nav[role="custom-dropdown"] label {
  color: #333;
  text-decoration: none;
  font: 1.4em sans-serif;
  transition: color .3s ease-in-out;
  display: none;
  cursor: pointer;
  user-select: none;
}
nav[role="custom-dropdown"] ul {
  padding: 0;
  margin: 0 auto;
  /*width: 100%;*/
  list-style: none;
}
nav[role="custom-dropdown"] ul > li {
  float: left;
  /*padding: .55em .55em;*/
  cursor: pointer;
}

.w80{
  flex: 1 0 80px;
}



@media (min-width: 1200px) {
  .m-body-open {
    padding-right: 65px; }
}
.m-body-open .basket-hide-arr{
  right: 15px;
}

.card-left{
  display: flex;
  flex-direction: column;
}
.card-left__list--info{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.card-left__list--info-name{
  display: flex;
  flex-direction: column;
}
.card-left__list--info-name span:first-child{
  margin-bottom: 5px;
}
.card-left__list--info-name span:last-child{
  font-size: 15px;
}
.can-to-delivery{
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}
.card-left__list--price{
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  min-width: 145px;
}
.card-left__list--price-amount{
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
.prs {
    font-weight: 500;
}
.card-left__list--price-amount i{
  margin: 0 0px;
}
.card-left__list--price-amount > *:last-child{
  min-width: 65px;
  text-align: right;
}
.card-left__list--price .total{
  text-align: right;
  font-weight: bold;
  font-size: 18px;
}

.m-body{
  max-width: 420px;
  width: 100%;
}
.m-body .order-info-text{
  padding: 20px 10px;
}
.order-wrap > div + div{
  margin-top: 5px;
}
.order-info-item{
  display: flex;
  flex-direction: column!important;
  line-height: 1.3!important;
}
.order-info-delivery{
  all: unset!important;
  color: red;
}

.goods .item .name div:last-child{
  text-transform: none;
}









@media only screen and (min-width: 300px) and (max-width: 450px) {
  body{
    padding: 0;
  }

  .oxs-m{
    overflow-x: scroll;
  }

  header{
    padding: 10px;
    margin: 0!important;
  }

  header div:first-child .logo{
    background: url('/img/logo_.png') no-repeat;
    background-size: contain;
    width: 140px;
    height: 50px;
  }

  header div:first-child .logo-title{
    display: none;
  }

  #vk_community_messages{
    display: none;
  }

  .wrap-order{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-r.tar{
    margin-right: 10px;
  }

  .basket .item{
    padding: 0px;
  }
  div.container.p-3.pt-1 {
      padding: 0px !important;
  }

  .basket .item .close{
    right: 6px;
  }

  .basket .item .info .name{
    display: flex;
    flex-direction: column;
  }

  .basket .item .info .name > *{
    font-size: 13px;
  }

  .basket .item .info .name > span:last-child{
    font-size: 12px;
  }

  .basket .item .sum > div{
    display: flex;
    flex-direction: column;
  }

  .basket .item .sum > div > div{
    white-space: nowrap;
  }

  .h1.wb{
    padding-left: 10px;
    padding-right: 10px;
  }

  .orders-table{
    padding: 0 10px;
  }

  footer > div{
    padding: 0 10px;
  }

  .bottom-menu{
    padding: 10px!important;
  }

  .bottom-menu .buy-info{
    font-size: 14px;
  }

  .bottom-menu .buy-info > div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin-top: 0!important;
  }

  .bottom-menu .buy-info .labels > div{
    height: initial;
  }

  .bottom-menu .buy-info .prices > div{
    font-size: 18px;
    line-height: 1;
    height: initial;
  }

  .bottom-menu .buy-info .prices > div:last-child{
    margin-top: 0;
    font-size: 15px;
  }

  .bottom-menu .buy-info .pay-btn-div button{
    padding: 11px;
    height: 100px;
  }

  .main-content {
    min-height: 100%; }

  .goods .item{
    flex-basis: 50%;
    min-width: 50%;
    /*overflow: hidden;*/
  }

  .goods .item .name > *{
    font-size: 12px;
    line-height: 1.2;
  }

  .goods .item .price-box{
    font-size: 13px;
    max-height: 35px;
    padding-top: 2px;
  }

  .goods .item .box .amount{
    line-height: 1.2;
  }

  .goods .item .box .total-price{
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 13px;
  }

  .goods .item .box .cart-add .added-to-cart button{
    padding: 7px 9px 5px;
    line-height: 1;
  }

  .search-icon{
    top: 6px;
  }

  .goods .item[amount="0"]:nth-of-type(2n) .box{
    /*border-right-width: 0;*/
  }

  .basket-container .basket-hide-arr .arrow{
    top: 104px!important;
  }

  .goods .item .name{
    height: 35px;
    padding-top: 2px;
  }

}

.goods .item .name div:last-child{
  height: initial;
}

.goods .item .name{
  height: 40px;
}

header .user{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 30px;
  border: 0px solid #eee;
}

header .user > a{
  all: initial;
}

.search-filter{
  padding: 5px 10px;
}

input {
  border-radius: 0;
}

.bottom-menu .buy-info .pay-btn-div button{
  padding: 10px;
  width: 104px;
}

.basket{
  padding-left: 46px;
}

.orders-table .wauto{
  flex: 1 0 150px;
}

.bottom-menu .buy-info .prices{
  margin-top: 7px;
}

.goods .item .box .cart-add .add-cart-btn button{
  height: 33px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 95px;
}

@media only screen and (min-width: 300px) and (max-width: 768px){
  .ofx-s{
    overflow-x: scroll;
  }

  .goods .item .arabik, .goods .item .taste-title{
    font-size: 14px;
  }

  .goods .item .box .buy-div{
    padding-top: 10px;
  }

  .goods .item.show-info .box{
    padding: 10px 5px;
    border-width: 1px;
  }

  .goods .item.show-info .desc-text{
    padding: 10px;
  }

  .goods .item .text-info{
    font-size: 12px;
  }

  .goods .item .desc-text{
    padding: 10px;
    background: #fff;
  }

  .goods .item .arabik, .goods .item .taste-title{
    margin-bottom: 5px;
  }

  .goods .item.show-info .arrow-shower{
    display: none;
  }

  .goods .item.show-info .line-hider-top, .goods .item.show-info .line-hider-bot, .goods .item.show-info .line-hider-top-horizontal, .goods .item.show-info .line-hider-bot-horizontal{
    display: none;
  }

  .goods .item.show-info .desc-options{
    padding: 10px;
    border-width: 1px;
    border-left: 0 solid transparent;
  }

  .goods .item .desc-options .taste-str .tone .txt{
    font-size: 10px;
  }

  .goods .item .desc-options{
    padding: 10px;
  }


  .goods .item:nth-of-type(2n + 2) .desc-options {
    left: calc(-100% - 1px);
    border: 1px dashed #aaa;
    border-right: 1px dashed transparent;
    transition: all .35s ease-in-out;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .goods .item:nth-of-type(2n + 2).show-info .box {
    border: 1px solid #aaa;
    border-left: 1px solid transparent; }
  .goods .item:nth-of-type(2n + 2).show-info .desc-options {
    border: 1px solid #aaa;
    transform: translateX(0);
    border-right: 0 solid transparent; }


  .goods .item .box .cart-add .add-cart-btn button{
    padding: 6px 21px 6px;
  }

  .goods .item .box .cart-add .add-cart-btn button{
    width: 100px;
    height: 30px;
  }

  .goods .item .box .cart-add .added-to-cart input{
    /*padding-top: 0;*/
    width: 35px;
    padding: 0;
  }

  .goods .item .box .cart-add.buy-buy .added-to-cart{
    max-height: 30px;
  }

  .h1.wb{
    margin-bottom: 0;
  }
  .orders-table .order-head{
    padding: 20px 0;
  }

  body{
    min-height: calc(100vh - 70px);
  }

  header{
    margin: 15px 0;
    height: 55px;
  }

  header .menu ul li:hover .menu_sub{
    opacity: 0;
  }

  .orders-table{
    width: 940px;
  }

  .plus-image{
    margin-left: -2px;
    margin-top: -2px;
  }

  middler{
    /*min-height: calc(100vh - 229px);*/
    min-height: 400px;
    padding-bottom: 0;
  }

  .goods{
    padding-bottom: 5px;
    margin-bottom: 60px;
    z-index: 1;
    overflow: hidden;
    align-items: stretch;
  }

  .goods .item {
    flex-basis: 50%;
    min-width: 50%;
  }

  .goods .item .box{
    padding: 10px 5px;
  }

  .goods .item .box .mount_price{
    border-bottom: none;
    padding-bottom: 0;
  }

  .goods .item .box .total-price{
    font-size: 14px;
  }

  .basket-container .basket-hide-arr{
    height: auto;
    border: none;
  }

  .basket-hide .basket-hide-arr{
    right: -1px;
  }

  .basket-container .basket-hide-arr .arrow{
    top: 129px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: rgba(255, 255, 255, .3);
  }

  .basket-hide .basket-hide-arr:hover{
    border-color: transparent;
    border-left-color: transparent;
  }

  .basket-container .basket-hide-arr:hover {
    background: transparent;
    border: none;
  }

  .basket-hide .basket-hide-arr:hover .arrow{
    border: 1px solid #999;
  }

  .basket-show .basket{
    width: 100%;
  }

  .basket-show .basket-hide-arr{
    right: 0;
    left: 0;
  }

  .bottom-menu .foot_bot{
    display: none;
  }

  .bottom-menu{
    padding: 0 15px;
    height: 60px;
  }
}

@media (min-width: 300px) and (max-width: 1200px) {
  .container {
    width: 100%; }
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .goods .item{
    flex-basis: 33.33%;
    min-width: 33.33%;
  }
}

@media screen and (max-width: 1099px){
  .menu_sub{
    right: 115px!important;
    top: -11px;
  }
}

@media screen and (max-width: 1100px) {
  nav[role="custom-dropdown"] ul {
    display: block;
    position: absolute;
    right: 0;
    min-width: 100px;
    opacity: 0;
    transform: translateY(0px);
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    border: 1px solid #999;
    padding: 10px 15px;
    pointer-events: none;
  }
  nav[role="custom-dropdown"] ul > li{
    width: 100%;
    text-align: right;
  }
  nav[role="custom-dropdown"] label {
    position: relative;
    display: block;
    width: 30px;
    height: 20px;
    padding: 4px;
    margin: 0;
    border: 1px solid #eee;
    top: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  nav[role="custom-dropdown"] label .fa{
    font-size: 16px;
  }
  nav[role="custom-dropdown"] label:hover{
    border: 1px dashed #aaa;
  }

  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label {

  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
    display: block;
    position: absolute;
    right: 0;
    opacity: 1;
    transform: translateY(9px);
    pointer-events: all;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
    width: 100%;
    text-align: right;
  }
  header .menu ul li a{
    display: block;
    padding: 6px 0;
    border: none;
    white-space: nowrap;
  }
  header .menu ul li.active a{
    margin: 0;
    border: none;
  }
  header .menu ul li:hover a{
    border: none!important;
    text-decoration: underline;
  }
}

.basket-count{
  display: flex;
  align-items: center;
}

.basket .added-to-cart input{
  width: 30px;
  text-align: center;
}

.basket .item .info .name span:last-child{
  padding-top: 7px;
}

.basket .item .sum .total{
  padding-top: 3px;
}

.new-good-cat{
  background-color: #fd00001c;
}

.stock-text{
  margin-top: 15px;
  margin-bottom: -15px;
  text-align: right;
}

.basket-have{
  font-size: 11px;
}

.basket-sum{
  display: flex;
  flex-direction: column;
}

.wrap-order_container{
  margin: 0 auto;
  max-width: 1200px;
}
.wrap-order_container h1{
  padding-bottom: 0;
}
.delayed-orders{
  margin-top: 70px!important;
}
.order-table{
  max-width: 400px;
  width: 100%;
  text-align: left;
}
.order-table th{
  padding-bottom: 7px;
}