/* Start:/local/templates/eshop_bootstrap_v4/mf-header.css?177971925823661*/ /* Motor-Force-like header (recreated) */ :root{ --fallback-font-paragraph: "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, "Droid Sans", sans-serif; } /* Цены на всём сайте — без переноса (мобильные таблицы складов, карточки, корзина). */ .mf-price, .product-item-price-current, .product-item-price-old, .product-item-detail-price-current, .product-item-detail-price-old, .basket-item-price-current, .basket-item-price-current-text, .basket-item-price-old, .basket-item-price-old-text, .basket-coupon-block-total-price-current, .basket-coupon-block-total-price-old, .basket-coupon-block-total-price-delivery, .bx-price, .bx-price-old, .mf-pcard__cur, .mf-pcard__old, .mf-pline__cur, .mf-pline__old, .mf-detail-shell__min-price, .mf-detail-shell__min-price span, .mf-detail-stock-table__price, .mf-search-stock-table__price, .mf-product-meta__item:first-child .mf-product-meta__value, [data-mf-price-for]{ white-space: nowrap; } .js-mf-add-store[data-in-basket="1"] { background: #e2e5ea !important; border-color: #d5d9e0 !important; color: rgba(0, 0, 0, .72) !important; } /* Some Bitrix/legacy bootstrap styles may set html{font-size:10px} on some pages. We use rem units in header/breadcrumbs; enforce standard root size to prevent "tiny" text. */ html{ font-size: 16px !important; } .mf-header { /* Fixed header */ position: fixed; top: 0; left: 0; right: 0; width: 100%; background: rgba(0, 0, 0, .85); color: #fff; z-index: 1004; /* Align with source site menu tokens */ --menu-bg-color: rgba(0,0,0,.85); --menu-bg-color-solid: #000; --menu-color: #fff; --menu-color-hover: #fff; --menu-font-size: .75rem; --menu-font-weight: 500; --menu-font-family: FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, "Droid Sans", sans-serif; --menu-links-underline-on-hover: 1; } .workarea { /* Keep content below fixed header */ padding-top: var(--mf-header-h, 0px); background: rgb(235, 189, 47); } /* Homepage: show slider background under fixed header */ .mf-home .workarea { padding-top: 0; } .mf-header a { color: inherit; } .mf-header a:hover { text-decoration: none; } .workarea .bx-content-section { background: #fff; width: 100%; max-width: none; margin-left: 0; margin-right: 0; } .mf-top > .container, .mf-main > .container, .mf-nav > .container { max-width: none; width: 100%; padding-left: 20px; padding-right: 20px; } .mf-top > .container, .mf-main > .container { padding-left: 20px; padding-right: 20px; } .mf-top { font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.2); } /* Desktop top row (old) */ .mf-top-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; } /* Hide this desktop top row on mobile (we use top-contacts in mf-nav) */ @media (max-width: 991.98px) { .mf-top { display: none; } } .mf-phones { display: flex; gap: 18px; font-weight: 600; flex-wrap: wrap; } .mf-phones a { white-space: nowrap; } .mf-top-links { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; justify-content: flex-end; } .mf-top-link { display: inline-flex; align-items: center; gap: 8px; } .mf-top-link::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #2a7a2a; opacity: .9; } /* Utilities used by original header */ .mf-header .show-for-medium { display: none !important; } .mf-header .hide-for-medium { display: inline-block !important; } @media print,screen and (min-width:48em) { .mf-header .show-for-medium { display: inline-block !important; } .mf-header .hide-for-medium { display: none !important; } } .mf-header .hide-for-large { display: inline-block !important; } @media print,screen and (min-width:64em) { .mf-header .hide-for-large { display: none !important; } } .mf-header .text-right { text-align: right; } .mf-header .-inline-group { display: inline-block; vertical-align: middle; } .mf-header .inline-column { display: inline-block; vertical-align: middle; } /* mainpage.faa412.min.css (top-contacts) – copied 1:1, scoped */ .mf-header .top-contacts{font-family:var(--menu-font-family,FontParagraph,var(--fallback-font-paragraph),"ProximaNova-Bold",Futura,Avenir,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,Droid Sans,sans-serif);font-weight:var(--menu-font-weight,500)}.mf-header .top-contacts,.mf-header .top-contacts__link{color:var(--menu-color,#fff)}.mf-header .top-contacts__link{display:inline-block;position:relative}.mf-header .top-contacts__icon{fill:var(--menu-color,#fff);display:inline}.mf-header .top-contacts__icon svg{display:inline-block;height:1rem;vertical-align:middle;width:1rem}.mf-header .top-contacts__icon_phone svg{vertical-align:middle}.mf-header .top-contacts__forms{text-transform:uppercase}.mf-header .top-contacts__phones{white-space:nowrap}.mf-header .top-contacts__phones-item{color:var(--menu-color,#fff)}.mf-header .top-contacts__phones-item:first-child{margin-left:0}.mf-header .top-contacts__phones-item:hover{color:var(--menu-color-hover,#fff)}.mf-header .top-contacts__form{padding-left:1.125rem;padding-right:0}.mf-header .top-contacts__form a{color:var(--menu-color,#fff)}.mf-header .top-contacts__form:hover .top-contacts__form-text,.mf-header .top-contacts__form:hover a{color:var(--menu-color-hover,#fff)}.mf-header .top-contacts .mobile,.mf-header .top-contacts_scroll-up{display:none}@media print,screen and (max-width:47.99875em){.mf-header .top-contacts{text-align:center}.mf-header .top-contacts .mobile,.mf-header .top-contacts .top-contacts_scroll-up{display:inline-block!important}.mf-header .top-contacts .mobile.top-contacts__phones-item{align-self:baseline;order:-1}.mf-header .top-contacts__phones-item a{display:block;font-size:.875rem;width:100%}.mf-header .top-contacts__form{min-height:36px;padding:0}.mf-header .top-contacts__phones-list{background-color:var(--menu-bg-color,rgba(0,0,0,.85));left:0;line-height:1.2;position:absolute;right:0;top:0;transform:translateY(-100%)}.mf-header .top-contacts__phones-list a{color:var(--menu-color,#fff)}.mf-header .top-contacts__icon{line-height:0;margin:0 .625rem;padding:.625rem}.mf-header .top-contacts__icon svg{fill:var(--menu-color,#fff);max-height:1.5rem;max-width:1.5rem}.mf-header .top-contacts .desktop{display:none}.mf-header .top-contacts .mobile{display:block}}.mf-header .top-contacts__inner{margin-left:auto;margin-right:auto;max-width:var(--menu-width,100%);position:relative}@media print,screen and (min-width:48em){.mf-header .top-contacts__inner .top-contacts{align-items:center;display:flex;justify-content:space-between}.mf-header .top-contacts__form:last-child{margin-right:0}.mf-header .top-contacts__form-text{color:var(--menu-color,#fff);line-height:1.2;padding-left:.75rem;text-align:left;white-space:normal}.mf-header .top-contacts__form-text svg{fill:var(--menu-color,#fff)}.mf-header .top-contacts__phones-item{display:inline-block;padding:0 0 0 .75rem;vertical-align:middle}.mf-header .top-contacts__phones-item:nth-child(3):before{background-color:var(--menu-color,#fff);content:\"\";display:inline-block;height:1rem;margin-right:.875rem;opacity:.2;vertical-align:middle;width:1px}.mf-header .top-contacts__forms,.mf-header .top-contacts__phones{font-feature-settings:\"pnum\" on,\"lnum\" on;text-transform:uppercase}.mf-header .top-contacts__forms,.mf-header .top-contacts__phones{font-size:.75rem}.mf-header .top-contacts__link{align-items:baseline;display:flex}.mf-header .top-contacts__link:hover{color:var(--menu-color-hover,#fff)}}@media screen and (max-width:1023px){.mf-header .top-contacts__form-text_display{display:none}}@media print,screen and (min-width:64em){.mf-header .top-contacts__phones{font-size:.875rem}.mf-header .top-contacts__form-text,.mf-header .top-contacts__forms{font-size:.75rem}}@media screen and (max-width:767px){.mf-header .top-contacts__forms .row.-inline-group.text-right{align-items:flex-end;display:flex;justify-content:center}.mf-header .top-contacts__forms .row.-inline-group.text-right .top-contacts__icon{margin:0 .5rem;padding:0}.mf-header .top-contacts__forms .row.-inline-group.text-right .top-contacts__icon svg{height:100%;width:100%}}.mf-header .top-contacts--hover:hover,.mf-header .top-contacts--hover:hover a{color:var(--menu-color-hover,#fff)}.mf-header .top-contacts__phones-item a{color:var(--menu-color,#fff)}.mf-header .top-contacts__phones-item a:hover{color:var(--menu-color-hover,#fff)} .mf-main { padding: 14px 0; } .mf-main-inner { display: grid; grid-template-columns: 220px 1fr 220px; gap: 14px; align-items: center; } .mf-logo img { display: block; max-height: 48px; height: auto; width: auto; } @media (max-width: 576px) { .mf-logo img { max-height: 44px; } } .mf-search { display: flex; gap: 10px; } .mf-search input { height: 40px; border: 1px solid rgba(255,255,255,.35); border-radius: 4px; padding: 0 12px; width: 100%; background: rgba(0,0,0,.12); color: #fff; } .mf-search input::placeholder { color: rgba(255,255,255,.75); } .mf-search button { height: 40px; border: 1px solid rgba(255,255,255,.35); border-radius: 4px; background: rgba(255,255,255,.08); color: #fff; padding: 0 14px; font-weight: 600; } .mf-right { display: flex; align-items: center; justify-content: flex-end; gap: 14px; } .mf-account-link{ display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; line-height: 0; } .mf-account-link:hover{ text-decoration: none; opacity: .9; } .mf-account-link svg{ display:block; width:20px; height:20px; } .mf-login { font-weight: 600; } .mf-nav { border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); } .mf-nav-inner { display: flex; align-items: center; gap: 12px; padding: 10px 0; } /* Mobile bottom row now contains top-contacts */ @media (max-width: 991.98px) { .mf-nav-inner { padding: 0; } } /* Mobile: replace Bitrix fixed basket with MF bottom bar */ @media (max-width: 991.98px) { .bx-basket-fixed { display: none !important; } .mf-nav{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 1005; background: rgba(0,0,0,.85); border-top: 0; border-bottom: 0; height: 60px; } /* Prevent content being covered by fixed bottom bar */ body { padding-bottom: var(--mf-nav-h, 0px); } /* Jivo widget: full-screen wrapper must not block taps on page content */ jdiv[class*="container__"], jdiv.jv-pseudo-height { pointer-events: none !important; } jdiv.wrap__dYhHC, jdiv[class*="iconContainer"], jdiv[class*="buttonContainer"] { pointer-events: auto !important; } .mf-pcard__actions, .mf-pline__actions { position: relative; z-index: 2; } .js-mf-add-store { touch-action: manipulation; -webkit-tap-highlight-color: rgba(0, 0, 0, .08); } } /* Mobile bottom bar: center/align icons perfectly */ @media (max-width: 991.98px) { #bx_eshop_wrap > header > .mf-nav > .container{ height: 60px; } #bx_eshop_wrap > header > .mf-nav .mf-nav-inner{ display: flex; width: 100%; height: 60px; justify-content: center; align-items: center; } #bx_eshop_wrap > header > .mf-nav .top-contacts__inner{ width: 100%; max-width: none; height: 60px; } #bx_eshop_wrap > header > .mf-nav .top-contacts{ width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; } /* In original mobile header .top-contacts is block; our utility class may turn it inline-block */ #bx_eshop_wrap > header > .mf-nav .top-contacts.-inline-group{ display: flex !important; align-items: center; justify-content: center; } /* Bottom mobile bar shows only icons; phones block must not take a whole line */ #bx_eshop_wrap > header > .mf-nav .top-contacts__phones{ display: none !important; } #bx_eshop_wrap > header > .mf-nav #topcontacts-show{ height: 60px; display: flex; align-items: center; justify-content: center; } #bx_eshop_wrap > header > .mf-nav .top-contacts__forms{ width: auto; display: inline-block; vertical-align: middle; } #bx_eshop_wrap > header > .mf-nav .top-contacts__forms .row.-inline-group.text-right{ justify-content: center !important; align-items: flex-end !important; text-align: center !important; width: auto; } /* Neutralize Bootstrap .row negative margins inside copied markup */ #bx_eshop_wrap > header > .mf-nav .top-contacts__forms .row{ margin-left: 0 !important; margin-right: 0 !important; } /* Bootstrap sometimes forces 100% width on row children; undo for icon row */ #bx_eshop_wrap > header > .mf-nav .top-contacts__forms .row.-inline-group.text-right > *{ width: auto !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; flex: 0 0 auto !important; } #bx_eshop_wrap > header > .mf-nav .top-contacts__icon{ display: inline !important; } } /* Ensure mobile icons row stays on one line */ @media (max-width: 47.99875em) { .mf-header .top-contacts__forms .row.-inline-group.text-right { flex-wrap: nowrap !important; gap: 0; } } .mf-menu-btn{ display:none; border:0; background:transparent; color:#fff; padding:0; width:44px; height:44px; align-items:center; justify-content:center; cursor:pointer; } .mf-menu-btn svg{width:16px;height:16px;display:block;} @media (max-width: 991.98px){ .mf-menu-btn{display:inline-flex;} .mf-main-inner{ grid-template-columns: 44px 1fr auto; gap: 10px; } .mf-logo{justify-self:start;} } .mf-burger { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; letter-spacing: .02em; background: transparent; border: 0; padding: 0; cursor: pointer; } .mf-burger-icon { width: 18px; height: 12px; position: relative; } .mf-burger-icon span { position: absolute; left: 0; right: 0; height: 2px; background: #fff; border-radius: 2px; } .mf-burger-icon span:nth-child(1){ top:0; } .mf-burger-icon span:nth-child(2){ top:5px; } .mf-burger-icon span:nth-child(3){ top:10px; } /* Desktop horizontal menu (Bitrix menu template: bootstrap_v4) */ .mf-desktop-menu { display: none; } .mf-desktop-menu .bx-top-nav-container { background: transparent; padding: 0; border-radius: 0; } .mf-desktop-menu .bx-nav-list-1-lvl { gap: 0; align-items: center; } /* Desktop menu style to match source `site-menu*.css` */ .mf-desktop-menu .bx-nav-1-lvl-link { position: relative; padding: .5rem var(--menu-font-size, .75rem); background: transparent; border-radius: 0; } .mf-desktop-menu .bx-nav-1-lvl-link::after { content: ""; position: absolute; left: var(--menu-font-size, .75rem); right: var(--menu-font-size, .75rem); bottom: .5rem; height: 1px; background-color: currentColor; opacity: 0; transition: opacity .15s ease-out; } .mf-desktop-menu .bx-nav-1-lvl-link-text { display: block; padding: 0; font-family: var(--menu-font-family); font-size: var(--menu-font-size, .75rem); font-weight: var(--menu-font-weight, 500); line-height: 1.5; letter-spacing: .24px; text-transform: uppercase; opacity: 1; } .mf-desktop-menu .bx-nav-angle-bottom { display: none; } .mf-desktop-menu .bx-nav-1-lvl:hover > .bx-nav-1-lvl-link, .mf-desktop-menu .bx-nav-1-lvl.bx-active > .bx-nav-1-lvl-link, .mf-desktop-menu .bx-nav-1-lvl.bx-hover > .bx-nav-1-lvl-link { background: transparent; box-shadow: none; } .mf-desktop-menu .bx-nav-1-lvl:hover > .bx-nav-1-lvl-link::after, .mf-desktop-menu .bx-nav-1-lvl.bx-active > .bx-nav-1-lvl-link::after, .mf-desktop-menu .bx-nav-1-lvl.bx-hover > .bx-nav-1-lvl-link::after { opacity: var(--menu-links-underline-on-hover, 1); } .mf-desktop-menu a:hover { opacity: 1; } /* Offcanvas menu */ .mf-menu-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 10000; } .mf-menu-panel { display: none; position: fixed; top: 0; bottom: 0; left: 0; width: min(420px, 92vw); background: var(--menu-bg-color, rgba(0,0,0,.85)); color: var(--menu-color, #fff); z-index: 10001; overflow: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 10px 40px rgba(0,0,0,.25); } .mf-menu-open .mf-menu-overlay, .mf-menu-open .mf-menu-panel { display: block; } .mf-menu-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,.2); font-weight: 800; } .mf-menu-close { border: 0; background: transparent; font-size: 22px; line-height: 1; cursor: pointer; color: var(--menu-color, #fff); } .mf-menu-body { padding: 10px 0; } .mf-menu-panel a { color: var(--menu-color, #fff); } /* Make Bitrix menu output vertical inside offcanvas (menu template: bootstrap_v4) */ html.mf-menu-open .bx-aside-nav-control, html.mf-menu-open .bx-aside-nav { display: none !important; } .mf-menu-panel .bx-top-nav-container { display: block !important; background: transparent; padding: 0; border-radius: 0; } .mf-menu-panel .bx-nav-list-1-lvl { display: block; } .mf-menu-panel .bx-nav-1-lvl-link { padding: 0; } .mf-menu-panel .bx-nav-1-lvl-link-text { display: block; padding: .75rem 16px; font-family: var(--menu-font-family); font-size: var(--menu-font-size, .75rem); font-weight: 900; line-height: 1.2; letter-spacing: .24px; text-transform: uppercase; } .mf-menu-panel .bx-nav-angle-bottom { display: none; } .mf-menu-panel .bx-nav-1-lvl { position: relative; } .mf-menu-panel .bx-nav-1-lvl::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: currentColor; opacity: .2; } .mf-menu-panel .bx-nav-1-lvl:hover > .bx-nav-1-lvl-link, .mf-menu-panel .bx-nav-1-lvl.bx-active > .bx-nav-1-lvl-link { background: transparent; } /* Responsive */ @media (max-width: 991.98px) { .mf-top-inner { flex-direction: column; align-items: flex-start; } .mf-top-links { justify-content: flex-start; } } @media (min-width: 992px) { /* Desktop: show full menu instead of burger/search */ .mf-desktop-menu { display: block; } .mf-search--mobile { display: none; } .mf-nav { display: none; } } /* Breadcrumbs + page title block under header */ .mf-titlebar { background: rgb(235, 189, 47); width: 100%; } .mf-titlebar-inner { width: 100%; max-width: none; padding: 0 20px; min-height: 220px; display: flex; align-items: center; justify-content: center; } .mf-pagetitle { color: #fff; text-align: center; margin: 0; padding: 0; font-weight: 900; } #pagetitle { margin-bottom: 0 !important; } @media (max-width: 576px) { .mf-titlebar-inner { min-height: 170px; } } .mf-breadcrumbs { margin-top: 1.25rem; margin-bottom: 1.25rem; max-width: 100%; overflow: visible; } /* Prevent bootstrap .row negative margins from overflowing container */ .mf-breadcrumbs.row { margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; } .mf-breadcrumbs.row > .col { padding-left: 0 !important; padding-right: 0 !important; min-width: 0; } .mf-breadcrumbs #navigation { min-width: 0; max-width: 100%; overflow: visible; } /* Bitrix breadcrumbs markup (.bx-breadcrumb) */ .mf-breadcrumbs .bx-breadcrumb { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.5rem; row-gap: 0.35rem; margin: 0; padding: 0.75rem 0; max-width: 100% !important; width: 100% !important; min-width: 0; white-space: normal; overflow: visible; } .mf-breadcrumbs .bx-breadcrumb-item { display: inline-flex; align-items: baseline; min-width: 0; max-width: 100%; flex: 0 1 auto; height: auto !important; } .mf-breadcrumbs .bx-breadcrumb-item:last-of-type { flex: 0 1 auto; min-width: 0; } .mf-breadcrumbs .bx-breadcrumb-item-link { color: #000; text-decoration: none; display: inline-flex; align-items: baseline; line-height: 1.35 !important; height: auto; max-width: 100%; } .mf-breadcrumbs .bx-breadcrumb-item-text { color: #000; font-size: 0.875rem; line-height: 1.35 !important; font-weight: 600; display: block; max-width: 100%; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } .mf-breadcrumbs a.bx-breadcrumb-item-link:hover .bx-breadcrumb-item-text { text-decoration: underline; } .mf-breadcrumbs .bx-breadcrumb-item-angle { color: #647886; font-size: 1rem; line-height: 1; margin: 0 0.15rem; flex: 0 0 auto; display: inline-flex; align-items: center; align-self: center; } /* Current page crumb */ .mf-breadcrumbs .bx-breadcrumb-item:last-of-type .bx-breadcrumb-item-text { color: #647886; font-weight: 600; } /* Global search loading overlay */ .mf-search-loading{ position: fixed; inset: 0; z-index: 12000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(255,255,255,.72); backdrop-filter: blur(2px); } html.mf-search-loading-active .mf-search-loading{ display: flex; } .mf-search-loading__panel{ display: grid; gap: 12px; justify-items: center; padding: 22px 28px; border-radius: 16px; background: #fff; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 16px 40px rgba(0,0,0,.12); } .mf-search-loading__text{ font-size: 15px; font-weight: 700; color: #111; } .mf-search-loading__spinner, .mf-search-analogs-status__spinner{ width: 34px; height: 34px; border-radius: 50%; border: 3px solid rgba(0,0,0,.12); border-top-color: #f0a500; animation: mf-search-spin .75s linear infinite; } @keyframes mf-search-spin{ to { transform: rotate(360deg); } } .mf-header-modal{ position: fixed; inset: 0; z-index: 10050; } .mf-header-modal__backdrop{ position: absolute; inset: 0; background: rgba(0,0,0,.45); } .mf-header-modal__dialog{ position: relative; width: min(520px, calc(100vw - 32px)); margin: 8vh auto 0; background: #fff; color: #111; border-radius: 16px; padding: 22px 22px 18px; box-shadow: 0 24px 60px rgba(0,0,0,.22); max-height: calc(100vh - 48px); overflow: auto; } .mf-header-modal__close{ position: absolute; right: 12px; top: 10px; width: 36px; height: 36px; border: 0; background: transparent; font-size: 28px; line-height: 1; color: #666; cursor: pointer; } .mf-header-modal__title{ font-size: 22px; font-weight: 700; margin-bottom: 6px; } .mf-header-modal__subtitle{ color: #666; font-size: 14px; margin-bottom: 16px; } .mf-header-modal__optional{ font-weight: 400; color: #888; } .mf-header-modal__message{ margin-bottom: 12px; padding: 10px 12px; border-radius: 10px; font-size: 14px; } .mf-header-modal__message.is-success{ background: #edf9ef; color: #1f6b33; } .mf-header-modal__message.is-error{ background: #fff0f0; color: #b42318; white-space: pre-line; } .mf-header-modal__form .form-group{ margin-bottom: 14px; } .mf-header-modal__form label{ display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; } .mf-header-modal__actions{ margin-top: 8px; } .mf-header-modal__submit{ min-width: 160px; } .mf-header-modal-open{ overflow: hidden; } /* End */ /* Start:/local/templates/eshop_bootstrap_v4/mf-footer.css?17781439042255*/ /* Modern MF footer */ .mf-footer{ background: radial-gradient(1000px 600px at 20% -10%, rgba(55,114,255,.25), rgba(0,0,0,0) 60%), radial-gradient(900px 500px at 85% 0%, rgba(0,200,255,.14), rgba(0,0,0,0) 55%), #0b0d10; color: rgba(255,255,255,.86); padding: 3rem 0 2rem; border-top: 1px solid rgba(255,255,255,.06); } .mf-footer a{ color: rgba(255,255,255,.82); text-decoration: none; } .mf-footer a:hover{ color: #fff; text-decoration: underline; text-underline-offset: .2em; } .mf-footer-top{ margin-bottom: 1.25rem; } .mf-footer-brand{ font-family: var(--menu-font-family, FontHeader, var(--fallback-font-header), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, "Droid Sans", sans-serif); font-weight: 900; letter-spacing: .2px; font-size: 1.25rem; line-height: 1.2; color: #fff; } .mf-footer-tagline{ margin-top: .5rem; color: rgba(255,255,255,.65); font-size: .95rem; line-height: 1.4; } .mf-footer-title{ font-size: .95rem; font-weight: 800; color: #fff; margin-bottom: .75rem; letter-spacing: .2px; } .mf-footer-links, .mf-footer-social, .mf-footer-contact{ list-style: none; padding: 0; margin: 0; } .mf-footer-links li, .mf-footer-social li{ margin: .45rem 0; } .mf-footer-contact{ margin-top: 1rem; } .mf-footer-contact li{ margin: .45rem 0; } .mf-footer-muted{ color: rgba(255,255,255,.55); } .mf-footer-divider{ height: 1px; width: 100%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.12), rgba(255,255,255,0)); margin: 1.5rem 0 1.25rem; } .mf-footer-copy{ font-size: .9rem; line-height: 1.4; color: rgba(255,255,255,.78); } .mf-footer-year{ color: rgba(255,255,255,.9); font-weight: 700; } .mf-footer-dot{ margin: 0 .5rem; color: rgba(255,255,255,.35); } .mf-footer-bottom-links a{ display: inline-block; margin-left: .9rem; font-size: .9rem; color: rgba(255,255,255,.7); } .mf-footer-bottom-links a:first-child{ margin-left: 0; } @media (max-width: 575.98px){ .mf-footer{ padding: 2.25rem 0 5rem; } /* место под фиксированную корзину на мобилке */ .mf-footer-bottom-links a{ margin-left: 0; margin-right: .9rem; } } /* End */ /* Start:/local/templates/eshop_bootstrap_v4/mf-text-page.css?177814390411997*/ .mf-text-page{ word-wrap: break-word; -webkit-line-break: after-white-space; color: #343e45; font-size: 1rem; font-weight: 500; overflow: hidden; } .mf-text-page p{ margin: 0; overflow: initial !important; } .mf-text-page ol, .mf-text-page ul, .mf-text-page p{ word-wrap: break-word; font-size: 1rem; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual; line-height: 1.5; word-break: break-word; } .mf-text-page h2, .mf-text-page h3, .mf-text-page h4, .mf-text-page h5, .mf-text-page h6{ word-wrap: break-word; font-weight: 400; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual; line-height: 1.5; margin: 0; word-break: break-word; } .mf-text-page h2{ font-size: 1.1875rem; } .mf-text-page h3, .mf-text-page h4{ font-size: 1.125rem; } .mf-text-page h5{ font-size: 1.0625rem; } .mf-text-page h6{ font-size: 1rem; } .mf-text-page strong{ font-weight: 700; } .mf-text-page a{ border: none; text-decoration: underline; color: #3066be; } .mf-text-page a:hover{ text-decoration: none; } .mf-text-page img{ display: inline-block; height: auto !important; max-width: 100% !important; margin-bottom: .625rem; } .mf-text-page table.bordered{ width: 100% !important; max-width: 100%; border-collapse: collapse; } .mf-text-page table.bordered td, .mf-text-page table.bordered th{ border: 1px solid rgba(0,0,0,.15); padding: 8px 10px; vertical-align: top; } .mf-text-page .mr-block .mrb-row__content{ margin-top: 1.5rem; } .mf-text-page .mr-block .mrb-row__content:first-child{ margin-top: 0; } .mf-text-page .mrb-row__content{ display: flex; flex-wrap: wrap; } .mf-text-page .mrb-row__content > [class*="mrb-"]{ min-width: 0; flex: 0 0 100%; max-width: 100%; } .mf-text-page .mrb-row_textAndImage{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 24px; } .mf-text-page .mrb-row_textAndImage > [class*="mrb-"]{ min-width: 0; flex: 0 0 100%; max-width: 100%; } @media (min-width: 992px){ .mf-text-page .mrb-row_textAndImage{ flex-wrap: nowrap; gap: 28px; } .mf-text-page .mrb-row_textAndImage .mrb-large-11{ flex: 0 0 61.111%; max-width: 61.111%; } .mf-text-page .mrb-row_textAndImage .mrb-large-7{ flex: 0 0 38.889%; max-width: 38.889%; } } .mf-text-page .mrb-image img{ display: block; width: 100%; height: auto !important; max-width: 100% !important; margin: 0; } @font-face{ font-family: triggers-ft; font-style: normal; font-weight: 400; font-display: swap; src: url("https://s.siteapi.org/frontend/static/grid_12/fonts/triggers-ft-738b1721cf.eot"); src: url("https://s.siteapi.org/frontend/static/grid_12/fonts/triggers-ft-738b1721cf.eot?#iefix") format("embedded-opentype"), url("https://s.siteapi.org/frontend/static/grid_12/fonts/triggers-ft-b8590028a6.woff") format("woff"), url("https://s.siteapi.org/frontend/static/grid_12/fonts/triggers-ft-51fc0049da.ttf") format("truetype"); } [class*=-triggers-ft], [class^=-triggers-ft]{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: triggers-ft !important; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-decoration: none; text-transform: none; } /* glyph mapping (needed for icons inside circles) */ .-triggers-ft-like:before{ content: "\ea1e"; } .-triggers-ft-tools:before{ content: "\ea33"; } .-triggers-ft-lightbulb-o:before{ content: "\ea1d"; } .-triggers-ft-wallet:before{ content: "\ea35"; } .-triggers-ft-truck:before{ content: "\ea34"; } /* Triggers block (1v1 from motor-force.ru layouts.css) */ #mrb-triggers .bl-trigger-title, .mrb-triggers .bl-trigger-title{ display: inline-block; height: auto; margin-bottom: 25px; min-height: 30px; text-align: center; vertical-align: middle; width: 100%; } #mrb-triggers .bl-trigger-title p, .mrb-triggers .bl-trigger-title p{ font-size: 24px; } #mrb-triggers .bl-trigger, .mrb-triggers .bl-trigger{ display: inline-block; position: relative; vertical-align: top; width: 18%; } #mrb-triggers.theme-default-circle .bl-triggers-list, .mrb-triggers.theme-default-circle .bl-triggers-list{ margin-left: 0; text-align: center; width: 100%; } #mrb-triggers.theme-default-circle .bl-trigger, .mrb-triggers.theme-default-circle .bl-trigger{ margin-bottom: 15px; width: 100%; } #mrb-triggers.theme-default-circle .blr-trigger-media, .mrb-triggers.theme-default-circle .blr-trigger-media{ margin-bottom: 20px; position: relative; text-align: center; width: 100%; } #mrb-triggers.theme-default-circle .bl-triggers_3 .bl-trigger, .mrb-triggers.theme-default-circle .bl-triggers_3 .bl-trigger{ margin-left: 3.33333%; width: 30.66667%; } #mrb-triggers.theme-default-circle .bl-trigger:first-child, .mrb-triggers.theme-default-circle .bl-trigger:first-child{ margin-left: 0 !important; } .bl-trigger-icon{ font-size: 2.3rem; padding: 20px 0; } #mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon, .mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon{ background: transparent !important; border: 2px solid #444; border-radius: 50%; line-height: 1; margin: 0 auto; max-width: 90px; padding: 0; position: relative; width: 72%; } .bl-trigger-icon:before{ left: 50%; margin: -1.15rem 0 0 -1.15rem; position: absolute; top: 50%; } #mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon:after, .mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon:after{ content: ""; display: block; margin-top: 100%; } #mrb-triggers.theme-default-circle .bl-trigger-text, .mrb-triggers.theme-default-circle .bl-trigger-text{ margin-top: 10px; text-align: center; } @media screen and (min-width:40em) and (max-width:63.9375em){ #mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger, .mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger{ margin-bottom: 30px; margin-left: 3% !important; width: 47%; } } @media screen and (max-width:39.9375em){ #mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger, .mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger{ margin: 0 0 15px !important; width: 100%; } } /* show/hide helpers (1v1 breakpoints from layouts.css) */ @media screen and (min-width:64em){ .hide-for-mrb-large{ display: none !important; } } @media screen and (max-width:63.9375em){ .show-for-mrb-large{ display: none !important; } } .mrb-button-block{ overflow: visible !important; text-align: center; } .mrb-btn-item{ display: inline-block; position: relative; text-decoration: none; padding: 12px 22px; } .mrb-btn-item:hover{ text-decoration: none; } .mrb-btn-item-text{ word-wrap: break-word; display: inline-block; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; line-height: normal; max-width: 100%; min-width: 20px; position: relative; word-break: break-word; z-index: 2; } .mrb-button-block.theme-default .mrb-btn-item{ background-color: #0073db !important; border-radius: 5px; color: #fff !important; overflow: hidden; } .mrb-button-block.theme-default .mrb-btn-item:before{ content: ""; position: absolute; inset: 0; background: transparent; z-index: 1; } .mrb-button-block.theme-default .mrb-btn-item:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(0,0,0,.2); z-index: 1; } .mrb-button-block.theme-default .mrb-btn-item:hover:before{ background: rgba(0,0,0,.2); } .mrb-button-block.theme-default .mrb-btn-item:hover:after{ background: rgba(0,0,0,.4); } .mrb-button-block.theme-default .mrb-btn-item:active{ transform: translateY(3px); } .mrb-button-block.theme-default .mrb-btn-item:active:after{ height: 0; } .mrb-form__title{ font-size: .8125rem; font-weight: 700; padding-bottom: 1.25rem; text-align: center; text-transform: uppercase; } .mrb-form__content{ border-radius: 4px; margin: 0 auto; } .mrb-form__field{ display: inline-block; font-weight: 400; line-height: 1.25; margin-bottom: 30px; position: relative; vertical-align: middle; width: 100%; } .mrb-form__field input[type=email], .mrb-form__field input[type=tel], .mrb-form__field input[type=text], .mrb-form__field textarea{ display: inline-block; margin-bottom: 0; vertical-align: middle; width: 100%; } .mrb-form__field textarea{ height: 150px; resize: vertical; } .mrb-form__field input[type=email]+label, .mrb-form__field input[type=tel]+label, .mrb-form__field input[type=text]+label, .mrb-form__field textarea+label{ display: none; } .mrb-form_leadform{ padding: 30px 0; position: relative; } .mrb-form_leadform_theme_dark{ color: #fff; background: #444; } .mrb-form_leadform_theme_light{ color: #111; } .mrb-form_leadform .mrb-form__title{ background: none; } .mrb-form_leadform .mrb-form__content{ text-align: center; width: 90%; } .dynamic-form-text, .dynamic-form-textarea{ background: rgba(255,255,255,.95); border: 1px solid rgba(0,0,0,.25); border-radius: 0; color: #111; padding: 10px 14px; } .dynamic-form-text:focus, .dynamic-form-textarea:focus{ outline: none; border-color: rgba(0,0,0,.45); box-shadow: none; } .-btn{ align-items: center; border: 0; border-radius: 4px; cursor: pointer; display: inline-flex; justify-content: center; padding: 10px 14px; text-decoration: none; } .-btn-complete{ background-color: #3772ff; color: #fff; font-weight: 600; } .-btn-complete:hover{ background-color: #1f61ff; color: #fff; } .mf-feedback{ background: #f0c419; padding: 28px 22px; margin-top: 28px; } .mf-feedback__title{ margin-bottom: 18px; text-align: center; } .mf-feedback .form-group{ margin-bottom: 18px; } .mf-feedback .btn{ margin-top: 10px; background: #000; border-color: #000; color: #fff; font-weight: 800; padding: 10px 18px; } .mf-feedback .btn:hover{ background: #111; border-color: #111; color: #fff; } .mf-feedback .form-control{ border-radius: 0; border-color: rgba(0,0,0,.25); } .mf-feedback .form-control:focus{ border-color: rgba(0,0,0,.45); box-shadow: none; } @media (max-width: 576px){ .mf-feedback{ padding: 22px 16px; } } .mf-documents-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } @media (max-width: 991.98px){ .mf-documents-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575.98px){ .mf-documents-grid{ grid-template-columns: 1fr; } } .mf-documents-item{ display: flex; gap: 14px; align-items: flex-start; color: #000; text-decoration: none; } .mf-documents-item:hover{ text-decoration: none; } .mf-documents-icon{ width: 40px; height: 48px; border: 2px solid #AAAAAA; border-radius: 2px; background: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; line-height: 1; text-transform: lowercase; color: #000; flex: 0 0 auto; } .mf-documents-title{ font-weight: 800; text-transform: uppercase; } .mf-documents-desc{ opacity: .8; font-size: .95em; } .mf-text-page ul{ list-style: disc; margin: 10px 0 10px 30px; padding: 0; } .mf-text-page ul li{ margin-bottom: 8px; } .mf-text-page ol{ margin-left: 18px; } .mf-text-page ol li{ list-style: decimal; margin: 0 0 8px 16px; padding-left: 0; } @media print,screen and (min-width:48em){ .mf-text-page ol, .mf-text-page p, .mf-text-page ul{ font-size: 1rem; } .mf-text-page h2{ font-size: 2rem; } .mf-text-page h3{ font-size: 1.75rem; } .mf-text-page h4{ font-size: 1.5rem; } .mf-text-page h5{ font-size: 1.25rem; } .mf-text-page h6{ font-size: 1.125rem; } } @media print,screen and (min-width:64em){ .mf-text-page ol, .mf-text-page p, .mf-text-page ul{ font-size: 1.125rem; } .mf-text-page h2{ font-size: 2rem; } .mf-text-page h3{ font-size: 1.75rem; } .mf-text-page h4{ font-size: 1.5625rem; } .mf-text-page h5{ font-size: 1.25rem; } .mf-text-page h6{ font-size: 1.125rem; } } /* End */ /* Start:/local/templates/eshop_bootstrap_v4/mf-mainpage.css?177971925842743*/ /* Motor-Force-like main page slider (recreated, scoped) */ /* Break out of inner .container on homepage */ .mf-breakout { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; } /* slider.c90948.min.css (subset + kept names for 1:1) */ .slick-slider { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slick-list, .slick-slider { display: block; position: relative; } .slick-list { margin: 0; overflow: hidden; padding: 0; } .slick-list:focus { outline: none; } .slick-track { display: block; left: 0; position: relative; top: 0; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-slide { float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-initialized .slick-slide { display: block; } .slider { overflow: hidden; position: relative; text-align: center; } .slider, .slider :focus { outline: 0; } .slider__content { color: #fff; font-size: 1rem; margin: auto; position: relative; width: 100%; } /* Enforce exact viewport height (as requested) */ .main-page-slider .slider__content { height: 100vh; } .main-page-slider .slick-list, .main-page-slider .slick-track, .main-page-slider .slick-slide { height: 100%; } .slider__content .slick-dots { bottom: .625rem; left: 50%; line-height: 1; margin: 0; max-width: 80%; position: absolute; transform: translateX(-50%); padding: 0; list-style: none; display: flex; gap: .625rem; justify-content: center; } .slider__content .slick-dots li { margin: 0; } .slider__content .slick-dots li button { background: #fff; border: 0; border-radius: 999px; height: .625rem; padding: 0; width: .625rem; opacity: .5; font-size: 0; cursor: pointer; } .slider__content .slick-dots li.slick-active button { opacity: 1; } @media print,screen and (min-width: 48em) { .slider__content .slick-dots { bottom: 1.5rem; } } @media print,screen and (min-width: 64em) { .slider__content .slick-dots { bottom: 1.875rem; } } @media screen and (min-width: 80em) { .slider__content .slick-dots { bottom: 2.375rem; } } .slider__user-content, .slider__user-content p { color: #fff; } .slider__item-constraint { display: inline-block; height: 100%; min-height: 100vh; vertical-align: middle; width: 0; } .slider__item { min-height: 100vh; position: relative; } .main-page-slider .slider__item { display: flex; align-items: center; } .main-page-slider .slider__item-constraint { display: none; } .main-page-slider .slider-item__content { display: block; width: 100%; } .slider-item_no-bg { background-color: #000; } .slider-item__background { background: no-repeat 50%; background-size: cover; bottom: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: -101; } .slider-item__content { display: inline-block; padding-bottom: 3.5625rem; padding-top: 3.5625rem; position: relative; vertical-align: middle; width: 100%; z-index: 10; } @media print,screen and (min-width: 48em) { .slider-item__content { padding-bottom: 6.125rem; padding-top: 6.125rem; } } @media print,screen and (min-width: 64em) { .slider-item__content { padding-bottom: 11.25rem; padding-top: 11.25rem; } } .main-slider-arrow { background: rgba(0,0,0,.25); border: none !important; border-radius: 50%; bottom: 50%; cursor: pointer; font-size: 0; height: 4rem; line-height: 0; margin-bottom: -2rem; outline: none; position: absolute; width: 4rem; z-index: 10; } .main-slider-arrow:hover { opacity: .5; } .main-slider-arrow svg { fill: #fff; height: .625rem; width: 1rem; } .main-slider-arrow__prev { left: 0; margin-left: 15px; right: inherit; } .main-slider-arrow__next { left: inherit; margin-right: 15px; right: 0; } /* Show arrows on desktop like on source */ @media print,screen and (min-width: 64em) { .main-slider-arrow { display: block; } } @media print,screen and (max-width: 63.9375em) { .main-slider-arrow { display: none; } } /* --- layouts.6f3c98.min.css (minimal subset for slider content) --- */ .main-page-slider .row { display: block; margin-left: auto; margin-right: auto; max-width: 84.5rem; width: 100%; } .main-page-slider .row:before, .main-page-slider .row:after { content: " "; display: table; } .main-page-slider .row:after { clear: both; } .main-page-slider .column { float: left; width: 100%; padding-left: .5rem; padding-right: .5rem; } .main-page-slider .small-12 { width: 100%; } @media print,screen and (min-width: 48em) { .main-page-slider .column { padding-left: 1rem; padding-right: 1rem; } } .mr-block { min-height: 1px; } /* Match source typography resets inside slider so height doesn't bloat */ .main-page-slider .user-inner { overflow: hidden; } .main-page-slider .user-inner p { margin: 0; overflow: initial !important; } .main-page-slider .user-inner p, .main-page-slider .user-inner ul { font-size: 1rem; } /* Inline group helpers used by slider rows */ .-inline-group_top > * { display: inline-block; vertical-align: top; } /* Prevent inline-block gap that causes wrapping on desktop */ .mrb-row_imageAndText { font-size: 0; } .mrb-row_imageAndText > * { font-size: 1rem; } /* Content padding inside columns */ .-gd-content { padding: 15px 5px 10px; z-index: 30; } .-gd-content img { display: inline-block; vertical-align: middle; } /* MR grid widths used on slides */ .mr-block .mrb-small-18 { width: 100%; } @media screen and (min-width: 40em) { .mr-block .mrb-medium-6 { width: 33.33333%; } .mr-block .mrb-medium-12 { width: 66.66667%; } } @media screen and (min-width: 64em) { .mr-block .mrb-large-7 { width: 38.88889%; } .mr-block .mrb-large-11 { width: 61.11111%; } } .mrb-image { text-align: center; } .mrb-image img { max-width: 100%; height: auto; } /* Button styles used in slider */ .mrb-btn-item, .mrb-button-block .mrb-btn-item { cursor: pointer; display: inline-block; font-size: 15px; font-weight: 400; line-height: normal; outline: none; padding: 15px 25px; position: relative; text-decoration: none !important; transition-duration: .2s; transition-property: transform,opacity,color,background,border-color,box-shadow; transition-timing-function: ease-out; vertical-align: middle; } .mrb-btn-item-text { font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, "Droid Sans", sans-serif); font-weight: var(--button-font-weight, 500); } .mrb-btn-large { border-radius: 40px; } .theme-default-bordered-white .mrb-btn-item, .mrb-button-block.theme-default-bordered-white .mrb-btn-item { background-color: hsla(0,0%,100%,.95); box-shadow: inset 0 0 0 2px #111; color: #111; } .theme-default-bordered-white .mrb-btn-item:focus, .theme-default-bordered-white .mrb-btn-item:hover, .mrb-button-block.theme-default-bordered-white .mrb-btn-item:focus, .mrb-button-block.theme-default-bordered-white .mrb-btn-item:hover { background-color: hsla(0,0%,100%,.95); color: #111; opacity: .6; } /* Make slider text scale similarly (source uses inline styles, but keep sane on small) */ .main-page-slider .slider__user-content span[style*="font-size: 60px"] { font-weight: 900; } @media (max-width: 576px) { .main-page-slider .slider__user-content span[style*="font-size: 60px"] { font-size: 38px !important; } } /* Keep slider above yellow workarea background */ .workarea { background: rgb(235, 189, 47); } /* --- Catalog search (as on motor-force.ru main page) --- */ .catalog-search_main-page .widget { padding: 3.5rem 0; } .catalog-search_main-page .widget__inner { padding: 2.5rem 0; } .catalog-search_main-page .widget__content_filled { background: transparent; } .catalog-search_main-page .-relative { position: relative; } .catalog-search_main-page .text-center { text-align: center; } @media print,screen and (min-width: 48em) { .catalog-search_main-page .medium-text-left { text-align: left; } } /* Foundation-like grid (scoped) */ .catalog-search_main-page .row { display: block; margin-left: auto; margin-right: auto; max-width: 84.5rem; width: 100%; } .catalog-search_main-page .row:before, .catalog-search_main-page .row:after { content: " "; display: table; } .catalog-search_main-page .row:after { clear: both; } .catalog-search_main-page .column { float: left; width: 100%; padding-left: .5rem; padding-right: .5rem; } .catalog-search_main-page .small-12 { width: 100%; } @media print,screen and (min-width: 48em) { .catalog-search_main-page .column { padding-left: 1rem; padding-right: 1rem; } } /* inline-column paddings (from layouts.6f3c98) */ .catalog-search_main-page .inline-column { padding-left: .5rem; padding-right: .5rem; float: none !important; } @media print,screen and (min-width: 48em) { .catalog-search_main-page .inline-column { padding-left: 1rem; padding-right: 1rem; } } @media print,screen and (min-width: 48em) { .catalog-search_main-page .medium-10 { width: 83.3333333333%; } .catalog-search_main-page .medium-2 { width: 16.6666666667%; } } /* Put input + button in one row (like source) */ .catalog-search_main-page .-inline-group_top { font-size: 0; } .catalog-search_main-page .-inline-group_top > * { display: inline-block; vertical-align: top; font-size: 1rem; } /* Button base (from layouts.6f3c98) */ .catalog-search_main-page .button { cursor: pointer; display: inline-block; letter-spacing: -0.003125rem; transition: all .3s ease-in-out; } /* Search input/button (from catalog.687b37) */ .catalog-search__input { background: #fff; border: .0625rem solid #b2bcc3; color: #000; border-radius: .25rem; font-size: .875rem; height: 2.5rem; padding-left: .5rem; width: 100%; } .catalog-search__input::placeholder { color: #647886; } .catalog-search__input:hover { border-color: #1f61ff; } .catalog-search__input:focus { border-color: #054fff; outline: none; } .catalog-search__button { fill: var(--button-default-color, #fff); background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff)); box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff)); color: var(--button-default-color, #fff); font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, "Droid Sans", sans-serif); font-weight: var(--button-font-weight, 500); border: 0; border-radius: .25rem; height: 2.5rem; } .catalog-search__button:hover { fill: var(--button-default-color-hover, #fff); background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff)); box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff)); color: var(--button-default-color-hover, #fff); } .catalog-search__button:active { fill: var(--button-default-color-active, #fff); background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff)); box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff)); color: var(--button-default-color-active, #fff); } /* --- Shop categories (as on motor-force.ru main page #products) --- */ #products .widget { padding: 3.5rem 0; } #products .widget__content_filled { background: #fff; } #products .widget__content { width: 100%; } #products .widget__header { background-color: transparent; color: #000; display: block; } #products .widget__header a { color: inherit; text-decoration: none; } #products .widget__header a:hover { text-decoration: underline; } #products .widget__header h2 { margin: 0; } /* Grid and cards from catalog.687b37 (scoped) */ #products .catalog__list { margin-top: 1.5rem; margin-bottom: 1.5rem; } #products .catalog__list_250x330 { grid-column-gap: 1.5rem; grid-row-gap: 2rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(12.5rem, 15.625rem)); justify-content: center; padding: 0 1.5rem; } @media print,screen and (min-width: 64em) { #products .catalog__list_250x330 { margin-left: auto; margin-right: auto; padding: 0; width: 100%; } } #products .catalog__category { max-width: 250px; } #products .category-item { align-items: center; display: flex; flex-direction: column; height: 100%; position: relative; width: 100%; } #products .category-item__preview_250x330 { height: 20.625rem; width: 100%; } #products .category-item__preview { display: block; position: relative; text-align: center; width: 100%; } #products .category-item__preview img { height: 100%; object-fit: contain; width: 100%; } #products .category-item__link { margin-top: .5rem; text-align: center; } #products .category-item__link a { color: #000; font-family: FontHeader, var(--fallback-font-header), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, "Droid Sans", sans-serif; line-height: 1.2; overflow-wrap: anywhere; } #products .category-item__link a:hover { color: #000; text-decoration: underline; } #products .category-item__no-photo { background-color: #eaeaea; height: 100%; width: 100%; } #products .category-item__no-photo:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0; } #products .category-item__no-photo svg { margin-top: -20%; max-height: 50%; max-width: 50%; vertical-align: middle; } /* --- Posts/News slider (as on motor-force.ru main page #posts) --- */ #posts { background-color: #f5f1fe; } #posts .widget { padding: 3.5rem 0; } #posts .widget__content_filled { background: transparent; } #posts .widget__wrapper { margin-left: auto; margin-right: auto; max-width: 84.5rem; padding: 0 1rem; } /* Foundation-like grid subset (scoped) */ #posts .row { display: block; margin-left: auto; margin-right: auto; max-width: 84.5rem; width: 100%; } #posts .row:before, #posts .row:after { content: " "; display: table; } #posts .row:after { clear: both; } #posts .column { float: left; width: 100%; padding-left: .5rem; padding-right: .5rem; } #posts .small-12 { width: 100%; } @media print,screen and (min-width:48em) { #posts .column { padding-left: 1rem; padding-right: 1rem; } } @media print,screen and (min-width:64em) { #posts .large-8 { width: 66.6666666667%; } } #posts .medium-centered { float: none; margin-left: auto; margin-right: auto; } /* post.24b9be.min.css (scoped essentials) */ #posts .post-item__brief{margin:1.25rem 0 .9375rem} #posts .post-item__time{color:#647886;display:inline-block;font-size:.875rem;letter-spacing:.25em;line-height:1.2;margin-bottom:.5rem;text-transform:uppercase} #posts .post-item__title{font-size:1.25rem;line-height:1.2} #posts .post-item__title a{color:#000;text-decoration:none;transition:.2s} #posts .post-item__title a:hover{color:#000;text-decoration:underline} @media print,screen and (min-width:48em){#posts .post-item__title{font-size:1.3125rem}} @media screen and (min-width:80em){#posts .post-item__title{font-size:1.5rem}} #posts .posts__title{display:inline-block;position:relative} #posts .widget__header, #posts .widget__header a{color:#000} #posts .widget__header a{fill:currentColor;text-decoration:none} #posts .widget__header a:hover{text-decoration:underline} #posts .widget__header--center{ text-align:center !important; } #posts a.posts__rss{position:absolute;right:-1rem;top:-1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem} #posts a.posts__rss svg{opacity:.5;transition:all .2s;width:1.5rem;height:1.5rem} #posts a.posts__rss:hover{box-shadow:none} #posts a.posts__rss:hover svg{opacity:1} @media print,screen and (min-width:48em){#posts a.posts__rss{right:-2rem}} #posts .posts__item{margin-bottom:2.5rem} #posts .posts-slider{margin:0 0 4.375rem} #posts .posts-slider,#posts .posts-slider :focus{outline:0} #posts .posts-slider__content.slick-slider{margin:0} @media screen and (min-width:80em){#posts .posts-slider{margin:0}} #posts .post-slider-item{margin:0} #posts .post-slider-item__brief{color:#343e45;font-size:.875rem;line-height:1.5;margin:1rem 0 0} #posts .post-slider-item__time{color:#9e86f3;line-height:1.5;margin-bottom:0;text-transform:none;letter-spacing:0;font-size:.875rem} #posts .post-item__time.post-slider-item__time{color:#9e86f3;letter-spacing:0;text-transform:none;margin-bottom:0} #posts .post-slider-item__title{font-size:1.125rem;line-height:1.2;margin:0 0 1rem;font-weight:900} #posts .post-slider-item__header{text-align:center} @media print,screen and (min-width:48em){#posts .post-slider-item__brief{margin:1.375rem 0 0}} @media print,screen and (min-width:64em){#posts .post-slider-item__title{font-size:1.1875rem}} @media screen and (min-width:80em){#posts .post-slider-item__brief{font-size:1rem;margin:2rem 0 0}#posts .post-slider-item__title{font-size:1.25rem}} /* slick-dots: strictly under slider text (no overlap) */ #posts .slick-dots{ position:static; transform:none; left:auto; bottom:auto; max-width:none; line-height:1; margin:1.5rem 0 0; padding:0; list-style:none; display:flex; gap:.625rem; justify-content:center; } #posts .slick-dots li{margin:0} #posts .slick-dots li button{ background:#3772ff; border:0; border-radius:999px; height:.625rem; padding:0; width:.625rem; opacity:.35; font-size:0; cursor:pointer; } #posts .slick-dots li.slick-active button{opacity:1} /* Slider arrows (from post.24b9be) */ #posts.posts .slider-arrow{background:hsla(0,0%,100%,0);border:none;border-radius:50%;bottom:-2.5rem;cursor:pointer;font-size:0;height:5rem;line-height:0;outline:none;position:absolute;transition:all .2s ease-out;width:5rem;z-index:1000} #posts.posts .slider-arrow svg{fill:#3772ff;height:.625rem;max-height:100%;max-width:100%;width:1rem} #posts.posts .slider-arrow__prev{margin-right:.5rem;right:50%} #posts.posts .slider-arrow__next{left:50%;margin-left:.5rem} @media print,screen and (min-width:64em){ /* exact vertical centering for 5rem arrow buttons */ #posts.posts .slider-arrow{bottom:50%;margin-bottom:-2.5rem} #posts.posts .slider-arrow:hover{background:#1f61ff} #posts.posts .slider-arrow:hover svg{fill:#fff} #posts.posts .slider-arrow:active{background:#054fff} #posts.posts .slider-arrow:active svg{fill:hsla(0,0%,100%,.75)} #posts.posts .slider-arrow svg{height:1rem;width:1.5rem} #posts.posts .slider-arrow__prev{left:0;margin-left:15px;margin-right:0;right:inherit} #posts.posts .slider-arrow__next{left:inherit;margin-left:0;margin-right:15px;right:0} } /* --- Lead form (as on motor-force.ru main page #lead-form) --- */ #lead-form { width: 100%; } /* Widget/layout base needed for 1:1 look */ #lead-form .widget { padding: 3.5rem 0; } #lead-form .widget__content_filled { background: transparent; } #lead-form .widget__inner { padding: 2.5rem 0; } #lead-form .widget__wrapper { margin-left: auto; margin-right: auto; max-width: 84.5rem; padding: 0 1rem; } @media screen and (max-width: 25.813rem) { #lead-form .widget__wrapper { padding-left: 1rem; padding-right: 1rem; } } @media screen and (min-width: 25.875rem) and (max-width: 63.9375rem) { #lead-form .widget__wrapper { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { #lead-form .widget__wrapper { padding-left: 1rem; padding-right: 1rem; } } @media screen and (min-width: 80rem) { #lead-form .widget__wrapper { padding-left: 1.25rem; padding-right: 1.25rem; } } #lead-form .widget__header--center { text-align: center; } #lead-form .widget__header--indent-bottom { margin-bottom: 1.5rem; } /* Foundation-like grid subset (scoped) */ #lead-form .row { display: block; margin-left: auto; margin-right: auto; max-width: 84.5rem; width: 100%; } #lead-form .row:before, #lead-form .row:after { content: " "; display: table; } #lead-form .row:after { clear: both; } #lead-form .column { float: left; width: 100%; padding-left: .5rem; padding-right: .5rem; } #lead-form .small-12 { width: 100%; } #lead-form .text-center { text-align: center; } #lead-form .text-left { text-align: left; } @media print,screen and (min-width: 48em) { #lead-form .column { padding-left: 1rem; padding-right: 1rem; } } @media print,screen and (min-width: 48em) { #lead-form .medium-8 { width: 66.6666666667%; } } @media print,screen and (min-width: 64em) { #lead-form .large-6 { width: 50%; } } @media print,screen and (min-width: 48em) { #lead-form .medium-centered { float: none; margin-left: auto; margin-right: auto; } } /* Field spacing (missing base CSS in our build) */ #lead-form .lead-form__input { margin-bottom: 1.4375rem; } #lead-form .inline-block.field { margin-top: .5rem; } #lead-form .lead-form__file .attach-btn__add-file:has(.error){border:2px solid red;color:red} #lead-form .lead-form__file .errors{display:none!important} #lead-form.lead-form .site-checkbox[type=checkbox]:checked, #lead-form.lead-form .site-checkbox[type=checkbox]:not(:checked){left:-9999px;position:absolute} #lead-form.lead-form .site-checkbox[type=checkbox]+label{box-sizing:border-box;color:#343e45;cursor:pointer;display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;margin-left:0;padding-left:2rem;position:relative;user-select:none} #lead-form.lead-form .site-checkbox[type=checkbox]+label a{color:#3772ff} #lead-form.lead-form .site-checkbox[type=checkbox]+label a:hover{color:inherit} #lead-form.lead-form .site-checkbox[type=checkbox]+label:before{background:transparent;border:.0625rem solid #b2bcc3;box-sizing:border-box;content:"";height:1.25rem;left:0;position:absolute;top:0;transition:background .5s ease-out;width:1.25rem} #lead-form.lead-form .site-checkbox[type=checkbox]+label:after{fill:#fff;background-image:url("data:image/svg+xml; utf8, ");background-size:cover;box-sizing:border-box;content:"";display:none;height:.625rem;left:.25rem;position:absolute;top:.3125rem;width:.75rem;z-index:2} #lead-form.lead-form .site-checkbox[type=checkbox]:checked+label{color:#3772ff} #lead-form.lead-form .site-checkbox[type=checkbox]:checked+label:after{display:inline-block} #lead-form.lead-form .site-checkbox[type=checkbox]:checked+label:before{background:#3772ff;border-color:#3772ff;content:""} #lead-form.lead-form_light{color:#000} #lead-form.lead-form_light .lead-form__checkbox label{color:#343e45} #lead-form.lead-form .dynamic-form-file-hidden{height:0;margin:0;padding:0;position:absolute;visibility:hidden;width:0;z-index:-100} #lead-form.lead-form .attach-file__icon{height:1.5rem;margin-right:.5rem;padding:.25rem;width:1.5rem} #lead-form.lead-form .attach-file__icon svg{fill:#000;height:1rem;width:1rem} #lead-form.lead-form .attach-file__btn{cursor:pointer;padding-left:10px} #lead-form.lead-form .attach-file__btn .errors{left:0!important;position:absolute!important;top:20px!important} #lead-form.lead-form .attach-file__btn-label{align-items:center;display:flex} #lead-form.lead-form_dark{color:#fff} #lead-form.lead-form_dark .lead-form__title, #lead-form.lead-form_dark .site-checkbox[type=checkbox]+label, #lead-form.lead-form_dark .widget__header{color:#fff} #lead-form .lead-form__input input, #lead-form .lead-form__input textarea{background:#fff;border:.0625rem solid #b2bcc3;color:#000} #lead-form .lead-form__input input::placeholder, #lead-form .lead-form__input textarea::placeholder{color:#647886} #lead-form .lead-form__input input:hover, #lead-form .lead-form__input textarea:hover{border-color:#1f61ff} #lead-form .lead-form__input input:focus, #lead-form .lead-form__input textarea:focus{border-color:#054fff;outline:none} #lead-form .lead-form__input input, #lead-form .lead-form__input textarea{border-radius:.375rem;font-size:1rem;height:3.5rem;padding-left:.75rem;width:100%} #lead-form .lead-form__button{cursor:pointer;display:inline-block;transition-duration:.2s;transition-property:color,background-color,border-color,box-shadow;transition-timing-function:ease-out} #lead-form .lead-form__button svg{transition:all .2s ease-out} #lead-form .lead-form__button{fill:var(--button-default-color,#fff);background-color:var(--button-default-bg-color-rgba,var(--button-default-bg-color,#3772ff));box-shadow:inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba,var(--button-default-border-color,#3772ff)),0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba,var(--button-default-shadow-color,#3772ff));color:var(--button-default-color,#fff);font-family:var(--button-default-font-family,FontParagraph,var(--fallback-font-paragraph),"ProximaNova-Bold",Futura,Avenir,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,Droid Sans,sans-serif);font-weight:var(--button-font-weight,500);border:0} #lead-form .lead-form__button:hover{fill:var(--button-default-color-hover,#fff);background-color:var(--button-default-bg-color-hover-rgba,var(--button-default-bg-color-hover,#1f61ff));box-shadow:inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba,var(--button-default-border-color-hover,#1f61ff)),0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba,var(--button-default-shadow-color-hover,#1f61ff));color:var(--button-default-color-hover,#fff)} #lead-form .lead-form__button:active{fill:var(--button-default-color-active,#fff);background-color:var(--button-default-bg-color-active-rgba,var(--button-default-bg-color-active,#1f61ff));box-shadow:inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba,var(--button-default-border-color-active,#1f61ff)),0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba,var(--button-default-shadow-color-active,#1f61ff));color:var(--button-default-color-active,#fff)} #lead-form .lead-form__button.disable{cursor:default;opacity:.5} #lead-form .lead-form__button{border-radius:var(--button-default-radius-xlarge,.375em);font-size:1rem;line-height:150%;padding:1rem 1.25rem} @media print,screen and (max-width:47.99875em){#lead-form .lead-form__button{width:100%}} #lead-form .lead-form__input.field textarea{line-height:1.5;min-height:6.25rem;padding-top:.625rem} #lead-form .lead-form__desc{font-size:1rem;margin-bottom:2rem} #lead-form .lead-form__lastname{display:none} @media print,screen and (min-width:48em){ #lead-form .lead-form__button{margin-top:1.875rem} } @media print,screen and (min-width:64em){ #lead-form .lead-form__desc{font-size:1.0625rem;margin-bottom:2.25rem} #lead-form .lead-form__input input,#lead-form .lead-form__input textarea{border-radius:.25rem;font-size:1rem;height:3rem;padding-left:.625rem} #lead-form .lead-form__button{border-radius:var(--button-default-radius-large,.25em);font-size:1rem;line-height:150%;padding:.75rem 1rem} } @media screen and (min-width:80em){ #lead-form .lead-form__desc{font-size:1.125rem;margin-bottom:2.5rem} #lead-form .lead-form__input input,#lead-form .lead-form__input textarea{border-radius:.5rem;font-size:1.125rem;height:4rem;padding-left:1rem} #lead-form .lead-form__button{border-radius:var(--button-default-radius-xxlarge,.5em);font-size:1.125rem;line-height:130%;padding:1.25rem 2rem} } /* --- Contacts (as on motor-force.ru main page #contactsmain) --- */ #contactsmain .widget { padding: 3.5rem 0; } #contactsmain .widget__content_filled { background: #fff; } #contactsmain .widget__wrapper { margin-left: auto; margin-right: auto; max-width: 84.5rem; padding: 0 1rem; } #contactsmain .widget__header--center { text-align: center; } #contactsmain .widget__header--indent-bottom { margin-bottom: 1.5rem; } #contactsmain .widget__header a { color: inherit; text-decoration: none; } #contactsmain .widget__header a:hover { text-decoration: underline; } /* Foundation-like grid subset (scoped) */ #contactsmain .row { display: block; margin-left: auto; margin-right: auto; max-width: 84.5rem; width: 100%; } #contactsmain .row:before, #contactsmain .row:after { content: " "; display: table; } #contactsmain .row:after { clear: both; } #contactsmain .column { float: left; width: 100%; padding-left: .5rem; padding-right: .5rem; } #contactsmain .small-12 { width: 100%; } #contactsmain .text-center { text-align: left; } @media print,screen and (min-width: 48em) { #contactsmain .column { padding-left: 1rem; padding-right: 1rem; } #contactsmain .medium-text-left { text-align: left; } #contactsmain .medium-3 { width: 25%; } #contactsmain .medium-8 { width: 66.6666666667%; } #contactsmain .medium-9 { width: 75%; } #contactsmain .medium-6 { width: 50%; } } @media print,screen and (min-width: 64em) { #contactsmain .large-2 { width: 16.6666666667%; } #contactsmain .large-4 { width: 33.3333333333%; } #contactsmain .large-6 { width: 50%; } #contactsmain .large-8 { width: 66.6666666667%; } } #contactsmain .inline-column { float: left; } #contactsmain .display-inline-block { display: inline-block; vertical-align: top; } #contactsmain .-inline-group_top > * { display: inline-block; vertical-align: top; } /* contacts.e45c41.min.css (scoped) */ #contactsmain .contacts__item{margin-bottom:2rem} #contactsmain .contacts__list{margin-bottom:-2rem} @media print,screen and (min-width:64em){ #contactsmain .contacts__item{margin-bottom:2.5rem} #contactsmain .contacts__list{margin-bottom:-2.5rem} } #contactsmain .contact{font-size:14px} #contactsmain .contact__label{color:#000;font-weight:900} #contactsmain .contact__icon,#contactsmain .contact__label{display:inline-block;vertical-align:middle} #contactsmain .contact__icon{margin-right:1rem;width:1.5rem} #contactsmain .contact__icon svg{fill:#b2bcc3;max-height:1.5rem;max-width:1.5rem;vertical-align:top} #contactsmain .contact__icon_max svg{fill:none;max-height:1.5rem;max-width:1.5rem;vertical-align:top} #contactsmain .contact__item{color:#000;display:inline-block;font-style:normal;margin-bottom:1rem} #contactsmain .contact__list{margin-bottom:-1rem} #contactsmain .contact__desc{color:#4c5b66;margin-top:.5rem} #contactsmain .contact__title{margin-bottom:1.625rem} @media print,screen and (max-width:47.99875em){ #contactsmain .contact__icon{display:block;margin-bottom:6px;margin-right:0} #contactsmain .contact__title{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start} } @media print,screen and (min-width:48em){ #contactsmain .contact__title{margin-bottom:0} #contactsmain .contact__desc{margin-top:.25rem} } @media screen and (min-width:80em){#contactsmain .contact .contact{font-size:16px}} #contactsmain .contact-phone_mobile{display:none} #contactsmain .contact-phone__additional{display:inline-block;margin-left:.9375rem} #contactsmain .mobile-device .contact-phone_desktop{display:none} #contactsmain .mobile-device .contact-phone_mobile{display:inline-block} #contactsmain .contact-address__part{line-height:1.5;margin-right:.625rem} #contactsmain .contact-address__part:after{content:","} #contactsmain .contact-address__part:last-child:after{content:""} #contactsmain .contact-address__address{margin-bottom:.9375rem} #contactsmain .contact-address__map>.mf-contact-map, #contactsmain .contact-address__map>iframe{display:block;margin:0} #contactsmain .contact-address__map{height:15rem;margin-bottom:2.1875rem} @media print,screen and (min-width:48em){ #contactsmain .contact-address__address{margin-bottom:1.875rem} #contactsmain .contact-address__map{height:22.5rem;margin-bottom:2.5rem} } @media print,screen and (max-width:63.99875em){#contactsmain .contact-address__map{padding:0 .9375rem}} /* --- Social networks (as on motor-force.ru main page #contactssocnet) --- */ #contactssocnet { background-color: #f5f1fe; } #contactssocnet .widget { padding: 3.5rem 0; } #contactssocnet .widget__content_filled { background: transparent; } #contactssocnet .widget__wrapper { margin-left: auto; margin-right: auto; max-width: 84.5rem; padding: 0 1rem; } /* socnets.60a9d8.min.css (scoped) */ #contactssocnet.socnets_dark, #contactssocnet.socnets_dark .widget__empty-text, #contactssocnet.socnets_dark .widget__header { color:#fff; } #contactssocnet .socnets--left { display:grid; } @media screen and (min-width:64rem){ #contactssocnet .socnets--left{display:grid;gap:3rem;grid-template-columns:1fr 1fr} } @media screen and (min-width:80rem){ #contactssocnet .socnets--left{gap:4rem} } #contactssocnet .socnets__list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,4rem);justify-content:center} @media screen and (min-width:48rem){ #contactssocnet .socnets__list{gap:2rem} } #contactssocnet .socnets__list .socnets__item a{align-items:center;display:flex;justify-content:center;padding:.875rem} #contactssocnet .socnets__icon{box-sizing:content-box;display:block} #contactssocnet .socnets__icon svg{fill:#fff;display:inline-block;transition:all .2s} #contactssocnet .socnets__icon{height:2rem;line-height:2rem} #contactssocnet .socnets__icon svg{height:2rem;width:2rem} #contactssocnet .socnets__item a{border:.125rem solid hsla(0,0%,100%,0);border-radius:0;padding:.375rem} @media print,screen and (min-width:48em){ #contactssocnet .socnets__item a{padding:.875rem} } #contactssocnet .socnets__item_vk a{background-color:#4680c2;border:.125rem solid #4680c2;border-radius:.5rem;transition:all .2s ease-in} #contactssocnet .socnets__item_vk svg{fill:#fff;color:#fff} #contactssocnet .socnets__item_instagram a{background-color:#c13584;border:.125rem solid #c13584;border-radius:.5rem;transition:all .2s ease-in} #contactssocnet .socnets__item_instagram svg{fill:#fff;color:#fff} #contactssocnet .socnets__item_telegram a{background-color:#2ca5e0;border:.125rem solid #2ca5e0;border-radius:.5rem;transition:all .2s ease-in} #contactssocnet .socnets__item_telegram svg{fill:#fff;color:#fff} #contactssocnet .socnets__item_vk a:hover{background-color:#598dc9;border-color:#598dc9} #contactssocnet .socnets__item_instagram a:hover{background-color:#c84a91;border-color:#c84a91} #contactssocnet .socnets__item_telegram a:hover{background-color:#42aee4;border-color:#42aee4} /* --- Home page: content left, titles centered --- */ .mf-home #catalogsearch-11 .widget__content .text-center, .mf-home #products .widget__content .text-center, .mf-home #lead-form .widget__content .text-center, .mf-home #contactsmain .widget__content .text-center { text-align: left !important; } .mf-home #lead-form .widget__content .lead-form__desc.text-center { text-align: center !important; } .mf-home #lead-form .widget__content form.text-center { text-align: center !important; } .mf-home #lead-form .widget__content .inline-block.field { text-align: center !important; } .mf-home #catalogsearch-11 .widget__header--center, .mf-home #products .widget__header--center, .mf-home #lead-form .widget__header--center, .mf-home #contactsmain .widget__header--center, .mf-home #contactssocnet .widget__header--center, .mf-home #subscribe .widget__header--center { text-align: center !important; } /* Make all block H2 titles bold like on source */ .mf-home .widget__header__title, .mf-home .widget__header__title a { font-weight: 900 !important; } /* "Магазин" header is plain h2 (no widget__header__title class) */ .mf-home #products .widget__header h2, .mf-home #products .widget__header h2 a { font-weight: 900 !important; } /* --- Subscribe (as on motor-force.ru main page #subscribe) --- */ #subscribe { background-color: #fff; } #subscribe .widget { padding: 3.5rem 0; } #subscribe .widget__content_filled { background: transparent; } #subscribe .widget__wrapper { margin-left: auto; margin-right: auto; max-width: 84.5rem; padding: 0 1rem; } #subscribe .hide { display: none; } /* subscribe.c98b65.min.css (scoped) */ #subscribe .subscribe-add-form__container{display:grid;gap:1.5rem} @media screen and (min-width:64rem){ #subscribe .subscribe-add-form__container{display:grid;gap:1.5rem .5rem;grid-template-columns:1fr 1fr auto} } #subscribe .subscribe-add-form__container .subscribe-add-form__button{justify-self:center} #subscribe .subscribe-add-form input{background:#fff;border:.0625rem solid #b2bcc3;color:#000;box-sizing:border-box} #subscribe .subscribe-add-form input::placeholder{color:#647886} #subscribe .subscribe-add-form input:hover{border-color:#1f61ff} #subscribe .subscribe-add-form input:focus{border-color:#054fff;outline:none} #subscribe .subscribe-add-form input{border-radius:.375rem;font-size:1rem;height:3.5rem;min-height:3.5rem;max-height:3.5rem;margin:0;padding:0 .75rem 0 .75rem;width:100%} #subscribe .subscribe-add-form .button{cursor:pointer;display:inline-block;font-family:var(--button-default-font-family,FontParagraph,var(--fallback-font-paragraph),\"ProximaNova-Bold\",Futura,Avenir,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,Droid Sans,sans-serif);font-weight:var(--button-font-weight,500);letter-spacing:-.003125rem;transition:all .3s ease-in-out} #subscribe .subscribe-add-form .button_for_subscriber-add-form{fill:var(--button-default-color,#fff);background-color:var(--button-default-bg-color-rgba,var(--button-default-bg-color,#3772ff));box-shadow:inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba,var(--button-default-border-color,#3772ff)),0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba,var(--button-default-shadow-color,#3772ff));color:var(--button-default-color,#fff);font-family:var(--button-default-font-family,FontParagraph,var(--fallback-font-paragraph),\"ProximaNova-Bold\",Futura,Avenir,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,Droid Sans,sans-serif);font-weight:var(--button-font-weight,500);border:0} #subscribe .subscribe-add-form .button_for_subscriber-add-form:hover{fill:var(--button-default-color-hover,#fff);background-color:var(--button-default-bg-color-hover-rgba,var(--button-default-bg-color-hover,#1f61ff));box-shadow:inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba,var(--button-default-border-color-hover,#1f61ff)),0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba,var(--button-default-shadow-color-hover,#1f61ff));color:var(--button-default-color-hover,#fff)} #subscribe .subscribe-add-form .button_for_subscriber-add-form:active{fill:var(--button-default-color-active,#fff);background-color:var(--button-default-bg-color-active-rgba,var(--button-default-bg-color-active,#1f61ff));box-shadow:inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba,var(--button-default-border-color-active,#1f61ff)),0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba,var(--button-default-shadow-color-active,#1f61ff));color:var(--button-default-color-active,#fff)} #subscribe .subscribe-add-form .button_for_subscriber-add-form.disable{cursor:default;opacity:.5} #subscribe .subscribe-add-form .button_for_subscriber-add-form{box-sizing:border-box;border-radius:var(--button-default-radius-xlarge,.375em);font-size:1rem;line-height:150%;padding:0 1.25rem !important;height:3.5rem !important;min-height:3.5rem !important;max-height:3.5rem !important;display:flex;align-items:center;justify-content:center} @media print,screen and (max-width:47.99875em){#subscribe .subscribe-add-form .button_for_subscriber-add-form{max-width:none;width:100%}} @media print,screen and (min-width:48em){#subscribe .subscribe-add-form button{display:inline-block;width:28rem}} @media print,screen and (min-width:64em){ #subscribe .subscribe-add-form input{height:3rem;min-height:3rem;max-height:3rem} #subscribe .subscribe-add-form .button_for_subscriber-add-form{border-radius:var(--button-default-radius-large,.25em);font-size:1rem;line-height:150%;max-width:8.0625rem;padding:0 1rem !important;height:3rem !important;min-height:3rem !important;max-height:3rem !important} } @media screen and (min-width:80em){ #subscribe .subscribe-add-form input{height:4rem;min-height:4rem;max-height:4rem} #subscribe .subscribe-add-form .button_for_subscriber-add-form{border-radius:var(--button-default-radius-xxlarge,.5em);font-size:1.125rem;line-height:130%;max-width:11.75rem;padding:0 2rem !important;height:4rem !important;min-height:4rem !important;max-height:4rem !important} } #subscribe .subscribe-add-form__container .subscribe-add-form__button{justify-self:stretch} @media screen and (min-width:64rem){#subscribe .subscribe-add-form__container .subscribe-add-form__button{justify-self:center}} #subscribe .subscribe-add-form .inline-block{position:relative!important} #subscribe .subscribe-add-form .error{border-color:red;box-shadow:0 0 8px rgba(255,0,0,.2)} #subscribe .subscribe-add-form__message{margin-bottom:1.5rem;text-align:center} #subscribe .subscribe-add-form__message--error{color:#b00020} /* End */ /* Start:/bitrix/components/bitrix/menu/templates/bootstrap_v4/style.min.css?176200931210230*/ .bx-top-nav-container{position:relative;padding:0 10px;border-radius:2px;background:var(--theme-color-primary);color:#fff}.bx-nav-list-1-lvl{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.bx-nav-1-lvl{position:relative}.bx-nav-1-lvl-link{display:block;padding-top:6px;padding-bottom:2px;border-bottom:0;border-radius:1px;text-decoration:none;transition:250ms linear all}.bx-nav-1-lvl-link:hover{text-decoration:none}.bx-nav-1-lvl.bx-hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-active>.bx-nav-1-lvl-link,.bx-nav-1-lvl:hover>.bx-nav-1-lvl-link{border-bottom:0;background:var(--theme-color-second)}.bx-nav-1-lvl-link-text{display:flex;padding:10px 14px 14px;color:#fff;text-decoration:none;text-transform:uppercase;font:14px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all;align-items:center}.bx-nav-angle-bottom{position:relative;display:block;margin-left:10px;width:10px;height:10px}.bx-nav-angle-bottom:after,.bx-nav-angle-bottom:before{position:absolute;top:50%;left:50%;width:7px;height:2px;background-color:#fff;content:'';transition:250ms linear all}.bx-nav-angle-bottom:after{margin-left:-2px;transform:translate(-50%,-50%) rotate(45deg)}.bx-nav-angle-bottom:before{margin-left:2px;transform:translate(-50%,-50%) rotate(-45deg)}.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:after,.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:before{background-color:var(--theme-color-primary)}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background-color:transparent;color:var(--theme-color-primary)}.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:#fff}.bx-nav-angle-top{position:relative;display:block;margin-left:10px;width:10px;height:10px}.bx-nav-angle-top:after,.bx-nav-angle-top:before{position:absolute;top:50%;left:50%;width:7px;height:2px;background-color:#fff;content:'';transition:250ms linear all}.bx-nav-angle-top:after{margin-left:-2px;transform:translate(-50%,-50%) rotate(-45deg)}.bx-nav-angle-top:before{margin-left:2px;transform:translate(-50%,-50%) rotate(45deg)}.bx-nav-parent-arrow{display:none}.bx-nav-2-lvl-container,.bx-nav-2-lvl-container-advanced{z-index:999;display:none;padding:0;min-width:100%;border-top:0;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);color:#000;opacity:0}.bx-nav-2-lvl-container>ul,.bx-nav-2-lvl-container>div,.bx-nav-2-lvl-container-advanced>ul,.bx-nav-2-lvl-container-advanced>div{flex:1}.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container{position:absolute;top:calc(100% - 5px);z-index:999;display:flex;background:#fff;opacity:1;align-items:stretch}.bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-nav-2-lvl{display:block;padding:0;min-width:180px}.bx-nav-2-lvl-link{display:block;padding:5px 15px 5px;border-bottom:none !important;text-decoration:none !important}.bx-nav-2-lvl-link-text{color:var(--theme-color-primary);text-decoration:none;font-weight:var(--ui-font-weight-bold);font-size:13px;line-height:16px}.bx-nav-2-lvl>.bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text,.bx-nav-2-lvl>.bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text{background:var(--theme-color-light);color:var(--theme-color-primary)}.bx-nav-3-lvl-container-advanced:before,.bx-nav-3-lvl-container:before{position:absolute;top:-5px;right:0;left:0;display:block;height:5px;background:#fff;content:" "}.bx-nav-list-3-lvl{margin:0;padding:0 0 14px 0}.bx-nav-3-lvl{display:block;box-sizing:border-box;margin:0;padding:0;min-width:180px}.bx-nav-3-lvl-link{display:block;padding:3px 15px 3px 20px;border-bottom:0;color:#555;text-decoration:none;font-size:13px;line-height:14px}.bx-nav-3-lvl-link.bx-active,.bx-nav-3-lvl-link:hover{background:#f0f0f0;color:var(--theme-color-primary);text-decoration:none}.bx-nav-list-4-col{position:static}.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;right:0;left:0}.bx-nav-list-4-col .bx-nav-2-lvl-container,.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{right:0;left:0}.bx-nav-catinfo{position:relative;z-index:120;padding:15px 15px 5px;min-width:200px;border-left:1px solid #ecefef;background:#f7fafb}.bx-nav-catinfo img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #e7e9ea}.bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-menu-button-mobile{position:absolute;top:8px;left:5px;z-index:10;width:40px;height:40px}.bx-aside-nav-control{position:absolute;top:0;left:0;z-index:1750;width:40px;height:40px;color:#fff;text-align:center;font-size:28px;line-height:40px;cursor:pointer;transition:left .15s linear}.bx-nav-bars{position:absolute;top:50%;left:50%;z-index:2100;display:block;box-sizing:border-box;width:30px;height:25px;border-top:5px solid #fff;border-bottom:5px solid #fff;vertical-align:middle;transform:translate(-50%,-50%)}.bx-nav-bars:after{position:absolute;top:50%;display:block;background:#fff;width:100%;height:5px;content:'';transform:translateY(-50%)}.bx-wrapper,.bx-aside-nav{transition:transform .15s linear}.bx-opened .bx-footer,.bx-opened .workarea{overflow:hidden}.bx-aside-nav{position:fixed;top:50px;bottom:0;left:0;z-index:1600;display:none;width:100%;background:#4c5c65;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.bx-aside-nav.bx-opened{overflow-y:scroll;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.bx-aside-nav ul{margin:0;padding:0;list-style:none}.bx-aside-nav a{display:block;overflow:hidden;padding-left:15px;max-width:100%;height:48px;border-bottom:1px solid #3d4b53 !important;color:#fff;vertical-align:middle;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:48px}.bx-aside-nav .bx-nav-list-1-lvl{z-index:1700;flex-direction:column}.bx-aside-nav .bx-nav-1-lvl-link{padding:0;display:flex;align-items:center}.bx-aside-nav .bx-nav-1-lvl-link-text{padding:0 0 0 15px}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{box-shadow:none !important}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:transparent;color:#fff}.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{position:relative;box-shadow:none;top:auto}.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container{display:block;opacity:1}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link-text,.bx-aside-nav .bx-nav-3-lvl-link-text,.bx-aside-nav .bx-nav-4-lvl-link-text{color:#fff;font-weight:500;font-size:14px}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link{padding:0 0 0 30px}.bx-aside-nav .bx-nav-2-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-3-lvl-link{padding:0 0 0 45px}.bx-aside-nav .bx-nav-3-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-4-lvl-link{padding:0 0 0 60px}.bx-aside-nav .bx-nav-4-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;top:0;right:0;z-index:200;margin-top:6px;width:46px;height:34px;border-left:1px solid #5a6971;text-align:center}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo{display:none}.bx-aside-nav .bx-nav-angle-top,.bx-aside-nav .bx-nav-angle-bottom{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;margin:0}@media(min-width:1200px){.bx-nav-1-lvl>a{font-size:15px}.bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-nav-1-lvl>a{font-size:13px}.bx-nav-1-lvl>a span{padding:9px 11px 12px}}@media(min-width:768px) and (max-width:991px){.bx-nav-1-lvl>a{font-size:11px}.bx-nav-1-lvl>a span{padding:5px 6px 9px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control{display:flex;align-items:center;justify-content:center}.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl-link-text .bx-nav-angle-bottom{display:none}}.bx-white{--theme-color-primary:#f5f5f5;--theme-color-second:#dfdfdf}.bx-white .bx-nav-1-lvl-link-text,.bx-white .bx-nav-2-lvl-link-text,.bx-white .bx-nav-3-lvl-link.bx-active,.bx-white .bx-nav-3-lvl-link:hover,.bx-white .bx-nav-3-lvl-link.bx-active,.bx-white .bx-nav-3-lvl-link:hover,.bx-white .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-white .bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{color:#333} /* End */ /* Start:/local/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/style.min.css?17781439044065*/ .basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.vcenter{bottom:10px;top:auto !important}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em} /* End */ /* Start:/local/templates/eshop_bootstrap_v4/template_styles.min.css?17781439048037*/ .bx-yellow,.bx-theme-yellow{--primary:#f9a91d;--theme-color-primary:#f9a91d;--theme-color-second:#faba4a;--theme-color-light:#fff;--theme-b-link:#f9a91d;--theme-b-link-hover:#faba4a;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#f9a91d;--theme-b-bd-primary:#f9a91d;--theme-b-sd-primary:rgba(249,169,29,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#faba4a;--theme-b-bd-primary-hover:#daa53e;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#faba4a;--theme-b-bd-primary-active:#daa53e;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#daa53e;--theme-b-bd-primary-disabled:#b7853b}.bx-blue,.bx-theme-blue{--primary:#0083d1;--theme-color-primary:#0083d1;--theme-color-second:#5ca6e4;--theme-color-light:#f0f6f8;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#0083d1;--theme-b-bd-primary:#0083d1;--theme-b-sd-primary:rgba(0,131,209,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5ca6e4;--theme-b-bd-primary-hover:#5599d2;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5ca6e4;--theme-b-bd-primary-active:#5599d2;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#5599d2;--theme-b-bd-primary-disabled:#4d8bbf}.bx-red,.bx-theme-red{--primary:#e22b2b;--theme-color-primary:#e22b2b;--theme-color-second:#e95c5c;--theme-color-light:#f0f0f0;--theme-b-link:#e22b2b;--theme-b-link-hover:#e95c5c;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#e22b2b;--theme-b-bd-primary:#e22b2b;--theme-b-sd-primary:rgba(226,43,43,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#e95c5c;--theme-b-bd-primary-hover:#d05454;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#e95c5c;--theme-b-bd-primary-active:#d05454;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#d05454;--theme-b-bd-primary-disabled:#c04e4e}.bx-green,.bx-theme-green{--primary:#63aa28;--theme-color-primary:#63aa28;--theme-color-second:#5b9f0b;--theme-color-light:#a8d95b;--theme-b-link:#44b1c9;--theme-b-link-hover:#5cc3d1;--theme-b-tx-primary:#fff;--theme-b-bg-primary:#63aa28;--theme-b-bd-primary:#63aa28;--theme-b-sd-primary:rgba(99,170,40,0.5);--theme-b-tx-primary-hover:#fff;--theme-b-bg-primary-hover:#5b9f0b;--theme-b-bd-primary-hover:#56940b;--theme-b-tx-primary-active:#fff;--theme-b-bg-primary-active:#5b9f0b;--theme-b-bd-primary-active:#56940b;--theme-b-tx-primary-disabled:#fff;--theme-b-bg-primary-disabled:#56940b;--theme-b-bd-primary-disabled:#497c09}body{background-attachment:fixed;background-size:cover;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}#pagetitle{margin-bottom:35px}h1,h2,h3,h4,h5{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-content-section,.bx-header-section{padding-bottom:2px;background-color:rgba(255,255,255,.95)}.bx-header-logo{order:1}.bx-header-personal{order:3}.bx-header-contact{order:2}.bx-logo-block{display:block;height:50px;border-bottom:0}.bx-logo-block img{max-height:50px;width:auto}@media(max-width:767px){.bx-logo-block img{max-width:100%;max-height:45px;width:auto;height:auto}.bx-header-logo{padding:5px 50px;height:55px;background-color:var(--theme-color-primary)}.bx-logo-block{height:auto}body.bx-theme-green .bx-store-logo{background:#33b111}}.bx-header-phone-block{display:flex;align-items:center}.bx-header-phone-number{color:#000;white-space:nowrap;font:21px/28px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-header-phone-icon{display:block;margin-right:10px;width:26px;height:26px; background: no-repeat center url(/local/templates/eshop_bootstrap_v4/images/phone.svg);}@media(max-width:991px){.bx-header-phone-number{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}}.bx-header-worktime{color:#000;font:16px/22px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all}.bx-worktime-title{color:#adadad;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-worktime-schedule{color:#000;font:12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}@media(max-width:991px){.bx-header-worktime{font:15px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}}.sidebar-block-title{color:#343434;text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.bx-footer-bg{background-color:#1f496a}.bx-footer-logo{border-bottom:none !important;text-decoration:none !important}.bx-footer-logo img{max-width:100%;height:auto}.bx-inclinkspersonal-item.bx-theme-blue:hover{background:#0083d1}.bx-theme-blue.bx-inclinkspersonal-selected{background:#3398d7}.bx-inclinkspersonal-item.bx-theme-black:hover{background:#303030}.bx-theme-black.bx-inclinkspersonal-selected{background:#484848}.bx-inclinkspersonal-item.bx-theme-green:hover{background:#44b1c9}.bx-theme-green.bx-inclinkspersonal-selected{background:#5cc3d1}.bx-inclinkspersonal-item.bx-theme-red:hover{background:#e63c3c}.bx-theme-red.bx-inclinkspersonal-selected{background:#e95c5c}.bx-inclinkspersonal-item.bx-theme-yellow:hover{background:#f4a52e}.bx-theme-yellow.bx-inclinkspersonal-selected{background:#fbb859}.btn-primary,.list-group-item.active{border-color:var(--theme-b-bd-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:hover{border-color:var(--theme-b-bd-primary-hover);background-color:var(--theme-b-bg-primary-hover);color:var(--theme-b-tx-primary-hover)}.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.btn-primary.disabled,.btn-primary:disabled{border-color:var(--theme-b-bg-primary);background-color:var(--theme-b-bg-primary);color:var(--theme-b-tx-primary)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-b-bd-primary-active);background-color:var(--theme-b-bg-primary-active);color:var(--theme-b-tx-primary-active)}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}.form-control:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 .2rem var(--theme-b-sd-primary)}a,.btn-link{color:var(--theme-b-link)}a:hover,.btn-link:hover{color:var(--theme-b-link-hover)}.g-font-size-15{font-size:15px}.g-font-size-17{font-size:17px}.g-font-size-20{font-size:20px}.text-primary{color:var(--primary) !important}.bg-primary{background:var(--primary) !important}.border-primary{border-color:var(--primary) !important}.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5{text-transform:uppercase;font-size:14px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar li{font-size:12px;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.sidebar-icon{width:27px;height:27px;margin-right:5px;border-radius:50%;background-color:var(--theme-color-primary);background-repeat:no-repeat;background-position:center;} .sidebar-icon-label { background-image: url(/local/templates/eshop_bootstrap_v4/images/label.svg); background-size:19px auto;} .sidebar-icon-delivery { background-image: url(/local/templates/eshop_bootstrap_v4/images/delivery.svg); background-size:17px auto;} .sidebar-icon-sale { background-image: url(/local/templates/eshop_bootstrap_v4/images/sale.svg); background-size:auto 17px;} .sidebar-icon-self { background-image: url(/local/templates/eshop_bootstrap_v4/images/self.svg); background-size:auto 17px;} .sidebar-icon-phone { background-image: url(/local/templates/eshop_bootstrap_v4/images/phone_white.svg); background-size:auto 21px} /* End */ /* /local/templates/eshop_bootstrap_v4/mf-header.css?177971925823661 */ /* /local/templates/eshop_bootstrap_v4/mf-footer.css?17781439042255 */ /* /local/templates/eshop_bootstrap_v4/mf-text-page.css?177814390411997 */ /* /local/templates/eshop_bootstrap_v4/mf-mainpage.css?177971925842743 */ /* /bitrix/components/bitrix/menu/templates/bootstrap_v4/style.min.css?176200931210230 */ /* /local/components/bitrix/sale.basket.basket.line/templates/bootstrap_v4/style.min.css?17781439044065 */ /* /local/templates/eshop_bootstrap_v4/template_styles.min.css?17781439048037 */