/* Start:/bitrix/templates/mk/js/owl/assets/owl.carousel.min.css?16577159153351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/mk/js/owl/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/bitrix/templates/mk/js/owl/assets/owl.theme.default.min.css?16577159151013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/bitrix/templates/mk/css/style.css?166021698148215*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder !important;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* default styles */

.header *,
main *,
.fancybox-container *,
.footer * {
  box-sizing: border-box; 
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #222;
  outline: none;
}

body, 
html {
  width: 100%; 
  height: auto;
  background: #fff;
}

a {
  text-decoration: none;
}

p {
  font-size: 16px;
  line-height: 1.3;
  text-align: justify;
}

section {
  overflow-x: hidden;
  overflow-y: hidden;
}

.container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

p a {
  text-decoration: underline;
  color: #535353;
  transition: all .3s ease;
}

.color--white {
  color: #fff;
}

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

.flex.flex--left {
  justify-content: flex-start;
}

.flex.flex--right {
  justify-content: flex-end;
}

.flex.flex--center {
  justify-content: center;
}

.flex--v-center {
  align-items: center;
}

.flex--wrap {
  flex-wrap: wrap;
}

main {
  padding-bottom: 15px;
  min-height: 70vh;
}

/* header */

.header {
  padding: 35px 0;
  text-align: center;
}

.header > .container {
  position: relative;
}

.header-logo {
  height: 69px;
  width: auto;
  max-width: 100%;
  display: inline-block;
}

.header-logo img {
  display: block;
  height: 100%;
  width: auto;
}

.header-phone {
  position: absolute;
  top: 22px;
  right: 15px;
  display: inline-block;
  padding: 2px 0 2px 25px;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  text-align: right;
  transition: all .3s ease;
}

.header-phone:hover {
  opacity: .85;
}

.header-phone:before {
  content: '';
  position: absolute;
  width: 17px;
  height: 29px;
  background: url(/bitrix/templates/mk/css/../img/icon-phone.png) no-repeat center/contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.header-menu {
  margin-top: 30px;
}

.header-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;  
  position: relative;
}

.header-link,
.header-sub-wrap,
.header-sub-title {
  display: block;
  padding: 10px 35px;
  position: relative;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  outline: none;
  text-align: center;
  color: #1b1b1b;
  transition: all .3s ease;
  cursor: pointer;
  user-select: none;
}

@media (min-width: 992px) {
  .header-link:first-child,
.header-sub-wrap:first-child,
.header-sub-title:first-child {
  padding-left: 0;
}
.header-link:last-child,
.header-sub-wrap:last-child,
.header-sub-title:last-child {
  padding-right: 0;
}
}

.header-sub-title {
  padding: 0;
}

.header-link:hover,
.header-sub-title:hover {
  color: #535353;
}

.header-btn {
  display: none;
  width: 42px;
  height: 35px;
  position: absolute; 
  top: 3px; 
  left: 15px;
}

.header-btn > span {
  position: absolute;
  display: block;
  width: 28px;
  height: 2px;
  left: 50%;
  top: 50%;
  margin-left: -14px;
  margin-top: -1px;
  transition: all .3s ease;
  background: #666;
}

.header-btn > span:nth-of-type(1) {
  margin-top: -9px;
}

.header-btn > span:nth-of-type(3) {
  margin-top: 7px;
}

.header.active-menu .header-btn > span:nth-of-type(1) {
  transform: rotate(-45deg);
  margin-top: -2px;
}

.header.active-menu .header-btn > span:nth-of-type(2) {
  opacity: 0;
}

.header.active-menu .header-btn > span:nth-of-type(3) {
  transform: rotate(45deg);
  margin-top: -2px;
}

.header-sub-link-list {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 15px;
  max-height: 300px;
  min-width: 270px;
  display: block;
  background: #fff;
  transition: all .3s ease;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  box-shadow: 3px 3px 5px 1px rgba(0,0,0,.15);
}

.header-sub-wrap:hover .header-sub-link-list {
  transform: translateX(0);
  pointer-events: all;
  opacity: 1;
}

.header-sub-link {
  display: block;
  width: auto;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  color: #737373;
  transition: all .3s ease;
}

.header-sub-link:hover {
  color: #1b1b1b;
}

.header-link--cart {
  padding-left: 65px;
}

.header-link--cart:before {
  content: '';
  position: absolute;
  display: block;
  width: 27px;
  height: 30px;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/bitrix/templates/mk/css/../img/icon-cart.png) no-repeat center/contain;
  z-index: 2;
}

.cart-count {
  display: flex;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 1;
  justify-content: center;
  align-items: center;
  background: #2c8a37;
  color: #fff;
  top: 3px;
  left: 40px;
  z-index: 3;
}

/* main */

.slider {
  width: 100%;
  height: auto;
}

.slider .item {
  min-height: 365px;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: cover!important;
  position: relative;
}

.slider-info {
  background: rgba(255,255,255,.58);
  width: 100%;
  max-width: 380px;
  left: 12%;
  bottom: 60px;
  z-index: 5;
  padding: 26px;
  position: absolute;
  text-align: center;
}

.slider-title {
  display: block;
  margin: 0 0 15px 0;
  font-size: 20px;
  line-height: 1.1;
  text-align: center;
  color: #b86a61;
  text-transform: uppercase;
  font-weight: 600;
}

.slider-text {
  color: #556338;
  display: block;
  width: 100%;
  margin: 0 0 30px 0;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.slider-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1;
  color: #b86a61;
  border: 1px solid #b86a61;
  text-transform: uppercase;
  font-weight: 600;
  transition: all .3s ease;
}

.slider-btn:hover {
  background: #b86a61;
  color: #fff;
}

.owl-theme.slider .owl-dots {
  margin: 0!important;
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  z-index: 5;
}

.owl-theme.slider .owl-dots .owl-dot span {
  margin: 5px 7px;
  width: 12px;
  height: 12px;
  background: none;
  box-shadow: inset 0 0 0 2px #fff;
  transition: all .3s ease;
}

.owl-theme.slider .owl-dots .owl-dot.active span {
  background: #fff;
}

.main-2 {
  padding-bottom: 45px;
}

.goods-list {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.goods-item {
  display: block;
  width: 29%;
  margin: 0 2%;
  padding: 10px;
  text-align: center;
  transition: all .3s ease;
  margin-bottom: 60px;
}

.goods-item-img {
  display: flex;
  width: 100%;
  height: 250px;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 30px;
}

.goods-item-img > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.goods-item-title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0 0 20px 0;
  font-weight: 600;
}

.goods-item-text {
  display: block;
  margin: 0 0 25px 0;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  min-height: 100px;
}

.goods-item-btn {
  min-width: 175px;
  max-width: 96%;
  background: #f1dbca;
  color: #222;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 17px 20px;
  line-height: 1;
  transition: all .3s ease;
}

.goods-item-btn:hover {
  background: #403b3b;
  color: #fff;
}

.footer {
  background: #e5f0f0;
}

.footer-top {
  padding: 20px 0;
  border-bottom: 2px solid #b3b3b3;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-col {
  width: 25%;
  padding: 0 60px 0 0;
  text-align: left;
}

.footer-col-title {
  display: inline-block;
  transition: all .3s ease;
  color: #737373;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 600;
}

.footer-col-list {
  display: block;
  width: 100%;
  margin-top: 20px;
}

.footer-col-link {
  display: block;
  transition: all .3s ease;
  color: #737373;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px 0;
  font-weight: 600;
}

.footer-col-title:hover,
.footer-col-link:hover {
  /*text-decoration: underline;*/
}

.footer-bottom {
  padding: 25px 0 35px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-logo {
  display: block;
  height: 56px;
  width: auto;
}

.footer-logo > img {
  display: block;
  height: 100%;
  width: auto;
}

.footer-social {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.footer-social-link {
  width: 46px;
  height: 46px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 10px;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: contain!important;
  transition: all .3s ease;
}

.footer-social-link:hover {
  filter: brightness(.8);
}

.footer-contacts {
  display: block;
}

.footer-tel,
.footer-email {
  font-size: 18px;
  font-weight: 600;
  display: block;
  color: #9fa4a4;
  transition: all .3s ease;
  line-height: 1.3;
  padding: 1px 0;
  text-align: center;
}

.footer-tel:hover,
.footer-email:hover {
  color: #737373;
}

/* basket page */

h2,
.title-h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.1;
  margin: 10px 0 25px 0;
  text-align: center;
}

.text--right {
  text-align: right;
}

.text--left {
  text-align: left;
}

.basket-list {
  padding: 15px 0 55px 0;
  text-align: right;
}

.basket-line {
  margin: 20px 0;
  width: calc(100% - 2px);
  display: block;
  border: 1px solid #e5f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26px 85px 26px 26px;
  position: relative;
  outline: none;
  text-align: left;
}

.basket-img {
  display: block;
  width: 140px;
  min-width: 130px;
  height: 140px;
  margin-right: 35px;
}

.basket-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.basket-desc {
  text-align: left;
  margin-right: 5%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.basket-line-title {
  font-size: 20px;
  line-height: 1;
  display: block;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  width: 100%;
}

.basket-line-text,
.basket-line-add {
  font-size: 15px;
  line-height: 1.3;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
}

.basket-line-add {
  margin: 0;
}

.basket-col-title {
  padding-bottom: 14px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-top: -52px;
}

.basket-line-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.basket-count {
  margin: 0 60px;
}

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

.basket-count-text {
  font-size: 20px;
  line-height: 1;
  height: 42px;
  width: auto;
  min-width: 46px;
  border: 1px solid #333;
  margin: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.basket-count-arrow {
  width: 21px;
  min-width: 21px;
  height: 39px;
  display: block;
  background: url(/bitrix/templates/mk/css/../img/icon-arrow.png) no-repeat center/contain;
  cursor: pointer;
  transition: all .3s ease;
}

.basket-count-arrow:hover {
  filter: brightness(0.85);
}

.basket-count-arrow:nth-of-type(2) {
  transform: rotate(180deg);
}

.basket-price {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.basket-line-delete {
  display: block;
  width: 30px;
  height: 30px;
  background: url(/bitrix/templates/mk/css/../img/icon-close.png) no-repeat center/23px;
  top: 12px;
  right: 10px;
  z-index: 5;
  position: absolute;
  cursor: pointer;
  transition: all .3s ease;
}

.basket-line-delete:hover {
  filter: brightness(.75);
}

.basket-btn-finish {
  display: inline-block;
  background: #f1dbca;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #535353;
  border-radius: 3px;
  line-height: 1;
  padding: 16px 26px;
  transition: all .3s ease;
  border: none;
  box-shadow: none;
}

.basket-btn-finish:hover {
  filter: brightness(1.05);
}

/* ordering page */

.order-form {
  padding-bottom: 30px;
}

.order-form textarea,
.order-form input[type="text"],
.order-form input[type="phone"],
.order-form input[type="email"] {
  border: 2px solid #e5f0f0;
  width: 100%;
  padding: 9px 24px;
  background: #fff;
  color: #535353;
  font-size: 16px;
  line-height: 1;
  transition: all .3s ease;
}

.order-form textarea{
  line-height: 1.5;

}

.order-form input[type="text"].error,
.order-form input[type="phone"].error,
.order-form input[type="email"].error {
  border-color: red;
}

.order-form input[type="text"]::placeholder,
.order-form input[type="phone"]::placeholder,
.order-form input[type="email"]::placeholder {
  color: #9fa1a1;
}

.input-wrap {
  position: relative;
}

.form-line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.form-line-title {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  color: #222;
  font-weight: 600;
  margin: 50px 0 25px 0;
}

.form-recipient .input-wrap {
  width: 24%;
  margin: 0 1% 20px 0;
}

.form-delivery-select {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.form-delivery-checkbox {
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  margin: 0 1% 20px 0;
}

.form-delivery-checkbox input {
  display: none;
}

.form-delivery-checkbox > span {
  display: block;
  position: relative;
  padding: 5px 5px 5px 50px;
}

.form-delivery-checkbox > span:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid #bac2c2;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.form-delivery-checkbox > span:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #bac2c2;
  left: 6px;
  top: 50%;
  margin-top: -4px;
  transition: all .3s ease;
  opacity: 0;
}

.form-delivery-checkbox > input:checked + span:after {
  opacity: 1;
}

.form-delivery-checkbox > span > img {
  display: block;
  height: 30px;
  width: auto;
}

.form-content {
  padding: 50px 0;
}

.ordering-content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ordering-item {
  width: 24%;
  margin: 0 1% 20px 0;
}

.ordering-item-title {
  font-size: 16px; 
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  line-height: 1;
}

.ordering-item-text {
  font-size: 16px; 
  font-weight: 600;
  line-height: 1.1;
}

.form-result {
  text-align: center;
  border: 1px solid #e5f0f0;
  padding: 5px 20px 25px 20px;
}

.form-result-line {
  display: block;
  width: 100%;
  text-align: center;
  margin: 18px 0;
  font-weight: 600;
}

.form-result-line span {
  color: #585858;
  font-weight: inherit;
}

.form-result-btn {
  display: inline-block;
  padding: 12px 24px;
  background: #403b3b;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  transition: all .3s ease;
}

.form-result-btn:hover {
  filter: brightness(1.5);
}

.popup {
  padding: 60px 40px;
}

.popup-title {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.1;
  margin: 0 0 15px 0;
  text-align: center;
}

.popup-text {
  font-size: 16px;
  text-align: center;
  margin: 30px 0 0 0;
}

.back-to-page {
  font-size: 16px;
  color: #9fa1a1;
  text-decoration: underline;
}


.poduct-card {
  padding: 15px 0;
}

.product-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.product-card-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 60px;
}

.product-card-list-img {
  min-width: 120px;
  margin-right: 30px;
  max-height: 370px;
overflow-y: scroll;

}

.product-card-list-item {
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #e8f2f2;
  transition: all .3s ease;
  margin-bottom: 10px;
  cursor: pointer;
}

.product-card-list-item > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .3s ease;
}

.product-card-list-item.active {
  border-color: #b1d4d4;
}

.product-card-list-item:nth-last-of-type(1) {
  margin-bottom: 0;
}

.product-card-images {
  min-width: 380px;
  width: 380px;
  height: 380px;
  overflow: hidden;
  position: relative;
}

.product-card-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all .3s ease;
  z-index: 0;
  opacity: 0;
}

.product-card-img > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-card-img.active {
  z-index: 5;
  opacity: 1;
}

.product-card-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-card-add {
  width: 50%;
  text-align: center;
}

.product-card-count {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-card-count-text {
  margin-right: 20px;
}

.product-card-title {
  font-size: 24px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  margin: 0 0 15px 0;
  font-weight: 600;
  text-align: center;
  line-height: 1;
}

.product-card-text {
  display: block;
  width: 100%;
  margin: 25px 0;
  font-size: 16px;
  line-height: 1.3;
  text-align: justify;
}

.product-card-info {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-card-info > div {
  position: relative;
  width: 46%;
  min-height: 65px;
  padding: 5px 5px 5px 75px;
  margin: 10px 2%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  background-position: 3px center!important;
  background-repeat: no-repeat!important;
  background-size: 60px!important;
}

.product-card-price-btn {
  background: #403b3b;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  padding: 12px;
  width: 200px;
  min-width: 200px;
  text-align: center;
  transition: all .3s ease;
}

.product-card-price-btn:hover {
  filter: brightness(1.4);
}

.product-card-pricing {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
}

.product-card-price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
}

.product-card-price-title,
.product-card-price-old,
.product-card-price-new {
  font-size: 16px;
  font-weight: 600;
  margin: 5px 25px 5px 0;
}

.product-card-price-old {
  text-decoration: line-through;
}

.product-card-price-new {
  font-size: 20px;
}

.product-card-tabs {
  margin-top: 60px;
}

.product-card-tabs-btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-card-tabs-btn {
  width: 32%;
  color: #535353;
  transition: all .3s ease;
  background: #e5f0f0;
  display: flex;
  height: 56px;
  font-size: 20px;
  line-height: 1.1;
  justify-content: center;
  align-items: center;
}

.product-card-tabs-btn:hover {
  filter: brightness(.98);
}

.product-card-tabs-btn.active {
  color: #fff;
  background: #403b3b;
}

.product-card-tab {
  display: none;
  width: 100%;
}

.product-card-tab.active {
  display: block;
}

.product-card-tabs-content {
  padding: 20px 0;
}

.product-card-tab-1-content {
  padding: 25px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.product-card-tab-1-left {
  text-align: left;
  width: 360px;
  min-width: 360px;
  margin-right: 50px;
}

.product-card-tab-1-title {
  color: #585858;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  text-align: center;
  user-select: none;
}

.product-card-tab-1-item {
  position: relative;
  margin: 36px 0;
  color: #585858;
  display: block;
  width: 100%;
  text-align: center;
}

.product-card-tab-1-item:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: block;
  background: #f1dbca;
  bottom: -24px;
  left: 50%;
  margin-left: -7px;
}

.product-card-tab-1-item:nth-last-of-type(1):after {
  display: none;
}

.product-card-inner-tab-content {
  display: none;
  padding: 0 25px 25px 25px;
  text-align: center;
}

.product-card-inner-tab-content img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 15px 10px;
}

.product-card-inner-tab-content p:nth-of-type(1) {
  margin-top: 0;
}

.product-card-inner-tab-content p:nth-last-of-type(1) {
  margin-bottom: 0;
}

.product-card-inner-tab-content p {
  text-align: justify;
}

.product-card-inner-tab-title {
  padding: 24px 0;
  display: block;
  width: 100%;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}

.product-card-inner-tab * {
  color: #585858;
}

.product-card-inner-tab {
  border: 2px solid #f1dbca;
  margin-bottom: 10px;
}

.product-card-tab-1-right {
  width: 100%;
}

/* text page */

.text-content-start-img {
  display: block;
  width: 100%;
  height: auto;
}

.text-content .text-content-start-img > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.text-content img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 10px;
}

.content-images {
  padding: 20px 0;
}

.content-images img {
  max-width: 250px;
  width: auto;
  height: auto;
  display: block;
}

.text-content-title {
  display: block;
  text-transform: uppercase;
  margin: 10px 0 20px 0;
}

@media (max-width: 1199px) {
  .product-card-list-item {width: 100px; height: 100px;}
  .product-card-list-img {min-width: 100px; width: 100px; margin-right: 20px;}
  .product-card-images {min-width: 320px; width: 320px; height: 320px;}
  .product-card-left {margin-right: 35px;}
  .product-card-title {font-size: 20px;}
  .product-card-pricing {justify-content: space-between;}
  .product-card-price-title, .product-card-price-old, .product-card-price-new {font-size: 15px; margin: 5px 18px 5px 0;}
  .product-card-price-new {font-size: 18px;}
  .product-card-tabs {margin-top: 40px;}
  .product-card-tab-1-item {font-size: 14px;}
  .product-card-tab-1-left {width: 320px; min-width: 320px; margin-right: 30px;}
}

@media (max-width: 991px) {
  .header > .container {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
  .header-phone {position: relative; top: auto; right: auto; font-size: 16px;}
  .header-menu {width: 100%; margin-top: 0;}
  .header-sub-link-list {left: 0;}
  .header-logo {position: relative; left: 60px; height: 40px;}
  .header {padding: 15px 0;}
  .header-phone:before {height: 19px;}
  .header-btn {display: block;}
  .header-menu-wrap {display: block; width: 320px; max-width: 100%; left: 0; top: 55px; z-index: 10; background: #fff; transition: all .3s ease;
    transform: translateX(-130%); opacity: 0; position: absolute; border: 1px solid #eee; padding: 6px 0;}
  .active-menu .header-menu-wrap {transform: translateX(0); opacity: 1;}
  .header-link, .header-sub-wrap, .header-sub-title {font-size: 16px; text-align: left;}
  .header-sub-link-list {position: relative; top: auto; left: auto; opacity: 1; pointer-events: all; transform: none; box-shadow: none; border: 0;
    width: 100%; max-width: 100%; padding: 10px 0 0 0;}
  .header-sub-link {font-size: 14px;}
  .header-link, .header-sub-wrap {padding: 7px 5px 7px 20px;}
  .header-link--cart:before {width: 22px; height: 22px; left: 20px;}
  .header-link--cart {padding-left: 55px;}
  .cart-count {width: 16px; height: 16px; font-size: 8px; top: 0; left: 30px;}
  .header-sub-link {padding: 5px 10px;}
  .slider-info {left: 15px; bottom: 40px; padding: 16px;}
  .slider-title {font-size: 16px; margin: 0 0 10px 0;}
  .slider-text {font-size: 14px; margin: 0 0 20px 0;}
  .slider-btn {font-size: 12px; padding: 10px 12px;}
  .goods-item {padding: 10px 0;}
  .goods-item-title {font-size: 16px; margin-bottom: 15px;}
  .goods-item-text {font-size: 14px; margin-bottom: 20px;}
  .goods-item-btn {font-size: 14px; padding: 12px 16px; min-width: 150px;}
  p {font-size: 14px;}
  .main-2 {padding-bottom: 25px;}
  .footer-top {flex-wrap: wrap; padding: 0;}
  .footer-col {width: 50%; margin: 20px 0;}
  .footer-col-list {margin-top: 15px;}
  .footer-bottom {padding: 15px 0 20px 0;}
  .footer-logo {height: 35px;}
  .footer-tel, .footer-email {font-size: 14px;}
  .footer-social-link {width: 36px; height: 36px; margin: 0 3px;}
  .owl-theme.slider .owl-dots {bottom: 7px;}
  .basket-line {padding: 18px 60px 18px 18px;}
  .basket-line-text, .basket-line-add {font-size: 14px; margin: 0 0 10px 0;}
  .basket-img {margin-right: 25px; width: 120px; min-width: 110px;}
  .basket-line-delete {width: 24px; height: 24px; background-size: 16px;}
  .basket-line-title {font-weight: 600; font-size: 16px; margin-bottom: 10px;}
  .basket-col-title {padding-bottom: 0; font-size: 14px;}
  .basket-count-text {font-size: 16px; height: 32px; min-width: 38px;}
  .basket-count-arrow {width: 17px; min-width: 17px; height: 29px;}
  .basket-price {height: 33px; line-height: 33px; font-size: 18px;}
  .basket-btn-finish {font-size: 16px;}
  .basket-count {margin: 0 40px;}
  .form-recipient .input-wrap {min-width: 260px; margin: 0 15px 15px 0;}
  .form-delivery-checkbox {min-width: 210px; margin: 0 15px 15px 0;}
  .ordering-item {width: 100%; margin: 15px 0;}
  .form-content {padding-bottom: 20px;}
  .form-line-title {margin: 30px 0 15px 0; font-size: 16px;}
  .back-to-page {font-size: 14px;}
  .product-card-list-item {width: 80px; height: 80px;}
  .product-card-list-img {min-width: 80px; width: 80px; margin-right: 15px;}
  .product-card-images {min-width: 260px; width: 260px; height: 260px;}
  .product-card-left {margin-right: 0; width: 100%; justify-content: center; padding: 20px 0 0 0;}
  .product-card-top {flex-wrap: wrap; flex-direction: column-reverse;}
  .product-card-add {text-align: right; margin-right: 60px;}
  .product-card-count {justify-content: flex-start;}
  .product-card-pricing {justify-content: center;}
  .product-card-info {flex-wrap: wrap;}
  .product-card-info > div {width: 300px; max-width: 100%;}
  .product-card-tabs-btn {font-size: 16px;}
  .product-card-tabs-btn {height: 46px;}
  .product-card-tab-1-left {width: 240px; min-width: 240px; margin-right: 20px;}
  .product-card-inner-tab-title {padding: 20px 0; font-size: 14px;}
  .product-card-inner-tab-content {padding: 0 20px 20px 20px;}
  .product-card-text {font-size: 14px;}
}

@media (max-width: 767px) {
  .goods-list {flex-wrap: wrap; justify-content: center;}
  .goods-item {width: 46%;}
  .basket-line {flex-wrap: wrap;}
  .basket-line-right {width: 100%; justify-content: center; padding: 20px 0 15px 40px;}
  .basket-count {margin: 0 40px 0 0;}
  .basket-col-title {margin-top: 0; padding-bottom: 0;}
  .basket-img {width: 20%; min-width: 20%; margin-right: 5%;}
  .basket-desc {width: 75%; margin: 0;}
  .product-card-price-btn {font-size: 14px;}
  .product-card-tab-1-content {flex-wrap: wrap;}
  .product-card-tab-1-left {width: 100%; min-width: 100%; margin: 0 0 10px 0;}
  .product-card-tab-1-right {width: 100%;}
}

@media (max-width: 599px) {
  .footer-col {padding-right: 20px; width: 100%;}
  .goods-item {width: 100%; max-width: 360px; margin: 15px 0;}
  .goods-item-img {margin-bottom: 10px;}
  .footer-bottom {padding: 15px 0 60px 0;}
  .footer-tel, .footer-email {font-size: 13px;}
  .footer-contacts {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
  .footer-social-link {width: 32px; height: 32px; margin: 0 2px;}
  .product-card-title {font-size: 17px;}
  .product-card-pricing {flex-wrap: wrap;}
  .product-card-price {width: 100%; margin: 10px; justify-content: center;}
  .product-card-tabs-btn {font-size: 15px;}
}

@media (max-width: 499px) {
  .basket-line {display: block; padding: 30px 20px;}
  .basket-img {width: 120px; min-width: 120px; height: 120px; margin: 0 auto 15px auto;}
  .basket-desc {width: 100%; margin: 10px 0;}
  .basket-line-right {padding: 0;}
  .header {padding: 10px 0;}
  .header-btn {width: 34px; height: 30px; top: 34px;}
  .header-btn > span {width: 26px; margin-left: -13px;}
  .header-logo {left: auto; width: 130px; height: auto; margin: 0 auto 6px auto; display: block;}
  .header-logo > img {width: 100%; height: auto;}
  .header > .container {display: block; text-align: right;}
  .header-phone, .header-link, .header-sub-wrap, .header-sub-title {font-size: 12px;}
  .header-menu-wrap {top: 66px; box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.15);}
  .header-link, .header-sub-wrap, .header-sub-title {font-size: 14px;}
  .basket-list {padding: 0 0 30px 0;}
  h2, .title-h2 {font-size: 20px;}
  .product-card-tabs-btns {flex-wrap: wrap;}
  .product-card-tabs-btn {width: 100%; margin: 5px 0;}
  .product-card-options {flex-wrap: wrap; width: 100%; margin: 0; text-align: center; padding: 10px;}
  .product-card-add {width: 100%; margin: 0; padding: 10px; text-align: center;}
  .product-card-count {width: 100%; justify-content: center;}
  .product-card-left {flex-wrap: wrap; flex-direction: column-reverse;}
  .product-card-list-img {display: flex; justify-content: center; margin: 10px 0; width: 100%; min-width: 100%;}
  .product-card-list-item {margin: 0 5px;}
  .product-card-images {width: 100%;}
  .product-card-inner-tab-content {padding: 0 10px 10px 10px;}
}


/* 04 may 2021 - new styles */

.about-1 {
  padding: 0 0 20px 0;
}

.content-line {
  width: 100%;
  align-items: center;
}

.content-line-item {
  margin: 16px;
}

.content-line-item:nth-child(1) {
  margin-left: 0;
}

.content-line-item:nth-last-child(1) {
  margin-right: 0;
}

.content-line-text {
  padding: 40px 30px;
  box-shadow: inset 0 0 1px 1px #f3e3d6;
  width: 100%;
  min-height: 310px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}

.content-line-round {
  width: 226px;
  height: 226px;
  min-width: 226px;
  max-width: 226px;
  overflow: hidden;
  border-radius: 50%;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-line-round > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.content-line-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 360px;
  max-width: 420px;
  height: auto;
  min-height: 310px;
}

.content-line-img > img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 310px;
  object-fit: cover;
}

.content-line-text > span {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 20px 0;
}

.content-line-text > p {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 35px;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
}

.about-2 {
  background: #f1f7f7;
  margin-bottom: -15px;
  padding: 30px 0;
}

.about-2-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.about-2-list > a {
  display: block;
  width: calc(25% - 40px);
  margin: 20px;
  height: 350px;
  border: 2px solid #b8bbbc;
  position: relative;
}

.about-2-list > a:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: rgba(0,0,0,.2);
  transition: all .3s ease;
  opacity: 0;
  pointer-events: none;
}

.about-2-list > a:before {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  background: url(/bitrix/templates/mk/css/../img/zoom.svg) no-repeat center/contain;
  transition: all .3s ease;
  opacity: 0;
  pointer-events: none;
}

.about-2-list > a:hover:after,
.about-2-list > a:hover:before {
  opacity: 1;
}

.about-2-list > a > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .content-line-round {display: none;}
  .content-line-item {margin: 10px;}
  .about-2-list > a {width: calc(25% - 20px); margin: 10px;}
}

@media (max-width: 991px) {
  .about-2-list {justify-content: center;}
  .about-2-list > a {width: 310px; margin: 20px; height: 420px;}
  .content-line {margin: 15px 0; flex-direction: column; justify-content: center; align-items: center;}
  .content-line-item {width: 100%!important; margin: 5px 0!important;}
  .content-line-item.content-line-round {display: flex; width: 160px!important; height: 160px; margin: 0 0 15px 0!important; min-width: 160px; max-width: 160px;}
  .content-line-item.content-line-img {min-height: 150px; height: auto; margin-top: 15px!important; min-width: 280px;}
  .content-line-img > img {min-height: 150px;}
  .content-line-item.content-line-text {min-height: 50px;}
  .content-line:nth-of-type(2),
  .content-line:nth-of-type(4) {flex-direction: column-reverse;}
  .header-cart-2 {display: block!important; width: 36px; padding-left: 0; color: transparent!important; overflow: hidden; user-select: none; position: absolute;
    right: -30px; top: 5px; z-index: 20;}
  .header-cart-2:before {left: 4px;}
  .header-cart-2 > span {color: #fff; left: 17px;}
  .header {padding-right: 35px;}
  .header-phone {font-size: 14px;}
}

@media (max-width: 699px) {
  .about-2-list > a {width: 240px; margin: 10px; height: 340px;}
  .content-line-text > p {padding: 0;}
}

@media (max-width: 499px) {
  .content-line-text {padding: 30px 20px;}
  .header-cart-2 {top: 32px;}
  .header-phone {font-size: 15px;}
}

/* new css 21.05 */

.form-delivery .input-wrap {
  width: 19%;
  margin: 0 1% 20px 0;
}
.form-delivery .input-wrap2 {
  width: 50%;
  margin: 0 1% 20px 0;
}

.product-card-structure {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.product-card-structure-item {
  width: calc(50% - 10px);
  margin: 0 20px 20px 0;
  border: 2px solid #f1dbca;
  min-height: 190px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.product-card-structure-item:nth-of-type(2n) {
  margin-right: 0;
}

.product-card-structure-item-img {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  min-width: 150px;
  margin-right: 25px;
}

.product-card-structure-item-img > img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.product-card-structure-item-text {
  display: block;
  margin: 3px 0 6px 0;
  color: #1b1b1b;
  text-align: left;
  font-size: 14px;
}

.product-card-structure-item-title {
  display: block;
  width: 100%;
  color: #585858;
  text-transform: uppercase;
  margin: 3px 0 6px 0;
}

.product-card-content-3-line {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.product-card-content-3-line img {
  display: block;
  width: 350px;
  min-width: 350px;
  height: auto;
  margin: 0 30px 20px 0;
}

.product-card-content-3-line p {
  margin: 0 0 15px 0;
}

.product-card-content-3-line p span {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .form-delivery .input-wrap {min-width: 260px; margin: 0 15px 15px 0;}
  .form-delivery .input-wrap2 {min-width: 260px; margin: 0 15px 15px 0;}
  .product-card-structure-item {width: 100%; margin: 10px 0;}
}

@media (max-width: 799px) {
  .product-card-content-3-line {flex-wrap: wrap;}
  .product-card-content-3-line p {
    width: 100%;
  }
}

@media (max-width: 499px) {
  .product-card-structure-item {flex-wrap: wrap; justify-content: center;}
  .product-card-structure-item-img {width: 100px; min-width: 100px; height: 100px; margin: 0 0 10px 0;}
  .product-card-structure-item-text {width: 100%;}
  .product-card-content-3-line img {min-width: 10px; max-width: 100%; margin: 0 0 20px 0;}
}

.modal-policy {
  font-size: 12px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-policy a {
  color: #1b1b1b;
  text-decoration: underline;
}

.modal-policy img {
  margin-right: 10px;
}

.mobileMenu {
  padding: 15px 0;
  transform: translateY(-100%);
  transition: .3s transform;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  background-color: #fff;
  z-index: 3;
}

.mobileMenu.active {
  transform: translateY(0);
}

.mobileMenu * {
  color: #222;
  font-family: 'Open Sans', sans-serif;
  box-sizing: border-box;
}

.cart-count {
  color: #fff;
}

@media (max-width: 991px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    background-color: #fff;
    box-sizing: border-box;
  }
  .mobileMenu {
    display: none;
  }
  main {
    padding-top: 70px;
  }
}
@media (max-width: 499px) {
  main {
    padding-top: 76px;
  }
}

.breadcrumbs {
  padding: 0;
  box-sizing: border-box;
}

.breadcrumbs * {
  box-sizing: border-box;
}

.breadcrumbs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumbs-item {
  color: #9fa4a4;
  transition: .3s color;
}

.breadcrumbs-item:hover {
  color: #2c8a37;
}

.breadcrumbs-item.inactive {
  color: #9fa4a4;
}

.breadcrumbs-item.inactive:hover {
  color: #9fa4a4;
}

.breadcrumbs-dec {
  width: 14px;
  height: 1px;
  background-color: #9fa4a4;
  margin: 0 12px;
}

.news {
  padding-bottom: 110px;
}

.news-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}

.news-item {
  color: #000;
}

.news-item__img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 15px;
  position: relative;
}

.news-item__img-sizer {
  padding-bottom: 63%;
}

.news-item__img-dec {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #2c8a37;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  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;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s opacity, .3s visibility;
  transition: .3s opacity, .3s visibility;
}

.news-item__title {
  margin-bottom: 10px;
  -webkit-transition: .3s color;
  transition: .3s color;
  font-size: 20px;
  line-height: 160%;
  font-weight: 500;
  text-align: left;
  text-transform: none;
}

.news-item__text {
  font-size: 14px;
}

.news-item:hover .news-item__img-dec {
  opacity: 1;
  visibility: visible;
}

.news-item:hover .news-item__title {
  color: #2c8a37;
}

.news-more {
  margin-top: 30px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 1500px) {
  .news {
    padding-bottom: 90px;
  }
  .news-list {
    grid-gap: 40px;
  }
}

@media (max-width: 1350px) {
  .news {
    padding-bottom: 70px;
  }
  .news-list {
    grid-gap: 30px;
  }
  .news-item__img {
    margin-bottom: 10px;
  }
  .news-item__title {
    margin-bottom: 5px;
    font-size: 18px;
  }
}

@media (max-width: 1100px) {
  .news {
    padding-bottom: 60px;
  }
  .news-list {
    grid-gap: 20px;
  }
}

@media (max-width: 1000px) {
  .news-list {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 650px) {
  .news-list {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .news {
    padding-bottom: 50px;
  }
}
.newsSingle {
  padding-bottom: 80px;
}

.newsSingle-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.newsSingle-img__sizer {
  padding-bottom: 55%;
}

.newsSingle-title {
  margin-bottom: 25px;
}

@media (max-width: 1500px) {
  .newsSingle {
    padding-bottom: 50px;
  }
  .newsSingle-img {
    margin-bottom: 30px;
  }
  .newsSingle-title {
    margin-bottom: 20px;
  }
}

@media (max-width: 1200px) {
  .newsSingle {
    padding-bottom: 50px;
  }
  .newsSingle-img {
    margin-bottom: 20px;
  }
  .newsSingle-title {
    margin-bottom: 20px;
  }
}

@media (max-width: 800px) {
  .newsSingle {
    padding-bottom: 40px;
  }
}

@media (max-width: 600px) {
  .newsSingle {
    padding-bottom: 30px;
  }
}


.st-input {
  border: 2px solid #e5f0f0;
  padding: 9px 24px;
  background: #fff;
  color: #535353;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  grid-column: span 1;
}

.st-input::-webkit-input-placeholder {
  color: #9fa1a1;
}

.st-input:-ms-input-placeholder {
  color: #9fa1a1;
}

.st-input::-ms-input-placeholder {
  color: #9fa1a1;
}

.st-input::placeholder {
  color: #9fa1a1;
}

.st-textarea {
  min-height: 120px;
  width: 100%;
  grid-column: span 2;
resize: vertical;
  padding: 24px 24px;
}

.st-submit {
	background: #403b3b;
	color: #fff;
	line-height: 1;
	padding: 12px;
	width: 200px;
	min-width: 200px;
	text-align: center;
	transition: all .3s ease;
	border: 2px solid #403b3b;
	cursor: pointer;
}

.st-submit:hover {
    filter: brightness(1.4);
}

.st-main {
	border-bottom: 2px solid #b3b3b3;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.st-comment {
	border: 2px solid #f1dbca;
	margin: 20px 0;
	padding: 5px 20px;
}

.st-name {
	font-weight: bold;
}

.st-name span {
	font-size: 0.8em;
	color: #aaa;
	float: right;
}

.st-text {

}

.comment-block {
	margin-top: 40px;
}
/* End */
/* /bitrix/templates/mk/js/owl/assets/owl.carousel.min.css?16577159153351 */
/* /bitrix/templates/mk/js/owl/assets/owl.theme.default.min.css?16577159151013 */
/* /bitrix/templates/mk/css/style.css?166021698148215 */