header .burger{display:none;margin:5px 24px 0 0;height:32px;width:32px}
header .burger *{fill:#116a4c}
header .top{margin-left:3px;padding:9px 0 8px;border-bottom:1px solid #e7e7e7}
header .top .container{display:flex}
header .middle{padding:11px 0 12px;border-bottom:1px solid #e7e7e7}
header .middle .container{display:flex;align-items:center}
header .middle .container>div[id*="bx_incl"]{width:100%;max-width:500px}
header .city{position:relative;margin-right:auto;font-size:0.875em}
header .city .current{color:#828282}
header .city .current a{display:inline-block;margin-left:3px;color:#116a4c;transition:opacity .2s}
header .city .current a:hover{opacity:0.8}
header .city .current a:after{content:'';position:relative;top:2px;display:inline-block;margin-left:5px;border:4px solid transparent;border-top:4px solid #000}
header .city .list{position:absolute;top:100%;left:65px;display:none;padding:0;list-style:none;border-radius:3px;background-color:#fff;box-shadow:0px 0px 24px rgba(0,0,0,0.12);z-index:20}
header .city .list li{margin-bottom:0;padding-left:0;line-height:1em;white-space:nowrap}
header .city .list li:not(:last-child){border-bottom:1px solid #e7e7e7}
header .city .list li:before{content:none}
header .city .list li a{display:block;padding:13px;color:#424242}
header .city .list li:hover{background-color:#f5f5f5}
header .city.open .list{display:block}
header .address{font-size:0.875em}
header .address:before{content:'\0041';margin-right:6px;font-size:11px}
header .links{margin-left:auto;font-size:0.875em;white-space:nowrap}
header .links .compare-link{margin-left:18px;color:#424242;white-space:nowrap;transition:color .2s}
header .links .compare-link:before{content:'\0042';position:relative;top:1px;margin-right:5px;font-size:11px}
header .links .compare-link:hover{color:#116a4c}
header .links .wishlist-link{color:#424242;white-space:nowrap;transition:color .2s}
header .links .wishlist-link:before{content:'\0043';position:relative;top:1px;margin-right:4px;font-size:12px}
header .links .wishlist-link:hover{color:#116a4c}
header .links .login-link{margin-left:18px;color:#424242;white-space:nowrap;transition:color .2s}
header .links .login-link:before{content:'\006f';margin-right:6px;font-size:11px}
header .links .login-link:hover{color:#116a4c}
header .logo{max-width:150px;margin-right:1.775%;flex-shrink:0}
header .logo>a{display:flex;align-items:center;height:56px;line-height:0}
header .logo svg{max-width:100%;max-height:100%}
header .logo svg rect{fill:#116a4c;transition:fill .3s ease}
header .logo svg:hover rect{fill:#f00}
header .slogan{width:12.911%;margin-right:1.9%;font-size:0.875em;line-height:1.2em;color:#aaa;flex-shrink:0}
header .tel-container{margin:0 20px 0 auto;padding-left:20px;min-width:15.5%;text-align:right}
header .tel-container .call-me{display:inline-block;margin-left:27px;font-size:0.875em;line-height:1;border-bottom:1px solid transparent}
header .tel-container .call-me:hover{border-bottom:1px solid #116a4c}
header .basket-container{display:flex;min-width:10.65%;width:auto;margin-left:4.76%;flex-shrink:0}
header .basket-container .basket-container-items{display:flex}
header .basket-container .basket-container-items:hover .basket-link{opacity:0.9}
header .basket-container .basket-container-items>div[id*="bx_incl"]{display:flex}
header .basket-container .basket-link{position:relative;width:50px;height:50px;font-size:26px;text-align:center;background-color:#116a4c;border-radius:50%;flex-shrink:0;transition:opacity .2s}
header .basket-container .basket-link:before{content:'\0046';position:relative;top:12px;color:#fff}
header .basket-container .basket-link .items-counter{position:absolute;top:-4px;right:-4px;display:block;width:18px;height:18px;font-size:11px;font-weight:700;line-height:20px;color:#fff;text-align:center;background-color:#eb5757;border-radius:50%;box-sizing:border-box;box-shadow:0 0 0 1px #fff}
header .basket-container .basket-text{margin:6px 0 0 15px}
header .basket-container .basket-text .name{font-size:0.75em;color:#828282;line-height:1.5em}
header .basket-container .basket-text .sum{font-size:0.875em;color:#282828;font-weight:700;line-height:1.5em;white-space:nowrap}
header .content-menu,header .content-mobile-menu{padding-top:8px;overflow:hidden}
header .content-menu.content-mobile-menu,header .content-mobile-menu.content-mobile-menu{padding-top:8px}
header .content-menu.calc,header .content-mobile-menu.calc{overflow:visible}
header .content-menu>ul,header .content-mobile-menu>ul{display:flex;font-size:0.875em;letter-spacing:0.01em}
header .content-menu>ul .item,header .content-mobile-menu>ul .item{position:relative;margin-bottom:0;padding-left:0}
header .content-menu>ul .item:before,header .content-mobile-menu>ul .item:before{content:none}
header .content-menu>ul .item:not(:last-child),header .content-mobile-menu>ul .item:not(:last-child){margin-right:24px}
header .content-menu>ul .item a,header .content-mobile-menu>ul .item a{display:inline-block;padding-bottom:8px;color:#424242;white-space:nowrap;transition:color .2s}
header .content-menu>ul .item a:hover,header .content-mobile-menu>ul .item a:hover,header .content-menu>ul .item a:focus,header .content-mobile-menu>ul .item a:focus{color:#116a4c}
header .content-menu>ul .item.active>a,header .content-mobile-menu>ul .item.active>a{box-shadow:inset 0 -2px 0 0 #116a4c}
header .content-menu>ul .item:hover>.sub-menu,header .content-mobile-menu>ul .item:hover>.sub-menu{display:block}
header .content-menu>ul .item .sub-menu,header .content-mobile-menu>ul .item .sub-menu{display:none;position:absolute;top:100%;opacity:1;left:-12px;background-color:#fff;box-shadow:0px 10px 24px -3px rgba(0,0,0,0.12);z-index:50;border-radius:4px;animation:submenu-appear .3s}
header .content-menu>ul .item .sub-menu .item,header .content-mobile-menu>ul .item .sub-menu .item{margin-right:0;padding-bottom:0;border-top:1px solid #e7e7e7}
header .content-menu>ul .item .sub-menu .item a,header .content-mobile-menu>ul .item .sub-menu .item a{display:block;width:100%;padding:9px 15px 8px;box-sizing:border-box}
header .content-menu>ul .item .sub-menu .sub-menu,header .content-mobile-menu>ul .item .sub-menu .sub-menu{top:0;left:calc(100% + 1px);box-shadow:0px 0px 24px -3px rgba(0,0,0,0.12);animation:none}
header .content-menu>ul .item .sub-menu .sub-menu .item:first-child,header .content-mobile-menu>ul .item .sub-menu .sub-menu .item:first-child{border-top:none}
header .content-menu>ul .item.more .sub-menu,header .content-mobile-menu>ul .item.more .sub-menu{left:initial;right:0}
.enabled-locations header .address{margin-right:0}
.enabled-locations header .links{margin-left:6.5%}
.catalog-menu{position:fixed;top:0;left:0;width:150px;height:100%;background-color:#fff;z-index:50}
.catalog-menu .content{position:absolute;width:150px;height:100%;transition:width .2s ease,box-shadow .05s ease .15s;max-height:100%;box-sizing:border-box}
.catalog-menu nav{position:relative;display:flex;flex-direction:column;top:0;left:0;width:100%;height:100%;padding-top:74px;background-color:#fff;box-sizing:border-box;max-height:100%;overflow:hidden}
.catalog-menu nav .head{position:relative;height:23px;margin:0 0 20px 41px;flex-shrink:0}
.catalog-menu nav .head .burger-button{position:absolute;left:0;display:block;width:20px;height:14px;margin-left:20px;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}
.catalog-menu nav .head .burger-button span{position:absolute;left:2px;display:block;width:100%;height:2px;background-color:#116a4c;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out}
.catalog-menu nav .head .burger-button span:nth-child(1){top:0px}
.catalog-menu nav .head .burger-button span:nth-child(2){top:5px}
.catalog-menu nav .head .burger-button span:nth-child(3){top:10px}
.catalog-menu nav .head .burger-button.open span:nth-child(1){top:5px;transform:rotate(135deg)}
.catalog-menu nav .head .burger-button.open span:nth-child(2){left:0px;opacity:0}
.catalog-menu nav .head .burger-button.open span:nth-child(3){top:5px;transform:rotate(-135deg)}
.catalog-menu nav .head .title{display:inline-block;width:0;margin-top:-6px;padding-left:87px;font-size:1.125em;font-weight:700;overflow:hidden;transition:width .2s ease;box-sizing:border-box}
.catalog-menu nav .head .title a{color:#424242}
.catalog-menu nav .head .title a:hover{color:#116a4c}
.catalog-menu nav .scroll{height:100%;position:relative}
.catalog-menu nav .scroll .scroll-element.scroll-x.scroll-scrollx_visible{display:none}
.catalog-menu nav .scroll-wrapper{margin-right:-17px}
.catalog-menu nav .scroll-wrapper .scroll-element.scroll-y{right:20px}
.catalog-menu nav .list{height:100%;background-color:#fff;overflow-y:hidden}
.catalog-menu nav .list .item{height:66px;margin:0 0 0 3px;padding:0 0 14px}
.catalog-menu nav .list .item:before{content:none}
.catalog-menu nav .list .item:last-child{padding-bottom:14px;margin-bottom:70px}
.catalog-menu nav .list .item>a{display:flex;align-items:center;width:125px;height:100%;padding-left:41px;overflow:hidden;transition:width .15s ease;box-sizing:border-box;position:relative;z-index:20;right:-2px;padding-right:16px}
.catalog-menu nav .list .item>a .img{position:relative;top:0;left:0;display:flex;justify-content:center;align-items:center;width:60px;height:60px;min-width:60px;transition:transform .15s ease;background:linear-gradient(180deg, #f5f5f5 0%, #f0f0f0 100%);border-radius:50%;overflow:hidden}
.catalog-menu nav .list .item>a .img img{max-width:60px;max-height:60px}
.catalog-menu nav .list .item>a .text{display:inline-block;margin-left:24px;min-width:224px;color:#424242;font-size:0.875em;font-weight:700;transition:all .2s ease;overflow:hidden;padding-right:12px;box-sizing:border-box}
.catalog-menu nav .list .item>a:hover .img{transform:scale(1.1)}
.catalog-menu nav .list .item>a:hover .text{color:#116a4c}
.catalog-menu nav .sub{display:none}
.catalog-menu.open-on-hover .content:hover{width:352px;max-height:none;border-right:none;box-shadow:0px 0px 24px rgba(0,0,0,0.12);transition:width .2s ease}
.catalog-menu.open-on-hover .content:hover nav .head .burger-button{cursor:default}
.catalog-menu.open-on-hover .content:hover nav .head .burger-button span:nth-child(1){top:5px;transform:rotate(135deg)}
.catalog-menu.open-on-hover .content:hover nav .head .burger-button span:nth-child(2){left:0px;opacity:0}
.catalog-menu.open-on-hover .content:hover nav .head .burger-button span:nth-child(3){top:5px;transform:rotate(-135deg)}
.catalog-menu.open-on-hover .content.hide:hover{position:absolute;width:150px;height:100%;transition:width .2s ease,box-shadow .05s ease .15s;max-height:100%;box-sizing:border-box}
.catalog-menu.open-on-hover .content.hide:hover nav .head .title{width:0}
.catalog-menu.open-on-hover .content.hide:hover nav .head .burger-button span:nth-child(1),.catalog-menu.open-on-hover .content.hide:hover nav .head .burger-button span:nth-child(3){transform:unset}
.catalog-menu.open-on-hover .content.hide:hover nav .head .burger-button span:nth-child(1){top:0}
.catalog-menu.open-on-hover .content.hide:hover nav .head .burger-button span:nth-child(3){top:10px}
.catalog-menu.open-on-hover .content.hide:hover nav .head .burger-button span:nth-child(2){left:2px;opacity:1}
.catalog-menu.open-on-hover .content.hide:hover nav .list .item>a{width:125px}
.catalog-menu.open-on-hover .content.hide:hover nav .list .item>a:hover .img{transform:unset}
.catalog-menu.open-on-hover .content.hide:hover nav .list .item.open>a{box-shadow:none}
.catalog-menu.open-on-hover .content.hide:hover nav .list .item.open .sub{display:none}
.catalog-menu.open:not(.open-on-hover) nav .head .title,.catalog-menu.open-on-hover .content:hover nav .head .title{width:100%}
.catalog-menu.open:not(.open-on-hover) nav .list,.catalog-menu.open-on-hover .content:hover nav .list{box-shadow:7px 15px 12px 0 rgba(0,0,0,0.12)}
.catalog-menu.open:not(.open-on-hover) nav .list .item>a,.catalog-menu.open-on-hover .content:hover nav .list .item>a{width:100%}
.catalog-menu.open:not(.open-on-hover) nav .list .item>a .text,.catalog-menu.open-on-hover .content:hover nav .list .item>a .text{width:100%}
.catalog-menu.open:not(.open-on-hover) nav .list .item.open>a,.catalog-menu.open-on-hover .content:hover nav .list .item.open>a{box-shadow:-2px 0 0 0 #fff,-5px 0 0 0 #116a4c}
footer .top{margin-top:12px}
footer .top .container{display:flex;padding:22px 0}
footer .contacts-container{margin-left:6.45%}
footer .bottom{margin-top:8px}
footer .bottom .container{padding:20px 0 25px}
footer .footer-menu{display:flex;justify-content:space-between;width:44.3%}
footer .footer-menu .column{padding-right:10px}
footer .footer-menu .column .links{margin-top:11px}
footer .footer-menu .column .links li{margin-bottom:9px;padding-left:0;line-height:1em}
footer .footer-menu .column .links li:before{content:none}
footer .footer-menu .column .links a{font-size:0.875em;color:#424242}
footer .footer-menu .column .links a:hover{color:#116a4c}
footer .payments{margin-top:22px;cursor:default}
footer .social{margin-left:3.3%}
footer .social .links{margin-top:8px;margin-left:1px}
footer .social .links .item{position:relative;display:inline-block;width:36px;height:36px;margin-bottom:3px;border-radius:50%;background-color:#fff;text-align:center;transition:all .2s ease}
footer .social .links .item:before{color:#116a4c;font-size:14px;line-height:36px;transition:all .2s ease}
footer .social .links .item:hover{background-color:#116a4c}
footer .social .links .item:hover:before{color:#fff}
footer .social .links .item.vk:before{content:'\004f'}
footer .social .links .item.facebook:before{content:'\0050'}
footer .social .links .item.twitter:before{content:'\0051'}
footer .social .links .item.youtube:before{content:'\0052'}
footer .social .links .item.instagram{top:-1px}
footer .social .links .item.instagram:before{content:'\0053';font-size:13px}
footer .social .links .item.ok:before{content:'\0054'}
footer .copyright{display:inline-block;margin-right:3%;font-size:0.875em;color:#828282}
footer .policy{display:inline-block;font-size:0.875em;color:#828282}
footer .policy a{padding-bottom:1px;color:#828282;border-bottom:1px solid #bdbdbd}
footer .policy a:hover{border-color:transparent}
footer .subscribe-container{margin-top:21px}
footer .subscribe-container form .bx-form-control{width:100%;height:38px;padding:7px 15px 6px;background-color:#fff;border:1px solid #e7e7e7;border-radius:0;box-sizing:border-box;font-size:14px;color:#424242;outline:none;-webkit-appearance:none;appearance:none}
footer.type1 .subscribe-container form,footer.type2 .subscribe-container form{position:relative;width:231px;margin-top:10px}
footer.type1 .subscribe-container form .bx-form-control,footer.type2 .subscribe-container form .bx-form-control{padding-right:35px}
footer.type1 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe,footer.type2 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe{position:absolute;top:0;right:0;display:block;height:38px;padding:5px 15px 0 5px;background-color:transparent;border:none;cursor:pointer;box-sizing:border-box}
footer.type1 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe::before,footer.type2 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe::before{content:'\006b';display:inline-block;font-family:'Icon Custom';font-size:16px;color:#116a4c;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
footer.type1 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe span,footer.type2 .subscribe-container form .bx_subscribe_submit_container .btn-subscribe span{display:none}

@font-face {
  font-family: "Icon Custom";
  src: url("/bitrix/templates/magnet_s2/vendor/fonts/IconCustom/IconCustom.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon-custom:before {
  display: inline-block;
  font-family: "Icon Custom";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
header .burger {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
header .city .city-btn {
  display: inline-block;
  margin-left: 3px;
  padding: 0;
  border: 0;
  background: none;
  color: #116a4c;
  font: inherit;
  cursor: pointer;
}
header .city .city-btn:after {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: 5px;
  border: 4px solid transparent;
  border-top: 4px solid #000;
}
header .city .city-btn:hover { opacity: .8; }
@keyframes submenu-appear {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
html { height: 100%; }
body.sidebar-type1 {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  font-family: Roboto, "Segoe UI", sans-serif;
  font-size: 18px;
  color: #424242;
  line-height: 23px;
  background: #f5f5f5;
}
body.sidebar-type1 .wrapper { flex: 1 0 auto; padding-left: 148px; }
body.sidebar-type1 footer { padding-left: 148px; background: #f5f5f5; }
header { background: #fff; position: relative; z-index: 40; }
header a, footer a, .catalog-menu a { text-decoration: none; }
header ul, footer ul, .catalog-menu ul { list-style: none; margin: 0; padding: 0; }
header .container, footer .container {
  width: 96.984%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
}
header .top .container { align-items: center; }
.enabled-locations header .links { margin-left: auto; }
header .address.icon-custom:before { font-family: "Icon Custom"; }
header .links a { color: #424242; }
header .search { width: 100%; max-width: 500px; flex: 1 1 280px; min-width: 0; }
header .search form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 46px;
  font-size: 0.875em;
  background: #f5f5f5;
  border-radius: 25px;
  transition: background .2s;
}
header .search form:hover { background: #eee; }
header .search form input {
  width: 100%;
  height: 100%;
  padding: 0 8px 0 18px;
  background: transparent;
  border: 0;
  outline: none;
  color: #282828;
}
header .search form input::placeholder { color: #828282; }
header .search form button {
  width: auto;
  height: 40px;
  min-width: 40px;
  margin: 0 3px 0 auto;
  padding: 0 10px;
  background: #fff;
  border-radius: 30px;
  border: 0;
  color: #424242;
  cursor: pointer;
  flex-shrink: 0;
}
header .search form button:before { content: "\0045"; font-size: 12px; font-family: "Icon Custom"; }
header .search form button span { display: none; }
header .search form button:hover { background: #116a4c; color: #fff; }
header .tel-container .tel {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 1.125em;
  color: #282828;
  font-weight: 700;
  text-align: right;
}
header .tel-container .tel > a,
footer .tel-container .tel > a,
header .tel-container .tel .content a,
footer .tel-container .tel .content a {
  display: block;
  padding: 0;
  color: inherit;
  white-space: nowrap;
  border: 0;
}
header .tel-container.has-content .tel > a:after,
footer .tel-container.has-content .tel > a:after { content: none; }
header .tel-container .tel .content,
footer .tel-container .tel .content { display: block; position: static; width: auto; padding: 2px 0 0; background: none; box-shadow: none; }
header .tel-container.has-content .tel:hover,
footer .tel-container.has-content .tel:hover {
  background: none;
  box-shadow: none;
}
header .tel-container.has-content .tel:hover .content,
footer .tel-container.has-content .tel:hover .content {
  position: static;
  display: block;
  width: auto;
  padding-top: 2px;
  background: none;
  box-shadow: none;
}
header .tel-container.has-content .tel:hover .content a,
footer .tel-container.has-content .tel:hover .content a {
  display: block;
  padding: 0;
  border: 0;
  color: inherit;
}
header .call-me a, footer .call-me a { color: #116a4c; }
header .basket-container a { color: inherit; }
header .logo img { width: 150px; max-width: 100%; height: auto; object-fit: contain; }
header .bottom { background: #116a4c; }
header .content-menu { width: 100%; background: #116a4c; padding: 8px 0 0 8px; }
header .content-menu > ul .item > a,
header .content-menu > ul .item .sub-menu a { color: #f5f5f5; }
header .content-menu > ul .item .sub-menu {
  background: #116a4c;
  min-width: 240px;
  padding: 4px 0;
}
header .content-menu > ul .item .sub-menu .item { border-top-color: rgba(255,255,255,.15); }
header .content-menu > ul .item > a:hover,
header .content-menu > ul .item .sub-menu a:hover,
header .content-menu > ul .item > a:focus,
header .content-menu > ul .item .sub-menu a:focus { color: #ff6900; }
.sidebar-type1 .catalog-menu { border-right: 1px solid #e7e7e7; }
footer .name { font-weight: 700; color: #282828; }
footer .contacts-container .address { margin-top: 10px; font-size: 0.875em; }
footer .address.icon-custom:before {
  content: "\0041";
  margin-right: 6px;
  font-size: 11px;
  font-family: "Icon Custom";
}
footer .container { border-top: 1px solid #e7e7e7; }
footer .tel-container { margin-top: 8px; text-align: left; position: relative; }
footer .tel-container .tel {
  display: block;
  margin: 0;
  font-size: 1.125em;
  font-weight: 700;
  color: #282828;
  position: relative;
  text-align: left;
}
footer .tel-container .call-me { display: block; margin-left: 0; padding-top: 6px; font-size: 0.875em; }
footer .tel-container .call-me a:hover { text-decoration: underline; }
footer .payments { margin-top: 22px; }
footer .payments img { max-width: 100%; height: auto; }
footer .social .links .item.icon-custom:before { font-family: "Icon Custom"; }
footer .subscribe-container .name { margin-bottom: 0; }
footer .subscribe-note { margin: 8px 0 0; font-size: 13px; color: #116a4c; }
.crumbs { background: #fff; border-bottom: 1px solid #e7e7e7; }
.crumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 96.984%;
  margin: 0 auto;
  padding: 12px 0;
  list-style: none;
  font-size: 14px;
  color: #828282;
}
.crumbs a { color: #424242; text-decoration: none; }
.crumbs a:hover { color: #116a4c; }
.crumbs li:not(:last-child):after { content: "/"; margin-left: 6px; color: #bdbdbd; }
.mobile-drawer, .site-modal { display: none; }
.mobile-drawer.open, .site-modal.open { display: block; }
.mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(0,0,0,.45);
}
.mobile-drawer .panel {
  width: min(420px, 100%);
  height: 100%;
  background: #fff;
  overflow: auto;
  box-shadow: 8px 0 24px rgba(0,0,0,.12);
}
.mobile-drawer .panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  background: #116a4c;
  color: #fff;
  font-weight: 700;
}
.mobile-drawer .panel-head button {
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.mobile-drawer .group { padding: 8px 0 16px; border-bottom: 1px solid #e7e7e7; }
.mobile-drawer .group h2 {
  margin: 12px 18px 6px;
  font-size: 13px;
  letter-spacing: .04em;
  color: #828282;
}
.mobile-drawer a {
  display: block;
  padding: 10px 18px;
  color: #282828;
  font-weight: 600;
  text-decoration: none;
}
.mobile-drawer a:hover, .mobile-drawer a:focus { color: #116a4c; background: #f7f7f7; }
.mobile-drawer .sub a { padding-left: 32px; font-weight: 500; }
.site-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(0,0,0,.45);
}
.site-modal .dialog {
  width: min(420px, calc(100% - 32px));
  margin: 10vh auto 0;
  background: #fff;
  border-top: 5px solid #116a4c;
  box-shadow: 0 0 24px rgba(0,0,0,.12);
  padding: 28px 28px 32px;
  position: relative;
}
.site-modal h2 { margin: 0 0 16px; font-size: 22px; color: #282828; }
.site-modal .close-modal {
  position: absolute;
  top: 10px;
  right: 12px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: #aaa;
  cursor: pointer;
}
.site-modal label { display: block; margin: 12px 0 4px; font-size: 14px; }
.site-modal input[type="text"],
.site-modal input[type="tel"],
.site-modal input[type="search"] {
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 4px;
  background: #f5f5f5;
}
.city-list { max-height: 280px; overflow: auto; margin-top: 12px; }
.city-list button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 8px;
  border: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  cursor: pointer;
  color: #424242;
}
.city-list button:hover, .city-list button[aria-current="true"] { color: #fff; background: #116a4c; }
.field-error { display: none; color: #eb5757; font-size: 13px; margin-top: 4px; }
.field-error.show { display: block; }
.modal-success { color: #116a4c; font-weight: 700; }
@media (max-width: 1270px) {
  header .container, footer .container, .crumbs ol { width: 94.5%; }
  header .middle .container { flex-wrap: wrap; }
  header .middle .logo { margin-right: 3.5%; }
  header .search { flex: 1 1 100%; max-width: none; order: 1; margin-top: 12px; }
  header .tel-container {
    width: 150px;
    min-width: inherit;
    margin: 0 0 0 auto;
    padding-left: 0;
    text-align: left;
  }
  header .tel-container .call-me { margin-left: 0; }
  header .tel-container .tel .content,
  header .tel-container.has-content .tel:hover .content { display: none; }
  header .basket-container { min-width: 14.85%; margin-left: 7.3%; }
}
@media (max-width: 1024px) {
  body.sidebar-type1 .wrapper,
  body.sidebar-type1 footer { padding-left: 0; }
  .catalog-menu { display: none; }
  header .content-menu, header .bottom { display: none; }
  header .burger { display: block; }
  header .container, footer .container, .crumbs ol { width: 93.75%; }
  header .middle .logo { margin-right: 30px; }
  header .basket-container { margin-left: auto; }
  footer .container { width: 93.75%; }
  footer .top { margin-top: 16px; }
  footer .top .container { flex-wrap: wrap; padding-bottom: 10px; }
  footer .top .footer-menu { display: flex; width: 100%; margin-bottom: 13px; }
  footer .top .footer-menu .column { width: 30.1%; padding: 0 7px 0 0; }
  footer .top .contacts-container { width: 34.3%; margin-left: 0; padding-right: 10px; box-sizing: border-box; }
  footer .top .social { margin-left: 0; }
  footer .top .social .links { margin: 10px 0 0; }
  footer .bottom .copyright { margin-right: 7.1%; }
}
@media (max-width: 779px) {
  footer .top .contacts-container { width: auto; padding-right: 15px; }
}
@media (max-width: 767px) {
  header .container, .crumbs ol { width: 90%; }
  header .slogan,
  header .address,
  header .links span,
  header .basket-text { display: none; }
  header .top .links .icon-custom { margin-left: 21px; }
  header .top .links .icon-custom:before { margin-right: 0; }
  header .middle .tel-container { width: 40px; min-width: 0; margin: 0; padding-left: 0; }
  header .middle .tel-container .call-me,
  header .middle .tel-container .tel .content,
  header .middle .tel-container.has-content .tel:hover .content { display: none; }
  header .middle .tel-container .tel { margin: 0; }
  header .middle .tel-container .tel > a {
    position: relative;
    top: 3px;
    display: block;
    width: 0;
    height: 0;
    padding: 40px 0 0 40px;
    overflow: hidden;
  }
  header .middle .tel-container .tel > a::before {
    content: "\0079";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    padding-right: 1px;
    font-family: "Icon Custom";
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 38px;
    text-align: center;
    color: #282828;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    box-sizing: border-box;
  }
  header .middle .tel-container + .basket-container { padding-left: 12px; }
  header .middle .basket-container { margin: 0; min-width: auto; }
  footer .container { width: 90%; }
  footer .top { margin-top: 14px; }
}
@media (max-width: 570px) {
  footer .top .footer-menu { flex-wrap: wrap; margin-bottom: 0; }
  footer .top .footer-menu .column { width: 100%; margin-bottom: 13px; padding: 0; }
  footer .top .contacts-container { width: 100%; margin-bottom: 17px; }
  footer .bottom { margin-top: 13px; }
  footer .bottom .container { padding: 24px 0; }
  footer .bottom .copyright { display: block; margin-right: 0; line-height: 1.2em; }
  footer .bottom .policy { display: block; width: 100%; margin-top: 7px; }
}
@media (max-width: 480px) {
  header .container, .crumbs ol { width: 86.5%; }
  footer .top .footer-menu { display: none; }
}
@media (max-width: 420px) {
  header .middle .logo { margin-right: auto; }
}
@media (max-width: 380px) {
  header .burger { margin-right: 8px; }
}
@media (max-width: 374px) {
  header .logo { max-width: 110px; }
}
@media (pointer: coarse) and (max-width: 767px) {
  footer .tel-container.has-content .tel:hover,
  header .tel-container.has-content .tel:hover {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  footer .social .links .item:hover { background-color: #fff; }
  footer .social .links .item:hover:before { color: #116a4c; }
}