/*!**********************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!./desktope/libs/swiper/swiper.min.css ***!
  \**********************************************************************************************************************/
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
 .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/core/core-fast.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-spacing: normal;
  outline: none;
}
div {
  position: relative;
}
html {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body {
  width: 100%;
  position: relative;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #343434;
  overflow-x: hidden;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  margin: 0 auto;
}
img {
  border: none;
}
p {
  font-size: 14px;
  margin: 0 0 10px 0;
  line-height: 20px;
}
a {
  color: #004a85;
  outline: none;
  transition: all 0.2s;
}
button {
  transition: all 0.2s;
}
a:hover {
  text-decoration: none;
}
h1 {
  font-size: 20px;
  margin: 0 0 20px 0;
  line-height: normal;
  color: #343434;
  font-weight: 700;
}
h2 {
  font-size: 18px;
  margin: 0 0 15px 0;
  line-height: normal;
  color: #343434;
}
h3 {
  font-size: 16px;
  margin: 0 0 10px 0;
  line-height: normal;
  color: #343434;
}
h4 {
  font-size: 14px;
  margin: 0 0 10px 0;
  line-height: normal;
  color: #343434;
}
h5 {
  font-size: 12px;
  margin: 0 0 10px 0;
  line-height: normal;
  color: #343434;
  font-weight: 700;
}
table {
  border-collapse: collapse;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  font-size: 14px;
  margin-bottom: 5px;
}
input::placeholder {
  color: #b5b5b5;
}
input:focus::placeholder {
  opacity: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
textarea::placeholder {
  color: #b5b5b5;
}
textarea:focus::placeholder {
  opacity: 0;
}
@font-face {
  font-family: 'AvenirNext';
  font-display: swap;
  src: url('/build/css/fonts/AvenirNext-Bold/AvenirNext-Bold.woff') format('woff'), url('/build/css/fonts/AvenirNext-Bold/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'), url('/build/css/fonts/AvenirNext-Bold/AvenirNext-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext';
  font-display: swap;
  src: url('/build/css/fonts/AvenirNext-Regular/AvenirNext-Regular.woff') format('woff'), url('/build/css/fonts/AvenirNext-Regular/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'), url('/build/css/fonts/AvenirNext-Regular/AvenirNext-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext';
  font-display: swap;
  src: url('/build/css/fonts/AvenirNext-Medium/AvenirNext-Medium.woff') format('woff'), url('/build/css/fonts/AvenirNext-Medium/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'), url('/build/css/fonts/AvenirNext-Medium/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.no-srcoll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
.bc {
  font-size: 14px;
  line-height: 21px;
}
.bc i:before {
  content: '>';
}
.bc a {
  color: #004a85;
  text-decoration: none;
}
.main {
  max-width: 1024px;
  margin: 0 auto;
  min-height: calc(100vh - 395px);
}
.main__row {
  display: block;
  width: 100%;
  padding: 15px 0px 20px;
}
.main__row_color_light {
  background-color: #f3f3f3;
  overflow: hidden;
}
.main__row_color_dark {
  background-color: #dadada;
}
.main__container,
.color-block-container {
  display: block;
  width: 100%;
  padding: 25px 15px 40px;
  min-height: calc(100vh - 495px);
}
.main__container--text {
  padding: 25px 15px 0px;
}
.main__container--outOffStock {
  display: block;
  width: 100%;
  padding: 25px 16px 20px;
}
.product .main__container {
  min-height: auto;
  padding: 25px 15px 15px;
}
.page__content {
  transition: transform 0.3s;
}
.side-open .page__content {
  transform: translate(270px, 0);
}
.box {
  min-height: 100vh;
  padding-bottom: 270px;
}
.content {
  display: block;
  width: 100%;
  padding: 25px 16px 40px;
  max-width: 760px;
  margin: 0 auto;
  min-height: calc(100vh - 495px);
}
input:not([type='checkbox']):not([type='radio']),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
}
.catalog-nav__wrapper {
  position: relative;
  background-color: white;
  display: none;
}
.catalog-nav__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 100;
}
.catalog-nav__wrapper.open {
  display: block;
}
.catalog-nav .catalog-nav__link,
.catalog-nav .catalog-nav__link {
  display: block;
  text-decoration: none;
  color: black;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 35px 15px 15px;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.catalog-nav .catalog-nav__link:first-child {
  border-top: 1px solid #e7e7e7;
}
.catalog-nav .catalog-nav__link a {
  text-decoration: none;
  color: inherit;
  margin-left: 5px;
}
.catalog-nav .catalog-nav__link.header {
  padding-right: 15px;
}
.catalog-nav .catalog-nav__link > * {
  vertical-align: middle;
}
.tecdoc.catalog-nav .catalog-nav__link > a {
  text-decoration: none;
  color: white;
}
.tecdoc.catalog-nav .catalog-nav__link .actual-links > * {
  margin: 0 10px;
}
.tecdoc.catalog-nav .catalog-nav__link .actual-links a {
  color: #f60;
  text-decoration: none;
}
.catalog-nav .catalog-nav__link img {
  width: 50px;
  padding-right: 5px;
}
.catalog-nav__link.icon-arrow {
  background: url('/pic/mobile/arrow-black-small.png') no-repeat right 15px top 50%;
  background-size: 10px;
}
.catalog-nav__link.icon-arrow.open {
  background: url(/pic/mobile/arrow-small-blue.png) no-repeat right 15px top 50%;
  background-size: 17px;
}
.catalog-nav__item .catalog-nav__link.active {
  border: none;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  background-color: #474747;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  padding: 15px 16px 15px 37px;
  position: relative;
}
.catalog-nav__item .catalog-nav__link.active .vendor-code__item {
  color: #ffffff;
}
.catalog-nav__item .catalog-nav__link.active:before {
  content: '';
  width: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  background: url('/pic/mobile/arrow-white.png') no-repeat 50%;
  background-size: 10px;
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -o-transform: rotate(180deg);
  /* Opera */
  transform: rotate(180deg);
  /* Opera */
}
.catalog-nav__item .catalog-nav__link.active.icon-arrow {
  background: transparent;
}
.catalog-nav__link_all {
  font-weight: bold;
}
.catalog-nav__item.hide {
  display: none;
}
.catalog-nav__item_deep_0 .catalog-nav__link.active {
  background-color: #474747;
}
.catalog-nav__item_deep_1 .catalog-nav__link.active {
  background-color: #595959;
}
.catalog-nav__item_deep_2 .catalog-nav__link.active {
  background-color: #676767;
}
.catalog-nav__item_deep_3 .catalog-nav__link.active {
  background-color: #797979;
}
.catalog-nav__item_deep_4 .catalog-nav__link.active {
  background-color: #919191;
}
.catalog-nav__menu {
  display: none;
}
.catalog-nav__menu_show {
  display: block;
}
.catalog-nav__menu-container {
  position: relative;
}
.catalog-nav__link.active-header {
  border: none;
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  background-color: #474747;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  padding: 15px 16px 15px 16px;
  position: relative;
}
button.cart-add,
button.cart-add-item,
button.cart-button {
  border: none;
  display: block;
  width: 40px;
  color: #343434;
  font-size: 0;
  background: #f60;
  height: 40px;
  -webkit-transition: background 0.2s 0s linear;
  -moz-transition: background 0.2s 0s linear;
  -ms-transition: background 0.2s 0s linear;
  -o-transition: background 0.2s 0s linear;
  transition: background 0.2s 0s linear;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
}
button.cart-add:before,
button.cart-add-item:before,
button.cart-button:before {
  content: '';
  position: absolute;
  top: -8px;
  left: -7px;
  transform: scale(0.4);
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -56px -146px;
  width: 56px;
  height: 56px;
}
button.cart-add:disabled:before,
button.cart-add-item:disabled:before,
button.cart-button:disabled:before {
  content: none;
}
button.cart-add.cart-open,
button.cart-add-item.cart-open,
button.cart-button.cart-open {
  display: block;
  background: #f3f3f3;
  border: 1px solid #0095c7;
  text-align: center;
  color: #0095c7;
  font-size: 0;
  text-decoration: none;
  padding: 7px 0;
}
button.cart-add.cart-open:before,
button.cart-add-item.cart-open:before,
button.cart-button.cart-open:before {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: 0px -146px;
  width: 56px;
  height: 56px;
  top: -9px;
  left: -8px;
}
.cart-add.disabled {
  width: 40px;
  color: #343434;
  border-radius: 5px;
  display: block;
  background: #f3f3f3;
  border: none;
  text-align: center;
  font-size: 0;
  text-decoration: none;
  position: relative;
  text-indent: -10000px;
}
.cart-add.disabled:before {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -112px -146px;
  width: 56px;
  height: 56px;
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  transform: scale(0.4);
  opacity: 0.6;
}
@media (max-width: 500px) {
  .text-content:not(.about--special) div,
  .review__content:not(.about--special) div {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .text-content img,
  .review__content img {
    width: 100% !important;
    height: auto !important;
  }
  .text-content ul,
  .review__content ul {
    padding-left: 20px;
  }
  .text-content table,
  .review__content table {
    width: 100% !important;
  }
  .text-content ol,
  .review__content ol {
    padding-left: 25px;
  }
}
.order__title,
.auth-page h1,
.color-block-container h1,
.text-content h1 {
  color: black;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
}
.error h1 {
  color: #999 !important;
  font-size: 24px !important;
  text-align: center;
  text-transform: uppercase;
}
.error h2 {
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  margin-bottom: 20px;
}
.error ul {
  padding-left: 20px;
}
.error ul li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}
.error ul ul {
  padding-left: 20px;
}
.error ul ul li {
  list-style: circle;
  margin-bottom: 0;
}
.show-all,
.mark,
.model {
  color: #003777;
  text-decoration: underline;
  cursor: pointer;
}
#special-price-modal {
  padding: 20px;
}
.probable-price-waiting,
.probable-price-wh,
.probable-price-no-card {
  margin-bottom: 5px;
}
.probable-price-waiting {
  cursor: pointer;
}
.probable-price-waiting::after {
  content: '!';
  background: #fff;
  font-size: 1em;
  color: #000;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  line-height: 1.2em;
  border-radius: 50%;
  margin-left: 5px;
  font-weight: 700;
}
/* Старые стили у МВ используются для интерфейса без вью */
.order-list {
  margin: 0 -16px;
}
.order-item {
  border-bottom: 1px solid #bfbfbf;
  padding: 15px 16px 10px;
}
.order-item:first-child {
  padding-top: 0;
}
.order-item__sum {
  color: #262626;
  font-size: 13px;
  font-weight: 400;
}
.order-item__price {
  color: #262626;
  font-size: 13px;
  font-weight: 700;
}
.order-item__number {
  display: inline-block;
  vertical-align: bottom;
  /*    color: black;*/
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
}
.order-item__date {
  display: inline-block;
  vertical-align: bottom;
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  padding-left: 5px;
}
.order-item__item {
  color: black;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.order-item__bold {
  font-weight: 700;
}
.order-item__cursive {
  font-style: italic;
}
.order-item__mail {
  font-size: 14px;
  line-height: 20px;
  color: #1082bb;
  font-weight: 400;
  text-decoration: underline;
}
.order-item__phone {
  color: black;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
}
.order-item__info {
  margin-bottom: 10px;
}
.order-item__status-title {
  color: black;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 5px;
}
.status {
  overflow-y: hidden;
  min-height: 0.01%;
  overflow-x: auto;
  margin: 0 -16px;
  position: relative;
}
.status__wrapper {
  position: relative;
}
.status__wrapper:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  box-shadow: 0 0 20px 10px #fff;
  z-index: 1;
  width: 5px;
  background: #fff;
}
.status__wrapper:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -16px;
  box-shadow: 0 0 20px 10px #fff;
  z-index: 1;
  width: 5px;
  background: #fff;
}
.status__table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  max-width: none;
  margin-bottom: 0;
  width: 100%;
}
.status__table tbody {
  padding: 0 16px;
  display: block;
}
.status__row {
  display: table-row;
}
.status__cell {
  white-space: nowrap;
  color: #7c7c7c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 45px 3px 0;
}
.status__cell:first-child {
  padding-left: 16px;
}
.status__item {
  background-color: #d8d8d8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #0e0e0e;
  border-bottom: 3px solid #eaeaea;
}
.status__item_done {
  border-color: #00b73b;
}
.status__item_cancel {
  border-color: #fc4f08;
}
.profile__title {
  color: #262626;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
}
.order__subtitle {
  color: black;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 8px;
}
.order__info {
  color: black;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.order-detail__title {
  color: black;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 15px;
}
.order-detail__status {
  display: table;
  margin-bottom: 5px;
}
.order-detail__status-title {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
  color: black;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
}
.order-detail__status-content {
  display: table-cell;
  vertical-align: top;
}
.order-detail__status-value {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #0e0e0e;
}
.order-detail__status-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #7c7c7c;
}
.order-detail__item {
  color: black;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.order-detail__item:last-child {
  margin-bottom: 0;
}
.order-detail__bold {
  font-weight: bold;
}
.order-detail__mail {
  text-decoration: underline;
  color: black;
}
.order-detail__phone {
  text-decoration: none;
  color: black;
}
.order-detail__cursive {
  font-style: italic;
}
.order-detail__list {
  margin-top: 25px;
  margin-bottom: 40px;
}
.order-detail__list-title {
  color: #343434;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 10px;
}
.order-detail__section {
  padding: 20px 0px;
  background: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}
.order-detail__payment-status {
  font-size: 17px;
  font-weight: 700;
  color: black;
  line-height: 20px;
  border: 2px solid #4fb83c;
  padding: 5px 5px;
  display: inline-block;
}
.order-detail-item {
  margin-top: 15px;
  margin-bottom: 40px;
}
.order-detail-item:first-child {
  margin-top: 0;
}
.order-detail-item__row {
  font-size: 0;
  margin-bottom: 15px;
}
.order-detail-item__col {
  display: inline-block;
  vertical-align: top;
}
.order-detail-item__col_side_left {
  width: 17.36111111%;
}
.order-detail-item__col_side_right {
  width: 82.63888889%;
  padding-left: 10px;
  position: relative;
}
.order-detail-item__img {
  display: block;
  width: 100%;
}
.order-detail-item__img-wrapper {
  display: block;
  padding: 10px;
}
.order-detail-item__link {
  line-height: 20px;
  color: #232323;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.order-detail-item__title {
  margin-bottom: 10px;
  padding-right: 45px;
}
.order-detail-item__price {
  color: black;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}
.order-detail-item__status {
  position: relative;
  margin-bottom: 5px;
}
.order-detail-item__status-title {
  color: black;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 5px;
}
.order-detail-item__info-item {
  color: #7c7c7c;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}
.order-detail__user_delivery_info {
  border: 3px solid #ffda4f;
  margin: 9px 0px;
  padding: 10px;
  background: #f7f7f7;
}
.order__cost {
  margin-bottom: 15px;
}
.order__price-title {
  color: black;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.order__price-value {
  color: black;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px;
}
.order__price_result {
  margin-top: 5px;
}
.discount_real_text ul {
  padding-left: 20px;
}
.other-pay-bottom__price {
  vertical-align: middle;
  margin-bottom: 20px;
}
.order .other-pay-container .other-pay-list {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.order .other-pay-container .other-pay-list li.info em {
  margin-left: 5px;
}
.order .other-pay-container .other-pay-list li {
  margin: 0 0 10px;
  display: block;
}
.order .other-pay-container .other-pay-list li:last-child {
  margin-bottom: 0;
}
.order .other-pay-container .other-pay-list li.other-pay-list-PaySystemPSB input,
.order .other-pay-container .other-pay-list li.other-pay-list-PaySystemSber input,
.order .other-pay-container .other-pay-list li.other-pay-list-PaySystemRbk input {
  text-indent: -9999px;
  background: url('/pic/paysystems/ico_s_mc.png') no-repeat center center;
  width: 57px;
  cursor: pointer;
  vertical-align: top;
}
.order .other-pay-container .other-pay-list li.other-pay-list-PaySystemRbk input {
  background-image: url('/pic/paysystems/rbkmoney.png');
}
.gpay-card-info-container {
  width: 100%;
}
.order .other-pay-container input {
  height: 28px;
}
.order .other-pay-container .pay-form {
  margin: 0px;
}
.order .other-pay-container input {
  background-color: white;
  border: 1px solid #e7e7e7;
  color: black;
}
.order .other-pay-container .other-pay-sum {
  display: inline-block;
  width: 150px;
  font-weight: 400;
  padding: 2px 7px;
}
.order .other-pay-container .other-pay-ok {
  background: #009a2e;
  border: none;
  color: #ffffff;
  text-shadow: 1px 1px 1px #184e28;
  font-size: 14px;
  padding: 2px 30px 2px 30px;
  margin: 0px;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  height: 40px;
  width: 100%;
  position: relative;
  border-radius: 10px;
  text-align: left;
}
.order .other-pay-container .other-pay-ok b {
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
}
.order .other-pay-container .other-pay-ok b em {
  display: block;
  font-size: 10px;
  font-style: normal;
  text-shadow: none;
}
.order .other-pay-container .other-pay-ok ins {
  display: inline-block;
  margin-top: 6px;
  font-size: 15px;
  text-decoration: none;
  float: right;
}
.order .other-pay-container .other-pay-ok:before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(/pic/sber-logo.png);
  background-size: contain;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-top: 4px;
}
.order .other-pay-container .other-pay-list-PaySystemDolyami .other-pay-ok {
  background: #000000;
}
.order .other-pay-container .other-pay-list-PaySystemDolyami .other-pay-ok b {
  font-weight: normal;
  margin-top: 3px;
}
.order .other-pay-container .other-pay-list-PaySystemDolyami .other-pay-ok b em {
  font-style: normal;
  display: inline;
  font-size: 1em;
}
.order .other-pay-container .other-pay-list-PaySystemDolyami .other-pay-ok ins {
  text-decoration: none;
}
.order .other-pay-container .other-pay-list-PaySystemDolyami .other-pay-ok:before {
  content: '';
  width: 20px;
  height: 17px;
  background-image: url(/pic/dolyami_logo.png);
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.order .other-pay-container .other-pay-list-PaySystemYandex .other-pay-ok {
  --color-background: #fff;
  --color-primary: rgba(0, 0, 0, 0.86);
  --radial-gradient: 340px 82px at top,rgba(255,92,77,.1) 0%,rgba(235,70,159,.1) 10%,rgba(131,65,239,.036) 40%,rgba(63,104,249,0) 52%;
  background: var(--color-background) radial-gradient(var(--radial-gradient));
  text-align: left;
  line-height: 13px;
  border: 1px solid #000000;
  color: #000000;
  text-shadow: none;
}
.order .other-pay-container .other-pay-list-PaySystemYandex .other-pay-ok:before {
  background-image: url(/pic/split-logo.png);
}
@media (max-width: 360px) {
  .order .other-pay-container .other-pay-list {
    display: block;
  }
  .order .other-pay-container .other-pay-ok {
    margin-left: -5px;
    margin-top: 10px;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/core/ui/index.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-muted {
  color: #ccc !important;
}
.text-success {
  color: #29b200 !important;
}
.text-danger {
  color: #dc3545 !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Utils */
.example-tokens {
  display: flex;
  flex-wrap: wrap;
}
.example-tokens .token {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background-color: #29b200;
  display: flex;
  align-items: center;
  justify-content: center;
}
.example-tokens .token + .token {
  margin-left: 10px;
}
.example-tokens .token.variable-primary_color {
  background-color: #2794ca;
}
.example-tokens .token.variable-secondary_color {
  background-color: #ddd;
}
.example-tokens .token.variable-yellow_color {
  background-color: #ffda4f;
}
.example-tokens .token.variable-orange_color {
  background-color: #fe7e03;
}
.example-tokens .token.variable-bg_primary_color {
  background-color: #343434;
}
.example-tokens .token.variable-light_grey_color {
  background-color: #ededed;
}
.example-tokens .token.variable-medium_grey_color {
  background-color: #999;
}
.example-tokens .token.variable-success_color {
  background-color: #29b200;
}
.example-tokens .token.variable-error_color {
  background-color: #dc3545;
}
@keyframes clickAnimate {
  from {
    top: 0;
  }
  50% {
    top: 2px;
  }
  to {
    top: 0;
  }
}
/* Buttons */
.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: none;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  text-decoration: none;
  border: 1px solid transparent;
  background: #ededed;
  color: #000;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-sm {
  padding: 0.375rem 1.05rem;
  font-size: 0.7rem;
}
.btn-lg {
  padding: 1.275rem 1.05rem;
  font-size: 1.1rem;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  animation: clickAnimate 0.15s ease-in-out;
}
.btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.btn.disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
.btn-secondary {
  color: #fff;
  background-color: #999;
  border: 1px solid #999;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #8c8c8c;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #999;
}
.btn-primary {
  color: #fff;
  background-color: #2794ca;
  border: 1px solid #2794ca;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2384b5;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
.btn-warning {
  color: #fff;
  background-color: #fe7e03;
  border: 1px solid #fe7e03;
}
.btn-warning:hover {
  color: #fff;
  background-color: #e77101;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #fff;
  background-color: #fe7e03;
}
.btn-info {
  color: #fff;
  background-color: #2794ca;
  border: 1px solid #2794ca;
}
.btn-info:hover {
  color: #fff;
  background-color: #2384b5;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #2794ca;
}
.btn-alert {
  color: #000;
  background-color: #ffda4f;
  border: 1px solid #ffda4f;
}
.btn-alert:hover {
  color: #000;
  background-color: #ffcf1c;
}
.btn-alert.disabled,
.btn-alert:disabled {
  color: #000;
  background-color: #ededed;
  border-color: #ededed;
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border: 1px solid #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bd2130;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
}
.btn-border {
  color: #343434;
  background-color: #fff;
  border: 1px solid #ced4da;
}
.btn-border:hover {
  color: #343434;
  background-color: #ededed;
}
.btn-border.disabled,
.btn-border:disabled {
  color: #000;
  background-color: #ededed;
}
.btn-thin {
  font-weight: 300;
  text-transform: uppercase;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
@media (max-width: 379px) {
  .btn {
    font-size: 0.8rem;
    padding: 0.5rem 0.5rem;
  }
  .btn-lg {
    padding: 0.75rem 0.75rem;
    font-size: 1.1rem;
  }
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
  width: 100%;
}
/* Forms */
.form-control {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: Tahoma, Arial;
}
@media (max-width: 379px) {
  .form-control {
    font-size: 0.9rem;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
textarea.form-control {
  min-height: 70px;
  resize: none;
}
.form-control.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #29b200;
}
.form-control.is-loading {
  background-image: url(/pic/loader-vue.gif);
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center right;
}
.invalid-text,
.valid-text {
  font-size: 0.8rem;
  line-height: 1.2;
  margin: 3px 0;
}
.valid-text {
  color: #29b200;
}
.invalid-text {
  color: #dc3545;
}
.form-group {
  margin-bottom: 1rem;
  position: relative;
  box-sizing: border-box;
}
.form-group label {
  margin-bottom: 0.25rem;
  display: inline-block;
}
.form-group .error {
  font-style: normal;
  color: #dc3545;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group-prepend {
  display: flex;
  margin-right: -1px;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5rem;
}
.form-control--styled {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0.35rem 0.35rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 50px;
}
.form-control--styled label {
  font-size: 11px;
  width: 100%;
  display: block;
  text-align: left;
  margin: 0;
  margin-bottom: 5px;
  white-space: nowrap;
}
.form-control--styled label em {
  color: #dc3545;
}
.form-control--styled input {
  border: none;
  font-size: 16px;
  width: 100%;
  background: none;
}
.form-control--styled input[type="number"] {
  -moz-appearance: textfield;
  /* Убирает стрелки в Firefox */
}
.form-control--styled input[type="number"]::-webkit-outer-spin-button,
.form-control--styled input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* Убирает отступы в WebKit-браузерах (Chrome, Safari, Edge) */
}
.form-control--styled:focus-within {
  border: 1px solid #02689f;
}
.form-control--styled.is-invalid {
  border: 1px solid #dc3545;
}
.form-control--styled.is-invalid label {
  color: #dc3545;
}
.form-control--styled.is-valid {
  border: 1px solid #29b200;
}
.form-control--styled input:-webkit-autofill,
.form-control--styled input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}
/* Alerts */
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin: 1rem 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
.alert--icons {
  display: flex;
  align-items: center;
}
.alert--icons .alert__icon {
  margin-right: 15px;
  min-width: 24px;
}
.alert-secondary {
  color: #333;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.alert-secondary hr {
  border-top-color: #b1dfbb;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  color: inherit;
}
.alert__close svg {
  width: 15px;
  height: 15px;
}
@media (max-width: 379px) {
  .alert {
    padding: 0.5rem 0.75rem;
  }
}
/* Badge */
.badge {
  display: inline-block;
  padding: 0.35em 0.7em;
  font-size: 90%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
.badge:empty {
  display: none;
}
.badge-success {
  color: #fff;
  background-color: #29b200;
}
.badge-success[href]:hover,
.badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #239900;
}
.badge-warning {
  color: #fff;
  background-color: #fe7e03;
}
.badge-warning[href]:hover,
.badge-warning[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #e77101;
}
.badge-primary {
  color: #fff;
  background-color: #2794ca;
}
.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #2384b5;
}
.badge-secondary {
  color: #fff;
  background-color: #999;
}
.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #8c8c8c;
}
.badge-counter {
  background-color: #2794ca;
  padding: 5px 0;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  line-height: 0.8;
  text-align: center;
  font-weight: 700;
}
.badge-info {
  background-color: #ededed;
  padding: 5px 0;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: inline-block;
  font-size: 10px;
  color: #000;
  line-height: 0.8;
  text-align: center;
  font-weight: 700;
}
.badge-warning-border {
  color: #fe7e03;
  border: 1px solid #fe7e03;
}
.badge-success-border {
  color: #29b200;
  border: 1px solid #29b200;
}
.badge--delivery {
  position: relative;
  padding-right: 29px;
  font-size: 13px;
}
.badge--delivery:after {
  content: '?';
  position: absolute;
  right: 7px;
  width: 18px;
  height: 18px;
  top: 3px;
  background: #308317;
  border-radius: 50%;
  font-size: 12px;
  font-style: normal;
  line-height: 1.4;
  font-weight: bold;
  cursor: help;
}
.badge--clean {
  padding-right: 0.7em;
}
.badge--clean:after {
  content: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: white;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 20px;
  border: none;
  z-index: 1;
}
.modal__close:after,
.modal__close:before {
  content: '';
  width: 20px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 20px;
  left: 10px;
}
.modal__close:after {
  transform: rotate(45deg);
}
.modal__close:before {
  transform: rotate(-45deg);
}
.modal-mask {
  z-index: 5001;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
.modal-container {
  max-width: 600px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  font-family: Helvetica, Arial, sans-serif;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 60%;
  overflow: hidden;
}
.modal-container-full {
  max-width: 100%;
  width: 100%;
}
.modal-container-lg {
  max-width: 1260px;
  min-width: 1260px;
}
.modal-container-sm {
  max-width: 320px;
  min-width: 320px;
}
.modal-container-deprecated {
  height: 90vh;
  max-height: 90vh;
  width: 980px;
  max-width: 980px;
  padding: 10px;
}
.modal-container-deprecated .modal-middle {
  margin: 0;
}
.modal-middle {
  flex: 1 1 auto;
  overflow: auto;
  min-height: 0;
}
.modal-header {
  margin-bottom: 20px;
}
.modal-header * {
  margin: 0;
}
.modal-middle {
  margin: 20px 0;
}
.modal-footer .btn + .btn {
  margin-left: 10px;
}
@media (max-width: 1260px) {
  .modal-container {
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 768px) {
  .modal-container {
    max-height: 80%;
  }
  .modal-container-deprecated {
    height: 100vh;
    max-height: 100vh;
  }
}
/* skeleton */
.skeleton__line {
  width: 100%;
  height: 40px;
  border-radius: 7px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 400px);
  background-size: 600px;
  animation: shine-lines 2.5s ease infinite;
}
.skeleton__line + .skeleton__line {
  margin-top: 12px;
}
.skeleton__line--card {
  height: 120px;
}
@keyframes shine-lines {
  0% {
    background-position: -200px;
  }
  100% {
    background-position: 600px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/core/footer/footer.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.footer {
  background-color: #343434;
  padding: 16px 16px 25px;
  padding-bottom: 70px;
}
body.body-ny .footer {
  background-color: #364d62;
}
.footer-container {
  max-width: 760px;
  margin: 0 auto;
}
.copyright {
  opacity: 0.5;
  color: #fff;
  font-family: 'AvenirNext', Tahoma, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
}
.footer-row {
  margin-bottom: 30px;
}
.footer-row:last-child {
  margin-bottom: 0;
}
.footer-nav {
  color: #fff;
}
.footer-nav-block ol {
  padding: 0;
  margin: 0;
}
.footer-nav__item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 1px solid #222;
  padding: 15px 25px 15px 0;
  position: relative;
}
.footer-nav__item-title:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  right: 10px;
  top: 20px;
}
.footer-nav__item-title a {
  color: #fff;
  text-decoration: none;
}
.footer-nav__menu {
  padding: 20px 0;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  display: none;
}
.footer-nav__menu a {
  color: #fff;
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
}
.desktop__link {
  color: #fff;
  font-family: 'AvenirNext', Tahoma, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
  cursor: pointer;
}
.desktop {
  text-align: center;
  margin-bottom: 10px;
}
.desktop small {
  color: #000;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/core/header/header.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.header-top {
  background: #343434;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.body-ny .header-top {
  background-color: #364d62;
}
.header-top__tel {
  background: url('/pic/phone.svg');
  background-position: center;
  width: 30px;
  height: 30px;
  background-size: 40px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.header-top__whatsapp {
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.header-top__whatsapp:before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #1d98dc;
  animation: header-top-bg-swap 10s infinite;
}
.header-top__messager-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  transform: scale(0.72);
  z-index: 1;
  pointer-events: none;
}
.header-top__messager-icon svg {
  display: block;
}
.header-top__messager-icon--telegram {
  animation: header-top-logo-telegram-swap 10s infinite;
}
.header-top__messager-icon--telegram svg {
  width: 30px;
  height: 30px;
}
.header-top__messager-icon--max {
  animation: header-top-logo-max-swap 10s infinite;
}
.header-top__messager-icon--max svg {
  width: 18px;
  height: 18px;
}
@keyframes header-top-bg-swap {
  0%,
  48% {
    background-color: #1d98dc;
  }
  58%,
  96% {
    background-color: #526eff;
  }
  100% {
    background-color: #1d98dc;
  }
}
@keyframes header-top-logo-telegram-swap {
  0%,
  4% {
    opacity: 0;
    transform: scale(0.72);
  }
  10%,
  42% {
    opacity: 1;
    transform: scale(1);
  }
  54%,
  100% {
    opacity: 0;
    transform: scale(0.72);
  }
}
@keyframes header-top-logo-max-swap {
  0%,
  48% {
    opacity: 0;
    transform: scale(0.72);
  }
  58%,
  94% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.72);
  }
}
.open-side {
  display: block;
  width: 48px;
  height: 48px;
  position: relative;
}
.open-side span {
  height: 3px;
  width: 24px;
  background: #fff;
  position: absolute;
  top: 22px;
  left: 14px;
  transition: all 0.3s;
}
.open-side span:before {
  content: '';
  display: block;
  height: 3px;
  width: 24px;
  background: #fff;
  position: absolute;
  top: -8px;
  left: 0px;
  transition: all 0.3s;
}
.open-side span:after {
  content: '';
  display: block;
  height: 3px;
  width: 24px;
  background: #fff;
  position: absolute;
  top: 8px;
  left: 0px;
  transition: all 0.3s;
}
.side-open .open-side {
  z-index: 999999;
}
.side-open .open-side span {
  transform: rotate(45deg);
}
.side-open .open-side span:before {
  top: 0;
}
.side-open .open-side span:after {
  transform: rotate(90deg);
  top: 0;
}
.side-open .page__content {
  overflow: hidden;
}
.header-top__menu {
  display: inline-block;
  vertical-align: middle;
}
.header-top__logo {
  margin-left: 40px;
  margin-top: 5px;
}
.header-top-right {
  height: 45px;
  width: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 85px;
  padding-right: 15px;
  word-spacing: -0.3em;
}
.header-top__user {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 7px;
}
.header-top__user img {
  display: none;
}
.open-lk {
  display: block;
}
.open-lk:before {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -111px -255px;
  width: 24px;
  height: 25px;
  content: '';
  display: block;
}
.header-top__cart {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 6px;
}
.header-top__cart a,
.header-top__cart img {
  display: block;
}
.header-top__cart .quantity {
  position: absolute;
  min-width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  right: 2px;
  top: 4px;
  background-color: green;
  color: #fff;
  border-radius: 10px;
  padding: 0 3px;
  display: block;
}
.open-cart {
  display: block;
}
.open-cart:before {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -233px -255px;
  width: 20px;
  height: 16px;
  content: '';
  display: block;
}
.header-nav {
  display: flex;
  background: #f3f3f3;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.header-nav__goods {
  display: block;
  width: 50%;
  text-align: center;
  font-size: 18px;
  padding: 13px 0;
  cursor: pointer;
}
.header-nav__goods.open {
  background-color: #171717;
  color: #fff;
}
.header-nav__car {
  display: block;
  width: 50%;
  text-align: center;
  cursor: pointer;
  background: #0095c7;
  font-size: 18px;
  color: #fff;
}
.header__alert {
  width: 100%;
  background: #fccb08;
  text-align: center;
  font-size: 12px;
  color: #000000;
  padding: 10px;
  line-height: 130%;
}
.header.fixed {
  padding-bottom: 50px;
}
.header.fixed .header__alert {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -o-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
  background-color: rgba(52, 52, 52, 0.69);
}
.fixed .global-search-form {
  z-index: 10;
}
.fixed .global-search-form:before {
  display: none;
}
.fixed.search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}
.side-open .overlay {
  opacity: 1;
  z-index: 99999;
}
.side-menu {
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #343434;
  width: 270px;
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
  -webkit-box-shadow: inset 0 0 4px #000;
  box-shadow: inset 0 0 4px #000;
  z-index: 9999;
}
.menu__item {
  border-bottom: 1px solid #232222;
}
.menu__link,
.menu_text,
.menu__item .desktop__link {
  color: white;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 16px;
  display: block;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
.menu__link em,
.menu_text em,
.menu__item .desktop__link em {
  font-style: normal;
}
.menu_text {
  cursor: default;
}
.menu__item__no-border {
  border-bottom: none;
}
.menu_text__note {
  font-size: 14px;
}
.menu_text__note .global-phone {
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 0 0;
  position: relative;
  text-decoration: none;
}
.auth {
  padding: 16px;
}
.auth__row {
  margin-bottom: 10px;
}
.auth__row a {
  display: inline-block;
  vertical-align: middle;
}
.auth__row .city {
  width: 84%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.auth__row img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.auth__link {
  width: 84%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auth-icon {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -111px -255px;
  width: 24px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.auth .geo_select {
  display: inline-block;
  padding: 5px 16px;
  width: 84%;
  border-radius: 0;
  border: 1px solid #ccc;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #262626;
}
.geo-icon {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -180px -96px;
  width: 20px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
}
.side-open .page-content {
  -webkit-transform: translate(270px, 0);
  -ms-transform: translate(270px, 0);
  transform: translate(270px, 0);
}
.side-open .side-menu {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.right-fix-phone {
  cursor: pointer;
  padding: 7px 9px;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  position: fixed;
  right: -70px;
  bottom: 130px;
  color: #ffffff;
  z-index: 9999;
  height: 40px;
  width: 120px;
  background: #0095c7;
}
.right-fix-phone a {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -83px -255px;
  width: 28px;
  height: 28px;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.right-fix-whatsApp {
  position: fixed;
  right: 0px;
  bottom: 50px;
  z-index: 9999;
  height: 68px;
  width: 50px;
}
.right-fix-whatsApp div {
  cursor: pointer;
  padding: 5px 9px;
  transform: rotate(-30deg);
  color: #ffffff;
  height: 40px;
  width: 120px;
  background: #29b200;
  margin-left: 2px;
}
.right-fix-whatsApp a {
  background: url('/pic/whatsapp.png');
  width: 30px;
  height: 30px;
  display: block;
  transform: rotate(30deg);
  text-indent: -1000px;
  overflow: hidden;
  background-size: 30px;
}
@media (max-width: 340px) {
  .header-top__logo {
    width: 120px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/core/bottom/bottom.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.bottom {
  position: fixed;
  bottom: 0;
  height: 70px;
  background: #f3f3f3;
  z-index: 9999;
  border-top: 1px solid #ffffff;
  padding: 15px 10px;
  display: flex;
  width: 100%;
}
.bottom-catalog {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.bottom-catalog:after {
  content: 'Каталог';
  font-size: 10px;
  color: #5b5b5b;
  position: absolute;
  top: 28px;
  left: 2px;
  width: 100%;
  text-align: center;
}
.bottom-catalog.open:after {
  content: 'Закрыть';
  color: #2794ca;
}
.bottom-catalog.open .bottom-catalog__icon {
  background-image: none;
  transform: scale(1) rotate(45deg);
  width: 40px;
  height: 40px;
  top: -2px;
  left: 0;
}
.bottom-catalog.open .bottom-catalog__icon:before {
  content: '';
  width: 20px;
  height: 3px;
  background: #2794ca;
  position: absolute;
  top: 14px;
  left: 10px;
}
.bottom-catalog.open .bottom-catalog__icon:after {
  content: '';
  width: 20px;
  height: 3px;
  background: #2794ca;
  position: absolute;
  top: 14px;
  left: 10px;
  transform: rotate(90deg);
}
.bottom-catalog__icon {
  position: relative;
  background: url('/pic/catalog-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 20px;
  top: 5px;
  left: 3px;
}
.bottom-search {
  width: 90%;
}
.bottom-search.search {
  width: 100%;
  margin-right: -135px;
}
.bottom-search.search .botom-search-wrap {
  width: calc(100% - 50px);
}
.botom-search-wrap {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  height: 40px;
  transition: width 0.3s;
  width: 100%;
  position: relative;
}
.bottom-search-input {
  border: none;
  outline: none;
  background: none;
  width: 100%;
  height: 40px;
  padding: 0 30px 0 15px;
  font-size: 14px;
  text-overflow: ellipsis;
}
.bottom-search-input::placeholder {
  color: red;
}
.botom-search-form {
  display: flex;
  width: 100%;
  position: relative;
}
.botom-search-button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #0095c7;
  margin-left: 10px;
  position: relative;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
}
.botom-search-button:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE4My43OTIgMTgzLjc5MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOiNmZmY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01NC43MzQsOS4wNTNDMzkuMTIsMTguMDY3LDI3Ljk1LDMyLjYyNCwyMy4yODQsNTAuMDM5Yy00LjY2NywxNy40MTUtMi4yNzEsMzUuNjA2LDYuNzQzLDUxLjIyDQoJYzEyLjAyMywyMC44MjMsMzQuNDQxLDMzLjc1OSw1OC41MDgsMzMuNzU5YzcuNTk5LDAsMTUuMTM5LTEuMzA4LDIyLjI4Ny0zLjgxOGwzMC4zNjQsNTIuNTkybDIxLjY1LTEyLjVsLTMwLjM1OS01Mi41ODMNCgljMTAuMjU1LTguNzc0LDE3LjYzOC0yMC40MTEsMjEuMjA3LTMzLjczYzQuNjY2LTE3LjQxNSwyLjI3LTM1LjYwNS02Ljc0NC01MS4yMkMxMzQuOTE4LDEyLjkzNiwxMTIuNDk5LDAsODguNDMzLDANCglDNzYuNjQ1LDAsNjQuOTkyLDMuMTMsNTQuNzM0LDkuMDUzeiBNMTI1LjI5LDQ2LjI1OWM1LjY3Niw5LjgzMSw3LjE4NCwyMS4yODUsNC4yNDYsMzIuMjVjLTIuOTM4LDEwLjk2NS05Ljk3MSwyMC4xMy0xOS44MDIsMjUuODA2DQoJYy02LjQ2MiwzLjczMS0xMy43OTMsNS43MDMtMjEuMTk5LDUuNzAzYy0xNS4xNjMsMC0yOS4yODYtOC4xNDYtMzYuODU3LTIxLjI1OWMtNS42NzYtOS44MzEtNy4xODQtMjEuMjg0LTQuMjQ1LTMyLjI1DQoJYzIuOTM4LTEwLjk2NSw5Ljk3MS0yMC4xMywxOS44MDItMjUuODA3QzczLjY5NiwyNi45NzIsODEuMDI3LDI1LDg4LjQzMywyNUMxMDMuNTk3LDI1LDExNy43MTksMzMuMTQ2LDEyNS4yOSw0Ni4yNTl6Ii8+DQo8L3N2Zz4NCg==);
}
.bottom-icons {
  display: flex;
  min-width: 135px;
}
.bottom-icon {
  width: 40px;
  height: 40px;
  margin-left: 5px;
  position: relative;
}
.bottom-icon--cart {
  text-decoration: none;
}
.bottom-icon--cart:after {
  content: 'Корзина';
  font-size: 10px;
  color: #5b5b5b;
  position: absolute;
  top: 28px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.bottom-icon--cart:before {
  content: '';
  display: block;
  background: url('/pic/cart-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 40px;
  height: 25px;
}
.bottom-icon--cart .quantity {
  position: absolute;
  top: 16px;
  right: 2px;
  font-size: 8px;
  font-weight: 700;
  color: #fff;
  background: #2794ca;
  min-width: 14px;
  height: 14px;
  text-align: center;
  line-height: 15px;
  border-radius: 7px;
  padding: 0 2px;
}
.bottom-icon--cart.active:after {
  color: #2794ca;
}
.bottom-icon--cart.active:before {
  background: url('/pic/cart-icon-active.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bottom-icon--user {
  cursor: pointer;
}
.bottom-icon--user img {
  display: none;
}
.bottom-icon--user:after {
  content: 'Профиль';
  font-size: 10px;
  color: #5b5b5b;
  position: absolute;
  top: 28px;
  left: -2px;
  width: 100%;
  text-align: center;
}
.bottom-icon--user:before {
  content: '';
  display: block;
  background: url('/pic/user-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: 10px;
  width: 20px;
  height: 22px;
}
.bottom-icon--user.active:after {
  color: #2794ca;
}
.bottom-icon--user.active:before {
  background: url('/pic/user-icon-active.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bottom-icon--our:after {
  content: 'Мое';
  font-size: 10px;
  color: #5b5b5b;
  position: absolute;
  top: 28px;
  left: -1px;
  width: 100%;
  text-align: center;
}
.bottom-icon--our:before {
  content: '';
  display: block;
  background: url('/pic/our-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 40px;
  height: 22px;
}
.bottom-icon--our.active:after {
  color: #2794ca;
}
.bottom-icon--our.active:before {
  background: url('/pic/our-icon-active.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.autocomplete-wrap {
  position: fixed;
  left: 0;
  bottom: 70px;
  height: calc(100vh - 70px);
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
}
.search-overlay {
  display: none;
  position: fixed;
  bottom: 70px;
  left: 0;
  width: 100%;
  height: calc(100vh - 70px);
  background: rgba(52, 52, 52, 0.69);
  z-index: 10;
}
.autocomplete-list {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  z-index: 10;
  height: auto;
  min-height: 100%;
  position: relative;
}
.autocomplete-one {
  background: #fff;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-top: 1px solid #ddd;
  position: relative;
}
.autocomplete-one img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.autocomplete-one__title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.autocomplete-one__title span {
  font-weight: 400;
  color: #7a7a7a;
}
.autocomplete-one__title div {
  display: inline-block;
}
.autocomplete-one__title .highlight {
  font-weight: 700;
  color: #0095c7;
}
.autocomplete-one__descr {
  font-weight: 400;
  font-size: 12px;
  margin-top: 3px;
}
.autocomplete-one__price {
  display: inline-block;
  font-weight: 700;
}
.bottom-search-reset {
  position: absolute;
  top: 2px;
  right: 0;
  border: none;
  background: none;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.bottom-search-reset:before {
  content: '';
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -305px -41px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 12px;
  left: 12px;
}
@media (max-width: 340px) {
  .bottom {
    padding: 10px 10px;
    height: 60px;
  }
  .search-overlay {
    height: calc(100vh - 60px);
    bottom: 60px;
  }
  .autocomplete-wrap {
    height: 168px !important;
    bottom: 60px;
  }
  .autocomplete-one {
    padding: 3px 5px;
  }
  .autocomplete-one img {
    width: 35px;
    height: 35px;
  }
  .autocomplete-one__title {
    font-size: 12px;
  }
  .autocomplete-one__descr {
    font-size: 11px;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/core/header/search/search.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.top .autocomplete-wrap-top {
  position: fixed;
  top: 117px;
  left: 0;
  height: 200px;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
}
.top .autocomplete-list {
  flex-direction: column;
}
#top-search {
  background: #f3f3f3;
  border-bottom: 1px solid #ddd;
  padding: 15px 10px;
}
.top-search {
  display: flex;
}
.top-search-form {
  display: flex;
  width: calc(100% - 50px);
}
.search-overlay-top {
  position: fixed;
  height: calc(100% - 117px);
  height: 100%;
  top: 117px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(52, 52, 52, 0.69);
  display: none;
  z-index: 999;
}
.top-search-wrap {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  height: 40px;
  transition: width 0.3s;
  width: 100%;
  position: relative;
}
.top-search-input {
  border: none;
  outline: none;
  background: none;
  width: 100%;
  height: 40px;
  padding: 0 30px 0 15px;
  font-size: 14px;
  text-overflow: ellipsis;
}
.top-search-button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #0095c7;
  margin-left: 10px;
  position: absolute;
  top: 0;
  right: 50px;
  border: none;
  outline: none;
}
.top-search-button:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE4My43OTIgMTgzLjc5MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOiNmZmY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01NC43MzQsOS4wNTNDMzkuMTIsMTguMDY3LDI3Ljk1LDMyLjYyNCwyMy4yODQsNTAuMDM5Yy00LjY2NywxNy40MTUtMi4yNzEsMzUuNjA2LDYuNzQzLDUxLjIyDQoJYzEyLjAyMywyMC44MjMsMzQuNDQxLDMzLjc1OSw1OC41MDgsMzMuNzU5YzcuNTk5LDAsMTUuMTM5LTEuMzA4LDIyLjI4Ny0zLjgxOGwzMC4zNjQsNTIuNTkybDIxLjY1LTEyLjVsLTMwLjM1OS01Mi41ODMNCgljMTAuMjU1LTguNzc0LDE3LjYzOC0yMC40MTEsMjEuMjA3LTMzLjczYzQuNjY2LTE3LjQxNSwyLjI3LTM1LjYwNS02Ljc0NC01MS4yMkMxMzQuOTE4LDEyLjkzNiwxMTIuNDk5LDAsODguNDMzLDANCglDNzYuNjQ1LDAsNjQuOTkyLDMuMTMsNTQuNzM0LDkuMDUzeiBNMTI1LjI5LDQ2LjI1OWM1LjY3Niw5LjgzMSw3LjE4NCwyMS4yODUsNC4yNDYsMzIuMjVjLTIuOTM4LDEwLjk2NS05Ljk3MSwyMC4xMy0xOS44MDIsMjUuODA2DQoJYy02LjQ2MiwzLjczMS0xMy43OTMsNS43MDMtMjEuMTk5LDUuNzAzYy0xNS4xNjMsMC0yOS4yODYtOC4xNDYtMzYuODU3LTIxLjI1OWMtNS42NzYtOS44MzEtNy4xODQtMjEuMjg0LTQuMjQ1LTMyLjI1DQoJYzIuOTM4LTEwLjk2NSw5Ljk3MS0yMC4xMywxOS44MDItMjUuODA3QzczLjY5NiwyNi45NzIsODEuMDI3LDI1LDg4LjQzMywyNUMxMDMuNTk3LDI1LDExNy43MTksMzMuMTQ2LDEyNS4yOSw0Ni4yNTl6Ii8+DQo8L3N2Zz4NCg==);
}
.top-search-reset {
  position: absolute;
  top: 2px;
  right: 0;
  border: none;
  background: none;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.top-search-reset:before {
  content: '';
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -305px -41px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.order-info {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  position: relative;
}
.order-info:after {
  content: 'Заказы';
  font-size: 12px;
  color: #5b5b5b;
  position: absolute;
  top: 28px;
  left: -2px;
  width: 100%;
  text-align: center;
  line-height: 12px;
}
.order-info:before {
  content: '';
  display: block;
  background: url(/pic/box-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 20px;
  height: 22px;
}
.order-info.active:after {
  color: #0095c7;
}
.order-info.active:before {
  background-image: url(/pic/box-icon-active.svg);
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/modules/main/main.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.main__row ol,
.main_carusel ol {
  margin: 0;
  padding: 0;
}
.main_carusel {
  min-height: 240px;
}
.main__row .swiper-button-prev {
  left: -1px;
  top: 50%;
  margin-top: -39px;
}
.main__row .swiper-button-next {
  right: -1px;
  top: 50%;
  margin-top: -39px;
}
.swiper-container-horizontal {
  overflow: hidden;
  padding: 0 15px;
}
.carousel__img-wrapper {
  width: 100%;
}
.carousel__img {
  min-height: 240px;
  width: 100%;
}
.carousel-main {
  padding: 0;
  min-height: 288px;
}
.carousel-main .swiper-pagination {
  margin-bottom: 20px;
}
.carousel-main .swiper-pagination-bullet {
  background: #C4C4C4;
  border: none;
  box-shadow: none;
}
.carousel-main .swiper-pagination-bullet-active {
  background: #0095C7;
}
.sections {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 15px;
}
.section_block {
  width: calc(50% - 7.5px);
  display: flex;
  align-items: center;
  height: 100px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  margin-bottom: 15px;
}
.section__title {
  text-align: center;
  width: 100%;
  line-height: 16px;
  padding: 0 5px;
}
.section__link {
  text-decoration: none;
  color: #262626;
}
.carousel__item {
  display: flex;
  height: auto;
  flex-wrap: wrap;
}
.specials__title {
  color: #262626;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 5px;
  display: block;
  padding: 0 15px;
}
.specials__subtitle {
  color: #4b4b4b;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 20px;
  display: block;
  padding: 0 15px;
}
.specials-item {
  background-color: white;
  border: 1px solid #ccc;
  padding: 15px 0 20px 16px;
  width: 100%;
}
.special-item__section {
  text-align: left;
  display: block;
  margin-bottom: 15px;
}
.special-item__section-link {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: white;
  font-weight: 400;
  font-size: 14px;
  background-color: #2794ca;
  line-height: 19px;
  padding: 3px 15px;
}
.special-item__row {
  font-size: 0;
}
.special-item__img {
  display: inline-block;
  max-width: 100%;
}
.special-item__img-wrapper {
  display: block;
}
.special-item__col {
  display: inline-block;
  vertical-align: top;
}
.special-item__col_side_left {
  width: 33.08823529%;
}
.special-item__col_side_left a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
}
.special-item__col_side_left img {
  width: 100%;
  object-fit: contain;
  max-height: 90px;
}
.special-item__col_side_right {
  width: 66.91176471%;
  padding: 0 0 0 10px;
}
.special-item__title-link {
  font-size: 16px;
  line-height: 22px;
  color: #2794ca;
  font-weight: 400;
  text-decoration: underline;
}
.special-item__price {
  font-size: 16px;
  line-height: 22px;
  color: black;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.special-item__price .badge {
  padding: 0.2em 0.5em;
  font-size: 75%;
  margin-left: 5px;
}
.special-item__old {
  font-size: 12px;
  text-decoration: line-through;
}
.reviews__title {
  display: block;
  margin-bottom: 10px;
  color: #262626;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  padding: 0 15px;
}
.reviews__rules {
  margin-top: 15px;
  padding: 0 15px;
}
.reviews__rules-link {
  color: #ff3334;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: underline;
}
.reviews-item {
  background-color: white;
  border: 1px solid #ccc;
  padding: 15px 16px;
  width: 100%;
}
.reviews-item__header {
  margin-bottom: 10px;
}
.reviews-item__body {
  font-size: 0;
}
.reviews-item__img {
  display: block;
  max-height: 110px;
  max-width: 110px;
  margin: 0 auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.reviews-item__img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}
.reviews-item__col {
  display: inline-block;
  vertical-align: top;
}
.reviews-item__col_side_left {
  width: 35.15625%;
}
.reviews-item__col_side_right {
  width: 64.84375%;
  padding: 0 0 0 10px;
}
.reviews-item__product {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #464646;
}
.reviews-item__link {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #343434;
  text-decoration: underline;
}
.reviews-item__title {
  color: #ff3334;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
  padding-right: 10px;
}
.reviews-item__date {
  display: inline;
  color: #464646;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.news__title {
  margin-bottom: 18px;
  color: #262626;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  display: block;
  padding: 0 15px;
}
.news-item {
  background-color: white;
  border: 1px solid #ccc;
  padding: 15px 16px;
}
.news-item__header {
  margin-bottom: 10px;
}
.news-item__body {
  font-size: 0;
}
.news-item__img {
  display: inline-block;
  max-width: 100%;
}
.news-item__img-wrapper {
  display: block;
  height: 160px;
}
.news-item__img-wrapper img {
  object-fit: contain;
}
.news-item__col {
  display: inline-block;
  vertical-align: top;
}
.news-item__col_side_left {
  width: 35.15625%;
}
.news-item__col_side_right {
  width: 64.84375%;
  padding: 0 0 0 18px;
}
.news-item__preview {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #343434;
}
.news-item__title {
  color: #f60;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
  padding-right: 10px;
}
.news-item__date {
  display: inline;
  color: #464646;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.info__title {
  margin-bottom: 10px;
  color: #262626;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  display: block;
  padding: 0 15px;
}
.info-item,
.views-product,
.analogs-tpl .catalog-item-wrapper {
  background-color: white;
  border: 1px solid #ccc;
  padding: 15px 16px;
}
.info-item__header {
  margin-bottom: 10px;
}
.info-item__body {
  font-size: 0;
}
.info-item__img {
  display: block;
  width: 100%;
}
.info-item__img-wrapper {
  display: block;
  height: 160px;
}
.info-item__img-wrapper img {
  object-fit: contain;
}
.info-item__col {
  display: inline-block;
  vertical-align: top;
}
.info-item__col_side_left {
  width: 35.15625%;
}
.info-item__col_side_right {
  width: 64.84375%;
  padding: 0 0 0 18px;
}
.info-item__preview {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #343434;
}
.info-item__title {
  color: #004a85;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
  padding-right: 10px;
}
.info-item__date {
  display: inline;
  color: #464646;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.views__title {
  padding: 0 15px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/modules/item-list/item-list.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.filter-section-title {
  background-color: #dadada;
  border-top: 1px solid #f3f3f3;
  color: #262626;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  position: relative;
  padding: 14px 20px;
}
.filter-section-title:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: url(/pic/mobile/arrow-small-blue.png) no-repeat 50%;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: transform 0.2s 0s linear;
  -moz-transition: transform 0.2s 0s linear;
  -ms-transition: transform 0.2s 0s linear;
  -o-transition: transform 0.2s 0s linear;
  transition: transform 0.2s 0s linear;
}
.filter-section-title.show:before {
  transform: rotate(180deg);
}
.filter-section-list {
  display: none;
  padding: 20px 15px;
}
.filter-section-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.filter-section-list li {
  font-size: 14px;
  margin-bottom: 5px;
}
.filter-section-list li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #004a85;
  text-decoration: underline;
  margin-right: 5px;
}
.filter-section-list li a .count {
  font-style: normal;
  color: #666666;
  font-size: 0.9em;
}
.multiselect {
  position: relative;
}
.multiselect-button {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 16px;
  padding: 0px 10px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  outline: none;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
}
.multiselect-button.placeholder {
  color: #999;
}
.multiselect-dropdown {
  width: 100%;
  overflow: hidden;
  color: #000;
}
.multiselect-search {
  margin: 0;
  min-height: 26px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 5px;
}
.multiselect-search input {
  width: 100%;
  height: auto !important;
  min-height: 30px;
  padding: 0 20px 0 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #fff url(/pic/multiple-select.png) no-repeat 100% -20px;
}
.multiselect-list {
  overflow: auto;
  margin: 0;
  max-height: 250px;
}
.multiselect-one label {
  box-sizing: border-box;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
  vertical-align: top;
  margin-bottom: 8px;
}
.filter-list-param {
  margin-bottom: 10px;
}
.filter-list-param:last-child {
  margin-bottom: 0;
}
.filter-list-param input {
  margin-top: 0;
}
.filter-section-checkbox input,
.multiselect-one input {
  display: none;
}
.filter-section-checkbox input + span,
.multiselect-one input + span {
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  height: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  display: inline-block;
  max-width: calc(100% - 30px);
  margin-left: 30px;
}
.filter-section-checkbox input + span:before,
.multiselect-one input + span:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -30px;
  width: 22px;
  height: 22px;
  background-color: white;
  border: 1px solid #e7e7e7;
}
.filter-section-checkbox input:checked + span:after,
.multiselect-one input:checked + span:after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  top: 1px;
  left: -29px;
  background: #f60 url(/pic/mobile/check.png) no-repeat 50%;
}
.filter-section-checkbox input:disabled + span,
.multiselect-one input:disabled + span {
  color: #9c9c9c;
}
.filter-section-checkbox input:disabled + span:before,
.multiselect-one input:disabled + span:before {
  background-color: #f3f3f3;
}
.filter-section-warehouse {
  margin-bottom: 10px;
}
.filter-section-warehouse:last-child {
  margin-bottom: 0;
}
.filter-section-warehouse input {
  display: none;
}
.filter-section-warehouse input:checked + label:after,
.filter-section-warehouse input:checked + label:after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  top: 1px;
  left: 1px;
  background: #f60 url(/pic/mobile/check.png) no-repeat 50%;
}
.filter-section-warehouse input:disabled + label span,
.filter-section-warehouse input:disabled + label a {
  color: #9c9c9c;
}
.filter-section-warehouse input:disabled + label:after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  top: 1px;
  left: 1px;
  background-color: #f3f3f3;
}
.filter-section-warehouse label {
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
}
.filter-section-warehouse label:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: white;
  border: 1px solid #e7e7e7;
}
.filter-section-radio input {
  display: none;
}
.filter-section-radio input + span {
  color: black;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  display: inline-block;
  max-width: calc(100% - 30px);
  margin-left: 30px;
}
.filter-section-radio input + span:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -30px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #e7e7e7;
}
.filter-section-radio input:checked + span:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: 4px;
  left: -26px;
  background: #f60;
}
.filter-section-radio input:disabled + span {
  color: #9c9c9c;
}
.filter-section-radio input:disabled + span:before {
  background-color: #f3f3f3;
}
.filter-section__price-container {
  display: flex;
  justify-content: space-between;
}
input.filter-section__price-input {
  border: 1px solid #c7c7c7;
  height: 30px;
  padding: 0 5px;
  width: 48%;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 3px;
}
.price-filter .price .filter-section__price-title {
  margin-bottom: 5px;
  font-size: 14px;
}
.price-filter .price .price-container {
  padding: 20px 15px;
}
.price-filter .search {
  padding: 0 15px 15px;
}
.price-filter .search .order-parameter__input {
  margin: 0;
}
.price-filter .search .yellow-btn {
  margin-top: 15px;
}
#hits_namearticle_filed {
  display: block;
  width: 100%;
  background-color: white;
  border: 1px solid #e7e7e7;
  color: black;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 6px 15px;
  margin-top: 20px;
}
.search-recomendation {
  background: #f3f3f3;
  margin-bottom: 20px;
}
.search-recomendation-title {
  font-size: 18px;
  padding: 10px 15px;
  font-weight: 700;
}
.recomendation-categories {
  padding: 0 15px;
}
.swiper-wrapper {
  align-items: stretch;
}
.search-recomendation-one {
  border: 1px solid #ddd;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  height: unset;
}
.search-recomendation-one .catalog-item__img {
  height: 100px;
  display: block;
  margin: 0 auto 10px;
}
.search-recomendation-one .catalog-item__title-link {
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}
.search-recomendation-one .catalog-item__price-value {
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
  width: 100%;
}
.shopping-history-header {
  font-size: 16px;
  font-weight: 700;
  padding: 15px;
}
#shoping-history {
  background: #f3f3f3;
  margin: 0 -15px;
  overflow: hidden;
  padding-bottom: 15px;
}
.shopping-history {
  background-color: #f5f5f5;
  overflow: hidden;
}
.shopping-history .catalog-item__title {
  min-height: 65px;
}
.shopping-history .catalog-item__col_side_left {
  min-height: 120px;
}
.shopping-history .related-one {
  margin: 0;
}
.shopping-history .swiper-button-prev {
  left: 0px;
}
.shopping-history .swiper-button-next {
  right: 0px;
}
.shopping-history .swiper-button-disabled {
  opacity: 0;
}
.shopping-history-slider {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  #shoping-history {
    width: 100%;
    margin: 0;
  }
}
.overlay_show {
  opacity: 1;
  z-index: 9999;
}
#search-mobile-list,
#search-mobile-short {
  min-height: 0;
  padding: 0px 15px 0px;
}
.catalog__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.side-panel {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 280px;
  background-color: #f3f3f3;
  z-index: 9999;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: transform 0.3s 0s ease;
  -moz-transition: transform 0.3s 0s ease;
  -ms-transition: transform 0.3s 0s ease;
  -o-transition: transform 0.3s 0s ease;
  transition: transform 0.3s 0s ease;
}
.filter__body,
.side-panel:not(.filter) {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.filter-fixed-part {
  padding-bottom: 10px;
}
.filter__body .submit {
  display: none;
}
.side-panel.show,
.side-panel.show {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.filter__title {
  color: black;
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
}
.filter__header {
  padding: 12px 20px;
  font-size: 0;
  display: flex;
}
.filter__header-col {
  display: inline-block;
  vertical-align: middle;
}
.filter__header-col_side_left {
  text-align: left;
  width: 24%;
}
.filter__header-col_side_center {
  text-align: center;
  width: 100%;
}
.filter__header-col_side_right {
  text-align: right;
  width: 30%;
}
.sort__header-col_side_left {
  width: 26%;
}
.filter__exit,
.sort__exit,
.side-panel .exit-btn {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/pic/mobile/exit.png') no-repeat left 50%;
}
#filter_lost_and_found {
  padding: 0 20px;
}
.sort > form {
  padding: 0 20px;
}
.sort > form .radio__item-container {
  margin-bottom: 17px;
}
.sort > form .radio__title {
  font-weight: normal;
}
.radio {
  display: none;
}
.radio:checked + .radio__title:before {
  -webkit-box-shadow: inset 0 0 0 6px #fff;
  -moz-box-shadow: inset 0 0 0 6px #fff;
  box-shadow: inset 0 0 0 6px #fff;
}
.radio__select {
  display: none;
}
.radio__title {
  position: relative;
  font-weight: bold;
}
.radio__title-text {
  color: black;
  font-size: 14px;
  line-height: 20px;
}
.radio__title:before {
  content: '';
  position: absolute;
  top: 0;
  left: -44px;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  background-color: #f60;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 15px #fff;
  -moz-box-shadow: inset 0 0 0 15px #fff;
  box-shadow: inset 0 0 0 15px #fff;
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
}
.radio__item-container {
  padding-left: 45px;
  margin-bottom: 15px;
}
.filter .subsections {
  padding: 0 20px 15px;
}
.filter .subsections ul {
  padding: 0;
  margin-bottom: 0;
}
#filter_lost_and_found > * {
  color: initial;
  width: 100%;
  display: block;
}
.found-goods-btn {
  height: 40px;
}
#filter_lost_and_found .found-goods-btn.disabled {
  cursor: default;
  background: #aaaaaa;
  background: -moz-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #9c9b9b));
  background: -webkit-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: -o-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: -ms-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: linear-gradient(to bottom, #aaaaaa 0%, #9c9b9b 100%);
}
.search-info .search-query,
.subsection__title-wrapper {
  margin-bottom: 10px;
}
.catalog-page h1,
.search-info .search-query,
.subsection__title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 20px;
}
.catalog-page h2 {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
}
.category__title {
  color: #262626;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 12px;
}
.price-filter .subsections ul {
  list-style: none;
}
.price-filter .subsections ul li .count {
  font-style: normal;
  color: #666666;
  font-size: 0.9em;
}
.price-filter .subsections ul li.hidden {
  display: none;
}
.price-filter .subsections ul li.show-all {
  margin-top: 7px;
}
.price-filter .subsections ul li.show-all a {
  color: #555555;
  font-size: 1em;
  text-decoration: none;
  border-bottom: 1px dotted;
}
.subsections .link {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #004a85;
  text-decoration: underline;
}
.subsections .count {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}
.subsections .count:before,
.tecdoc *:not(.rating) > .count:before {
  content: '(';
}
.subsections .count:after,
.tecdoc *:not(.rating) > .count:after {
  content: ')';
}
.category__more {
  display: none;
}
.category__more:before {
  content: 'Показать еще';
  color: #f60;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
li.category__item {
  list-style: none;
  display: block;
}
.category_open .category__more:before {
  content: 'Скрыть';
}
.section .container {
  padding: 20px;
  display: none;
  overflow: hidden;
}
.section .container i {
  display: block;
  margin-left: 45px;
  margin-bottom: 10px;
}
.section .title-wrapper {
  width: 100%;
  margin-bottom: 0;
}
.section .title-wrapper .description {
  display: none;
}
.tree {
  margin-left: -5px;
  display: block;
  overflow: hidden;
}
.tree__item-title {
  font-size: 1em;
  color: #000000;
  text-decoration: none;
  cursor: default;
  position: relative;
  padding-left: 25px;
  display: inline-block;
  line-height: 18px;
}
.tree__item-title:before {
  content: '';
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #dadada;
  background: #fff;
}
.tree__item-label > .tree__item-checkbox:checked + .tree__item-title:after {
  content: '';
  width: 9px;
  height: 4px;
  position: absolute;
  top: 4px;
  left: 4px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tree__item-checkbox:disabled + .tree__item-title {
  color: #9c9c9c;
}
.tree__item-checkbox:disabled + .tree__item-title:before {
  background: #f3f3f3;
}
.tree__list {
  margin: 0px;
  list-style: none;
}
.tree__list_deep_0 {
  padding-left: 20px;
}
.tree__item-label {
  position: relative;
  margin-bottom: 5px;
}
.tree__item-label:before {
  width: 16px;
  height: 16px;
  background-position: -2px -19px;
}
.tree__item-label_checked:before {
  background-position: -38px -19px;
}
.tree__item-label_undetermined:before {
  background-position: -20px -19px;
}
.tree__item .tree__list {
  padding-left: 25px;
}
.tree__item-label:before,
.tree__item-toggle {
  background-image: url('/pic/jstree.png');
}
.tree__item-toggle {
  background-position: 0 0;
  width: 18px;
  height: 18px;
  left: -18px;
  display: inline-block;
  position: absolute;
}
.tree__item-toggle.open {
  background-position: -18px 0;
}
.tree__list {
  display: none;
}
.tree__list_deep_0,
.jstree.jstree-default > ul {
  display: block;
}
.tree__item,
.jstree.jstree-default li {
  position: relative;
}
.jstree.jstree-default li a {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tree__item:last-child {
  margin-bottom: 0;
}
.tree__item-label {
  display: inline-block;
}
.tree__item-label_undetermined:before {
  opacity: 0.5;
}
.tree__item-checkbox {
  top: 2px;
  display: none;
}
#filter_lost_and_found {
  display: none;
}
#filter_get_cont {
  display: none;
}
.found-goods-btn,
.reset-filter-btn,
.yellow-btn {
  border: none;
  display: block;
  cursor: pointer;
  width: 100%;
  color: #343434;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.1px;
  line-height: 20px;
  background: #ffe967;
  background: -moz-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe967), color-stop(100%, #ffb300));
  background: -webkit-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: -o-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: -ms-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: linear-gradient(to bottom, #ffe967 0%, #ffb300 100%);
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  height: 40px;
  outline: none;
}
.found-goods-btn {
  margin-bottom: 15px;
}
#filter_lost_and_found .found-goods-btn.disabled {
  cursor: default;
  background: #aaaaaa;
  background: -moz-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #9c9b9b));
  background: -webkit-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: -o-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: -ms-linear-gradient(top, #aaaaaa 0%, #9c9b9b 100%);
  background: linear-gradient(to bottom, #aaaaaa 0%, #9c9b9b 100%);
}
.views__wrapper {
  background-color: #f3f3f3;
  display: block;
  padding: 15px 16px 20px;
  margin: 0 -16px 20px;
}
.views__title {
  display: block;
  margin-bottom: 14px;
  color: #0f0f0f;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
.views-product {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px 16px;
}
.views-product__img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  height: auto;
  max-height: 140px;
  margin: auto;
}
.views-product__img-wrapper {
  display: block;
  height: 136px;
  position: relative;
  background: #ffffff;
  width: 100%;
}
.views-product__title {
  display: inline;
  color: #004a85;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: underline;
}
.views-product__title-wrapper {
  display: block;
  margin-bottom: 10px;
  height: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.views-product__price {
  color: black;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.views-product__price .probable-price {
  padding-left: 0;
}
.views__btn {
  display: block;
}
.filled-params-list {
  padding-top: 10px;
}
.filled-params {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.filled-param {
  border: 2px solid #e7e7e7;
  display: flex;
  align-items: center;
  padding: 7px 2px 7px 7px;
  background-color: #f3f3f3;
  max-width: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
}
.filled-param:last-child {
  margin-right: 0;
}
.filled-param-body {
  padding-right: 5px;
}
.filled-param-label {
  font-size: 12px;
  color: #646464;
}
.filled-param-label:empty {
  display: none !important;
}
.filled-param-values {
  font-size: 15px;
  max-width: 100%;
}
.filled-param-cancel {
  width: 20px;
  height: 20px;
  background: url(/pic/mobile/cross.png) 50% 50% no-repeat;
  display: inline-block;
  vertical-align: top;
}
.views-carusel {
  overflow: hidden;
}
.views-carusel .swiper-slide {
  height: auto !important;
}
.swiper-button-prev,
.swiper-button-next {
  height: 78px;
  width: 40px;
  z-index: 100;
  opacity: 1;
  top: 50%;
  margin-top: -61px;
}
.swiper-button-prev {
  background: url(/pic/mobile/arrows-half-round-back.png) no-repeat 50%;
  background-size: contain;
  left: 0;
}
.swiper-button-next {
  background: url(/pic/mobile/arrows-half-round-next.png) no-repeat 50%;
  background-size: contain;
  right: 0;
}
.pager {
  font-size: 0;
  margin-top: 15px;
  text-align: center;
  margin-bottom: 15px;
  list-style-type: none;
}
.pager .first,
.pager .last {
  display: none;
}
@media (min-width: 480px) {
  .pager {
    width: 50%;
    margin: 15px auto;
  }
}
.page,
.pager .previous,
.pager .next {
  display: inline-block;
  vertical-align: middle;
  width: 14.28571429%;
  height: 40px;
  text-align: center;
  color: #004a85;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: underline;
  padding: 0 5px;
}
.pager .hidden:not(.col) {
  display: none;
}
.page.selected {
  color: #bfbfbf;
  text-decoration: none;
}
.pager .previous,
.pager .next {
  text-decoration: none;
}
.pager .previous {
  text-align: left;
}
.pager .next {
  text-align: right;
}
.pagination__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.brand__item {
  margin: 15px 0px;
}
.brand-item__row {
  display: flex;
}
.brand__item .brand-item__name {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand__item .brand-item__brand-name {
  color: #262626;
  font-family: AvenirNext, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.brand__item .brand-item__brand-description {
  font-family: AvenirNext, Arial, sans-serif;
  color: #646464;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.brand__item .brand-item__brand-button {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  height: 36px;
}
.brand-search {
  border: none;
  display: block;
  width: 100%;
  color: #343434;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.1px;
  line-height: 20px;
  background: #ffe967;
  background: -moz-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe967), color-stop(100%, #ffb300));
  background: -webkit-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: -o-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: -ms-linear-gradient(top, #ffe967 0%, #ffb300 100%);
  background: linear-gradient(to bottom, #ffe967 0%, #ffb300 100%);
  padding: 8px 0;
  height: 36px;
  -webkit-transition: background 0.2s 0s linear;
  -moz-transition: background 0.2s 0s linear;
  -ms-transition: background 0.2s 0s linear;
  -o-transition: background 0.2s 0s linear;
  transition: background 0.2s 0s linear;
}
.brand-search.disabled {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background: #dadada;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  padding: 0;
}
.car-model-mobile {
  display: block;
  font-size: 12px;
  color: #343434;
  margin-bottom: 5px;
}
.selection-light-container {
  background: #fafafa;
  margin: 0 -15px 0px;
  height: auto !important;
}
.selection-light-container .select-img {
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border: 2px solid #fccb08;
  border-radius: 5px;
  background-size: 90% auto;
  display: block;
  margin: 15px 15px 0;
}
.selection-light-select-auto {
  padding: 15px;
}
.selection-light-select-auto div.head {
  margin-bottom: 7px;
  font-weight: 500;
  font-size: 1.2em;
}
.selection-light-select-auto .item {
  width: 100%;
  margin-bottom: 5px;
}
.selection-light-select-auto select {
  border: 1px solid #8bb7d9;
  padding: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 100%;
  height: 35px;
  background: #fff;
}
#hits_namearticle_search input[type='submit'] {
  display: none;
}
.order-parameter__input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 8px 10px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subsections .section {
  display: flex;
  align-items: center;
}
.subsections .section .sub {
  display: none;
}
.subsections .section .right {
  margin-bottom: 5px;
}
.subsections .section .left {
  padding-right: 10px;
}
.subsections .section .left .link {
  display: inline-block;
}
.subsections .section .left .link img {
  width: 48px;
}
.subsections .right .link {
  font-size: 16px;
  line-height: 20px;
  color: #004a85;
  text-decoration: underline;
  display: inline-block;
}
.subsections .count {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}
#select-size {
  padding: 20px 15px;
}
#select-size .group-label {
  margin-bottom: 20px;
}
#select-size .group-label a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  background: #0099cb;
  padding: 5px 10px;
}
#select-size .group-label a.active {
  background: #f96622;
}
.search__title {
  font-size: 18px;
  line-height: 20px;
  padding: 20px 0 0;
  font-weight: 700;
}
.search__title--empty {
  padding: 20px 0;
}
.search-count {
  padding: 20px 0 20px;
  font-size: 15px;
  font-weight: 700;
}
.catalog-subsections-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.catalog-subsection-one {
  margin-bottom: 10px;
  white-space: normal;
}
.catalog-subsection-one a {
  color: #000;
  text-decoration: none;
}
.catalog-subsection-all a {
  color: #fff;
  text-decoration: none;
}
.signup {
  font-size: 16px;
  padding: 20px;
  text-align: center;
}
.icon-promo {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.icon-promo .sale {
  background: #ff3334;
  height: 25px;
  width: 50px;
  border-radius: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
}
.icon-promo .sale::before {
  content: '';
  background: url('/pic/sale-icon.svg') 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.icon-promo .four {
  background: #ff3334;
  height: 25px;
  width: 50px;
  border-radius: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
}
.icon-promo .four::before {
  content: '';
  background: url('/pic/four-icon.svg') 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.icon-promo .five {
  background: #ff3334;
  height: 25px;
  width: 50px;
  border-radius: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
}
.icon-promo .five::before {
  content: '';
  background: url('/pic/five-icon.svg') 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.icon-promo .gift {
  background: #ff3334;
  height: 25px;
  width: 50px;
  border-radius: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
}
.icon-promo .gift::before {
  content: '';
  background: url('/pic/gift-icon.svg') 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/modules/item/item.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.availability {
  background: #f1f1f1;
  margin-top: 15px;
  padding: 10px 10px;
  border-radius: 5px;
}
.availability_review {
  margin-bottom: 15px;
}
.availability__text {
  font-size: 14px;
  margin-bottom: 15px;
}
.availability__text em {
  font-style: normal;
}
.availability__status {
  font-family: 'AvenirNext', 'Arial', sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: black;
  font-weight: 700;
  margin-bottom: 15px;
}
.subscribe-register {
  margin: 15px 0;
}
.product__title,
.text-content h2 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: 15px 0;
}
.product__description {
  color: #646464;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.rating {
  display: block;
  padding: 0;
  text-decoration: none;
}
.rating .star-rating {
  vertical-align: middle;
}
.product__code,
.rating .count {
  color: #646464;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
}
.product__code_review {
  font-size: 14px;
  line-height: 20px;
  color: #6f6f6f;
}
.product__row {
  font-size: 0;
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.product__img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 250px;
  margin: auto;
}
.product__img-wrapper {
  display: block;
  width: 100%;
}
.product__col {
  height: 40px;
}
.product__col_side_right {
  width: 60px;
}
.product__col_side_left {
  background-color: #f3f3f3;
  width: calc(100% - 60px);
  height: 40px;
}
.product__col_side_left .product__price {
  display: flex;
  align-items: center;
  height: 40px;
}
.product__price {
  color: #262626;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.product__note {
  color: #646464;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.product__params-item_margin_0 {
  margin-bottom: 0px;
}
.product__info,
.notes {
  line-height: 20px;
  color: #262626;
  font-weight: 400;
}
.product__info {
  font-size: 14px;
}
ins.fast-delivery,
ins.super-price {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 10px;
}
ins.fast-delivery:first-child,
ins.super-price:first-child {
  margin-top: 0;
}
.icon-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel__item em {
  display: block;
  font-style: normal;
  text-align: center;
  width: 100%;
  padding-top: 10px;
}
ins.super-price {
  background: url('/pic/mobile/disc.png') no-repeat 50%;
}
ins.fast-delivery {
  background: url('/pic/mobile/discount.png') no-repeat 50%;
}
.star-rating.empty,
.star-rating .filled {
  display: inline-block;
  height: 12px;
  width: 60px;
}
.delivery__item .star-rating.empty {
  background-image: url('/pic/ico-star-d.gif');
  vertical-align: top;
}
.star-rating .filled {
  background-image: url('/pic/ico-star.gif');
  vertical-align: top;
}
.carousel_product .swiper-button-next,
.related-slider .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: scale(0.75);
  right: -7px !important;
  margin-top: -45px;
  width: 40px;
  height: 78px;
  z-index: 10;
  background: url(/pic/mobile/arrows-half-round-next.png) no-repeat 50%;
  background-size: contain;
}
.carousel_product .swiper-button-next.swiper-button-disabled,
.related-slider .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.carousel_product .swiper-button-prev,
.related-slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: scale(0.75);
  left: -7px !important;
  margin-top: -45px;
  width: 40px;
  height: 78px;
  z-index: 10;
  background: url(/pic/mobile/arrows-half-round-back.png) no-repeat 50%;
  background-size: contain;
}
.carousel_product .swiper-button-prev.swiper-button-disabled,
.related-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.main .swiper-pagination {
  bottom: -5px !important;
}
.accordeon .swiper-pagination {
  bottom: 10px !important;
}
.swiper-pagination-product {
  text-align: center;
  bottom: -5px !important;
}
.main .carousel_product {
  margin: 0 -15px 20px;
  padding: 0;
}
.main .carousel {
  min-height: 270px;
}
.main .carousel > img {
  margin: 0 auto;
  display: block;
}
#list-related-goods {
  display: none;
}
.main__row_full {
  padding: 0;
}
.carousel__item .catalog-item {
  padding-bottom: 20px;
  height: 100%;
}
.analogs-accordeon {
  padding: 20px 15px 10px;
}
.analogs-accordeon .catalog-item-outer-wrapper {
  margin-bottom: 10px;
}
.carousel__item a {
  display: block;
  margin: 0 auto;
}
.carousel__item .catalog-item-wrapper {
  height: 100%;
  width: 100%;
}
.rating-hint-wrapper {
  display: none;
}
.delivery__item-info,
.rating-hint {
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}
.rating-hint {
  padding: 15px;
}
@media (min-width: 640px) {
  .analogs-accordeon {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .analogs-accordeon .catalog-item-outer-wrapper {
    width: calc(50% - 10px);
  }
}
.payment-block {
  margin-bottom: 20px;
  font-size: 12px;
  padding-top: 10px;
}
.payment__title {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  color: #5b5b5b;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
}
.payment__list {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.payment__item {
  display: block;
  color: #5b5b5b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.upload-file {
  display: block;
  text-align: center;
  padding: 5px 10px;
  background-color: #f3f3f3;
  margin-bottom: 20px;
  border-radius: 5px;
  text-decoration: underline;
  cursor: pointer;
}
.carousel__item .video {
  display: block;
}
.carousel__item .video:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/pic/icon-play-video.png);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6;
}
.carousel__item .video img {
  width: 100%;
}
.swiper-slide-review__img {
  margin-bottom: 5px;
}
.swiper-slide-review__cta {
  text-decoration: underline;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}
.main__container a.swiper-slide-promo {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  justify-content: center;
  align-items: center;
}
.main__container a.swiper-slide-promo .swiper-slide-promo__text {
  width: 80%;
  color: #333;
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.main__container a.swiper-slide-promo .swiper-slide-promo__cta {
  text-decoration: underline;
  font-size: 16px;
  font-weight: 700;
}
.product-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 365px) {
  font-size: 16px;
}
.product-info-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.product-info__car-model {
  display: flex;
  align-items: center;
}
.product-info__car-model .car-model-mobile {
  margin-bottom: 0;
}
.product-info__car-model .for-my-car {
  padding: 2px 5px;
  background: #98d817;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  display: block;
}
.product-info__car-model .for-my-car:before {
  content: '';
  position: relative;
  top: 2px;
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url(/pic/mobile/for-my-car.png) no-repeat 0%;
  background-size: 15px;
  margin-right: 3px;
}
.product-offer {
  display: flex;
}
.product-offer-price {
  display: flex;
  align-items: flex-start;
  min-width: calc(50% - 2.5px);
  margin-right: 5px;
  background: #f3f3f3;
  border-radius: 5px;
  height: 40px;
  padding: 5px 10px;
}
.product-offer-left {
  width: calc(50% - 2.5px);
  display: flex;
}
.product-offer-price__disabled {
  font-size: 12px;
  position: absolute;
  top: -22px;
  width: 120px;
}
.product-offer-price__content {
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.product-offer-price__content .old-price {
  font-size: 12px;
  color: #9c9c9c;
  text-decoration: line-through;
}
.product-offer-price__actual {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.product-offer-price__actual .badge {
  padding: 0.2em 0.5em;
  font-size: 75%;
  margin-left: 5px;
}
.product-offer-price__label {
  background: #ff6600;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 4px;
  color: #fff;
  border-radius: 3px;
}
.product-offer__quant {
  width: 100%;
  margin-right: 5px;
}
.product-offer__quant input {
  font-size: 14px;
  width: 100%;
  border-radius: 5px !important;
  border: 2px #ddd solid;
  height: 40px;
  padding: 0 5px;
  text-align: center;
}
.product-offer__buttons {
  display: flex;
  width: 100%;
}
.product-offer__buttons button.cart-add {
  font-size: 16px;
  width: calc(100% - 40px);
  color: #fff;
}
.product-offer__buttons button.cart-add.cart-open {
  color: #0095c7;
}
@media (max-width: 400px) {
  .product-offer__buttons button.cart-add:before {
    content: none;
  }
}
.catalog-item__bookmark {
  margin-right: 5px;
}
.product-code {
  font-size: 12px;
}
.sber-spasibo {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
.sber-spasibo:before {
  content: '';
  display: inline-block;
  width: 112px;
  height: 32px;
  margin: 0px 15px 0px 0px;
  background: url('/pic/paysystems/ico_s_sbasibo.svg') center left no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.sber-spasibo span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
  font-size: 0.9em;
  margin-top: 3px;
}
.sber-spasibo .badge-more-info {
  background-color: #d9d9d9;
}
.sber-spasibo .tippy-box {
  text-align: left;
}
.sber-spasibo--footer {
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-bottom: 20px;
}
.ya-pay-widget {
  margin: 0 -15px;
  width: calc(100% + 30px) !important;
}
.product-descr {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}
.product-descr__line {
  margin-bottom: 5px;
}
.product .bc {
  background: #f3f3f3;
  padding: 15px;
}
.product-delivery {
  display: flex;
  margin-top: 5px;
  flex-wrap: wrap;
  gap: 5px;
}
.product-specials {
  display: flex;
  flex-wrap: wrap;
}
.product-specials-wrap {
  margin-top: 5px;
}
.product-specials-wrap-right {
  border-radius: 5px;
}
.product-quantity {
  position: relative;
}
.product-quantity.active {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.product-quantity__control {
  height: 100%;
  width: 30px;
  position: absolute;
  top: 0;
  border: 2px #ddd solid;
}
.product-quantity__control.minus {
  background: #f3f3f3 url(/pic/mobile/minus.png) no-repeat 50%;
  background-size: 12px;
  outline: none;
  left: -15px;
  z-index: 10;
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.product-quantity__control.plus {
  background: #f3f3f3 url(/pic/mobile/plus.png) no-repeat 50%;
  background-size: 16px;
  outline: none;
  right: -15px;
  z-index: 10;
  border-left: none;
  border-radius: 0 5px 5px 0;
}
.product-quantity__error {
  font-size: 12px;
  position: absolute;
  top: -20px;
  width: calc(200% + 10px);
  bottom: calc(100% + 5px);
  background: #fff;
  color: #ff3334;
  text-align: center;
}
.product-count {
  font-size: 14px;
  margin-top: 5px;
  background: #f3f3f3;
  border-radius: 5px;
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
}
.product-count__warehouse span {
  line-height: 12px;
  color: #ff6600;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
}
.warehouses {
  display: none;
  margin-top: 10px;
}
.warehouse {
  font-size: 14px;
  display: grid;
  grid-template-columns: 70px auto 100px;
  grid-template-rows: auto;
  margin-bottom: 5px;
}
.warehouse .fancy-modal {
  color: #004a85;
  text-decoration: underline;
}
.warehouse-count {
  margin-right: 15px;
  text-align: center;
}
.warehouse-price {
  text-align: right;
  margin-left: 10px;
}
.business__link {
  display: block;
  color: #ff6600;
  white-space: nowrap;
  font-size: 12px;
}
.business__link i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #d9d9d9;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  line-height: 1.6;
  font-weight: bold;
  margin-left: 5px;
  color: #000;
}
@media (max-width: 400px), (640px <= width <= 780px) {
  .catalog__item .business__link {
    white-space: normal;
    width: 62px;
    max-width: 62px;
    line-height: 1.2;
  }
  .catalog__item .business__link i {
    display: none;
  }
}
.review_good_rules {
  margin-bottom: 15px;
}
.product-delivery-promo {
  width: 100%;
  font-size: 14px;
  text-align: center;
  border: 2px solid #ffda4f;
  padding: 10px;
  border-radius: 5px;
}
.related-forGood {
  min-height: 389px;
}
.related-goods-title {
  font-size: 18px;
  padding: 10px 0px;
  font-weight: 700;
}
.related--slider .related-goods-title {
  padding: 10px 15px;
}
.views-carousel {
  min-height: 285px;
}
.accordeon {
  position: relative;
  margin: 0 auto;
}
.accordeon__item {
  border: 1px solid #e7e7e7;
}
.accordeon-item__content {
  display: none;
}
.accordeon-item__header {
  background: white url('/pic/mobile/plus.png') no-repeat top 50% right 20px;
  background-size: 12px;
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  color: black;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  padding: 4px 15px;
}
.question-register {
  display: none;
}
.fancybox-hidden {
  display: none;
}
.marketplace-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.marketplace-buttons img {
  width: 38px;
}
.marketplace-buttons > div {
  flex-grow: 1;
  max-width: 50%;
}
.marketplace-buttons .btn {
  flex-grow: 1;
}
.marketplace-buttons .btn-ozon {
  background: #fff;
  color: #005bff;
  border: 1px solid #005bff;
}
.marketplace-buttons .btn-wb {
  background: #fff;
  color: #a73afd;
  border: 1px solid #a73afd;
}
@media (max-width: 400px) {
  .marketplace-buttons {
    flex-direction: column;
  }
  .marketplace-buttons > div {
    min-width: 100%;
  }
}
.productGroups-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.productGroups__link {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border-radius: 5px;
  padding: 10px 10px;
  position: relative;
}
.productGroups__link::after {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  border-left: 2px solid #474747;
  border-top: 2px solid #474747;
  position: absolute;
  top: 15px;
  right: 18px;
  transform: rotate(135deg);
}
.price-item .badge--delivery {
  position: absolute;
  top: -20px;
  z-index: 10;
}
.price-item .product-delivery-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 5px 0 10px;
  /** old refact */
  /** Подгоняем по высоте */
}
.price-item .product-delivery-block .delivery-variant {
  flex: 0 0 calc(50% - 2.5px);
  background-color: #f3f3f3;
  height: 40px;
  font-size: 15px;
  line-height: 1;
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
}
.price-item .product-delivery-block .delivery-variant__title {
  width: 100%;
  margin-bottom: 3px;
  white-space: nowrap;
}
.price-item .product-delivery-block .delivery-variant__period {
  color: #f60;
  width: 50%;
  font-size: 14px;
  text-decoration: none;
}
.price-item .product-delivery-block .delivery-variant__period.available-map {
  text-decoration: underline;
}
.price-item .product-delivery-block .delivery-variant__cost {
  width: 50%;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}
.price-item .product-delivery-block .delivery-variant--shop-list {
  position: static;
}
.price-item .product-delivery-block .delivery-variant--free .delivery-variant__cost {
  color: #3dc93d;
}
.price-item .product-delivery-block > div:only-child {
  flex-basis: 100%;
}
.price-item .product-delivery-block > div:nth-child(3):last-child {
  flex-basis: 100%;
}
.price-item .product-delivery-block.loading .delivery-variant__period {
  background-image: url(/pic/loader-vue.gif);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center left;
  min-height: 14px;
}
.price-item .product-delivery-block .shops-list {
  padding: 7px;
  margin: 0px;
  position: absolute;
  top: 42px;
  right: 0px;
  min-width: 320px;
  width: 100%;
  background: #ececec url(/pic/price_line.png) bottom right no-repeat;
  box-shadow: 3px 3px 2px 0px #888888;
  display: none;
  z-index: 11;
  font-style: normal;
  font-size: 12px;
}
.price-item .product-delivery-block > div:nth-child(3):is(.delivery-variant--shop-list) .shops-list,
.price-item .product-delivery-block > div:nth-child(4):is(.delivery-variant--shop-list) .shops-list {
  top: 85px;
}
.price-item .product-delivery-block .show-all-shops > a {
  font-size: 14px;
}
.price-item .product-delivery-block .shops-item {
  display: flex;
  white-space: nowrap;
  gap: 5px;
  margin-bottom: 3px;
  font-size: 14px;
  border-bottom: 1px dashed #bfbfbf;
  justify-content: space-between;
  padding: 2px 0;
}
.price-item .product-delivery-block .shops-item em {
  font-style: normal;
}
.price-item .product-delivery-block .shops-item > div {
  display: flex;
  gap: 5px;
}
.price-item .product-delivery-block .shops-item__count {
  width: 42px;
  font-weight: bold;
}
@media (max-width: 360px) {
  .price-item .product-delivery-block .delivery-variant__title {
    font-size: 12px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/modules/tecdoc/tecdoc.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.category-one .catalog-nav__link {
  padding-left: 55px;
  cursor: pointer;
}
.category-one .icon {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 6px;
  margin-top: -22px;
}
.category-one .icon i {
  height: 44px;
  width: 44px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
.category-one > .catalog-nav__link {
  cursor: pointer;
}
.category-one > .catalog-nav__link:after {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  border-left: 2px solid #474747;
  border-top: 2px solid #474747;
  position: absolute;
  top: 20px;
  right: 18px;
  transform: rotate(225deg);
}
.category-one > .catalog-nav__link.open {
  background-color: #e7e7e7;
}
.category-one > .catalog-nav__link.open:after {
  top: 23px;
  transform: rotate(45deg);
}
.category-one > .catalog-nav__link.items:after {
  display: none;
}
.category-one-child {
  display: none;
  background: #f5f5f5;
}
.tecdoc .catalog-nav__link.open + .category-one-child {
  display: block;
}
.category-one .category-one-child .catalog-nav__link {
  background: #f9f9f9;
}
.category-one .category-one-child .catalog-nav__link:after {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  border-left: 2px solid #474747;
  border-top: 2px solid #474747;
  position: absolute;
  top: 20px;
  right: 18px;
  transform: rotate(225deg);
}
.category-one .category-one-child .catalog-nav__link:before {
  content: '\2795';
  display: block;
  position: absolute;
  left: 20px;
  top: 34%;
  font-size: 18px;
  color: #474747;
}
.category-one .category-one-child .catalog-nav__link.link:not(.items) {
  text-decoration: underline;
}
.category-one .category-one-child .catalog-nav__link.link:not(.items):before {
  display: none;
}
.category-one .category-one-child .catalog-nav__link.link:not(.items):after {
  display: none;
}
.category-one .category-one-child .catalog-nav__link.open {
  background-color: #f3f3f3;
}
.category-one .category-one-child .catalog-nav__link.open:after {
  top: 23px;
  transform: rotate(45deg);
}
.category-one .category-one-child .catalog-nav__link.open:before {
  content: '\2796';
}
.level-3 .catalog-nav__link {
  padding-left: 80px;
}
.level-3 .catalog-nav__link:before {
  font-size: 16px !important;
  left: 50px !important;
}
.tecdoc .catalog__body {
  padding: 0 16px;
  display: flex;
  flex-wrap: wrap;
}
h3.catalog-title {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.vendor-code__item span {
  display: inline-block;
  min-width: 90px;
}
.vendor-code__item ins.delivery_date {
  padding: 1px 5px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: 700;
}
.catalog__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.catalog__header-col {
  width: calc(50% - 5px);
}
.catalog-filters {
  width: 100%;
  margin-bottom: 20px;
}
.filter-panel {
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}
.filter-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  -moz-transition: all 0.3s 0s ease-in-out;
  -ms-transition: all 0.3s 0s ease-in-out;
  -o-transition: all 0.3s 0s ease-in-out;
  transition: all 0.3s 0s ease-in-out;
  background-color: rgba(52, 52, 52, 0.69);
}
.filter-body {
  background: #f3f3f3;
  display: block;
  position: absolute;
  width: 280px;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 0;
  right: 0;
  z-index: 1000;
  padding-bottom: 100px;
}
.filter__title {
  color: black;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
}
.sort__header-col_side_left {
  width: 43px;
}
.filter__exit,
.sort__exit,
.side-panel .exit-btn {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/pic/mobile/exit.png') no-repeat 5px 50%;
  cursor: pointer;
}
.list-sort {
  padding: 0 20px;
}
.list-sort-one {
  padding-left: 45px;
  margin-bottom: 15px;
}
.list-sort-one input[type='radio'] {
  display: none;
}
.list-sort-one input[type='radio']:checked + label:before {
  -webkit-box-shadow: inset 0 0 0 6px #fff;
  -moz-box-shadow: inset 0 0 0 6px #fff;
  box-shadow: inset 0 0 0 6px #fff;
}
.list-sort-one label {
  font-weight: 400;
}
.list-sort-one label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0px;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  background-color: #f60;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 15px #fff;
  -moz-box-shadow: inset 0 0 0 15px #fff;
  box-shadow: inset 0 0 0 15px #fff;
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
}
.filter-list__title {
  background-color: #dadada;
  border: 1px solid #f3f3f3;
  color: #262626;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  position: relative;
  padding: 14px 20px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.filter-list__title::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: url(/pic/mobile/arrow-small-blue.png) no-repeat 50%;
  transform: rotate(180deg);
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: transform 0.2s 0s linear;
  -moz-transition: transform 0.2s 0s linear;
  -ms-transition: transform 0.2s 0s linear;
  -o-transition: transform 0.2s 0s linear;
  transition: transform 0.2s 0s linear;
}
.filter-list__title.open:after {
  transform: rotate(0deg);
}
.filters {
  padding: 10px 20px;
}
.filter-one input[type='checkbox'] {
  display: none;
}
.filter-one input[type='checkbox']:checked + .filter-one__title:before {
  background: #f60 url(/pic/mobile/check.png) no-repeat 50%;
}
.filter-one input[disabled='disabled'] + .filter-one__title,
.filter-one input:disabled + .filter-one__title {
  color: #dadada;
}
.filter-one input[disabled='disabled'] + .filter-one__title:before,
.filter-one input:disabled + .filter-one__title:before {
  background-color: #f3f3f3;
}
.filter-one__title {
  vertical-align: middle;
  color: #000;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.filter-one__title:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 22px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  margin-right: 16px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s 0s ease-in-out;
  -moz-transition: all 0.2s 0s ease-in-out;
  -ms-transition: all 0.2s 0s ease-in-out;
  -o-transition: all 0.2s 0s ease-in-out;
  transition: all 0.2s 0s ease-in-out;
}
.filter-button {
  margin: 0 20px 20px;
}
.filter-button__found-goodg {
  border: none;
  display: block;
  cursor: pointer;
  width: 100%;
  color: #343434;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.1px;
  line-height: 20px;
  background: #ffe967;
  background: -moz-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe967), color-stop(100%, #ffb300));
  background: -webkit-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: -o-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: -ms-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: linear-gradient(to bottom, #ffe967 0, #ffb300 100%);
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
  height: 40px;
  margin-bottom: 10px;
}
.filter-button__reset-filter {
  border: none;
  display: block;
  cursor: pointer;
  width: 100%;
  color: #343434;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.1px;
  line-height: 20px;
  background: #ffe967;
  background: -moz-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe967), color-stop(100%, #ffb300));
  background: -webkit-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: -o-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: -ms-linear-gradient(top, #ffe967 0, #ffb300 100%);
  background: linear-gradient(to bottom, #ffe967 0, #ffb300 100%);
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
  height: 40px;
}
.cart-add {
  width: 40px;
}
.cart-add__disabled {
  width: 40px;
  color: #343434;
  border-radius: 5px;
  display: block;
  background: #f3f3f3;
  border: none;
  text-align: center;
  font-size: 0;
  text-decoration: none;
  position: relative;
  text-indent: -10000px;
}
.cart-add__disabled:before {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -112px -146px;
  width: 56px;
  height: 56px;
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  transform: scale(0.4);
  opacity: 0.6;
}
@media (min-width: 640px) {
  .tecdoc .catalog__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .catalog__body > .catalog__item {
    width: 48%;
    border-bottom: none;
  }
}
.tecdoc .icon .icon_all_spare_parts {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/all_spare_parts.png');
}
.tecdoc .icon .icon_engine_oil {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/engine_oil.png');
}
.tecdoc .icon .icon_filter_oil {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/filter_oil.png');
}
.tecdoc .icon .icon_air_filter {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/air_filter.png');
}
.tecdoc .icon .icon_cabin_filter {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/cabin_filter.png');
}
.tecdoc .icon .icon_transmission_oil {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/transmission_oil.png');
}
.tecdoc .icon .icon_brake_discs {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/brake_discs.png');
}
.tecdoc .icon .icon_brake_shoes {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/brake_shoes.png');
}
.tecdoc .icon .icon_lightbulb {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/lightbulb.png');
}
.tecdoc .icon .icon_wiper_blades {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/wiper_blades.png');
}
.tecdoc .icon .icon_plug_spark {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/plug_spark.png');
}
.tecdoc .icon .icon_brake_fluid {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/brake_fluid.png');
}
.tecdoc .icon .icon_coolant {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/coolant.png');
}
.tecdoc .icon .icon_gur_fluid {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/gur_fluid.png');
}
.tecdoc .icon .icon_fuel_filter {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/fuel_filter.png');
}
.tecdoc .icon .icon_belts {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/belts.png');
}
.tecdoc .icon .icon_shock_absorbers {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/shock_absorbers.png');
}
.tecdoc .icon .icon_accumulator {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/accumulator.png');
}
.tecdoc .icon .icon_levers_and_thrusts {
  background-image: url('/pic/selection_by_brand_ico/blue/128x128/levers_and_thrusts.png');
}
.rating {
  text-decoration: none !important;
}
.star-rating.empty {
  background-image: url(/pic/ico-star-d.gif);
}
.star-rating .filled,
.star-rating.empty {
  display: inline-block;
  height: 12px;
  width: 60px;
  vertical-align: middle;
  margin-right: 5px;
}
.star-rating .filled {
  background-image: url(/pic/ico-star.gif);
  vertical-align: top;
}
.tecdoc .rating.empty .count {
  padding-left: 0;
}
.tecdoc .rating {
  text-decoration: none;
}
.rating .count {
  color: #646464;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
}
.product__code,
.rating .count {
  color: #646464;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
}
.catalog__item .error {
  font-size: 12px;
  color: red;
  position: absolute;
  background: #fff;
  bottom: 0;
  z-index: 10;
}
.catalog-item__title--nolink {
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-decoration: none;
}
.catalog-item--volume {
  color: #f60;
}
.main {
  position: relative;
}
.panel_button.filter-btn {
  position: fixed;
  right: 5px;
  bottom: 80px;
  z-index: 998;
  height: 45px;
  width: 45px;
  overflow: hidden;
  cursor: pointer;
}
.panel_button.filter-btn.fixed {
  right: 10px;
  position: absolute;
  bottom: 140px;
}
.main__container .panel_button.filter-btn.fixed {
  right: -10px;
}
.panel_button.search-panel-btn div,
.panel_button.filter-btn div {
  cursor: pointer;
  padding: 10px 9px;
  color: #ffffff;
  z-index: 9999;
  height: 45px;
  width: 45px;
  border-radius: 25px;
  background: #f60;
  overflow: hidden;
}
.panel_button.search-panel-btn div.fixed,
.panel_button.filter-btn div.fixed {
  right: -10px;
  position: absolute;
  bottom: 200px;
}
.panel_button.search-panel-btn ins,
.panel_button.filter-btn ins {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -27px -255px;
  width: 28px;
  height: 28px;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
}
.panel_button.sort-btn {
  position: fixed;
  right: 5px;
  bottom: 135px;
  z-index: 998;
  height: 45px;
  width: 45px;
  overflow: hidden;
}
.panel_button.sort-btn.fixed {
  right: -10px;
  position: absolute;
  bottom: 200px;
}
.panel_button.sort-btn div {
  cursor: pointer;
  padding: 9px 9px;
  color: #ffffff;
  z-index: 9999;
  height: 45px;
  width: 45px;
  border-radius: 25px;
  background: #0095c7;
}
.panel_button.sort-btn ins {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -55px -255px;
  width: 28px;
  height: 28px;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
}
.tecdoc-descr {
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
}
.tecdoc-descr-title {
  font-weight: 700;
  padding: 0px;
  font-size: 16px;
  cursor: pointer;
}
.tecdoc-descr-title span {
  border-bottom: 1px dashed #004a85;
  display: inline-block;
  color: #004a85;
  position: relative;
}
.tecdoc-descr-title span:before {
  content: '';
  display: block;
  height: 6px;
  width: 6px;
  border-left: 2px solid #004a85;
  border-top: 2px solid #004a85;
  position: absolute;
  top: 6px;
  right: -15px;
  transform: rotate(225deg);
}
.tecdoc-descr-title.open span:before {
  top: 10px;
  transform: rotate(45deg);
}
.tecdoc-descr-list {
  display: none;
  margin-top: 10px;
}
.tecdoc-descr-one {
  background: #f5f5f5;
  border-bottom: 1px solid #fff;
}
.tecdoc-descr__title {
  font-weight: 700;
  padding: 10px 15px;
  cursor: pointer;
  position: relative;
}
.tecdoc-descr__title:before {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  border-left: 2px solid #474747;
  border-top: 2px solid #474747;
  position: absolute;
  top: 15px;
  right: 18px;
  transform: rotate(225deg);
}
.tecdoc-descr__title.open:before {
  top: 18px;
  transform: rotate(45deg);
}
.tecdoc-descr__text {
  display: none;
  padding: 0px 15px;
}
.tecdoc-descr__text-one {
  padding: 5px 0px;
}
.tecdoc-descr__text-one span {
  font-style: italic;
  color: #555;
}
.tecdoc-descr__text-one img {
  display: inline-block;
  vertical-align: middle;
}
.tecdoc .catalog__item:first-child {
  padding-top: 0;
}
.tecdoc.car .catalog-nav__link.header {
  margin-bottom: 20px;
}
.views__title {
  display: block;
  margin-bottom: 14px;
  color: #0f0f0f;
  font-family: AvenirNext, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
@media (min-width: 640px) {
  .relatedModal .catalog-item-outer-wrapper {
    width: 48% !important;
  }
}
.cars-tree-mobile li {
  margin: 0 0 -1px 0;
}
.delivery-empty {
  padding: 30px 20px;
}
.delivery-empty-hint {
  text-decoration: underline;
  color: #004a85;
  padding-bottom: 10px;
}
.delivery-empty-hint.delivery_date {
  background: #49ad49;
  padding: 1px 5px;
  color: #fff;
  margin-bottom: 5px;
  display: inline-block;
}
.inShopsOnly {
  background-color: #f3f3f3;
  border-radius: 5px;
  padding: 9px;
  text-align: center;
  margin-top: 10px;
}
.tecdoc-descr-html {
  background: #f5f5f5;
  padding: 10px 15px;
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
}
.tecdoc-descr-html > *:last-child {
  margin-bottom: 0;
}
.slide-left .filter-overlay {
  animation: fade 0.3s;
}
.slide-right .filter-overlay {
  animation: fade 0.3s reverse;
}
.slide-left .filter-body {
  animation: slide 0.3s;
}
.slide-right .filter-body {
  animation: slide 0.3s reverse;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.stages {
  color: #9d9d9d;
  padding: 0px 0 15px;
  display: flex;
  align-items: center;
}
.stage {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.stage--active {
  color: #000;
}
.stage--current {
  color: #ff6600;
}
.stage-arrow {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 5px;
  top: -1px;
  margin: 0 20px;
  vertical-align: middle;
}
.stage-arrow:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #8e8e8e;
  position: absolute;
  top: 2px;
  left: 0;
}
.stage-arrow:after {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #8e8e8e;
  border-top: 1px solid #8e8e8e;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
}
#car-type {
  margin-bottom: 10px;
}
.fuel-types-title {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 700;
}
.fuel-types {
  margin-top: 10px;
  display: inline-block;
}
.fuel-type {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.fuel-type span {
  color: #0095C7;
  border-bottom: 1px dashed #0095C7;
  cursor: pointer;
}
.fuel-type.active span {
  border-bottom: none;
  color: #ddd;
}
.tecdoc-category {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  overflow: auto;
  height: calc(100vh - 70px);
}
.tecdoc-category-open {
  margin-bottom: 15px;
}
.product-offer-price .link-know-price {
  font-size: 16px;
  color: #2794ca;
  font-weight: bold;
  line-height: 2;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use[2]!../../../node_modules/style-resources-loader/lib/index.js??clonedRuleSet-2.use[3]!./mobile/modules/laximo/laximo.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.catalog-nav__item.childs > .catalog-nav__link::before {
  content: '\2795';
  display: block;
  position: absolute;
  left: 16px;
  top: 16px;
  font-size: 18px;
  color: #474747;
}
.catalog-nav__item.childs > .catalog-nav__link {
  padding-left: 50px;
}
.catalog-nav__item_deep_1 .catalog-nav__link {
  padding-left: 45px;
}
.categories-tree .catalog-nav__link span {
  opacity: 0.5;
  display: inline-block;
  vertical-align: bottom;
}
.units .unit-with-data {
  height: 250px;
}
.units .unit-with-data .unit {
  height: 250px;
  position: relative;
  padding: 0px;
}
.units .unit-with-data a.i {
  display: block;
  text-align: center;
}
.units .unit-with-data div.t .more {
  display: inline-block;
  color: #474747;
  border: 1px solid #474747;
  padding: 3px 5px;
  width: 25px;
  margin-left: 7px;
  font-weight: bold;
}
.units .unit-with-data .i {
  height: 248px;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.units .unit-with-data a.i img {
  width: 100%;
}
.units .unit-with-data div.t {
  position: absolute;
  z-index: 5;
  bottom: 0px;
  left: 0px;
  text-align: center;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 25%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 25%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  padding-bottom: 8px;
  padding-top: 20px;
}
.units .unit-with-data .unit-notes {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 7;
  padding: 10px;
}
.units .unit-with-data .unit-notes .unit-notes-text {
  height: 200px;
  overflow-y: auto;
}
.units .unit-with-data .unit-notes .unit-notes-close {
  display: block;
  color: #474747;
  border: 1px solid #474747;
  padding: 3px 5px;
  margin-top: 7px;
  text-align: center;
  position: absolute;
  bottom: 8px;
  left: 15%;
  width: 70%;
}
.unit-detail .label {
  background: rgba(0, 149, 199, 0.2);
  border: 1px solid rgba(0, 149, 199, 0.5);
}
.unit-detail .label a {
  text-decoration: none;
  opacity: 0;
}
.unit-detail .label-active {
  background: rgba(199, 0, 0, 0.2);
  border: 1px solid rgba(199, 0, 0, 0.5);
}
#picture_control_container {
  height: 350px;
}
.unit-detail #zoomOut {
  position: absolute;
  top: 15px;
  right: 20px;
  line-height: 30px;
  background: #0095c7;
  color: #ffffff;
  border: none;
  font-size: 23px;
  font-weight: bold;
  text-indent: -1000px;
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -96px -222px;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.unit-detail #zoomIn {
  position: absolute;
  top: 55px;
  right: 20px;
  line-height: 30px;
  background: #0095c7;
  color: #ffffff;
  border: none;
  font-size: 25px;
  font-weight: bold;
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -126px -222px;
  width: 30px;
  height: 30px;
  text-indent: -1000px;
  z-index: 10;
}
.unit-detail .part-active {
  background: #ffbfbf;
}
.unit-detail .part .catalog-nav__link > b {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  font-weight: normal;
  font-size: 14px;
}
.unit-detail .part span.right {
  display: inline-block;
  width: 73%;
  vertical-align: middle;
  font-size: 14px;
}
.unit-detail .part span.right .name {
  display: block;
  font-size: 14px;
}
.unit-detail .part span.right small {
  display: block;
  font-size: 11px;
  color: #777777;
  font-style: italic;
  margin-top: 3px;
}
.unit-detail .part .catalog-nav__link {
  padding: 5px 16px;
}
.unit-detail .part.open .icon-arrow {
  background: url('/pic/mobile/arrow-small-blue.png') no-repeat right 15px top 50%;
  background-size: 17px;
}
.units-filter .submit-button {
  background: #0095c7;
}
.units-filter .submit-button .catalog-nav__link {
  padding: 0px 15px;
}
.units-filter .catalog-nav__link select {
  padding: 5px;
  margin-top: 5px;
}
.units-filter .submit-button input {
  background: none;
  border: none;
  width: 100%;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 50px;
  height: 50px;
}
.parts-list {
  background: #fff;
  padding: 0px 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.parts-list .catalog-item {
  padding: 20px 0px 20px;
}
.part-list-messages {
  text-align: center;
  font-weight: 700;
  width: 100%;
  padding: 20px 0px;
}
.catalog__item {
  padding: 20px 0px 20px;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
  width: 100%;
}
.catalog__body .catalog__item {
  padding: 20px 0px 20px;
}
.catalog__item:last-child {
  border-bottom: none;
}
.sort-btn {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none !important;
}
.catalog__header-col > .search-panel-btn ins,
.catalog__header-col > .filter-btn ins {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -159px -255px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-indent: -1000px;
  vertical-align: middle;
  margin-right: 5px;
}
.catalog__header-col > .sort-btn ins {
  background: url('/pic/ico_sorting_small.png');
  width: 18px;
  height: 18px;
  display: inline-block;
  text-indent: -1000px;
  vertical-align: middle;
  margin-right: 5px;
}
#parts_block h3 {
  margin-top: 10px;
}
.catalog-item__info {
  margin-bottom: 5px;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.catalog-item__title {
  display: block;
  margin-bottom: 10px;
  min-height: 42px;
  overflow: hidden;
}
.catalog-item__title .badge {
  margin-top: 10px;
}
.catalog-item__title-link {
  color: #004a85;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-decoration: none;
}
.catalog-item__img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 120px;
  text-align: center;
}
.item__img-wrapper {
  display: block;
  position: relative;
}
ins.fast-delivery,
ins.super-price {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 10px;
}
ins.fast-delivery:first-child,
ins.super-price:first-child {
  margin-top: 0;
}
.icon-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
ins.super-price {
  background: url('/pic/mobile/disc.png') no-repeat 50%;
}
ins.fast-delivery {
  background: url('/pic/mobile/discount.png') no-repeat 50%;
}
.catalog-item__main {
  font-size: 0;
  padding-bottom: 10px;
}
.catalog-item__main .badge--delivery {
  margin-top: 4px;
}
.catalog-item__row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.catalog-item__cell {
  height: 40px;
  overflow: hidden;
}
.catalog-item__cell_side_left {
  background-color: #f3f3f3;
  width: calc(100% - 90px);
  border-radius: 5px;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
}
.catalog-item__col {
  display: inline-block;
  vertical-align: top;
}
.catalog-item__col--card {
  display: inline-block;
  vertical-align: middle;
  width: 50% !important;
}
.catalog-item__col_side_left {
  width: 40%;
  position: relative;
  overflow: hidden;
  padding-right: 10px;
  min-height: 30px;
}
.catalog-item__col_side_left img {
  max-width: 100%;
}
.catalog-item__col_side_left .icon-promo {
  top: 5px;
  right: 5px;
  transform: scale(0.75);
}
.catalog-item__col_side_right {
  width: 60%;
}
.catalog-item__col_side_right .counter {
  position: relative;
  margin: 10px 0 5px;
}
.counter__control,
.item__control {
  display: inline-block;
  height: 38px;
  vertical-align: middle;
  width: 33.33333333%;
  border: 1px solid #e7e7e7;
  border: none;
}
.counter .plus {
  background: #f3f3f3 url('/pic/mobile/plus.png') no-repeat 50%;
  background-size: 16px;
  outline: none;
}
.counter .minus {
  background: #f3f3f3 url('/pic/mobile/minus.png') no-repeat 50%;
  background-size: 16px;
  outline: none;
}
.max-quantity {
  display: none;
  font-size: 12px;
  position: absolute;
  bottom: 45px;
  color: red;
  padding: 5px 0;
  left: 0;
  background: #fff;
}
.catalog-item__price {
  display: flex;
  height: 100%;
  align-items: center;
  flex-wrap: wrap;
}
.catalog-item__price .old-price {
  text-decoration: line-through;
  color: #9c9c9c;
  padding-left: 10px;
}
.catalog-item__price .catalog-item__price-value {
  padding-left: 10px;
}
.catalog-item__price-value {
  color: #262626;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.catalog-item__price-value .badge {
  padding: 0.2em 0.5em;
  font-size: 75%;
  margin-left: 5px;
}
.catalog-item__cell_side_right {
  width: 85px;
  display: flex;
  justify-content: space-between;
}
.catalog-item__bookmark,
.catalog-item-bookmark {
  height: 40px;
  width: 40px;
  background: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
}
.catalog-item__bookmark:before,
.catalog-item-bookmark:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -10px;
  transform: scale(0.43);
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -206px -100px;
  width: 59px;
  height: 50px;
}
.catalog-item__bookmark.added,
.catalog-item-bookmark.added {
  background: #f3f3f3;
  border: 1px solid #0095c7;
}
.catalog-item__bookmark.added::before,
.catalog-item-bookmark.added::before {
  background-image: url(/pic/sprite/mqglzfo5.spriteMobile.png);
  background-position: -206px 0px;
  width: 59px;
  height: 50px;
  top: -5px;
  left: -10px;
}
.probable-price {
  font-size: 10px;
  font-weight: 700;
  color: #ff6600;
  text-align: left;
  cursor: pointer;
  position: relative;
  padding-left: 10px;
}
.probable-price::after {
  content: '?';
  font-size: 9px;
  color: #fff;
  background: #0095c7;
  border-radius: 10px;
  width: 14px;
  height: 14px;
  display: inline-block;
  text-align: center;
  margin-left: 5px;
  line-height: 15px;
  position: relative;
}
.catalog-item__price .probable-price-alt {
  background: #ff6600;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 4px;
  color: #fff;
  border-radius: 3px;
  margin-left: 10px;
}
.specials-item .probable-price {
  padding-left: 0;
}
.catalog-item__price-note {
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  color: #646464;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
  padding: 0 5px;
}
.catalog-item__price-note s {
  text-overflow: ellipsis;
  display: block;
  max-width: 170px;
  overflow: hidden;
}
.catalog-item__message {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  background: #dadada;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  padding: 0;
  cursor: default;
}
.vendor-code__item {
  color: #646464;
  font-family: 'AvenirNext', 'Tahoma', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avaible .vendor-code__item ins {
  background: #49ad49;
  color: #fff;
  padding: 1px 5px;
}
.vendor-code__item ins {
  text-decoration: none;
}
.good-quantity,
.item-quantity {
  display: inline-block;
  height: 38px;
  vertical-align: middle;
  text-align: center;
  width: 33.33333333%;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  border: none;
  padding: 0;
  border: 1px solid #e7e7e7;
  background: #fff;
  outline: none;
}
@media (min-width: 640px) {
  .parts-list .catalog__item {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    border-bottom: none;
  }
}
table.vehicles.list.laximo {
  font-size: 11px;
  width: 100%;
  table-layout: fixed;
  overflow-x: auto;
}
.vehicles.list.laximo th {
  text-align: left;
  padding: 3px 5px;
  font-size: 12px;
  background: #ededed;
  font-weight: 400;
}
.vehicles.list.laximo td {
  padding: 3px 5px;
  vertical-align: top;
  border: 1px solid #ededed;
  width: 33%;
  overflow: hidden;
}
.vehicles.list.laximo td > a {
  background: #0095c7;
  padding: 3px 5px;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  text-decoration: none;
  display: block;
  margin-top: 10px;
  max-width: 200px;
}
@media (max-width: 380px) {
  #picture_content {
    height: 300px !important;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
  #picture_content {
    height: 250px !important;
  }
}
@media (min-width: 768px) {
  #picture_content {
    height: 450px !important;
  }
}
.filter .catalog-type-title {
  display: none;
}
.filter .catalog-type {
  display: none;
}
.filter .category-filter {
  padding-top: 15px;
}
.filter .common-wrap {
  max-height: calc(100vh - 245px);
  overflow-y: auto;
}
.drawing-component {
  height: 350px;
  overflow: hidden;
}


/*# sourceMappingURL=mobile-base-styles.css.map?v=44705f5dcd7596fddc2c*/