@charset "UTF-8";
.flex {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  flex-direction: row;
  height: 100%;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 1%; }

.flex img {
  width: 49%;
  border: 0.5% solid white; }

@media only screen and (max-width: 480px) {
  .flex {
    display: block; }

  .flex img {
    width: 100%;
    border: none; } }
.b-item-list__item {
  vertical-align: bottom; }

.b-site-description {
  position: relative;
  top: 3em; }

@media only screen and (max-width: 1259px) {
  .b-site-description {
    position: relative;
    top: 0em; } }
.b-item-full__articul {
  position: relative;
  top: 1.5em;
  left: -8em; }

.top-banner {
  background-color: #87CEFA;
  color: black; }

#318963.b-item__price {
  visibility: hidden; }

/*Всплывающее окно куки*/
#overlay {
  position: fixed;
  top: 64%;
  right: 5%;
  display: none;
  max-width: 510px;
  /*height: 100%;*/
  background: #ebc4ab;
  z-index: 999;
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  padding: 20px;
  border-radius: 12px;
  margin-top: -5%; }

.spasibo {
  color: #121212;
  cursor: pointer;
  border: 1px dashed black;
  padding: 6px 17px; }

.spasibo2 {
  padding: 0.2% 2%;
  position: relative;
  left: 94%;
  top: -6px; }

.rolik {
  color: #121212; }

@media only screen and (max-width: 600px) {
  #overlay {
    font-size: 12px;
    max-width: 100%;
    right: 0%; } }
@media only screen and (max-width: 500px) {
  #overlay {
    font-size: 12px; } }
@media only screen and (max-width: 400px) {
  #overlay {
    font-size: 11px; } }
/*Всплывающее окно куки*/
.b-item-list {
  padding-bottom: 0px;
  margin-top: -30px; }

[data-react-class=ContentPagePage]
.b-item-list {
  padding-bottom: 0px;
  margin-top: 50px; }

[data-react-class=CategoriesShowPage]
.b-item-list {
  padding-bottom: 0px;
  margin-top: 0px; }

.b-form__row__widget {
  margin: 14px 0 0; }

.b-footer__link::after {
  content: "|";
  margin: 5px; }

.b-footer__link:last-child::after {
  content: ""; }

.luda {
  display: inline-flex;
  float: left;
  width: 122%;
  margin-left: -11%; }

.luda_img {
  padding: 0% 1%; }

.luda_img_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 6px; }

.luda_img_item {
  flex: 0 0 30%; }
  .luda_img_item img {
    max-width: 100%; }

.luda_img_items_list {
  display: flex;
  justify-content: space-between; }

.luda_img_items_list > a {
  flex: 0 1 31%; }

.luda img {
  max-width: 100%; }

@media only screen and (max-width: 480px) {
  .luda {
    display: inline-flex;
    float: left;
    width: 130%;
    margin-left: -15%; }

  .luda_img {
    padding: 0% 0.5%; } }
@media only screen and (max-width: 400px) {
  .luda {
    display: inline-flex;
    float: left;
    width: 139%;
    margin-left: -19%; } }
@media only screen and (max-width: 350px) {
  .luda {
    display: inline-flex;
    float: left;
    width: 145%;
    margin-left: -22%; } }
.b-btn {
  background-color: #ebc4ab; }

.b-btn:hover {
  transition-duration: 0.7s; }

.b-text h1 {
  font-size: 2em;
  margin: 0 0 0px;
  line-height: 1.2; }

.b-item-list__title {
  font-size: 2em;
  text-align: center;
  padding-top: 30px;
  margin: 0 0 30px; }

.icon a {
  padding: 3%; }

.b-page .mm-menu {
  list-style: none;
  overflow-y: auto;
  background-color: #ebc4ab;
  max-width: 200px;
  min-width: 170px; }

.b-page .mm-menu li {
  border-bottom: 2px solid white; }

@media only screen and (max-width: 4000px) {
  .icon {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    position: absolute;
    top: 48px;
    left: 56.8%; }

  .b-header__search .b-search {
    right: 240%; } }
@media only screen and (max-width: 3800px) {
  .icon {
    left: 57.3%; } }
@media only screen and (max-width: 3500px) {
  .icon {
    left: 58%; } }
@media only screen and (max-width: 3300px) {
  .icon {
    left: 59%; } }
@media only screen and (max-width: 3000px) {
  .icon {
    left: 60%; } }
@media only screen and (max-width: 2700px) {
  .icon {
    left: 61%; } }
@media only screen and (max-width: 2500px) {
  .icon {
    left: 62%; } }
@media only screen and (max-width: 2300px) {
  .icon {
    left: 62.5%; } }
@media only screen and (max-width: 2200px) {
  .icon {
    left: 63.5%; } }
@media only screen and (max-width: 2000px) {
  .icon {
    left: 64.5%; } }
@media only screen and (max-width: 1900px) {
  .icon {
    left: 65.5%; } }
@media only screen and (max-width: 1800px) {
  .icon {
    left: 66.5%; } }
@media only screen and (max-width: 1700px) {
  .icon {
    left: 67.5%; } }
@media only screen and (max-width: 1500px) {
  .b-header__search .b-search {
    right: 223%; }

  .icon {
    left: 68.5%; } }
@media only screen and (max-width: 1260px) {
  .icon {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    position: absolute;
    top: 107px;
    left: 64.5%; } }
@media only screen and (max-width: 1024px) {
  .b-header__content {
    padding: 30px 0 80px 0; }

  .icon {
    top: 22em;
    left: 37.5%;
    width: 40%; }

  .icon img {
    width: 15%; } }
@media only screen and (max-width: 870px) {
  .icon {
    top: 21em;
    left: 37.5%;
    width: 40%; } }
@media only screen and (max-width: 770px) {
  .icon {
    /* top: 240px;*/
    top: 20em;
    left: 37.5%;
    width: 40%; } }
@media only screen and (max-width: 660px) {
  .icon {
    /*top: 218px;*/
    top: 18em;
    left: 37.5%;
    width: 40%; } }
@media only screen and (max-width: 550px) {
  .icon {
    /*top: 190px;*/
    top: 17em;
    left: 37.5%;
    width: 40%; } }
@media only screen and (max-width: 500px) {
  .b-header__content {
    padding: 50px 0 50px 0; }

  .icon {
    top: 16em;
    left: 33.5%;
    width: 49%; } }
@media only screen and (max-width: 430px) {
  .icon {
    top: 17em; } }
@media only screen and (max-width: 360px) {
  .icon {
    top: 16em; } }
.lead-text__content {
  border-top: none;
  border-bottom: none; }

.b-page .element--active {
  background-color: #ebc4ab !important; }

.b-page .element--active:hover {
  transition-duration: 0.7s; }

.b-page .element--active-opacity {
  background-color: #ebc4ab; }

.b-page .element--active-opacity:hover {
  transition-duration: 0.7s; }

#made_in_kiiiosk {
  font-size: 0.8rem;
  padding-right: 3%;
  color: rgba(0, 0, 0, 0.5); }

@media only screen and (max-width: 1024px) {
  .b-footer__content-wrapper--with-middle .b-footer__nav {
    text-align: center; } }
@media only screen and (max-width: 483px) {
  .b-footer__nav {
    margin: 20px 0; }

  .b-footer__content-wrapper--with-middle .b-footer__nav {
    width: 100%;
    text-align: center; }

  .b-footer__content-wrapper--with-middle .b-footer__nav {
    width: 100%;
    text-align: center; }

  .b-footer__content-wrapper--with-middle .b-footer__nav {
    width: 100%;
    text-align: center; } }