html {width:100%;margin:0 auto;position:relative}
header {position:relative;z-index:100}
body {font-family:var(--main-font);font-weight:400;color:var(--main-text);text-align:left;font-size:14px;letter-spacing:.15px;margin:0 auto;overflow-y:scroll;display:flex;flex-flow:column;justify-content:space-between;width:100%;min-width:310px;min-height:100vh}
main {z-index:0;margin:0 auto;display:block;flex-grow:1;width:100%;background-color:#fff;min-height:250px;height:100%}
footer {margin:30px auto 0;position:relative;z-index:10;width:100%;padding:40px 0 40px;border-top:var(--block-border)}
.pmw {width:1300px!important;margin-left:auto!important;margin-right:auto!important;position:relative;display:flex;flex-flow:column}
h1 {font-size:28px;font-weight:600;color:var(--main-h);line-height:1.2em;max-width:1000px}
h2 {font-size:24px;font-weight:600;color:var(--main-h);margin-top:25px;line-height:1.2em}
h3 {color:var(--main-h)}
p {color:var(--main-text);font-weight:400;letter-spacing:.25px;line-height:1.6em;margin-top:25px}
a {text-decoration:none;color:var(--main-href);transition:color .2s ease-in-out}
a:hover {color:var(--main-href-hover)}
.hide {display:none}
.show {display:block}
@media screen and (max-width:1300px) {
.pmw {width:100%!important;padding:0 15px}
}
@media screen and (max-width:1024px) {
footer {padding-bottom:100px}
}
@media screen and (max-width:768px) {
h1 {font-size:21px}
h2 {font-size:18px}
}
/* уведомление */
.header-warning-line {display:flex;flex-flow:column;position:relative;align-items:stretch}
.warning-pos {position:relative;padding:14px 45px;background-color:var(--main-light);width:100%;border-radius:var(--radius-medium);margin:20px 0 0px}
.warning-text {color:var(--main-text);margin:0;text-align:center;font-weight:500;line-height:1.2em}
.warning-close {position:absolute;right:20px;top:calc(50% - 9px)}
.warning-close a {display:block;width:18px;height:18px}
@media screen and (max-width:1300px) {
.warning-pos {margin-top:15px}
}
/* кнопка прокрутки наверх */
.top-scroll {z-index:150;width:60px;height:100%;background:var(--main-dark);text-align:center;position:fixed;bottom:0;right:0;cursor:pointer;display:none;opacity:.75}
.top-scroll:after {margin-top:30px;display:block;content:'';height:20px;background-image:url(/files/icon/white/chevron-up.svg);background-repeat:no-repeat;background-position:center top;background-size:12px}
.top-scroll:hover {opacity:1}
@media screen and (max-width:1440px) {
.top-scroll {width:100px;height:30px;top:15px;left:auto;right:calc(50% - 50px);border-radius:var(--radius-medium);padding-top:2px;z-index:5000}
.top-scroll:after {margin-top:5px}
}
/* шапка дефолт */
.default-first-line .pmw,
.default-second-line .pmw {display:flex;flex-flow:row;justify-content:space-between;align-items:stretch;padding-top:15px}
.default-first-line-row {display:flex;flex-flow:column;flex-grow:1}
.default-first-line-main {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:20px 0 10px}
/* шапка маркет */
.market-first-line .pmw {display:flex;flex-flow:row;justify-content:space-between;align-items:center;padding-top:15px}
.market-second-line .pmw {display:flex;flex-flow:row;justify-content:space-between;align-items:stretch;padding-top:15px}
/* меню в шапке */
.main-menu ul {display:flex;align-items:center;flex-flow:row nowrap}
.main-menu li {margin-left:45px}
.main-menu li:first-child {margin-left:0}
.main-menu a {color:var(--main-text);padding:10px 0;font-size:16px;font-weight:600;white-space:nowrap;display:block;letter-spacing:.25px;transition:.2s color ease-in-out}
.main-menu a:hover,
.main-menu-active {color:var(--main-grey)!important}
.market .main-menu a {font-size:14px}
.market .main-menu li {margin-left:25px}
/* слайд-меню каталог */
.header-menu-slide-line {position:relative}
.header-menu-slide {display:none;background:#fff;z-index:1000;width:100%;position:relative;top:20px;margin-bottom:40px;padding:15px 0 25px 0;box-shadow:0px 5px 5px 0px rgb(0 0 0 / 5%) inset, 0px -5px 5px 0px rgb(0 0 0 / 5%) inset}
.header-menu-slide .pmw {display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch}
.menu-slide-pos {width:calc(100% / 5 - 1.25%);margin-right:1.5%;margin-top:15px;display:flex;padding:10px;background-color:var(--main-light);border-radius:var(--radius-medium)}
.menu-slide-pos:nth-child(5n+5) {margin-right:0}
.menu-slide-pos a {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;flex-grow:1}
.menu-slide-image {display:flex;justify-content:center;align-items:center;width:25%;margin-right:5%}
.menu-slide-image img {width:100%;height:100%;object-fit:contain}
.menu-slide-desc {display:flex;flex-flow:column;width:70%}
.menu-slide-name {text-align:left;font-weight:500;font-size:14px;line-height:1.4em}
.market .header-menu-slide {top:15px;padding:0 0 20px;margin:0;box-shadow:none}
/* большие иконки */
/*
.menu-slide-pos {width:calc(100% / 6 - 1.25%);margin-right:1.5%;margin-top:15px;display:flex;padding:15px;background-color:var(--main-light);border-radius:var(--radius-medium)}
.menu-slide-pos:nth-child(6n+6) {margin-right:0}
.menu-slide-pos a {display:flex;flex-flow:column;justify-content:center;flex-grow:1}
.menu-slide-image {display:flex;justify-content:space-between}
.menu-slide-image img {width:100%;height:100%;object-fit:contain}
.menu-slide-desc {display:flex;flex-flow:column;flex-grow:1}
.menu-slide-name {text-align:center;margin-top:15px;font-weight:600;font-size:14px;line-height:1.4em}
.market .header-menu-slide {top:15px;padding:0 0 20px;margin:0;box-shadow:none}
*/
/* логотип */
.header-logo {width:240px;padding:25px 35px;flex:none;display:flex;align-items:center;justify-content:center;margin-right:50px;background-color:var(--main-light);border-radius:var(--radius-medium)}
.header-logo a {flex-grow:1;display:block}
.header-logo img {height:100%;width:100%}
.market-logo-box {display:flex;align-items:center;justify-content:center;background:var(--main-color);margin-right:50px;border-radius:var(--radius-medium);padding:10px 10px}
.market-logo a {display:block}
.market-logo img {height:36px;margin-right:10px}
/* кнопка каталог */
.header-catalog {width:240px;flex:none;display:flex;margin-right:50px}
.header-catalog-button {flex-grow:1;padding-right:15px;letter-spacing:.25px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-medium);background:var(--main-gradient);color:#fff!important}
.header-catalog-button-icon {width:24px;height:24px;background-position:center center}
.header-catalog-button-text {padding-left:15px;font-weight:500;font-size:15px}
.header-catalog-button:hover {background-color:var(--main-dark);color:#fff}
.header-catalog-button-active {background:#fff!important;border:2px solid var(--main-color)!important;color:var(--main-text)!important}
.header-catalog-button-active .header-catalog-button-icon {background-image:url(/files/icon/times.svg)!important}
.market-catalog-button {padding:9px 30px;color:#fff;font-weight:600;font-size:16px;background:var(--main-gradient);border-radius:var(--radius-small);transition:background .2s ease-in-out, color .2s ease-in-out}
.market-catalog-button:hover,
.market-catalog-button-active {background:#fff;color:var(--main-color)}
/* контакты */
.header-contacts {display:flex;flex-flow:row wrap;justify-content:space-between}
.header-contacts .svg-icon {width:28px;height:28px;background-size:12px;margin-right:10px;background-color:var(--main-light);border-radius:var(--radius-small);border:var(--block-border);flex:none}
.header-contacts .icon-map-marker-alt {background-size:10px}
.header-contacts>div {margin:5px 25px 5px 0}
.header-contacts>div:last-child {margin-right:0}
.header-contacts-name {display:none}
.header-contacts-address,
.header-contacts-shedule {display:flex;flex-flow:row;justify-content:flex-start;align-items:center;min-height:18px}
.header-contacts-phone {display:flex;flex-flow:row;align-items:center;justify-content:flex-start}
.header-contacts-phone-num {font-size:14px;font-weight:600;white-space:nowrap;color:var(--main-text)!important}
.header-contacts-phone-comment {padding-left:10px}
.market .header-contacts-shedule {display:none}
/* слоган */
.header-slogan {font-size:16px;font-weight:600;line-height:1.4em;color:var(--main-color);flex-grow:1}
/* поиск */
.header-search {display:flex;flex-grow:1;margin-right:50px;position:relative}
.header-search form {display:flex;flex-flow:row nowrap;flex-grow:1;align-items:center;background-color:var(--main-color);border:2px solid var(--main-color);border-radius:var(--radius-medium);padding:0;height:100%;transition:background-color .2s ease-in-out}
.header-search input {padding:0 25px;width:100%;height:100%;background:#fff;border-radius:calc(var(--radius-medium) - 1px)}
.header-search button {width:60px;height:100%;flex:none;margin:0;background-size:16px;background-color:var(--main-color)}
.header-search .quick-mobile-search-submit {display:none}
/* динамический поиск */
.quick-search {position:absolute;top:100%;left:0;margin-top:5px;border:var(--block-border);border-radius:var(--radius-medium);padding:10px 15px;display:none;width:100%;background-color:#fff;max-height:460px;min-width:300px;overflow-y:scroll;z-index:100000}
.quick-search-header {padding:5px 0;line-height:1.2em;display:flex;flex-flow:column;align-items:flex-start}
.quick-search-header a {padding:5px 15px;margin-top:15px;border-radius:var(--radius-small);background-color:var(--main-color);color:#fff;flex:none;width:auto}
.quick-search-h3 {font-weight:600;padding:14px 0}
.quick-search-pos {border-top:var(--block-border);padding:5px 0}
.quick-search-pos a {display:flex;flex-flow:row;justify-content:flex-start;align-items:center}
.quick-search-pos a picture {width:12%;margin-right:3%;border-right:var(--block-border)}
.quick-search-pos a img {width:90%;height:90%}
.quick-search-pos a div {width:85%;line-height:1.2em}
/* коммерческие кнопки */
.header-customer {display:flex;flex-flow:row nowrap;align-items:stretch}
.header-customer a {background-color:#fff;margin-left:15px;padding:3px 10px;border-radius:var(--radius-medium);border:var(--block-border);display:flex;flex-flow:column;min-width:80px;width:100px;align-items:center;justify-content:center;position:relative}
.header-customer a:first-child {margin-left:0}
.header-customer .svg-icon {height:18px;width:18px;background-size:16px 16px}
.header-customer-title {margin-top:7px;font-size:12px;font-weight:500;letter-spacing:.5px;text-align:center;white-space:nowrap}
.header-customer .icon-shopping-cart {background-size:20px 20px}
.header-customer-total {position:absolute;top:-3px;right:-3px;background-color:var(--main-dark);padding:3px 5px 2px;color:#fff;font-size:10px;border-radius:var(--radius-min);z-index:1}
.header-customer .icon-shopping-cart {background-size:18px 18px}
.header-customer .icon-clipboard-check {background-size:19px 19px}
.header-customer-call {display:none!important}
/* мобильная шапка */
.header-mobile {display:none;flex-flow:column}
.mobile-logo {background:var(--main-light);border-radius:var(--radius-medium);margin-top:15px;padding:10px 15px;display:flex;align-items:center;justify-content:center}
.mobile-logo a {display:block}
.mobile-logo img {max-height:50px;max-width:200px;width:100%}
.mobile-box {display:flex;margin-top:15px;flex-flow:row nowrap;justify-content:space-between;align-items:stretch}
.mobile-box>div {display:flex;flex-grow:1;margin-left:10px}
.mobile-box>div:first-child {margin-left:0}
.mobile-box a {flex-grow:1;background-color:var(--main-light);border-radius:var(--radius-medium);border:1px solid var(--main-light);background-repeat:no-repeat;background-position:center center;background-size:16px 16px;font-weight:600;display:block;text-align:center;padding:12px 14px;color:var(--main-text)}
.mobile-menu-btn {width:65%}
.mobile-menu-btn a {background-position:center left 20px;padding-left:25px}
.mobile-menu-btn-active a {background-image:url(/files/icon/times.svg)}
.mobile-menu {display:none;margin-top:15px}
.mobile-menu-double {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch}
.mobile-menu li {width:calc(50% - 5px);margin-top:5px}
.mobile-menu li:nth-child(odd) {margin-right:10px}
.mobile-menu a {display:block;border:var(--block-border);border-radius:var(--radius-medium);padding:11px 0;font-weight:500;text-align:center}
.mobile-menu-active {background-color:var(--main-light);border-color:var(--main-light)!important}
.mobile-menu-profile {display:flex;flex-flow:column;margin-top:15px}
.mobile-menu-profile li {width:100%}
.mobile-search {display:none}
.mobile-search-result {overflow-y:auto}
.mobile-search-btn-active a {background-color:#fff;border:var(--block-border)}
.mobile-search-input {width:100%}
.mobile-search-input input {margin:15px 0 0;width:100%;border:var(--block-border);border-radius:var(--radius-medium);padding:10px}
.mobile-search .quick-search-header {margin-top:15px}
.mobile-search .quick-header-search-submit {display:none}
@media screen and (max-width:1024px) {
.header-desktop {display:none}
.header-mobile {display:flex}
.header-mobile .header-customer {position:fixed;bottom:0;left:0px;padding:10px 15px;width:100%;justify-content:space-between;background-color:#fff;z-index:100;border-top:var(--block-border)}
.header-mobile .header-customer a {min-width:120px;margin-left:0;border:none}
.header-customer-call {display:flex!important}
}
@media screen and (max-width:768px) {
.header-mobile .header-customer a {width:23%;min-width:auto}
.header-mobile .header-customer-title {font-size:12px}
.header-mobile .header-customer .svg-icon {height:18px;width:18px;background-size:16px 16px}
}
@media screen and (max-width:480px) {
.header-mobile .header-customer-total {top:-5px}
.header-mobile .header-customer-title {display:none}
}
/* футер */
.footer-first-line>div {display:flex;flex-flow:row;justify-content:space-between;align-items:center}
.footer-question {display:flex;flex-flow:column}
.footer-question span:nth-child(1) {font-size:21px;font-weight:600}
.footer-question span:nth-child(2) {margin-top:15px;font-size:14px;line-height:1.6em}
.footer-logo {max-height:60px;display:flex}
.footer-logo a {display:flex;justify-content:flex-end}
.footer-logo img {height:100%;max-width:180px}
.footer-second-line>div {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch}
.footer-contacts>div {display:flex;flex-flow:column;width:23.5%;margin-top:25px}
.footer-contacts-name {font-size:18px;font-weight:600}
.footer-contacts-desc {display:flex;flex-flow:column;flex-grow:1;margin-top:20px}
.footer-contacts-phone {display:flex;flex-flow:column}
.footer-contacts-phone a {font-weight:500;font-size:14px;color:var(--main-text);margin-top:15px}
.footer-contacts-phone a:nth-child(1) {margin-top:0;font-size:18px;font-weight:600}
.footer-contacts-recall {display:flex;flex-flow:column;margin-top:20px}
.footer-contacts-messangers {display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;flex-grow:1}
.footer-contacts-messangers a {margin-left:15px;width:40px;height:40px;border:var(--block-border);border-radius:var(--radius-small);background-size:26px 26px}
.footer-contacts-messangers a:nth-child(1) {margin-left:0}
.footer-contacts-rows {display:flex;flex-flow:column}
.footer-contacts-rows a {font-size:14px;margin-top:15px}
.footer-contacts-rows a:nth-child(1) {margin-top:0px}
.footer-contacts-rows a span {background-color:#ff6100;border-radius:var(--radius-small);padding:2px 10px 3px;color:#fff;font-size:12px;margin-left:5px}
.footer-contacts-address {font-weight:600;line-height:1.4em;max-width:90%}
.footer-contacts-shedule {display:flex;flex-flow:column;margin-top:10px}
.footer-contacts-shedule span {line-height:1.4em}
.footer-contacts-metro {padding-left:26px;margin-top:10px;background-position:center left}
.footer-third-line>div {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;border-top:var(--block-border);margin-top:25px}
.footer-menu>div {margin-top:25px;width:49%}
.footer-menu-name {font-size:16px;font-weight:600}
.footer-menu-desc {margin-top:5px}
.footer-menu-desc ul {display:flex;flex-flow:row wrap;justify-content:flex-start}
.footer-menu-desc li {margin-top:15px;width:25%}
.footer-menu-desc li a {font-weight:400;letter-spacing:.25px}
.footer-fouth-line>div {display:flex;flex-flow:row;align-items:center;justify-content:space-between;border-top:var(--block-border);margin-top:25px}
.footer-about {line-height:1.6em;margin-top:25px}
.footer-about a {white-space:nowrap}
.footer-pay ul {margin-top:25px;display:flex;flex-flow:row;align-items:stretch}
.footer-pay li {margin-left:15px;width:60px}
.footer-pay li:first-child {margin-left:0}
.footer-pay img {border:var(--block-border);border-radius:var(--radius-small);width:100%;background-color:#fff}
.footer-pay img:nth-child(1){margin-left:0}
@media screen and (max-width:1300px) {
.footer-menu>div {width:100%}
.footer-menu-desc li {width:20%}
}
@media screen and (max-width:1024px) {
footer {padding-bottom:80px}
.footer-logo {display:none}
.footer-fouth-line>div {flex-flow:column}
.footer-about {text-align:center}
.footer-about a {font-size:12px}
}
@media screen and (max-width:768px) {
.footer-contacts>div {width:48%}
.footer-menu-desc ul {justify-content:space-between;align-items:stretch;margin-top:15px}
.footer-menu-desc li {width:32%;border:var(--block-border);border-radius:var(--radius-medium);text-align:center;margin-top:5px}
.footer-menu-desc li a {font-weight:500;padding:12px 0;display:block}
}
@media screen and (max-width:480px) {
.footer-question span:nth-child(1) {font-size:18px}
.footer-contacts-name {font-size:16px}
.footer-contacts>div {width:100%}
.footer-menu-desc li {width:49%}
.footer-contacts-rows a:nth-child(1) {margin-top:15px}
}