/* Start:/local/templates/rusvibro_new/css/shared.css?179206548215705*/ /* Shared header/footer styles for all pages and viewport widths. */ @font-face{font-family:Roboto;src:url('/local/templates/rusvibro_new/assets/fonts/roboto-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:"Roboto Text";src:url('/local/templates/rusvibro_new/assets/fonts/roboto-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:Roboto;src:url('/local/templates/rusvibro_new/assets/fonts/roboto-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:Roboto;src:url('/local/templates/rusvibro_new/assets/fonts/roboto-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'Noto Sans';src:url('/local/templates/rusvibro_new/assets/fonts/noto-sans-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'Noto Sans';src:url('/local/templates/rusvibro_new/assets/fonts/noto-sans-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap} .site-header,.site-footer{box-sizing:border-box;font:16px/1.5 Roboto,Arial,sans-serif} .site-header *,.site-footer *{box-sizing:border-box} .site-header p,.site-footer p,.site-footer h3{margin:0} .site-header a,.site-footer a{text-decoration:none;cursor:pointer;transition:color .18s} .site-header img,.site-footer img{display:block;max-width:100%;object-fit:contain} .site-header button,.site-footer button{font:inherit;border:0;cursor:pointer} .site-header .container,.site-footer .container{width:1180px;max-width:calc(100% - 48px);margin:auto} .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:200;height:178px;background:#0b294d} .site-header .topbar{height:30px;display:flex;align-items:center;justify-content:space-between;font:400 13px/20px Roboto,Arial,sans-serif;color:#8696a5;white-space:nowrap} .site-header .topbar nav{display:flex;gap:24px;font-weight:400} .site-header .topbar nav a{font-weight:400} .site-header .topbar p{font:400 12px/20px Roboto,Arial,sans-serif} .site-header .header-main{position:relative;height:112px;display:flex;align-items:center;gap:20px;padding:0;flex-wrap:nowrap} .site-header .logo{flex:none;pointer-events:auto;margin:0} .site-header .logo img{width:220px;height:45px} .site-header .logo{order:1} .site-header .menu-toggle{order:2;width:20px;background:none;padding:0;display:grid;gap:4px;margin-left:16px} .site-header .menu-toggle span{height:3px;width:20px;background:#d4dde4} .site-header #catalog-area{order:3;position:relative;flex:none;z-index:420} .site-header .catalog-button{height:40px;padding:0 15px;border:0;border-radius:10px;background:#2196ed;color:#fff!important;font:700 14px/20px 'Noto Sans',sans-serif;display:flex;gap:10px;align-items:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;text-decoration:none} .site-header .header-mobile-phone{display:none} .site-header .search{order:4} .site-header .header-contacts{order:5} .site-header .compare-button{order:6} .site-header .cart-button{order:7} .site-header .catalog-button:hover{color:#fff!important;filter:brightness(.94);box-shadow:0 4px 12px #0002} .site-header .catalog-button .rv-sprite-drop{display:block} .site-header .search{display:flex;background:#2196ed;border-radius:6px;height:40px;width:320px;margin-left:3px} .site-header .search button{background:none;padding:0 18px} .site-header .search-icon{display:block;position:relative;width:14px;height:14px;border:2px solid #fff;border-radius:50%} .site-header .search-icon:after{content:'';position:absolute;width:6px;height:2px;right:-5px;bottom:-3px;background:#fff;transform:rotate(45deg)} .site-header .search input{min-width:0;width:100%;border:0;background:none;color:#fff;outline:0;font:14px Roboto} .site-header .search input::placeholder{color:#d1e7f8} .site-header .header-contacts{margin-left:auto;width:230px;flex:none;align-self:stretch;padding-top:8px;font:700 16px/24px 'Noto Sans',sans-serif;color:#dee6ed;position:relative} .site-header .header-contacts a{display:flex;align-items:center;gap:8px;white-space:nowrap} .site-header .header-contacts>a:not(.email){height:32px} .site-header .header-contacts img{width:28px;height:28px;flex:none} .site-header .header-contacts .telegram{display:flex;background:none;align-items:center;justify-content:center;width:28px;height:28px;flex:none;transform:none} .site-header .header-contacts .email{font:400 13px/20px Roboto;padding-left:36px} .site-header .header-contacts small{display:block;position:static;margin-top:2px;max-width:100%;padding-left:36px;font:400 11px/14px Roboto,Arial,sans-serif;color:#8696a5;white-space:normal} .site-header .compare-button{display:flex;justify-content:center;align-items:center;color:#8294a9;background:none;line-height:1;padding:0;position:relative;flex:none;width:43px;height:44px} .site-header .compare-button:before{content:'';position:absolute;left:0;top:12px;width:1px;height:20px;background:#1976d2} .site-header .cart-button{position:relative;flex:none;background:none;border:1px solid #2196ed;border-radius:8px;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center} .site-header .cart-count{position:absolute;top:-10px;right:-7px;background:#f57c00;color:#fff;border-radius:50%;font:700 12px/20px Roboto,Arial,sans-serif;width:20px;height:20px;text-align:center} .site-header .cart-symbol{display:flex;justify-content:center;align-items:center;border:0;width:22px;height:20px;margin:0;position:static;transform:none} .site-header .cart-symbol:before,.site-header .cart-symbol:after{content:none} .site-header .main-nav{height:36px;border-top:1px solid #65778b;display:block} .site-header .main-nav>.container{height:100%;display:flex;align-items:center;justify-content:space-between;font:400 16px/24px Roboto,Arial,sans-serif;padding:0} .site-header .main-nav a{color:#a6b0ba;font-weight:400} .site-header a:not(.catalog-button):hover,.site-header a:not(.catalog-button):focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:#f57c00!important} .site-header .catalog-menu{display:none} .site-footer{height:380px;background:#081f3a;color:#8995a0;padding:59px 0 0} .site-footer .footer-grid{display:grid;grid-template-columns:220px 220px 460px 220px;gap:20px} .site-footer .footer-grid h3{font:700 14px/25px 'Noto Sans',sans-serif;text-transform:uppercase;margin:0 0 22px;color:inherit} .site-footer .footer-grid>div>a{display:block;font:14px/25px Roboto} .site-footer .footer-contacts>a:not(.footer-email){font:700 24px/30px 'Noto Sans',sans-serif;margin-bottom:17px;white-space:nowrap} .site-footer .footer-contacts small{font:13px/17px Roboto;display:block} .site-footer .footer-contacts .footer-email{font:13px/17px Roboto;color:#c4cbd3} .site-footer .socials{display:flex;align-items:center;gap:20px;margin-top:14px} .site-footer .socials a{display:inline-flex;line-height:0} .site-footer .socials img{width:32px;height:32px} @media(min-width:1280px){.design-viewport{margin-top:-178px}} @media(max-width:1500px){.site-header .topbar{font-size:11px}.site-header .topbar nav{gap:18px}.site-header .topbar p{font-size:11px}} @media(max-width:1279px){ .site-header .container,.site-footer .container{width:calc(100% - 48px);max-width:none} .site-header .topbar p{font-size:10px}.site-header .topbar nav{font-size:11px;gap:12px} .site-header .header-main{gap:12px}.site-header .logo img{width:185px;height:auto}.site-header .menu-toggle{margin-left:0}.site-header .search{width:260px}.site-header .header-contacts{width:215px} .site-footer .footer-grid{grid-template-columns:1fr 1fr 2fr 1fr}.site-footer .footer-contacts>a:not(.footer-email){font-size:20px} } @media(max-width:1000px){ .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:200;height:auto}.site-header .topbar{display:none}.site-header .header-main{height:auto;min-height:0;flex-wrap:wrap;padding:15px 0;gap:12px 10px;align-items:center} .site-header .header-contacts{display:none} .site-header .menu-toggle{order:1;margin-left:0} .site-header .logo{order:2;margin-right:0;flex:1 1 auto;min-width:0} .site-header .logo img{width:170px} .site-header #catalog-area{order:3} .site-header .header-mobile-phone{ order:4; display:inline-flex; align-items:center; justify-content:center; flex:none; width:40px; height:40px; padding:0; border-radius:0; background:none; color:#fff!important; text-decoration:none!important; } .site-header .header-mobile-phone__text{display:none} .site-header .header-mobile-phone__icon{ display:block; width:22px; height:22px; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.2 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1L6.6 10.8z'/%3E%3C/svg%3E") center/contain no-repeat; } .site-header .search{order:5;width:250px} .site-header .cart-button{order:6} .site-header .main-nav{display:none!important} .site-footer{height:auto;padding:45px 0}.site-footer .footer-grid{grid-template-columns:1fr 1.1fr 1fr 1.2fr}.site-footer .footer-contacts>a:not(.footer-email){font-size:17px}.site-footer .footer-grid>div>a{font-size:12px}.site-footer .footer-grid h3{font-size:12px}.site-footer .footer-contacts small{font-size:10px} } @media(max-width:700px){ .site-header{position:-webkit-sticky;position:sticky;top:0;z-index:200} .site-header .container,.site-footer .container{width:calc(100% - 32px)} .site-header .header-main{height:auto;min-height:0;gap:10px 8px;align-content:flex-start;align-items:center} .site-header .menu-toggle{order:1;width:24px;margin-left:0;flex:none} .site-header .logo{order:2;margin-right:0;flex:1 1 auto;min-width:0} .site-header .logo img{width:min(160px,42vw);height:auto} .site-header #catalog-area{order:3;flex:none} .site-header .catalog-button{justify-content:center;height:36px;font-size:12px;padding:0 10px;flex:none} .site-header .header-mobile-phone{ order:4; display:inline-flex; align-items:center; justify-content:center; flex:none; width:40px; height:40px; padding:0; border-radius:0; background:none; color:#fff!important; text-decoration:none!important; } .site-header .header-mobile-phone__text{display:none} .site-header .header-mobile-phone__icon{ display:block; width:22px; height:22px; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.2 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1L6.6 10.8z'/%3E%3C/svg%3E") center/contain no-repeat; } .site-header .search{order:5;flex:1 1 calc(100% - 52px);width:auto;min-width:0;max-width:calc(100% - 52px);margin:0;height:38px} .site-header .cart-button{order:6;margin-left:0;width:40px;height:40px;flex:none} .site-header .compare-button{display:none} .site-header .cart-count{background:#f57c00!important;color:#fff!important;top:-8px;right:-8px;font:700 12px/20px Roboto,Arial,sans-serif;width:20px;height:20px;text-align:center} .site-header .cart-symbol{border:0!important;width:22px;height:20px;margin:0;position:static;transform:none!important;background:none!important} .site-header .cart-symbol:before,.site-header .cart-symbol:after{content:none!important} .site-header .main-nav{display:none!important} .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.site-footer .footer-grid>div:nth-child(3){grid-column:1}.site-footer .footer-grid>div:nth-child(4){grid-column:2;grid-row:2}.site-footer .footer-grid h3{font-size:12px;margin-bottom:15px}.site-footer .footer-grid>div>a{font-size:12px;line-height:26px}.site-footer .footer-contacts>a:not(.footer-email){font-size:16px;margin-bottom:12px}.site-footer .footer-contacts small{font-size:9px}.site-footer .socials{gap:14px}.site-footer .socials img{width:28px;height:28px} } /* Мобильное mmenu */ .mobile-holder[hidden]{display:none!important} .mobile-holder{display:none;position:fixed;inset:0;z-index:1010;background:rgba(0,0,0,.45);-webkit-tap-highlight-color:transparent} .mobile-menu-active .mobile-holder{display:block} .header-catalog{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transform:translateX(-100%); transition:transform .45s cubic-bezier(.19,1,.22,1); backface-visibility:hidden; overflow:hidden; } .mobile-menu-active .header-catalog{transform:translateX(0)} .header-catalog__close{ display:block; position:absolute; top:0; right:0; z-index:999; width:50px; height:50px; border:0; background:transparent; cursor:pointer; } .header-catalog__close:after{ content:""; position:absolute; left:50%; top:50%; width:16px; height:16px; transform:translate(-50%,-50%); background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.242 5.242'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M.5.5l4.242 4.242M.5 4.742L4.742.5'/%3E%3C/svg%3E") center/100% no-repeat; } html.mobile-menu-active{overflow:hidden} #rv-mobile-menu.mm, #rv-mobile-menu.mm ul, #rv-mobile-menu.mm li, #rv-mobile-menu.mm a, #rv-mobile-menu.mm span{ color:#616161!important; } #rv-mobile-menu.mm .main{ color:#fff!important; background:#5894ef!important; } #rv-mobile-menu.mm .light a{ color:#616161!important; font-weight:400; } .rv-cart-dialog{box-sizing:border-box;width:700px;max-width:calc(100% - 32px);max-height:85vh;border:0;border-radius:16px;padding:24px;color:#24466d;font:16px/1.5 Roboto,sans-serif;overflow:auto} .rv-cart-dialog::backdrop{background:#0b294d99}.rv-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.rv-cart-heading h2{margin:0;font:700 24px 'Noto Sans',sans-serif}.rv-cart-heading button{border:0;background:none;font-size:30px;cursor:pointer} .rv-cart-row{display:grid;grid-template-columns:90px minmax(0,1fr) 100px auto;gap:16px;align-items:center;padding:18px 0;border-top:1px solid #eaeaea}.rv-cart-row img{width:90px;height:80px;object-fit:contain}.rv-cart-row a{font-weight:700;color:#24466d;text-decoration:none}.rv-cart-row a:hover{color:#f57c00}.rv-cart-row p{margin:4px 0}.rv-cart-quantity{display:flex;align-items:center;justify-content:space-between;gap:8px}.rv-cart-quantity button{width:30px;height:36px;background:#f1f7fb;border:1px solid #c2c2c2;border-radius:6px;cursor:pointer}.rv-cart-remove{border:0;background:none;color:#616161;cursor:pointer;font:14px Roboto}.rv-cart-remove:hover{color:#f57c00}.rv-cart-total{font-size:20px;font-weight:700}.rv-cart-toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%);background:#0b294d;color:white;border-radius:10px;padding:14px 20px;margin:0;max-width:calc(100% - 32px);font:14px/21px Roboto;box-shadow:0 4px 16px #0003} @media(max-width:600px){.rv-cart-dialog{padding:20px}.rv-cart-row{grid-template-columns:70px minmax(0,1fr);gap:12px}.rv-cart-row img{width:70px;height:70px}.rv-cart-quantity{grid-column:2;width:110px}.rv-cart-remove{grid-column:2;justify-self:start;padding:0}.rv-cart-heading h2{font-size:22px}} @media(max-width:600px){.site-footer .footer-grid>div>a{font-size:14px;line-height:25px}.site-footer .footer-contacts small{font-size:12px;line-height:18px}.site-footer .footer-contacts .footer-email{font-size:13px}.site-footer .footer-contacts>a:not(.footer-email){white-space:normal;overflow-wrap:anywhere}} /* End */ /* Start:/local/templates/rusvibro_new/css/sprites.css?1791199745543*/ /* Icon sprites for header/footer shell */ .rv-sprite{display:inline-block;flex:none;background:url(/local/templates/rusvibro_new/css/../assets/figma/product-imgBefore.png) no-repeat;background-size:200px 561px;vertical-align:middle} .rv-sprite-favorite{width:23px;height:22px;background-position:0 0} .rv-sprite-cart{width:22px;height:20px;background-position:-42px 0} .rv-sprite-drop{width:11px;height:9px;background-position:-83px 0;display:block;align-self:center} .rv-sprite-menu{width:19px;height:19px;background-position:-64px 0} [hidden]{display:none!important} /* End */ /* Start:/local/templates/rusvibro_new/css/content.css?179206111316914*/ /* Shell tweaks + content styles for pages without dedicated layout markup */ .site-header #title-search{display:contents} .site-header [id^="bx_basket"]{display:contents} .site-header .main-nav a.accent{color:#f57c00;font-weight:400} body.rv-inner{background:#fff} body.rv-home #main.rv-page{width:auto;max-width:none;margin:0;padding:0} body.rv-home .form-status{margin-top:12px;color:#0b294d;font-weight:700} :root{ --rv-navy:#0b294d; --rv-footer:#081f3a; --rv-blue:#2196ed; --rv-orange:#ff8500; --rv-ink:#24466d; --rv-heading:#616161; --rv-muted:#777; --rv-border:#c2c2c2; --rv-light:#f1f7fb; --rv-light-blue:#eaf3fa; } html{ scroll-behavior:smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } body{ margin:0; font:400 16px/1.5 Roboto,Arial,sans-serif; color:var(--rv-muted); background:#fff; } img{max-width:100%;height:auto} a{color:var(--rv-blue);text-decoration:none} a:hover:not(.button):not(.btn):not(.catalog-button){color:var(--rv-orange)} .button.primary, .button.primary:hover, .button.primary:focus-visible{ color:#123758!important; background:var(--rv-orange); } .button.outline, .button.outline:hover, .button.outline:focus-visible{ color:#444!important; background:#fff; border:1px solid var(--rv-orange); } .skip-link{ position:fixed;z-index:30;left:12px;top:-100px; background:#fff;padding:12px;border-radius:8px; } .skip-link:focus{top:12px} body.rv-inner #main.rv-page, .rv-page{ width:1180px; max-width:calc(100% - 48px); margin:0 auto; padding:32px 0 56px; box-sizing:border-box; font-weight:400; } /* Когда #main уже колонка 1180 — крошки на всю её ширину */ .rv-page .rv-breadcrumb{ width:100%; max-width:none; margin:0 0 20px; } /* Каталог / товар / заказ: #main на всю ширину — крошки центрируем как контент */ body.rv-inner.rv-product-page #main.rv-page .rv-breadcrumb, body.rv-inner.rv-catalog-page #main.rv-page .rv-breadcrumb, body.rv-inner.rv-checkout-page #main.rv-page .rv-breadcrumb{ width:1180px; max-width:calc(100% - 48px); margin:16px auto 12px; box-sizing:border-box; } @media(max-width:700px){ body.rv-inner.rv-product-page #main.rv-page .rv-breadcrumb, body.rv-inner.rv-catalog-page #main.rv-page .rv-breadcrumb, body.rv-inner.rv-checkout-page #main.rv-page .rv-breadcrumb{ max-width:calc(100% - 32px); margin-top:12px; } } .rv-page__title{ margin:0 0 24px; font:700 20px/30px 'Noto Sans',sans-serif; color:var(--rv-heading); text-transform:uppercase; } .rv-breadcrumb{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:1180px; max-width:calc(100% - 48px); margin:16px auto 8px; padding:0; font-family:"Roboto Text",Arial,sans-serif; font-weight:400; font-style:normal; font-size:13px; line-height:20px; letter-spacing:0; vertical-align:middle; color:#616161; white-space:normal; } .rv-breadcrumb a, .rv-breadcrumb__sep, .rv-breadcrumb__current{ font-family:"Roboto Text",Arial,sans-serif; font-weight:400; font-style:normal; font-size:13px; line-height:20px; letter-spacing:0; vertical-align:middle; } .rv-breadcrumb a{ color:#616161; text-decoration:none; } .rv-breadcrumb a:hover, .rv-breadcrumb a:focus-visible{ color:#f57c00; text-decoration:underline; text-underline-offset:3px; } .rv-breadcrumb__sep{color:#bdbdbd} .rv-breadcrumb__current{color:#616161} @media(max-width:700px){ .rv-breadcrumb{max-width:calc(100% - 32px);margin-top:12px} } .rv-page h1,.rv-page h2,.rv-page h3{ font-family:'Noto Sans',sans-serif; font-weight:700; font-style:normal; font-size:20px; line-height:30px; letter-spacing:0; color:var(--rv-heading); text-transform:uppercase; vertical-align:middle; } .rv-page h1{margin:0 0 20px} .rv-page h2{margin:28px 0 14px} .rv-page h3{margin:24px 0 12px} .rv-page p,.rv-page li,.rv-page dd,.rv-page td,.rv-page .tab-content{ font:400 16px/1.5 "Roboto Text",Arial,sans-serif; font-weight:400; color:#777; } .rv-page p{margin:0 0 14px} .rv-page b,.rv-page strong{font-weight:700;color:#616161} .rv-page ul,.rv-page ol{margin:0 0 18px;padding-left:22px;color:var(--rv-muted)} .rv-page table{width:100%;border-collapse:collapse;margin:0 0 24px;font:400 14px/1.5 Roboto,sans-serif} .rv-page table th,.rv-page table td{ border:1px solid var(--rv-border); padding:10px 12px; text-align:left; } .rv-page table th{background:var(--rv-light);color:var(--rv-ink);font-weight:700} .rv-page input[type=text], .rv-page input[type=tel], .rv-page input[type=email], .rv-page input[type=password], .rv-page textarea, .rv-page select{ box-sizing:border-box; width:100%; max-width:480px; padding:12px 14px; border:1px solid var(--rv-border); border-radius:8px; font:inherit; font-weight:400; } .rv-page textarea{min-height:120px} .rv-page input[type=submit], .rv-page button[type=submit], .rv-page .btn, .rv-page .button{ display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; border:0; border-radius:10px; background:var(--rv-orange); color:#081f3a!important; font:700 14px/1.2 'Noto Sans',sans-serif; text-transform:uppercase; cursor:pointer; } .rv-page .btn:hover, .rv-page .button:hover, .rv-page input[type=submit]:hover{filter:brightness(.96);color:#081f3a!important} .rv-page .btn-primary, .rv-page .btn-default{ background:#fff; border:1px solid var(--rv-border); color:#0b294d!important; } .rv-page .btn-primary:hover, .rv-page .btn-default:hover{color:#0b294d!important;border-color:#f57c00} /* Legacy bootstrap-like columns inside content pages */ .rv-page .inner, .rv-page .container{width:auto;max-width:none;margin:0;padding:0;float:none} .rv-page .row{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:32px 40px; width:auto; max-width:none; margin:0 0 28px; padding:0; float:none; } .rv-page .row:after, .rv-page .row:before{display:none} .rv-page .col-md-6, .rv-page .col-md-14, .rv-page .col-md-20, .rv-page .col-sm-8, .rv-page .col-sm-12, .rv-page .col-sm-4{ width:auto; float:none; padding:0; margin:0; max-width:none; } .rv-page .contacts{ margin:0; } .rv-page .contacts dt{ margin:16px 0 4px; font:700 13px/1.3 'Noto Sans',sans-serif; text-transform:uppercase; color:var(--rv-ink); } .rv-page .contacts dt:first-child{margin-top:0} .rv-page .contacts dd{ margin:0; font:400 15px/1.6 Roboto,sans-serif; color:#616161; } .rv-page .contacts-messengers, .contacts-messengers{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 20px; margin-top:4px; } .rv-page .contacts-messengers a, .contacts-messengers a{ display:inline-flex; align-items:center; gap:10px; line-height:1.2; color:#24466d; font:700 14px/1.2 'Noto Sans',sans-serif; text-decoration:none; } .rv-page .contacts-messengers a:hover, .contacts-messengers a:hover{color:#f57c00} .rv-page .contacts-messengers img, .contacts-messengers img{ display:block; width:32px; height:32px; flex:none; } .rv-page .form-wrap, .rv-page .form-horizontal, .rv-page form{ max-width:100%; } .rv-page .form-group{margin:0 0 16px} .rv-page .control-label{ display:block; margin:0 0 6px; font:400 13px/1.3 Roboto,sans-serif; color:var(--rv-muted); text-transform:none; } .rv-page .form-control, .rv-page .form-control_dark{ max-width:100%; } .rv-page .tab-content{ max-width:100%; font:400 16px/1.5 "Roboto Text",Arial,sans-serif; font-weight:400; color:#777; } .rv-page .tab-content p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:99; overflow:hidden; font:400 16px/1.5 "Roboto Text",Arial,sans-serif; font-weight:400; color:#777; } .rv-page .tab-content li, .rv-page .tab-content td, .rv-page .tab-content dd, .rv-page .tab-content span, .rv-page .tab-content div, .rv-page .tab-content font{ font:400 16px/1.5 "Roboto Text",Arial,sans-serif; font-weight:400; color:#777; } .rv-page .tab-content ul li, .rv-page .tab-content ol li{ margin:0 0 8px; } .rv-page .tab-content b, .rv-page .tab-content strong{ font-family:Roboto,Arial,sans-serif; font-weight:700; color:#616161; } .rv-page .tab-content h1, .rv-page .tab-content h2, .rv-page .tab-content h3{ font-family:'Noto Sans',sans-serif; font-weight:700; font-size:20px; line-height:30px; color:var(--rv-heading); text-transform:uppercase; } /* Заголовки на голубом фоне */ .rv-page .rv-light-blue h1, .rv-page .rv-light-blue h2, .rv-page .rv-light-blue h3, .rv-page [style*="background:#eaf3fa"] h1, .rv-page [style*="background:#eaf3fa"] h2, .rv-page [style*="background:#eaf3fa"] h3, .rv-page [style*="background: #eaf3fa"] h1, .rv-page [style*="background: #eaf3fa"] h2, .rv-page [style*="background: #eaf3fa"] h3{ color:var(--rv-navy); } .rv-page .privacy{ margin-top:16px; font:400 13px/1.5 Roboto,sans-serif; color:var(--rv-muted); } /* /stati/ list + article detail (legacy news-list / news-item markup) */ .rv-page .news-list{ display:flex; flex-direction:column; gap:0; margin:0 0 32px; } .rv-page .news-list__item{ display:flex; gap:24px; align-items:flex-start; padding:0 0 28px; margin:0 0 28px; border-bottom:2px solid #f5f5f5; } .rv-page .news-list__item:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0; } .rv-page .news-list__image{ flex:none; width:176px; margin:0; } .rv-page .news-list__image img{ display:block; width:176px; height:auto; border:2px solid #f5f5f5; box-sizing:border-box; } .rv-page .news-list__details{ flex:1 1 auto; min-width:0; margin:0; color:#838383; font:400 14px/1.6 Roboto,sans-serif; } .rv-page .news-list__details p{margin:0 0 8px} .rv-page .news-list__details p:last-child{margin-bottom:0} .rv-page .news-list__date, .rv-page .news-item__date{ color:var(--rv-blue); font:700 14px/1.3 Roboto,sans-serif; margin:0 0 9px; } .rv-page .news-list__title{ margin:0 0 11px; font:700 20px/1.35 'Noto Sans',sans-serif; color:#616161; } .rv-page .news-list__title a{ color:#616161; text-decoration:none; } .rv-page .news-list__title a:hover, .rv-page .news-list__title a:focus-visible{ color:var(--rv-orange); } .rv-page .bx-newslist-content{ color:#838383; font:400 14px/1.65 Roboto,sans-serif; } .rv-page .news-item__details{ color:var(--rv-muted); font:400 15px/1.7 Roboto,sans-serif; } .rv-page .news-item__details p{margin:0 0 14px} .rv-page .news-item__photos{ display:flex; flex-wrap:wrap; gap:16px 20px; margin:20px 0; } .rv-page .news-item__photos a{display:inline-block;line-height:0} .rv-page .news-item__photos img{ display:block; max-height:180px; width:auto; border:1px solid var(--rv-border); } .rv-page .news-list + .bx-pagination, .rv-page .bx-pagination{ margin:24px 0 0; } .rv-page .pagination__holder, .pagination__holder{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; margin:28px 0 0; padding:0; text-align:center; } .rv-page ul.pagination, ul.pagination{ display:flex!important; flex-direction:row!important; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; width:auto!important; max-width:100%; margin:0!important; padding:0!important; list-style:none!important; color:inherit; } .rv-page ul.pagination>li, ul.pagination>li{ display:inline-flex!important; flex:0 0 auto; float:none!important; clear:none!important; width:auto!important; max-width:none; margin:0; padding:0; list-style:none; } .rv-page ul.pagination>li:before, ul.pagination>li:before{ display:none!important; content:none!important; } .rv-page ul.pagination>li>a, .rv-page ul.pagination>li>span, ul.pagination>li>a, ul.pagination>li>span{ display:inline-flex!important; align-items:center; justify-content:center; box-sizing:border-box; flex:0 0 auto; width:auto!important; min-width:36px; height:35px; padding:8px 14px; margin:0!important; border:1px solid #eaeaea; border-radius:6px; background:#f5f5f5; color:#616161; font:14px/18px Roboto,sans-serif; text-decoration:none; float:none!important; } .rv-page ul.pagination>li>a:hover, ul.pagination>li>a:hover{ border-color:#f57c00; color:#616161; } .rv-page ul.pagination>li.active>span, .rv-page ul.pagination>li.active>a, ul.pagination>li.active>span, ul.pagination>li.active>a{ background:#2196f3; border-color:#2196f3; color:#fff; font-weight:700; } .rv-page ul.pagination>li.next>a, .rv-page ul.pagination>li.prev>a, ul.pagination>li.next>a, ul.pagination>li.prev>a{ width:40px!important; padding:0; } .rv-page ul.pagination>li.next>a span, .rv-page ul.pagination>li.prev>a span, ul.pagination>li.next>a span, ul.pagination>li.prev>a span{ display:inline-block; width:8px; height:8px; border-top:2px solid currentColor; border-right:2px solid currentColor; } .rv-page ul.pagination>li.next>a span, ul.pagination>li.next>a span{transform:rotate(45deg)} .rv-page ul.pagination>li.prev>a span, ul.pagination>li.prev>a span{transform:rotate(-135deg)} @media(max-width:700px){ .rv-page .pagination__holder, .pagination__holder{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap; justify-content:center; overflow-x:auto; -webkit-overflow-scrolling:touch; } .rv-page ul.pagination, ul.pagination{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; justify-content:center; width:auto!important; max-width:100%; white-space:nowrap; } .rv-page ul.pagination>li, ul.pagination>li{ display:inline-flex!important; flex:0 0 auto!important; width:auto!important; } } /* /delivery/ — перевозчики горизонтальной каруселью */ .rv-delivery-carousel{ position:relative; margin:0 0 28px; } .rv-delivery-carousel__viewport{ overflow:hidden; } .rv-page ul.delivery, .rv-delivery-carousel ul.delivery{ list-style:none; display:flex; gap:20px; margin:0; padding:4px 2px 12px; overflow-x:auto; scroll-snap-type:none; scroll-behavior:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .rv-page ul.delivery::-webkit-scrollbar, .rv-delivery-carousel ul.delivery::-webkit-scrollbar{display:none} .rv-page ul.delivery>li, .rv-delivery-carousel ul.delivery>li{ flex:0 0 180px; width:180px; margin:0; padding:0; list-style:none; text-align:center; scroll-snap-align:start; } .rv-page ul.delivery>li:before, .rv-delivery-carousel ul.delivery>li:before{display:none;content:none} .rv-page ul.delivery .delivery__image, .rv-delivery-carousel .delivery__image{ display:flex; align-items:center; justify-content:center; box-sizing:border-box; height:110px; margin:0 0 10px; padding:14px; border:2px solid #f5f5f5; border-radius:12px; background:#fff; } .rv-page ul.delivery .delivery__image img, .rv-delivery-carousel .delivery__image img{ display:block; width:auto; max-width:100%; height:auto; max-height:72px; object-fit:contain; margin:0 auto; } .rv-page ul.delivery .delivery__name, .rv-delivery-carousel .delivery__name{ margin:0 0 6px; font:700 14px/1.3 'Noto Sans',sans-serif; color:#616161; } .rv-page ul.delivery>li>a, .rv-delivery-carousel ul.delivery>li>a{ display:inline-block; max-width:100%; font:400 12px/1.35 Roboto,sans-serif; color:#2196f3; word-break:break-all; } .rv-page ul.delivery>li>a:hover, .rv-delivery-carousel ul.delivery>li>a:hover{color:#f57c00} .rv-delivery-carousel__btn{ position:absolute; top:50%; z-index:2; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:1px solid #c2c2c2; border-radius:50%; background:#fff; color:#0b294d; font:700 22px/1 Roboto,sans-serif; text-align:center; cursor:pointer; box-shadow:0 2px 8px #0b294d14; transform:translateY(-50%); } .rv-delivery-carousel__btn:hover{ border-color:#f57c00; color:#f57c00; } .rv-delivery-carousel__btn:disabled{ opacity:.35; cursor:default; border-color:#c2c2c2; color:#0b294d; } .rv-delivery-carousel__btn--prev{ left:-6px; padding:0 2px 3px 0; } .rv-delivery-carousel__btn--next{ right:-6px; padding:0 0 3px 2px; } @media(max-width:1000px){ .rv-page .row{grid-template-columns:1fr} .rv-page ul.delivery>li, .rv-delivery-carousel ul.delivery>li{flex-basis:160px;width:160px} } @media(max-width:700px){ body.rv-inner #main.rv-page, .rv-page{max-width:calc(100% - 32px);padding:24px 0 40px} .rv-page__title,.rv-page h1{font-size:22px} .rv-page .news-list__item{flex-direction:column;gap:16px;padding-bottom:22px;margin-bottom:22px} .rv-page .news-list__image, .rv-page .news-list__image img{width:100%;max-width:280px} .rv-page .news-list__title{font-size:18px} .rv-page ul.delivery>li, .rv-delivery-carousel ul.delivery>li{flex-basis:148px;width:148px} .rv-delivery-carousel__btn{width:32px;height:32px;font-size:18px;top:50%;transform:translateY(-50%)} .rv-delivery-carousel__btn--prev{left:0;padding:0 2px 3px 0} .rv-delivery-carousel__btn--next{right:0;padding:0 0 3px 2px} } /* End */ /* Start:/f/css/mmenu-light.css?15611034583972*/ .mm,.mm a,.mm li,.mm span,.mm ul { display: block; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .mm a,.mm li,.mm span,.mm ul { border-width: 0; border-style: inherit; border-color: inherit; background: #fff } :root { --mm-color:#212121;--mm-item-height:50px;--mm-item-indent:20px;--mm-line-height:24px;--mm-navbar-height:var(--mm-item-height);--mm-arrow-color:rgba(0, 0, 0, 0.3);--mm-arrow-size:15px;--mm-arrow-weight:2px} .mm { color: var(--mm-arrow-color); border-top: 0 solid rgba(0,0,0,.1); line-height: var(--mm-line-height); font-family: 'Noto Sans', Arial, sans-serif; background-color: #212121; } .mm.mm--open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .mm { cursor: pointer } .mm:before { content: ''; display: block; position: absolute; top: 27px; left: 20px; width: 12px; height: 12px; border-left: 3px solid #fff; border-top: 3px solid #fff; -webkit-transform: rotate(-45deg) translate(50%,-50%); -ms-transform: rotate(-45deg) translate(50%,-50%); transform: rotate(-45deg) translate(50%,-50%) } .mm.mm--home { cursor: default } .mm.mm--home:before { content: none; display: none } .mm:after { content: attr(data-mm-title); display: block; position: absolute; top: 0; left: calc(var(--mm-item-indent) + (var(--mm-arrow-size) * 2)); right: calc(var(--mm-item-indent) + (var(--mm-arrow-size) * 2)); line-height: var(--mm-navbar-height); text-align: center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #fff; font-weight: bold; font-family: 'Noto Sans', Arial, sans-serif; } .mm.mm--home:after { content: ''; width: 160px; height: 33px; left:20px; top: 7px; background:url(/f/i/logo-mobile.png) left top no-repeat; background-size: 100%; } .mm ul { position: fixed; top: 50px; bottom: 0; left: 100%; width: 0%; z-index:99999; overflow: hidden; overflow-y: auto; border-top-width: 0; color: var(--mm-color); cursor: default; -webkit-transition: left .45s cubic-bezier(.19,1,.22,1),width 0s ease .3s; -o-transition: left .45s cubic-bezier(.19,1,.22,1),width 0s ease .3s; transition: left .45s cubic-bezier(.19,1,.22,1),width 0s ease .3s; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; background: #fff; /* -webkit-perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible;*/ } .mm ul.mm--open { left: 0; width: 100%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } .mobile-menu-active .mm ul.mm--open { width: 200%; } .mobile-menu-active .mm ul.mm--open li{ width: 50%; } .mm ul.mm--parent { left: -100% } .mm>ul { left: 0; width: 100% } .mm li { position: relative; cursor: pointer; background: #fff; } .mm li:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 12; border-bottom: 1px solid #eaeaea; } .mm li:after { content: ''; display: block; position: absolute; top: 50%; right: 24px; z-index: 0; width: 12px; height: 12px; border: 0 solid #212121; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0; margin-top: -2px; -webkit-transform: rotate(45deg) translate(0,-50%); -ms-transform: rotate(45deg) translate(0,-50%); transform: rotate(45deg) translate(0,-50%) } .mm li.main-holder:after { z-index:11; border-color: #fff; } .mm a,.mm span { position: relative; z-index: 1; padding: 13px 20px; font-weight: bold; } .mm a { text-decoration: none!important; color: inherit!important } .mm a:not(:last-child) { width: calc(100% - 50px); border-right-width: 1px } .mm .light a{font-weight:normal;font-size:14px;} .mm .main {background:#5894ef;color:#fff;text-transform:uppercase;} .mm span { background: 0 0 } /* End */ /* Start:/f/scrollbar/jquery.mCustomScrollbar.min.css?162384218742839*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/f/scrollbar/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/templates/rusvibro_new/css/catalog-menu.css?17920661566146*/ /* Выпадающий каталог в шапке (groups-scroll) */ #menuFader{ visibility:hidden; position:fixed; top:0; right:0; left:0; bottom:0; z-index:190; background:#000; opacity:0; pointer-events:none; transition:opacity .25s,visibility .25s; } #menuFader.faded{ visibility:visible; opacity:.2; pointer-events:auto; } html.rv-catalog-open .site-header{z-index:420} #catalog-area.open, #catalog-area.i-faded-page{z-index:421} #catalog-area.open::before{ content:""; position:absolute; left:0; right:0; top:100%; height:16px; } #catalog-area .categories{ display:none; z-index:431; position:absolute; left:0; top:calc(100% - 6px); margin-top:0; width:240px; font:14px/20px Roboto,Arial,sans-serif; white-space:normal; box-shadow:0 8px 24px #0b294d26; border-radius:12px 0 0 12px; overflow:hidden; } #catalog-area.open .categories{display:block} #catalog-area .categories__top{ position:relative; background:#fff; } #catalog-area .categories__top-holder{ list-style:none; padding:0; margin:0; } #catalog-area .categories__top-holder .category>a{ display:block; position:relative; z-index:100; color:#616161; padding:14px 28px 14px 18px; font-weight:400; text-decoration:none; border-bottom:1px solid #eaeaea; transition:background .18s,color .18s; } #catalog-area .categories__top-holder .category:last-child>a{border-bottom:0} #catalog-area .categories__top-holder .category>a:hover, #catalog-area .categories__top-holder .category>a.hovered, #catalog-area .categories__top-holder .category>a.active{ background:#f1f7fb; color:#0b294d; } #catalog-area .categories__top-holder .category>a.has-children:after{ content:""; position:absolute; top:50%; right:12px; width:7px; height:7px; margin-top:-4px; border-right:2px solid #9e9e9e; border-bottom:2px solid #9e9e9e; transform:rotate(-45deg); } #catalog-area .categories__top-holder .category>a.active.has-children:after, #catalog-area .categories__top-holder .category>a.hovered.has-children:after{ border-color:#2196f3; } #catalog-area .categories-sub{ display:none; z-index:430; position:absolute; left:240px; top:calc(100% - 6px); margin-top:0; font:14px/20px Roboto,Arial,sans-serif; background:#f5f5f5; box-shadow:0 8px 24px #0b294d26; border-radius:0 12px 12px 0; overflow:hidden; } #catalog-area .categories_v2, #catalog-area .categories-sub_v2, #catalog-area .compact-height{ height:calc(100vh - 200px); max-height:671px; min-height:200px; } #catalog-area .categories-sub_v2{ right:auto; width:720px; max-width:calc(100vw - 280px); white-space:normal; background:transparent; } #catalog-area .categories-sub_v2 .categories__top{background:#f5f5f5} #catalog-area .categories-sub_v2 .categories__sub-holder{ display:flex; flex-wrap:wrap; } #catalog-area .categories-sub_v2 .categories__sub-column{ margin-left:0; padding:0 0 0 24px; flex:0 0 33.333%; max-width:33.333%; box-sizing:border-box; } #catalog-area .categories-sub_v2 .categories__sub{ display:none; position:static; width:calc(100% - 24px); padding:24px 0 8px; background:transparent; } #catalog-area .categories__sub ul, #catalog-area .categories__sub li{ list-style:none; margin:0; padding:0; } #catalog-area .categories__sub ul{margin-bottom:18px} #catalog-area .categories__sub li{margin-bottom:10px} #catalog-area .categories__sub ul ul{ font-size:13px; line-height:20px; margin-top:12px; margin-bottom:18px; } #catalog-area .categories__sub a{ color:#616161; text-decoration:none; } #catalog-area .categories__sub .category-title{ font:700 15px/22px 'Noto Sans',sans-serif; color:#0b294d; } #catalog-area .categories__sub a:hover, #catalog-area .categories__sub .category-title:hover{ color:#f57c00; text-decoration:underline; } #catalog-area .rv-catalog-back{display:none} #catalog-area .custom-scrollbar .categories__top-holder .category>a.has-children:after{right:15px} body .mCSB_scrollTools{width:8px;z-index:3;opacity:1} body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:3px; background:#ccc!important; border-radius:5px; } .mCSB_inside>.mCSB_container{margin-right:0} .mCSB_scrollTools .mCSB_draggerRail{background:transparent} @media(min-width:1240px){ #catalog-area .categories-sub_v2{width:960px} #catalog-area .categories-sub_v2 .categories__sub-column{ flex:0 0 25%; max-width:25%; } } /* Мобилка: как на старой touch/m-версии — тап по КАТАЛОГ открывает список, тап по категории — подменю */ @media(max-width:1000px){ #catalog-area{ position:static; } #catalog-area.open::before{display:none} #catalog-area .categories, #catalog-area .categories-sub{ position:fixed; left:0; right:0; top:auto; width:100%; max-width:100%; margin:0; border-radius:0 0 12px 12px; box-shadow:0 12px 28px #0b294d33; } #catalog-area.open .categories{ display:block; top:var(--rv-catalog-top, 112px); } #catalog-area .categories-sub{ top:var(--rv-catalog-top, 112px); left:0; z-index:432; background:#f5f5f5; } #catalog-area .categories_v2, #catalog-area .categories-sub_v2, #catalog-area .compact-height{ height:calc(100vh - var(--rv-catalog-top, 112px) - 8px); max-height:none; min-height:180px; } #catalog-area .categories-sub_v2{ width:100%; max-width:100%; background:#f5f5f5; } #catalog-area .categories-sub_v2 .categories__sub-column{ flex:0 0 100%; max-width:100%; padding:0 16px; } #catalog-area .categories-sub_v2 .categories__sub{ width:100%; padding:8px 0 16px; } #catalog-area .categories__top-holder .category>a{ padding:16px 40px 16px 16px; font-size:15px; } #catalog-area .categories__top-holder .category>a.has-children:after{ right:16px; width:8px; height:8px; } #catalog-area .rv-catalog-back{ display:block; width:100%; box-sizing:border-box; border:0; border-bottom:1px solid #e0e0e0; background:#fff; color:#2196f3; font:700 14px/1.3 'Noto Sans',sans-serif; text-align:left; padding:14px 16px; cursor:pointer; } #menuFader{z-index:415} html.rv-catalog-open .site-header{z-index:420} } /* End */ /* Start:/local/templates/rusvibro_new/css/home.css?179206506531358*/ @font-face{font-family:Roboto;src:url('/local/templates/rusvibro_new/assets/fonts/roboto-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('/local/templates/rusvibro_new/assets/fonts/roboto-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('/local/templates/rusvibro_new/assets/fonts/roboto-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('/local/templates/rusvibro_new/assets/fonts/roboto-900.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap} :root{--navy:#0b294d;--footer:#081f3a;--blue:#2196ed;--orange:#ff8500;--ink:#24466d;--muted:#777;--light:#ecf4fa;--border:#c3c3c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Roboto,Arial,sans-serif;color:var(--muted);font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%;object-fit:contain}h1,h2,h3,p,dl,dd{margin:0}h2{font-size:25px;font-weight:900;line-height:1.3;color:var(--ink);text-transform:uppercase}h3{line-height:1.3}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.container{width:1180px;max-width:calc(100% - 48px);margin:auto}.skip-link{position:fixed;z-index:20;background:white;padding:12px;left:12px;top:-100px}.skip-link:focus{top:12px}.site-header{height:178px;background:var(--navy)}.topbar{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:20px;color:#8696a5}.topbar nav{display:flex;gap:24px}.topbar p{font-size:12px}.header-main{position:relative;height:112px;display:flex;align-items:center;gap:20px}.logo{flex:none}.menu-toggle{width:20px;background:none;padding:0;display:grid;gap:4px;margin-left:16px}.menu-toggle span{height:3px;width:20px;background:#d4dde4}.catalog-button{height:40px;padding:0 15px;border-radius:6px;background:var(--blue);color:#fff;font-size:16px;font-weight:700;display:flex;gap:16px;align-items:center}.search{display:flex;background:var(--blue);border-radius:6px;height:40px;width:320px;margin-left:3px}.search button{background:none;padding:0 18px}.search-icon{display:block;position:relative;width:14px;height:14px;border:2px solid #fff;border-radius:50%}.search-icon:after{content:'';position:absolute;width:6px;height:2px;right:-5px;bottom:-3px;background:#fff;transform:rotate(45deg)}.search input{min-width:0;width:100%;border:0;background:none;color:#fff;outline:0;font-size:14px}.search input::placeholder{color:#d1e7f8}.header-contacts{margin-left:auto;width:230px;align-self:stretch;padding-top:11px;font-size:16px;line-height:27px;font-weight:700;color:#dee6ed;position:relative}.header-contacts a{display:flex;align-items:center;gap:6px}.header-contacts img{width:28px;height:28px}.header-contacts .email{font-size:14px;font-weight:400;padding-left:34px;line-height:20px}.header-contacts small{position:absolute;font-size:12px;font-weight:400;left:0;bottom:3px;white-space:nowrap}.telegram{background:#23a9e6;border-radius:50%;color:white;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:19px;transform:rotate(-25deg)}.compare-button{color:#8294a9;background:none;font-size:29px;line-height:1;padding:0}.cart-button{position:relative;background:none;border:1px solid var(--blue);border-radius:8px;width:44px;height:44px;color:#bbb;font-size:30px}.cart-count{position:absolute;top:-10px;right:-7px;background:var(--blue);color:white;border-radius:50%;font-size:13px;width:20px;height:20px;line-height:20px}.cart-symbol{display:block;transform:rotate(180deg);line-height:1}.main-nav{height:36px;border-top:1px solid #65778b}.main-nav>.container{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:24px}.main-nav a{color:#a6b0ba}.main-nav .accent{color:var(--orange)}.catalog-menu{position:absolute;z-index:5;left:285px;top:90px;padding:18px;background:#fff;border:1px solid #d5dce3;box-shadow:0 8px 24px #0002;border-radius:8px}.catalog-menu a{display:block;padding:8px 20px;color:var(--ink)}[hidden]{display:none!important}.hero{height:563px;background:var(--light)}.hero-inner{position:relative;height:100%;display:grid;grid-template-columns:600px 580px}.hero-copy{padding-top:64px}.quality{font-size:14px;color:var(--blue);background:#d7ebfb;border-radius:12px;display:inline-block;padding:1px 8px;line-height:20px}.quality span{color:var(--orange)}h1{margin-top:30px;font-size:30px;font-weight:900;text-transform:uppercase;line-height:50px;color:var(--ink)}h1 span{color:#3988c9}.hero-description{font-size:16px;line-height:26px;margin-top:28px;white-space:nowrap}.mini-benefits{display:flex;gap:34px;align-items:center;margin-top:44px;font-size:14px;line-height:17px;color:var(--orange)}.mini-benefits>div{display:flex;gap:8px;align-items:center;min-width:150px}.mini-benefits>div:nth-child(2){color:#479bdd;min-width:160px}.mini-icon{display:block;flex:none;width:40px;height:40px;background-image:url('/local/templates/rusvibro_new/css/../assets/icons-sprite.png');background-repeat:no-repeat;background-size:200px 561px}.mini-icon.compatibility{background:none;border:1px solid var(--orange);border-radius:50%;position:relative;width:34px;height:34px;margin:3px 5px 3px 10px}.compatibility:before{content:'';border:1px solid var(--orange);width:18px;height:18px;position:absolute;inset:7px}.analogues{background-position:0 0}.warranty{background-position:-105px -6px}.actions{display:flex;gap:32px;margin-top:52px}.button{height:60px;min-width:247px;padding:0 25px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:14px;font-weight:500;line-height:1.2;transition:filter .15s,box-shadow .15s}.button:hover{filter:brightness(.96);box-shadow:0 4px 12px #0001}.primary{background:var(--orange);color:#123758;border:1px solid var(--orange)}.outline{color:#444;background:transparent;border:1px solid var(--orange)}.hero-product{position:relative;height:100%}.hero-white-card{position:absolute;left:56px;top:62px;width:446px;height:390px;background:white;border-radius:20px;box-shadow:0 0 28px #2236473b}.hero-motor{position:absolute;z-index:1;left:99px;top:95px;width:359px;height:323px}.hero-stock,.hero-power,.hero-force{position:absolute;z-index:2;border-radius:18px;box-shadow:0 8px 24px #182e462e;padding:18px 22px;background:white;font-size:16px;line-height:25px}.hero-stock{left:0;top:87px;background:var(--blue);color:#fff;width:155px;height:118px;text-align:center}.hero-stock strong,.hero-power strong,.hero-force strong{display:block;font-size:20px}.hero-force{left:342px;top:298px;width:184px;height:108px;text-align:center;padding:20px 16px}.hero-power{left:109px;top:400px;width:126px;height:100px}.benefits{height:auto;padding:60px 0;display:grid;grid-template-columns:400px 400px 380px;gap:10px}.benefit{display:flex;gap:10px;align-items:flex-start}.benefit img{flex:none;width:60px;height:60px}.benefit strong{text-transform:uppercase;color:var(--ink);font-size:16px;font-weight:900;line-height:18px;display:block;padding-top:12px}.benefit p{font-size:14px;line-height:17px}.catalog{height:auto;padding:60px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.text-link{font-size:14px;font-weight:700;text-transform:uppercase;color:#3488cd;display:inline-flex;align-items:center;gap:20px;background:none;padding:0}.text-link span{font-size:22px;font-weight:400}.section-title>.text-link{margin-right:30px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.category-card{height:180px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:26px 30px;text-align:left;color:#555}.category-card strong{font-size:16px;font-weight:500;line-height:24px;display:block}.category-card small{font-size:13px;line-height:19px;display:block;margin-top:6px}.category-card img{width:134px;height:100px;object-fit:contain}.category-card:last-child img{width:134px;height:100px;margin-right:0}.category-card:hover{border-color:var(--orange)}.task-section{height:auto;background:var(--navy);color:#c6d0dc;padding:60px 0}.task-heading{display:flex;justify-content:space-between;align-items:center}.task-heading h2{color:#dce5ec;margin-top:2px}.eyebrow{display:block;color:#298cd9;font-size:14px;text-transform:uppercase;font-weight:700;line-height:20px}.task-heading .eyebrow{color:#dce5ec}.task-heading p{width:455px;font-size:14px;line-height:17px}.task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:26px}.task-card{display:flex;align-items:center;border:1px solid #8894a3;border-radius:20px;background:none;color:#d1dae4;text-align:left;height:120px;padding:25px 37px;gap:26px}.task-number{font-size:22px;font-weight:700;color:var(--blue);flex:none}.task-card strong{font-size:16px;font-weight:500;display:block;line-height:24px}.task-card small{display:block;font-size:14px;line-height:18px;max-width:355px}.arrow{color:var(--blue);font-size:25px;margin-left:auto;margin-right:30px}.task-card:hover{border-color:var(--blue);background:#133558}.products{height:auto;padding:60px 0}.products .section-title{align-items:flex-end}.products h2{margin-top:3px}.products .section-title>.text-link{margin-right:8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px}.product-card{height:481px;border:1px solid #eaeaea;border-radius:20px;position:relative;padding:24px 16px 20px;background:#fff}.stock{position:absolute;left:16px;top:16px;background:var(--blue);color:#fff;border-radius:12px;box-shadow:0 10px 24px #18365238;padding:12px 22px;font-size:16px}.product-image{width:206px;height:185px;margin:0 auto 21px}.product-body .eyebrow{font-size:14px;line-height:20px}.product-body h3{color:var(--ink);font-size:20px;margin-top:6px;font-weight:700}.product-body>p{font-size:16px;margin-top:7px}.product-body dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;margin-top:15px;margin-bottom:0;padding:12px 0;font-size:13px;line-height:19px}.product-body dt{color:#969696}.product-body dd{color:#333}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;border-top:0}.product-bottom small{font-size:13px;display:block}.product-bottom strong{color:var(--ink);font-size:24px;font-weight:700;display:block;line-height:1.25}.product-bottom .text-link{font-size:13px;gap:20px}.promotion{height:auto;background:var(--navy);padding:60px 0;color:#dce6ee;box-sizing:border-box}.promotion-box{height:auto;min-height:248px;position:relative;border:1px solid #8191a4;border-radius:20px;padding:36px 40px;box-sizing:border-box}.promotion-box>img{position:absolute;width:298px;height:268px;left:45px;top:-27px}.promotion-copy{position:absolute;left:396px;right:220px;top:36px;bottom:36px;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;box-sizing:border-box}.promotion-copy h2{font-size:40px;color:#fff;line-height:1.15}.promotion-copy>h2+p{font-size:24px;line-height:1.45;margin-top:14px}.promotion-copy>p+p{font-size:24px;margin-top:-7px;white-space:normal;line-height:1.45;max-width:560px}.promotion-copy>p+p strong{font-size:40px;color:var(--blue);margin:0 5px;line-height:1.45}.promotion-copy>p+p b{font-size:40px;color:white;margin:0;line-height:1.45}.promo-button{position:absolute;right:40px;top:36px;min-width:150px;height:44px;color:#fff;text-transform:none;font-size:16px}.promo-link{position:absolute;right:40px;bottom:36px;font-size:14px;gap:20px}.consultation{height:auto;background:#eaf3fa;padding:60px 0}.consultation-grid{display:grid;grid-template-columns:580px 580px;gap:20px}.consultation-copy h2{margin-top:26px}.consultation-copy>p{font-size:16px;line-height:25px;margin-top:29px}.consultation .mini-benefits{margin-top:42px}.consultation .actions{margin-top:42px;gap:20px}.consultation .button{min-width:259px;padding:0 18px}.request-form{border-radius:24px;background:white;padding:30px;height:353px}.request-form label:not(.file-upload){font-size:14px;line-height:20px;text-transform:uppercase;font-weight:700;color:#2589d8;display:block;margin-bottom:8px}.request-form textarea{width:100%;height:100px;border:1px solid #888;border-radius:8px;padding:12px;font-size:16px;resize:vertical;max-height:140px;min-height:70px;line-height:23px}.request-form textarea::placeholder,.request-form input::placeholder{color:#999}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.form-row input{width:100%;height:48px;border:1px solid #888;border-radius:8px;padding:8px 12px;font-size:16px}.file-upload{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid #999;border-radius:8px;margin-top:20px;height:48px;font-size:14px;padding:8px 12px;overflow:hidden;cursor:pointer;gap:10px}.file-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-button{border-radius:6px;background:#ecf0f4;color:#2994df;font-size:13px;white-space:nowrap;padding:3px 10px}#file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload:focus-within{outline:3px solid var(--blue)}.form-status{font-size:13px;color:var(--ink);margin-top:8px}.delivery{height:auto;padding:60px 0;display:grid;grid-template-columns:580px 580px;gap:20px}.delivery-image{width:580px;height:327px;border-radius:20px}.delivery .eyebrow{margin-top:4px}.delivery h2{margin-top:26px;font-size:25px;white-space:nowrap}.delivery>div>p{font-size:16px;line-height:25px;margin-top:24px}.delivery-terms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.delivery-terms>div{border:1px solid var(--orange);border-radius:8px;padding:8px 15px;height:82px;font-size:14px;line-height:18px}.delivery-terms strong{font-size:14px;color:var(--ink)}.delivery-terms p{margin-top:4px}.delivery .text-link{margin-top:24px}.services{height:auto;padding:60px 0;display:grid;grid-template-columns:400px 400px 380px;gap:10px}.services .benefit strong{font-size:16px;padding-top:4px}.services .benefit p{font-size:14px;line-height:17px}.articles{height:auto;padding:60px 0}.article-grid{display:grid;grid-template-columns:460px repeat(3,220px);gap:20px;margin-top:32px}.article-grid .rv-article-card{height:302px;border:1px solid #eaeaea;border-radius:20px;padding:54px 58px 30px;color:#777}.article-grid h3{font-size:20px;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:54px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.article-grid p{font-size:16px;line-height:30px}.article-grid .rv-article-card:not(.featured-article){padding:46px 43px 30px}.article-grid .rv-article-card:not(.featured-article) p{margin-top:26px}.articles-link{float:right;margin-top:24px;color:var(--ink)}.site-footer{height:380px;background:var(--footer);color:#8995a0;padding-top:59px}.footer-grid{display:grid;grid-template-columns:220px 220px 460px 220px;gap:20px}.footer-grid h3{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase;margin-bottom:22px}.footer-grid>div>a{display:block;font-size:14px;line-height:30px}.footer-contacts>a:not(.footer-email){font-size:24px;font-weight:700;line-height:30px;margin-bottom:17px}.footer-contacts small{font-size:12px;line-height:17px;display:block}.footer-contacts .footer-email{line-height:17px;font-size:14px;color:#c4cbd3}.socials{display:flex;align-items:center;gap:20px;margin-top:14px}.socials .telegram{width:32px;height:32px}.site-footer a:hover:not(.button),.main-nav a:hover,.topbar a:hover{color:#fff}.button.primary:hover,.button.primary:focus-visible{color:#123758}.button.outline:hover,.button.outline:focus-visible{color:#444}dialog{border:1px solid #d5e1ea;box-shadow:0 20px 80px #001b3b66;border-radius:20px;padding:36px;max-width:min(580px,calc(100% - 32px));color:#555;font:inherit}dialog::backdrop{background:#001a39aa}.dialog-close{position:absolute;right:16px;top:12px;background:none;color:var(--ink);font-size:30px}dialog img{margin:0 auto 20px}dialog p{margin-top:14px}dialog h2{margin-top:14px}dialog .button{margin-top:20px;width:100%}.dialog-price{display:block;margin-top:20px;color:var(--ink);font-size:26px}dialog .text-link{margin-top:20px}.message-body{margin-top:20px}#search-status{font-size:14px;margin-top:18px;color:var(--ink)} @media(min-width:1300px) and (max-width:1700px){.topbar{font-size:11px}.topbar nav{gap:18px}.topbar p{font-size:11px}} @media(max-width:1250px){.container{width:calc(100% - 48px);max-width:none}.topbar p{font-size:10px}.topbar nav{font-size:11px;gap:12px}.header-main{gap:12px}.logo img{width:185px;height:auto}.menu-toggle{margin-left:0}.search{width:260px}.header-contacts{width:215px}.hero-inner{grid-template-columns:1fr 1fr}.hero-copy{min-width:0}.hero-description{white-space:normal}.hero-product{transform:scale(.88);transform-origin:50% 35%}.mini-benefits{gap:8px}.mini-benefits>div{min-width:0!important}.actions{gap:20px}.button{min-width:215px}.benefits,.services{grid-template-columns:repeat(3,1fr);gap:20px}.benefit strong{font-size:14px}.benefit p{font-size:12px}.category-card{padding:24px}.category-card img{width:105px}.task-heading p{width:38%;font-size:13px}.task-card{padding:20px 24px;gap:20px}.task-card small{font-size:13px}.arrow{margin-right:12px}.promotion-copy{left:34%}.promotion-copy>h2+p{font-size:20px}.promotion-copy>p+p,.promotion-copy>p+p strong,.promotion-copy>p+p b{font-size:30px}.promotion-copy>p+p{font-size:20px}.consultation-grid,.delivery{grid-template-columns:1fr 1fr}.consultation .button{min-width:0;flex:1;font-size:12px}.consultation-copy h2,.delivery h2{font-size:22px;white-space:normal}.consultation-copy>p,.delivery>div>p{font-size:14px}.article-grid{grid-template-columns:2fr 1fr 1fr 1fr}.article-grid .rv-article-card{padding:45px 30px}.article-grid .rv-article-card:not(.featured-article){padding:45px 25px}.article-grid h3{font-size:18px}.article-grid p{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr 2fr 1fr}.footer-contacts>a:not(.footer-email){font-size:20px}} @media(max-width:1000px){.site-header{height:auto}.topbar{display:none}.header-main{height:100px;flex-wrap:wrap;padding:15px 0;gap:15px}.header-contacts{display:none}.logo{margin-right:auto}.logo img{width:170px}.search{width:250px}.main-nav{height:auto}.main-nav>.container{padding:12px 0;flex-wrap:wrap;gap:10px 20px;font-size:13px}.hero,.hero-inner{height:auto;min-height:530px}.hero-inner{grid-template-columns:1.1fr 1fr}.hero-copy{padding-top:45px;padding-bottom:45px}.quality{font-size:11px}h1{font-size:26px;line-height:40px}.hero-description{font-size:14px}.hero-product{transform:scale(.65);transform-origin:0 30%;height:540px}.mini-benefits{font-size:11px;gap:10px}.mini-icon{transform:scale(.8);margin-left:-5px;margin-right:-5px}.actions{gap:12px;margin-top:35px}.button{min-width:0;flex:1;font-size:12px;padding:0 14px;height:52px}.benefits,.services{height:auto;padding:40px 0;gap:18px}.benefit{gap:6px}.benefit img{width:42px;height:42px}.benefit strong{padding-top:0;font-size:12px}.catalog{height:auto;padding:40px 0}h2{font-size:22px}.category-grid{gap:15px}.category-card{padding:18px;height:160px}.category-card strong{font-size:14px}.category-card small{font-size:11px}.category-card img{width:90px}.category-card:last-child img{width:105px;margin-right:0}.task-section{height:auto;padding:40px 0}.task-heading{gap:24px}.task-heading h2{font-size:22px}.task-card{height:135px;padding:20px;gap:15px}.task-card strong{font-size:14px}.task-card small{font-size:12px}.task-number{font-size:20px}.arrow{margin-right:0}.products{height:auto;padding:40px 0}.product-grid{margin-top:32px;gap:15px}.product-card{height:auto;min-height:420px}.product-image{width:170px;height:160px}.stock{font-size:13px;padding:8px 14px}.product-body>p{font-size:13px}.product-body dl{font-size:11px}.product-bottom{gap:10px}.product-bottom .text-link{font-size:10px;gap:4px}.product-bottom strong{font-size:20px;font-weight:700}.promotion{height:auto;padding:40px 0}.promotion-box{height:auto;min-height:220px;padding:36px 28px}.promotion-box>img{width:230px;left:12px;top:0;height:210px}.promotion-copy{left:30%;right:160px;top:36px;bottom:36px}.promotion-copy h2{font-size:30px}.promotion-copy>h2+p{font-size:16px}.promotion-copy>p+p{font-size:16px}.promotion-copy>p+p strong,.promotion-copy>p+p b{font-size:25px}.promotion-copy>p+p b{margin:0}.promo-button{right:28px;top:36px;min-width:105px;height:35px;font-size:12px}.promo-link{font-size:11px;right:28px;bottom:36px}.consultation{height:auto;padding:40px 0}.consultation-grid{gap:25px}.consultation-copy h2{font-size:22px}.consultation-copy>p{font-size:13px}.consultation .mini-benefits{margin-top:30px}.consultation .mini-benefits>div{gap:3px}.consultation .actions{gap:12px;margin-top:32px}.request-form{height:auto;padding:24px}.request-form textarea{font-size:14px}.form-row{gap:12px}.form-row input{font-size:13px}.file-upload{font-size:11px;padding:8px}.file-button{font-size:11px}.delivery{height:auto;padding:40px 0;gap:25px;align-items:center}.delivery-image{height:auto}.delivery h2{margin-top:15px}.delivery>div>p{font-size:13px;margin-top:16px}.delivery-terms{gap:12px}.delivery-terms>div{height:auto;min-height:88px;font-size:11px;padding:10px}.delivery-terms strong{font-size:12px}.articles{height:auto;padding:40px 0}.article-grid{gap:15px}.article-grid .rv-article-card{height:auto;min-height:280px;padding:32px 24px}.article-grid .rv-article-card:not(.featured-article){padding:32px 18px}.article-grid h3{white-space:normal;font-size:16px;margin-bottom:32px}.article-grid p{font-size:13px;line-height:25px}.articles-link{float:none;display:flex;justify-content:flex-end}.site-footer{height:auto;padding:45px 0}.footer-grid{grid-template-columns:1fr 1.1fr 1fr 1.2fr}.footer-contacts>a:not(.footer-email){font-size:17px}.footer-grid>div>a{font-size:12px}.footer-grid h3{font-size:12px}.footer-contacts small{font-size:10px}} @media(max-width:720px){.container{width:calc(100% - 32px)}.header-main{height:132px;gap:14px}.logo img{width:180px}.menu-toggle{order:2;width:24px}.catalog-button{order:3;height:38px;font-size:14px}.search{order:5;width:100%;margin:0;height:38px}.compare-button{display:none}.cart-button{order:4;width:38px;height:38px;font-size:24px}.main-nav{display:none}.main-nav.open{display:block}.main-nav>.container{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0}.catalog-menu{left:0;top:120px;right:0}.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:35px 0 0}.quality{font-size:10px;padding:1px 6px}h1{font-size:25px;line-height:37px;margin-top:24px}h1 br{display:none}h1 span{display:block}.hero-description{margin-top:20px;font-size:14px;line-height:23px}.hero-description br{display:none}.hero .mini-benefits{margin-top:25px;justify-content:space-between;font-size:10px;gap:5px}.mini-benefits>div{gap:2px}.hero .actions{margin-top:25px;gap:12px}.hero .button{height:52px;min-width:0;font-size:11px;padding:0 12px}.hero-product{width:580px;height:563px;transform:none;margin:18px auto -185px;zoom:.66;align-self:center}.hero{overflow:hidden}.benefits{grid-template-columns:1fr;padding:32px 0;gap:22px}.benefit{gap:14px;align-items:center}.benefit img{width:48px;height:48px}.benefit strong{font-size:14px}.benefit p{font-size:13px;line-height:18px}.catalog{padding:32px 0}.section-title{gap:15px;align-items:flex-start}h2{font-size:21px;line-height:1.35}.section-title>.text-link{font-size:10px;gap:5px;margin-right:0;text-align:right;max-width:130px}.section-title>.text-link span{font-size:18px}.category-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.category-card{height:185px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.category-card strong{font-size:13px;line-height:18px}.category-card small{font-size:10px;line-height:15px}.category-card img{width:100px;height:75px;align-self:flex-end;margin-top:auto}.category-card:last-child img{width:90px;height:100px;margin-right:0}.task-section{padding:32px 0}.task-heading{display:block}.task-heading .eyebrow{font-size:11px}.task-heading h2{font-size:21px;margin-top:8px}.task-heading p{width:auto;margin-top:16px;font-size:13px;line-height:20px}.task-heading p br{display:none}.task-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.task-card{height:auto;min-height:105px;padding:20px;gap:16px;border-radius:15px}.task-card strong{font-size:14px}.task-card small{font-size:12px;line-height:18px}.task-number{font-size:18px}.arrow{font-size:22px}.products{padding:32px 0}.products .eyebrow{font-size:11px}.product-grid{grid-template-columns:1fr;margin-top:26px;gap:18px}.product-card{min-height:0;height:auto;padding:24px 20px;border-radius:16px}.product-image{width:220px;height:198px;margin-bottom:18px}.product-body>p{font-size:15px}.product-body dl{font-size:13px}.product-bottom .text-link{font-size:12px;gap:12px}.product-bottom strong{font-size:22px;font-weight:700}.stock{left:20px;top:18px;padding:10px 18px}.promotion{padding:32px 0}.promotion-box{height:auto;min-height:350px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.promotion-box>img{position:absolute;top:-10px;right:-12px;left:auto;width:180px;height:160px}.promotion-copy{position:static;padding-top:110px}.promotion-copy h2{font-size:28px;line-height:1.15}.promotion-copy>h2+p{font-size:16px;line-height:1.45;margin-top:10px}.promotion-copy>p+p{font-size:16px;line-height:1.45;white-space:normal}.promotion-copy>p+p strong{font-size:26px}.promotion-copy>p+p b{font-size:24px;margin:0}.promo-button{right:auto;left:50%;top:20px;height:36px;min-width:100px;transform:translateX(-50%)}.promo-link{position:static;font-size:11px;margin-top:16px}.consultation{padding:32px 0}.consultation-grid{grid-template-columns:1fr;gap:28px}.consultation-copy .eyebrow{font-size:11px}.consultation-copy h2{font-size:21px;margin-top:12px}.consultation-copy>p{font-size:14px;line-height:23px;margin-top:20px}.consultation-copy>p br{display:none}.consultation .mini-benefits{justify-content:space-between;font-size:10px;gap:0}.consultation .actions{margin-top:26px}.consultation .button{font-size:10px;padding:0 10px}.request-form{padding:22px;border-radius:16px}.request-form textarea{height:110px}.request-form label:not(.file-upload){font-size:12px}.form-row{grid-template-columns:1fr;gap:16px}.form-row input{font-size:15px}.file-upload{height:50px;margin-top:18px;font-size:11px}.file-button{font-size:10px}.delivery{grid-template-columns:1fr;gap:25px;padding:32px 0}.delivery-image{width:100%;height:auto;border-radius:16px}.delivery .eyebrow{font-size:11px}.delivery h2{font-size:21px;margin-top:12px}.delivery>div>p{font-size:14px;line-height:23px}.delivery>div>p br{display:none}.delivery-terms{margin-top:20px;gap:12px}.delivery-terms>div{font-size:11px;line-height:17px;padding:12px}.delivery-terms strong{font-size:12px}.delivery .text-link{margin-top:20px;font-size:12px}.services{grid-template-columns:1fr;padding:32px 0;gap:24px}.services .benefit strong{font-size:14px}.services .benefit p{font-size:13px;line-height:18px}.articles{padding:32px 0}.article-grid{grid-template-columns:1fr 1fr;margin-top:22px;gap:12px}.article-grid .featured-article{grid-column:1/-1;padding:24px;min-height:0}.article-grid h3{font-size:16px;margin-bottom:22px}.article-grid p{font-size:14px;line-height:24px}.article-grid .rv-article-card:not(.featured-article){padding:25px 20px;min-height:225px}.article-grid .rv-article-card:last-child{grid-column:1/-1;min-height:160px;display:flex;align-items:center;gap:30px}.article-grid .rv-article-card:last-child p{margin:0}.articles-link{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:nth-child(3){grid-column:1}.footer-grid>div:nth-child(4){grid-column:2;grid-row:2}.footer-grid h3{font-size:12px;margin-bottom:15px}.footer-grid>div>a{font-size:12px;line-height:26px}.footer-contacts>a:not(.footer-email){font-size:16px;margin-bottom:12px;white-space:nowrap}.footer-contacts small{font-size:9px}.socials{gap:14px}.socials img,.socials .telegram{width:28px;height:28px}dialog{padding:28px 22px}dialog h2{font-size:22px}dialog p{font-size:14px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} /* Exact service icons from the exported design. */ .mini-icon.compatibility{background:url('/local/templates/rusvibro_new/css/../assets/compatibility.svg') center/34px 34px no-repeat;border:0}.compatibility:before{display:none}.mini-icon.analogues{background-size:64px 179.52px;background-position:0 -6.6px}.mini-icon.warranty{background-size:64px 179.52px;background-position:-32px -6.6px} @media(min-width:1251px){.benefits,.services{grid-template-columns:400px 400px 360px;gap:10px}} @media(max-width:720px){.hero-product{margin:18px auto 0;zoom:.6}} @media(max-width:380px){.hero-product{zoom:.49}} .cart-symbol{font-size:0;transform:none;width:20px;height:15px;border:2px solid #b5c1ce;border-top:0;position:relative;margin:9px auto 0}.cart-symbol:before{content:'';position:absolute;left:6px;top:-7px;height:22px;border-left:2px solid #b5c1ce}.cart-symbol:after{content:'';position:absolute;left:-5px;top:-5px;width:26px;border-top:2px solid #b5c1ce} .header-contacts{flex:none}.text-link{white-space:nowrap}.task-card>span:nth-child(2){min-width:0;flex:1}.task-card small{white-space:normal}.task-number,.arrow{flex:none}.product-bottom>div{min-width:100px}.product-bottom .text-link{margin-left:auto}.mini-icon.analogues{background:url('/local/templates/rusvibro_new/css/../assets/mini-delivery.png') center/34px 34px no-repeat}.mini-icon.warranty{background:url('/local/templates/rusvibro_new/css/../assets/mini-warranty.png') center/34px 34px no-repeat} .topbar{white-space:nowrap}.task-card{display:grid;grid-template-columns:26px 1fr 20px;gap:26px}.task-card .arrow{margin:0}.product-bottom{display:grid;grid-template-columns:1fr auto}.product-bottom .text-link{margin-left:0} @media(max-width:1000px){.task-card{gap:16px;grid-template-columns:24px 1fr 20px}} /* Article symbols are complete standalone images, independent of the service sprite. */ .article-grid .rv-article-card, .article-grid .featured-article{min-width:0;overflow:hidden} .article-grid h3{white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%} .article-grid .rv-article-card:not(.featured-article){display:flex;flex-direction:column;align-items:center;text-align:center} .article-grid .rv-article-card:not(.featured-article) p{width:100%;text-align:center} .article-icon{display:block;width:40px;height:50px;max-width:none;flex-shrink:0;object-fit:contain;object-position:center;background:none;transform:none;margin:0 auto} @media(max-width:720px){.article-grid .rv-article-card:last-child{flex-direction:row;justify-content:center}.article-grid .rv-article-card:last-child p{width:auto}.article-grid .rv-article-card:last-child .article-icon{margin:0}} @media(max-width:600px){.section-title{flex-wrap:wrap;gap:16px}} /* End */ /* Start:/local/templates/rusvibro_new/css/review.css?179206552839662*/ @font-face{font-family:'Noto Sans';src:url('/local/templates/rusvibro_new/assets/fonts/noto-sans-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'Noto Sans';src:url('/local/templates/rusvibro_new/assets/fonts/noto-sans-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap} [hidden]{display:none!important} button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none} .rv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} .rv-sprite{display:inline-block;flex:none;background:url(/local/templates/rusvibro_new/css/../assets/figma/product-imgBefore.png) no-repeat;background-size:200px 561px;vertical-align:middle} .rv-sprite-favorite{width:23px;height:22px;background-position:0 0}.rv-sprite-cart{width:22px;height:20px;background-position:-42px 0}.rv-sprite-drop{width:11px;height:9px;background-position:-83px 0}.rv-sprite-menu{width:19px;height:19px;background-position:-64px 0} .rv-icon-slot{display:block;position:relative;flex:none}.rv-icon-slot-favorite{width:23px;height:22px}.rv-icon-slot-cart{width:22px;height:20px}.rv-icon-slot-drop{width:11px;height:9px}.rv-icon-slot-menu{position:absolute;left:19px;top:20.5px;width:19px;height:19px} .catalog-button{font-family:'Noto Sans',sans-serif;font-size:14px;gap:10px;border-radius:10px;text-transform:uppercase} .header-contacts>a:not(.email){height:32px;gap:8px;white-space:nowrap}.header-contacts img,.header-contacts .telegram{width:28px;height:28px;flex:none}.header-contacts .telegram{display:flex;background:none;align-items:center;justify-content:center}.header-contacts small{bottom:0}.header-contacts .email{font-size:13px;line-height:20px;padding-left:36px} .compare-button{display:flex;justify-content:center;align-items:center}.cart-symbol{display:flex;justify-content:center;align-items:center}.cart-symbol .rv-sprite{transform:none} .outline{background:white}.hero-force>span{white-space:nowrap}.hero-force{left:354px;width:176px;height:107px;padding:18px 8px;font-size:16px;line-height:30px} h1,h2,.product-body h3,.article-grid h3,.benefit strong,.eyebrow,.text-link,.footer-grid h3{font-family:'Noto Sans',sans-serif;font-weight:700} .hero h1{font-size:30px;line-height:50px;font-weight:700}.quality{font-size:13px;display:inline-flex;align-items:center;gap:6px}.quality__icon{display:block;width:16px;height:16px;flex:none;object-fit:contain}.mini-benefits{font-size:13px;line-height:20px}.benefit strong{font-size:14px;font-weight:700}.task-card small{line-height:20px}.button{font-weight:400}.hero-stock strong,.hero-power strong,.hero-force strong{font-family:'Noto Sans',sans-serif;font-weight:700} .promotion-box .promo-button{ display:inline-flex; align-items:center; justify-content:center; min-width:180px; padding:0 28px; font-family:Roboto,Arial,sans-serif; font-size:14px; font-weight:400; line-height:1.2; letter-spacing:0; text-transform:uppercase; color:#123758!important; } .rv-link-arrow{display:inline-flex!important;flex:none;align-items:center;width:30px;height:30px;line-height:0}.rv-link-arrow img{display:block;max-width:none;object-fit:contain}.task-card .arrow{width:30px;height:30px;background:none}.task-card .arrow img{display:block;max-width:none}.task-card{grid-template-columns:26px 1fr 30px} .main-nav .accent{color:#bac8d6}.rv-nav-link,.rv-nav-link p{color:#bdbdbd!important} .site-header a:not(.catalog-button),.site-footer a,.site-header button,header a,footer a,header [role=link],footer [role=link],.m-header a,.m-footer a{transition:color .18s ease} .site-header a:not(.catalog-button):hover,.site-footer a:hover,header a:hover,footer a:hover,header a:hover p,footer a:hover p,.main-nav a:hover,.rv-nav-link:hover,.rv-nav-link:hover p,.m-header a:not(.m-button):hover,.m-footer a:hover{color:#f57c00!important} .site-header .topbar a:hover,.site-header .header-contacts a:hover{color:#f57c00!important} .product-card,.route-card,.category-card,.rv-category-card,.m-category,.rv-modification,.rv-mobile-modification{transition:border-color .18s ease,box-shadow .18s ease} .product-card:hover,.route-card:hover,.category-card:hover,.rv-category-card:hover,.m-category:hover,.rv-modification:hover,.rv-mobile-modification:hover{border-color:#f57c00!important} .button,.catalog-button,.m-button,.rv-hover-control,.rv-purchase-button,.rv-filter-reset,.rv-document-download,.rv-quantity button,button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease} .button:hover,.catalog-button:hover,.m-button:hover,.rv-hover-control:hover,.rv-purchase-button:hover{filter:brightness(.94);box-shadow:0 4px 12px #0b294d20} .button.primary,.button.primary:hover,.button.primary:focus-visible{color:#123758!important;background:var(--orange,#ff8500)} .button.outline,.button.outline:hover,.button.outline:focus-visible{color:#444!important;background:#fff} .promotion{ height:auto; padding:60px 0; box-sizing:border-box; } .promotion-box{ box-sizing:border-box; height:auto; min-height:0; overflow:visible; } .promotion-copy>p, .promotion-copy>p strong, .promotion-copy>p b, .promotion-copy>p span{ line-height:1.45; } .promotion-copy>h2+p{ margin:10px 0 0; } .promotion-copy>p+p{ margin:-7px 0 0; white-space:normal; max-width:100%; } .promotion-copy>p+p span{ font-size:inherit; font-weight:inherit; font-family:inherit; margin:0; padding:0; white-space:normal; vertical-align:baseline; } .promotion-copy>p+p b{ font-size:28px; font-weight:700; color:#fff; margin:0; white-space:normal; } @media(min-width:1001px){ .promotion-box{ min-height:248px; padding:36px 40px; } .promotion-copy{ position:absolute; left:396px; right:220px; top:36px; bottom:36px; display:flex; flex-direction:column; justify-content:center; margin:0; padding:0; box-sizing:border-box; } .promotion-copy h2{ margin:0; line-height:1.2; } .promo-button{ right:40px; top:36px; transform:none; } .promo-link{ right:40px; bottom:36px; gap:20px; } } @media(max-width:1000px){ .promotion{ height:auto; padding:45px 0; } .promotion-box{ display:grid; grid-template-columns:minmax(120px,200px) minmax(0,1fr); grid-template-areas: "img copy" "img btn" "img link"; column-gap:20px; row-gap:12px; align-items:start; height:auto!important; min-height:0!important; padding:28px 24px; box-sizing:border-box; } .promotion-box>img{ grid-area:img; position:static!important; left:auto!important; right:auto!important; top:auto!important; width:100%; max-width:200px; height:auto!important; margin:0; justify-self:center; align-self:center; } .promotion-copy{ grid-area:copy; position:static!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; display:block; width:auto; max-width:100%; margin:0; padding:0!important; } .promo-button, .promo-link{ position:static!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; } .promotion-box .promo-button{ grid-area:btn; justify-self:center; margin:0; transform:none; } .promotion-box .promo-link{ grid-area:link; justify-self:center; margin:0; } } @media(max-width:720px){ .promotion{ padding:30px 0; } .promotion-box{ grid-template-columns:1fr; grid-template-areas: "img" "copy" "btn" "link"; justify-items:stretch; row-gap:18px; padding:28px 24px; } .promotion-box>img{ max-width:220px; } } .product-card{display:flex;flex-direction:column;height:100%} .product-body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0} .product-body>h3{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} .product-body>p{ -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; max-height:4.8em; font:400 16px/1.5 Roboto,Arial,sans-serif; font-weight:400; color:#777; } .product-body dl{ display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-top:15px; margin-bottom:0; padding:12px 0; font-size:13px; line-height:19px; color:#777; } .product-body dl>div{min-width:0} .product-body dl dt,.product-body dl dd{margin:0;font-weight:400;color:#777} .product-bottom{ margin-top:auto; padding-top:24px; border-top:0; } button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #2196f3;outline-offset:3px} header [data-name="Component 5"]{background:none;border:0;color:inherit;padding:0} .rv-catalog-tail{margin:48px 0 0;padding:0 0 40px}.rv-faq{max-width:1180px;margin:0 auto;border:1px solid #c2c2c2;border-radius:20px;padding:0 32px;background:white;overflow:hidden;box-sizing:border-box} .rv-faq details+details{border-top:1px solid #eee}.rv-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;font-family:'Noto Sans',sans-serif;font-size:14px;font-weight:700;line-height:22px;text-transform:uppercase;color:#1976d2;cursor:pointer}.rv-faq summary::-webkit-details-marker{display:none}.rv-faq summary img{flex:none;transform:rotate(90deg);transition:transform .18s}.rv-faq details[open] summary img{transform:rotate(-90deg)}.rv-faq summary:hover{color:#f57c00}.rv-faq p{margin:0;padding:0 60px 25px 0;font:400 16px/1.5 Roboto,Arial,sans-serif;font-weight:400;color:#777} .rv-filters{box-sizing:border-box;padding:23px;border:1px solid #eaeaea;border-radius:20px;background:white;color:#616161;font:14px/20px Roboto,sans-serif}.rv-filters h2{font:700 16px/22px 'Noto Sans',sans-serif;text-transform:uppercase;margin:0 0 24px}.rv-filter-group{border:0;padding:0;margin:0 0 22px;min-width:0}.rv-filter-group legend{font:700 13px/20px 'Noto Sans',sans-serif;text-transform:uppercase;margin-bottom:12px;padding:0}.rv-filter-options{display:flex;flex-direction:column;gap:10px;max-height:170px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2196f3 #f1f1f1}.rv-filter-options label{display:flex;align-items:center;gap:10px;cursor:pointer}.rv-filter-options input{appearance:none;flex:none;width:20px;height:20px;border:1px solid #bdbdbd;border-radius:4px;margin:0;background:white;cursor:pointer}.rv-filter-options input:checked{border-color:#2196f3;background:#2196f3 url(/local/templates/rusvibro_new/css/../assets/figma/catalog-imgCheck.svg) no-repeat center;background-size:12px 12px}.rv-filter-options input:hover{border-color:#2196f3}.rv-filter-reset{height:36px;width:100%;border:1px solid #bdbdbd;border-radius:5px;background:white;color:#616161;font:13px Roboto}.rv-filter-reset:hover{background:#f1f7fb;border-color:#2196f3} .rv-range-numbers{display:flex;gap:12px}.rv-range-numbers input{width:calc((100% - 12px)/2);min-width:0;height:34px;box-sizing:border-box;border:1px solid #bdbdbd;border-radius:4px;padding:6px 8px;color:#616161;font:13px Roboto}.rv-range-track{position:relative;height:22px;margin-top:5px;background:linear-gradient(#eee,#eee) center/100% 4px no-repeat;--lower:0%;--upper:100%}.rv-range-fill{position:absolute;height:4px;top:9px;left:var(--lower);right:calc(100% - var(--upper));background:#2196f3}.rv-range-track input{position:absolute;inset:0;width:100%;height:22px;margin:0;appearance:none;pointer-events:none;background:none;outline-offset:4px}.rv-range-track input::-webkit-slider-runnable-track{height:4px;background:none}.rv-range-track input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;border:2px solid #2196f3;background:white;margin-top:-5px;pointer-events:auto;cursor:ew-resize}.rv-range-track input::-moz-range-track{height:4px;background:none}.rv-range-track input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:2px solid #2196f3;background:white;pointer-events:auto;cursor:ew-resize}.rv-filter-help{position:relative;background:#0b294d;color:white;padding:16px 32px 16px 16px;border-radius:8px;margin-top:24px;font-size:13px;line-height:18px}.rv-filter-help p{margin:6px 0 0;color:white}.rv-filter-help img{position:absolute;right:12px;bottom:14px;object-fit:contain} .rv-voltage{display:flex;gap:19px;align-items:center;border:0;padding:0;margin:0}.rv-voltage button{width:90px;height:45px;border:1px solid #c2c2c2;border-radius:10px;background:white;color:#616161;font:600 16px Roboto,sans-serif;white-space:nowrap}.rv-voltage button:hover,.rv-voltage button[aria-pressed=true]{background:#f1f7fb;border-color:#2196f3;color:#2196f3} .rv-quantity{display:flex;border:1px solid #c2c2c2;border-radius:10px;height:40px;overflow:hidden;background:#f1f7fb;color:#616161}.rv-quantity button{flex:none;width:40px;border:0;background:transparent;font-size:20px;padding:0}.rv-quantity button:hover{background:#d7ebfb}.rv-quantity input{width:65px;min-width:0;border:0;text-align:center;background:white;font:700 14px Roboto;appearance:textfield}.rv-quantity input::-webkit-inner-spin-button,.rv-quantity input::-webkit-outer-spin-button{appearance:none;margin:0} .rv-purchase-button{font-family:'Noto Sans',sans-serif;font-weight:700}.rv-tabs{display:flex;width:100%;border-bottom:3px solid #f5f5f5;gap:0}.rv-tabs button{border:0;border-bottom:3px solid transparent;margin-bottom:-3px;padding:0 19px 15px;background:white;color:#616161;font:700 14px/20px 'Noto Sans',sans-serif;text-transform:uppercase;white-space:nowrap}.rv-tabs button[aria-selected=true]{border-color:#2196f3}.rv-tabs button:hover{color:#2196f3;background:#f7fbff} .rv-modifications{position:absolute;left:801px;top:32px;width:380px}.rv-modifications h2{font:700 14px/20px 'Noto Sans',sans-serif;text-transform:uppercase;margin:0 0 17px}.rv-modification{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;min-height:150px;padding:16px 18px;border:2px solid #f5f5f5;border-radius:10px;margin-bottom:10px;box-sizing:border-box;color:#616161}.rv-modification img{object-fit:contain;max-width:none}.rv-modification-title{display:block;color:#2196f3;font:14px/20px Roboto;white-space:nowrap}.rv-modification strong{display:block;color:#616161;white-space:nowrap;font:700 20px/30px 'Noto Sans',sans-serif}.rv-modification dl{font:12px/18px Roboto;margin:0}.rv-modification dl>div{display:grid;grid-template-columns:1fr auto;gap:8px}.rv-modification dd{margin:0;white-space:nowrap}.rv-modification dt{white-space:nowrap} .rv-document{display:flex;align-items:center;gap:20px;box-sizing:border-box;background:#f1f7fb;border-radius:10px;padding:20px;min-height:160px;color:#616161}.rv-document>p{margin:0;font:16px/30px Roboto;flex:1;min-width:0}.rv-document-download{flex:none;display:flex;flex-direction:column;align-items:center;width:95px;padding:0;border:0;background:transparent;color:#2196f3;font:13px/20px Roboto}.rv-document-download:hover{color:#f57c00}.rv-document-download>span{margin-top:6px;white-space:nowrap}.rv-document-download small{font-size:12px;white-space:nowrap}.rv-document-icon{position:relative;display:flex;flex-direction:column;align-items:center;width:40px;height:50px;padding-top:17px;box-sizing:border-box} @media(max-width:1279px){.hero h1{font-size:30px;line-height:1.45}.rv-filters{margin:24px 0}.rv-faq{margin:24px 0;padding:0 20px}.rv-faq summary{font-size:13px;padding:18px 0;min-height:72px}.rv-faq p{padding-right:0;font-size:15px}.rv-voltage{position:static!important;flex-wrap:wrap;gap:12px;margin:24px 0}.rv-voltage button{width:76px;font-size:14px}.rv-voltage>span{font-size:13px}.m-buy{gap:12px}.m-buy .rv-quantity{width:147px}.m-buy .rv-quantity button{padding:0!important;border:0!important;border-radius:0!important;font-size:20px!important}.m-buy .rv-purchase-button{font-size:12px;min-height:45px;border-radius:10px;padding:12px}.rv-tabs{flex-wrap:wrap}.rv-tabs button{font-size:11px;padding:12px 10px}.rv-document{margin:20px 0;position:static!important;width:auto!important;gap:16px;padding:20px 16px}.rv-document>p{font-size:14px;line-height:24px}.hero-force{left:auto;right:0}.rv-mobile-modification{color:#616161}} @media(max-width:600px){.hero h1{font-size:26px;line-height:1.4}.hero-force{font-size:11px;line-height:19px;width:132px;height:76px;padding:12px 6px}.hero-force strong{font-size:16px}.hero .mini-benefits{font-size:10px}.quality{font-size:10px}.task-card{grid-template-columns:24px 1fr 30px;gap:12px}.rv-document-download{width:82px}.rv-modification dt{white-space:normal}.rv-link-arrow{flex:none}} @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}} .cart-symbol{border:0;width:22px;height:20px;margin:0;position:static;transform:none}.cart-symbol:before,.cart-symbol:after{content:none} .rv-range-track{--lower:inherit;--upper:inherit} .cart-count,.site-header .cart-count{background:#f57c00!important;color:#fff!important;font:700 12px/20px Roboto,Arial,sans-serif} .cart-symbol,.site-header .cart-symbol{border:0!important;transform:none!important;background:none!important;width:22px;height:20px;margin:0} .cart-symbol:before,.cart-symbol:after,.site-header .cart-symbol:before,.site-header .cart-symbol:after{content:none!important} @media(min-width:1280px){.hero-force{left:404px;right:auto;top:296px}.hero-stock{left:-10px;width:157px;height:119px}.header-contacts>a:not(.email){font-family:'Noto Sans',sans-serif;font-size:16px;font-weight:700}.header-contacts small{font-size:11px;line-height:14px}.cart-count{font-size:12px;background:#f57c00}.product-body h3{font-family:Roboto,sans-serif}.product-bottom small{font-size:14px;font-weight:700}.product-bottom .text-link{font-size:14px}.file-upload{font-size:16px}.file-button{font-size:14px}.request-form label:not(.file-upload){font-family:'Noto Sans',sans-serif}.footer-contacts>a:not(.footer-email){font-family:'Noto Sans',sans-serif;font-weight:700}.footer-contacts small{font-size:13px}.footer-contacts .footer-email{font-size:13px}.footer-grid>div>a{line-height:25px}} @media(min-width:1280px){.product-body h3{font-weight:500}.product-bottom strong{font-size:24px;font-weight:700;line-height:1.25}.product-body dl{font-size:14px;line-height:25px}.footer-contacts>a:not(.footer-email){white-space:nowrap}.hero .hero-force{left:404px}.task-card strong{font-weight:400}} .product-bottom strong{font-size:24px;font-weight:700;line-height:1.25;color:#24466d} .rv-all-products{display:inline-flex;align-items:center;gap:10px;color:#337ab7;font:700 14px 'Noto Sans',sans-serif;text-transform:uppercase}.rv-all-products:hover{color:#f57c00} /* Allow tablet grid columns to shrink to the available container width. */ .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-width:0}.product-bottom{gap:8px;flex-wrap:wrap} @media(max-width:700px){.product-grid{grid-template-columns:1fr}} @media(min-width:1280px){.rv-purchase-button{font-size:16px;line-height:22px;white-space:nowrap}.rv-purchase-button[data-action="quick-buy"]{padding-left:10px;padding-right:10px}} /* Header corrections: clickable logo and centered icon crops. */ .rv-home-logo{pointer-events:auto!important;cursor:pointer} .rv-header-catalog{color:#fff!important;cursor:pointer;transition:filter .18s,box-shadow .18s} .rv-header-catalog:hover,.rv-header-catalog:hover p,.rv-header-catalog:focus-visible p,.site-header .catalog-button:hover,.m-header .m-button:hover{color:#fff!important} .rv-header-catalog:hover{filter:brightness(.94);box-shadow:0 4px 12px #0002} .rv-header-catalog p{line-height:20px!important;margin:0} .rv-icon-slot-drop{display:flex;align-items:center;justify-content:center;line-height:0} .rv-sprite-drop{display:block;align-self:center;vertical-align:initial} .rv-header-favorite{height:60px;display:flex;align-items:center;justify-content:center;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box} .rv-header-favorite .rv-icon-slot-favorite{display:flex;align-items:center;justify-content:center;line-height:0} .rv-main-nav a,.rv-main-nav a p{transition:color .18s;cursor:pointer} .rv-main-nav a:hover,.rv-main-nav a:hover p,.rv-main-nav a:focus-visible p{color:#f57c00!important} .rv-inline-link{cursor:pointer;transition:color .18s} .rv-inline-link:hover,.rv-inline-link:focus-visible,.product-card:hover .text-link{color:#f57c00} .rv-inline-link .rv-link-arrow,.product-card .rv-link-arrow{transition:transform .18s} .rv-inline-link:hover .rv-link-arrow,.rv-inline-link:focus-visible .rv-link-arrow,.product-card:hover .rv-link-arrow{transform:translateX(4px)} .rv-inline-link:hover .rv-link-arrow img,.product-card:hover .rv-link-arrow img{filter:brightness(0) saturate(100%) invert(54%) sepia(91%) saturate(1733%) hue-rotate(359deg) brightness(99%) contrast(96%)} .rv-article-card{display:block;border:1px solid var(--border);color:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s} .rv-article-card:hover,.rv-article-card:focus-visible{border-color:#f57c00;box-shadow:0 4px 12px #0b294d12} .rv-pagination{display:flex;gap:10px;align-items:center;justify-content:center} .rv-pagination button{border:1px solid #eaeaea;border-radius:6px;background:#f5f5f5;color:#616161;min-width:36px;height:35px;padding:8px 14px;font:14px/18px Roboto,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer} .rv-pagination button[aria-current=page]{background:#2196f3;border-color:#2196f3;color:white;font-weight:700} .rv-pagination button:hover{border-color:#f57c00} .rv-pagination button:disabled{opacity:.5;cursor:default} .rv-consult-button{cursor:pointer;transition:filter .18s,box-shadow .18s; border:0} .rv-consult-button:hover,.rv-consult-button:focus-visible{filter:brightness(.94);box-shadow:0 4px 12px #0b294d30} .rv-specs-button{cursor:pointer;transition:border-color .18s,box-shadow .18s} .rv-specs-button:hover,.rv-specs-button:focus-visible{border-color:#f57c00!important;box-shadow:0 0 0 1px #f57c00} @media(prefers-reduced-motion:reduce){.rv-inline-link .rv-link-arrow,.product-card .rv-link-arrow{transition:none;transform:none!important}} .rv-inline-link:hover p,.rv-inline-link:focus-visible p{color:#f57c00!important} .rv-inline-link:hover>img,.rv-inline-link:focus-visible>img{filter:brightness(0) saturate(100%) invert(54%) sepia(91%) saturate(1733%) hue-rotate(359deg) brightness(99%) contrast(96%)} .rv-help-link{cursor:pointer;text-decoration:none;transition:color .18s;display:block;color:#337ab7} .rv-help-link .rv-link-arrow,.rv-filter-help>img{transition:transform .18s,filter .18s} .rv-help-link:hover,.rv-help-link:hover p,.rv-help-link:focus-visible{color:#f57c00!important} .rv-help-link:hover .rv-link-arrow,.rv-help-link:hover>img,.rv-help-link:focus-visible .rv-link-arrow{transform:translateX(4px)} .rv-help-link:hover img,.rv-help-link:focus-visible img{filter:brightness(0) saturate(100%) invert(54%) sepia(91%) saturate(1733%) hue-rotate(359deg) brightness(99%) contrast(96%)} .rv-filter-help{color:white}.rv-filter-help:hover strong{color:#f57c00}.rv-filter-help p{color:white!important} .rv-view-toggle{display:flex;gap:8px;justify-content:flex-end} .rv-view-toggle button{border:1px solid #eaeaea;border-radius:10px;background:white;padding:10px 12px;color:#616161;font:14px/18px Roboto} .rv-view-toggle button[aria-pressed=true]{color:#2196f3;background:#f1f7fb;border-color:#2196f3}.rv-view-toggle button:hover{border-color:#f57c00} [data-catalog-grid][data-view=list]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;gap:20px!important} [data-catalog-grid][data-view=list]>[data-name=ProductCard]{grid-column:auto!important;grid-row:auto!important;display:grid!important;grid-template-columns:150px minmax(0,1fr) 180px;grid-template-rows:auto auto;gap:16px 24px!important;align-items:center;min-height:210px;width:100%;box-sizing:border-box} [data-view=list] [data-name=ImageContainer]{grid-column:1;grid-row:1/3;height:180px!important;width:150px!important} [data-view=list] [data-name=ProductImage]{width:150px!important;height:134px!important} [data-view=list] [data-name=ProductTitleBlock]{grid-column:2;grid-row:1;min-width:0;white-space:normal!important} [data-view=list] [data-name=ProductTitleBlock] p{white-space:normal!important;min-width:0;width:100%;overflow:visible;text-overflow:clip} [data-view=list] [data-name=Specs]{grid-column:2;grid-row:2;min-width:0} [data-view=list] [data-name=PriceAndAction]{grid-column:3;grid-row:1/3;min-width:0} [data-view=list] [data-name=PriceAndAction]>div:first-child{flex-direction:column;gap:8px;align-items:flex-start} .rv-gallery-thumb{padding:0;cursor:pointer;background:transparent;border:2px solid transparent!important;box-sizing:border-box} .rv-gallery-thumb[aria-pressed=true]{border-color:#2196f3!important}.rv-gallery-thumb:hover{border-color:#f57c00!important} .rv-gallery-thumb img{pointer-events:none} .m-thumbnails .rv-gallery-thumb{width:calc((100% - 36px)/4);border-radius:12px;overflow:hidden} .m-thumbnails .rv-gallery-thumb img{width:100%;height:auto;display:block} @media(max-width:1279px){.m-main .rv-page-title{font:700 25px/1.45 'Noto Sans',sans-serif;text-transform:uppercase;margin:14px 0}.rv-view-toggle{margin:24px 0}.rv-mobile-help{display:inline-flex;align-items:center;gap:12px;font-size:13px}} @media(max-width:600px){.m-main .rv-page-title{font-size:22px}[data-catalog-grid][data-view=list]>[data-name=ProductCard]{grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px!important;padding:14px!important;min-height:300px}[data-view=list] [data-name=ImageContainer]{width:90px!important;height:170px!important;grid-row:1/4}[data-view=list] [data-name=ProductImage]{width:90px!important;height:82px!important}[data-view=list] [data-name=PriceAndAction]{grid-column:2;grid-row:3}[data-view=list] [data-name=Specs]{font-size:12px!important}[data-view=list] [data-name=ProductTitleBlock] p:nth-child(2){font-size:16px!important}} .rv-catalog-toolbar{position:absolute;left:600px;right:0;top:11px;display:flex;align-items:center;justify-content:flex-end;gap:16px} .rv-catalog-toolbar>[data-node-id="2020:608"]{position:static;flex:none;width:196px} .rv-catalog-toolbar .rv-view-toggle{position:static;flex:none} .rv-catalog-card{position:relative}.rv-card-open{position:absolute!important;inset:0;z-index:1;border-radius:inherit} .rv-card-details,.rv-add-cart{position:relative;z-index:2;cursor:pointer} .rv-card-details:hover{text-decoration:underline;color:#f57c00!important} .rv-add-cart{border:0;transition:filter .18s,box-shadow .18s}.rv-add-cart:hover{filter:brightness(.94);box-shadow:0 4px 12px #0b294d20} .rv-add-cart span{pointer-events:none} .rv-filter-help,.rv-filter-help:hover,.rv-filter-help:focus-visible,.rv-filter-help:hover strong,.rv-filter-help:focus-visible strong,.rv-filter-help:hover p,.rv-filter-help:focus-visible p{color:white!important} .rv-breadcrumb a:hover,.rv-breadcrumb a:focus-visible,.m-breadcrumb a:hover,.m-breadcrumb a:focus-visible{text-decoration:underline;text-underline-offset:3px} /* Phone-only adjustments; desktop and tablet layouts keep their typography. */ @media(max-width:600px){ .hero .mini-benefits,.consultation .mini-benefits{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:14px;line-height:21px} .hero .mini-benefits>div,.consultation .mini-benefits>div{gap:10px;min-width:0} .hero .mini-benefits br,.consultation .mini-benefits br{display:none} .mini-icon{transform:none;margin:0}.hero .button,.consultation .button{font-size:13px;line-height:19px;padding:10px;height:auto;min-height:52px} .quality{font-size:12px;line-height:19px}.hero h1{font-size:26px;line-height:1.4} .hero-description{font-size:16px;line-height:25px;white-space:normal} .hero-product{zoom:1!important;transform:none;width:100%;height:410px;margin:26px auto 0;align-self:stretch} .hero-white-card{left:16px;top:36px;width:calc(100% - 32px);height:290px} .hero-motor{left:8%;top:53px;width:84%;height:auto} .hero-stock{left:0;top:0;width:116px;height:auto;min-height:96px;padding:12px 8px;font-size:14px;line-height:22px} .hero-stock strong{font-size:18px}.hero-force{left:auto;right:0;top:253px;width:164px;height:auto;min-height:88px;padding:12px 8px;font-size:14px;line-height:24px} .hero-force strong{font-size:18px}.hero-power{left:18px;top:313px;width:122px;height:auto;min-height:82px;padding:12px;font-size:14px;line-height:24px}.hero-power strong{font-size:18px} .promotion-box{display:grid;grid-template-columns:1fr;justify-items:center;gap:18px;min-height:0;height:auto;padding:28px 24px;text-align:center} .promotion-box>img{position:static;grid-row:1;justify-self:center;left:auto;right:auto;top:auto;width:220px;max-width:100%;height:auto;margin:0} .promotion-copy{position:static;padding:0;grid-row:2;min-width:0;width:100%} .promotion-copy>h2+p{font-size:16px;line-height:1.45} .promotion-copy>p+p{font-size:16px;line-height:1.45;white-space:normal} .promotion-copy>p+p strong{font-size:26px;line-height:1.45} .promotion-copy>p+p span{display:block;width:100%;margin:0;padding:0;font-size:inherit;line-height:1.45} .promotion-copy>p+p b{display:inline;margin:0;font-size:22px;line-height:1.45} .promo-button{position:static;grid-row:3;min-width:180px;font-size:14px;min-height:42px;width:auto;flex:none;justify-self:center;transform:none} .promo-link{position:static;grid-row:4;font-size:13px;line-height:20px;margin:0;max-width:100%;gap:10px;justify-self:center;justify-content:center} .section-title>.text-link{font-size:12px;line-height:18px}.category-card small{font-size:12px;line-height:18px}.category-card strong{font-size:14px;line-height:20px}.category-card{height:205px} .benefit p,.task-card small{font-size:14px;line-height:21px}.task-heading p,.consultation-copy>p,.delivery>div>p{font-size:16px;line-height:25px} .delivery-terms>div{font-size:13px;line-height:21px}.delivery-terms strong{font-size:14px} .product-body dl{ font-size:14px; line-height:22px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-top:16px; margin-bottom:0; padding:12px 0; } .product-bottom{ margin-top:auto; padding-top:24px; border-top:0; } .product-bottom .text-link{font-size:13px} .benefit img,.services .benefit img{ width:60px; height:60px; object-fit:contain; flex:none; } .section-title .text-link, .catalog .section-title .text-link{ margin-left:0; justify-self:start; } .catalog .section-title{justify-content:space-between} .promo-link{ right:24px!important; bottom:12px!important; margin-top:24px!important; gap:8px!important; justify-content:flex-end; } @media(max-width:720px){ .product-body dl{ display:flex; flex-wrap:nowrap; grid-template-columns:none; gap:16px; align-items:baseline; } .product-body dl>div{display:flex;gap:6px;align-items:baseline;white-space:nowrap} .product-body dl dt:after{content:':'} .section-title .text-link{justify-content:flex-start;width:100%} } .request-form label:not(.file-upload){font-size:14px}.file-upload{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;font-size:13px}.file-button{font-size:12px}.article-grid p{font-size:15px;line-height:24px} } @media(max-width:350px){.hero-force{width:156px;right:0;top:230px}.hero-power{top:324px}.hero .actions,.consultation .actions{flex-direction:column}.section-title{flex-wrap:wrap}} .rv-catalog-card [data-name=ProductTitleBlock]>h2{font:700 18px/normal Roboto,sans-serif;text-transform:none;margin:0} [data-view=list] [data-name=ProductTitleBlock]>h2{white-space:normal!important;min-width:0;width:100%;overflow:visible;text-overflow:clip} @media(max-width:600px){[data-view=list] [data-name=ProductTitleBlock]>h2{font-size:16px}} @media(max-width:720px){ .site-header{position:-webkit-sticky!important;position:sticky!important;top:0;z-index:200} .site-header .header-main{height:auto!important;min-height:0;gap:10px 8px} .site-header .menu-toggle{order:1!important} .site-header .logo{order:2!important;margin-right:0!important} .site-header #catalog-area{order:3!important} .site-header .header-mobile-phone{order:4!important;display:inline-flex!important} .site-header .search{order:5!important;flex:1 1 calc(100% - 52px)!important;width:auto!important;min-width:0!important;max-width:calc(100% - 52px)!important;margin:0!important;height:38px} .site-header .cart-button{order:6!important;margin-left:0!important;width:40px;height:40px} .site-header .cart-count{background:#f57c00!important;color:#fff!important} .site-header .cart-symbol{border:0!important;transform:none!important;margin:0!important;width:22px;height:20px} .site-header .cart-symbol:before, .site-header .cart-symbol:after{content:none!important} .site-header .main-nav{display:none!important} .hero .actions{ flex-direction:column; align-items:stretch; gap:12px; } .hero .button, .hero .button.primary, .hero .button.outline{ display:inline-flex; align-items:center; justify-content:center; text-align:center; width:100%; box-sizing:border-box; } .catalog .section-title, .products .section-title{ flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:12px; } .catalog .section-title>.text-link, .products .section-title>.text-link, .section-title>.text-link{ margin-right:0; margin-left:0; justify-content:flex-start; justify-self:start; text-align:left; max-width:none; width:auto; } .category-card{ align-items:flex-start; } .category-card img{ align-self:center; margin-left:auto; margin-right:auto; margin-top:auto; } .category-card:last-child img{width:134px;height:100px;margin-right:auto} .product-grid.is-collapsed .product-card:nth-child(n+7), .product-grid.is-collapsed .rv-catalog-card:nth-child(n+7), .rv-product-grid.is-collapsed .rv-catalog-card:nth-child(n+7){display:none} .rv-products-more{ display:flex; justify-content:center; margin:24px 0 0; } .rv-products-more[hidden]{display:none!important} .rv-products-more__btn{ min-width:220px; height:48px; padding:0 24px; border:1px solid #c2c2c2; border-radius:10px; background:#fff; color:#0b294d; font:700 14px/1 'Noto Sans',sans-serif; text-transform:uppercase; cursor:pointer; } .rv-products-more__btn:hover{border-color:#f57c00;color:#f57c00} } @media(min-width:721px){ .rv-products-more{display:none!important} .product-grid.is-collapsed .product-card:nth-child(n+4), .product-grid.is-collapsed .rv-catalog-card:nth-child(n+4), .rv-product-grid.is-collapsed .rv-catalog-card:nth-child(n+4){display:none} } /* Карточки каталога на главной: не даём home h2/p перебить стили */ .products .rv-catalog-card__name{text-transform:none;font:700 18px/1.25 Roboto,sans-serif;color:#616161} .products .rv-catalog-card__brand, .products .rv-catalog-card__model, .products .rv-catalog-card__price{margin:0} .products .rv-catalog-card__price{margin:0;font:700 24px/1.25 'Noto Sans',sans-serif;color:#24466d} @media(max-width:600px){ .section-title>.text-link{display:inline-flex;grid-template-columns:none;flex:none;width:auto;max-width:none;gap:8px;white-space:normal;overflow-wrap:anywhere;justify-content:flex-start;text-align:left} .hero-motor{left:50%;transform:translateX(-50%);max-width:350px} .hero-white-card{max-width:380px;left:50%;transform:translateX(-50%)} } @media(max-width:600px){.hero-description br{display:block}} /* All-products text and arrow belong to the same link. */ .rv-all-products-desktop>p{flex:none;width:91px;font:700 14px/30px 'Noto Sans',sans-serif;text-transform:uppercase;margin:0;color:#337ab7} .rv-all-products-desktop .rv-link-arrow{height:30px;width:30px} /* Give every small icon the same canvas; remove inherited negative offsets. */ .mini-benefits .mini-icon,.mini-benefits .mini-icon.compatibility,.mini-benefits .mini-icon.analogues,.mini-benefits .mini-icon.warranty{width:40px;height:40px;flex:none;transform:none;margin:0;border:0;border-radius:0;background-repeat:no-repeat;background-position:center;background-size:34px 34px} .mini-benefits .mini-icon.compatibility{background-image:url(/local/templates/rusvibro_new/css/../assets/compatibility.svg)} .mini-benefits .mini-icon.analogues{background-image:url(/local/templates/rusvibro_new/css/../assets/mini-delivery.png)} .mini-benefits .mini-icon.warranty{background-image:url(/local/templates/rusvibro_new/css/../assets/mini-warranty.png)} .mini-benefits .mini-icon:before,.mini-benefits .mini-icon:after{content:none} .rv-filter-drawer{position:fixed;inset:0 0 0 auto;box-sizing:border-box;width:400px;max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;background:#fff;color:#616161;overflow:auto;overscroll-behavior:contain;font:14px/20px Roboto,sans-serif} .rv-filter-drawer::backdrop{background:#0b294d99} .rv-filter-drawer[open]{animation:rv-drawer-enter .2s ease-out} @keyframes rv-drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}} .rv-filter-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:2;background:white;border-bottom:1px solid #eaeaea;padding:18px 24px} .rv-filter-drawer-heading h2{margin:0;font:700 20px/28px 'Noto Sans',sans-serif;text-transform:uppercase} .rv-filter-drawer-heading button{border:0;background:none;font-size:30px;cursor:pointer;line-height:28px;width:36px;height:36px} .rv-filter-drawer .rv-filters{border:0;border-radius:0;margin:0;padding:24px}.rv-filter-drawer .rv-filters>h2{display:none} .rv-filter-open,.rv-filter-apply{display:flex;align-items:center;justify-content:center;gap:12px;background:#2196f3;color:#0b294d;border:1px solid #2196f3;border-radius:10px;min-height:46px;font:700 14px/20px Roboto;cursor:pointer} .rv-filter-open{width:100%;margin:24px 0}.rv-filter-open span{font-size:20px} .rv-filter-apply{width:calc(100% - 48px);margin:0 24px 24px;background:#f57c00;border-color:#f57c00} .rv-filter-open:hover,.rv-filter-apply:hover{filter:brightness(.95)} @media(max-width:1279px){.m-benefits{display:none}} @media(max-width:600px){ .hero .mini-benefits,.consultation .mini-benefits{align-items:stretch} .hero .mini-benefits>div,.consultation .mini-benefits>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;min-width:0;width:100%;margin:0} .hero .mini-benefits>div>span:last-child,.consultation .mini-benefits>div>span:last-child{margin:0;text-align:left} .promotion-box{justify-items:center;text-align:center;gap:20px;padding:32px 28px} .promotion-copy{display:flex;flex-direction:column;align-items:center;gap:4px} .promotion-copy h2{line-height:1.45} .promotion-copy>h2+p{margin:0;max-width:280px;font-size:16px;line-height:1.45} .promotion-copy>p+p{ display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:4px 6px; font-size:16px; line-height:1.45; max-width:100%; } .promotion-copy>p+p strong{font-size:28px;line-height:1.45} .promotion-copy>p+p span{ display:block; flex:0 0 100%; width:100%; margin:0; padding:0; font-size:inherit; line-height:1.45; text-align:center; } .promotion-copy>p+p b{font-size:22px;line-height:1.45;margin:0} .promo-link{justify-content:center;text-align:center} .promo-button{justify-self:center} .mobile-page [data-name=StockBadge]{padding:6px 8px!important;border:1px solid #2196f3;background:#dcefff!important;max-width:100%;box-sizing:border-box} .mobile-page [data-name=StockBadge] p{font:700 14px/20px Roboto!important;color:#0b294d!important} } @media(prefers-reduced-motion:reduce){.rv-filter-drawer[open]{animation:none}} @media(min-width:601px) and (max-width:1279px){.consultation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.consultation-copy,.request-form{min-width:0}.consultation .mini-benefits{gap:10px;flex-wrap:wrap}.consultation .mini-benefits>div{min-width:0}} /* End */ /* Start:/local/templates/rusvibro_new/css/catalog.css?179206269922013*/ /* Single responsive catalog layout (no dual-DOM / no 1920 absolute canvas) */ body.rv-inner.rv-catalog-page #main.rv-page:has(.rv-catalog){ width:100%; max-width:none; margin:0; padding:0 0 56px; } .rv-catalog{ width:1180px; max-width:calc(100% - 48px); margin:0 auto; padding:24px 0 60px; color:#616161; font:16px/1.5 Roboto,Arial,sans-serif; } .rv-catalog__eyebrow{ display:inline-block; color:#2196f3; font:700 12px/1.4 'Noto Sans',sans-serif; text-transform:uppercase; margin:0 0 8px; } .rv-catalog__title{ margin:0 0 12px; font:700 28px/1.35 'Noto Sans',sans-serif; color:#24466d; text-transform:uppercase; } /* SEO-текст только внизу: скрыть любой блок без --bottom (старый кеш шаблона) */ .rv-catalog .rv-catalog__desc:not(.rv-catalog__desc--bottom){ display:none!important; margin:0!important; padding:0!important; border:0!important; height:0!important; overflow:hidden!important; } .rv-catalog__desc--bottom, .rv-catalog__desc{ margin:40px 0 0; padding-top:28px; border-top:1px solid #e7e7e7; color:#777; max-width:100%; font:400 16px/1.5 "Roboto Text",Arial,sans-serif; font-weight:400; } .rv-page .rv-catalog__desc, .rv-page .rv-catalog__desc p, .rv-page .rv-catalog__desc li, .rv-page .rv-catalog__desc span, .rv-page .rv-catalog__desc div, .rv-catalog__desc p, .rv-catalog__desc li, .rv-catalog__desc span, .rv-catalog__desc div{ font-family:"Roboto Text",Arial,sans-serif; font-weight:400; font-size:16px; line-height:1.5; color:#777; } .rv-page .rv-catalog__desc b, .rv-page .rv-catalog__desc strong, .rv-catalog__desc b, .rv-catalog__desc strong{ font-family:Roboto,Arial,sans-serif; font-weight:700; color:#616161; } .rv-catalog__desc--bottom{ display:block!important; height:auto!important; overflow:visible!important; box-sizing:border-box; margin:40px 0 0; padding:28px 32px; border:0; border-radius:16px; background:#eaf3fa; } .rv-catalog__desc h2, .rv-catalog__desc h3{ margin:0 0 14px; font:700 20px/30px 'Noto Sans',sans-serif; color:#616161; text-transform:uppercase; } .rv-catalog__desc--bottom h2, .rv-catalog__desc--bottom h3{ color:#0b294d; } .rv-catalog__desc p{ margin:0 0 14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:99; overflow:hidden; font:400 16px/1.5 "Roboto Text",Arial,sans-serif; font-weight:400; color:#777; } .rv-catalog__desc p:last-child{margin-bottom:0} .rv-catalog__help{ display:inline-flex; align-items:center; gap:10px; margin:0 0 20px; color:#2196f3; font:400 14px/20px Roboto,Arial,sans-serif; text-transform:uppercase; } .rv-catalog__help .rv-link-arrow{ display:inline-flex; align-items:center; justify-content:center; flex:none; width:30px; height:30px; line-height:0; transform:translateY(0); } .rv-catalog__help .rv-link-arrow img{ display:block; width:30px; height:30px; } .rv-catalog__help:hover{color:#f57c00} .rv-catalog__help:hover .rv-link-arrow img{ filter:brightness(0) saturate(100%) invert(54%) sepia(91%) saturate(1733%) hue-rotate(359deg) brightness(99%) contrast(96%); } .rv-catalog-categories{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 28px; } .rv-catalog-category{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:140px; padding:18px 20px; border:1px solid #c2c2c2; border-radius:20px; color:inherit; background:#fff; transition:border-color .18s,box-shadow .18s; } .rv-catalog-category:hover{ border-color:#f57c00; box-shadow:0 4px 16px #0b294d14; color:inherit; } .rv-catalog-category h2{ margin:0 0 6px; font:700 16px/1.3 Roboto,sans-serif; text-transform:none; color:#616161; } .rv-catalog-category p{ margin:0; font-size:13px; color:#616161; } .rv-catalog-category__image{ width:120px; height:90px; flex:none; display:flex; align-items:center; justify-content:center; overflow:hidden; } .rv-catalog-category__image img{ max-width:100%; max-height:100%; object-fit:contain; } .rv-catalog-benefits{ display:flex; flex-wrap:wrap; gap:16px 28px; margin:0 0 28px; padding:18px 0; border-block:1px solid #eaeaea; color:#0b294d; font:700 13px/1.4 Roboto,sans-serif; text-transform:uppercase; } .rv-catalog-layout{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:32px; align-items:start; } .rv-catalog-aside{ position:sticky; top:16px; } .rv-catalog-main{min-width:0} .rv-filters, .rv-filters *{box-sizing:border-box} .rv-filters{ padding:23px; border:1px solid #eaeaea; border-radius:20px; background:#fff; color:#616161; font:14px/20px Roboto,sans-serif; } .rv-filters h2{ font:700 16px/22px 'Noto Sans',sans-serif; text-transform:uppercase; margin:0 0 24px; } .rv-filter-group{ border:0; padding:0; margin:0 0 22px; min-width:0; } .rv-filter-group legend{ font:700 13px/20px 'Noto Sans',sans-serif; text-transform:uppercase; margin-bottom:12px; padding:0; color:#616161; } .rv-filter-options{ display:flex; flex-direction:column; gap:10px; max-height:170px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#2196f3 #f1f1f1; } .rv-filter-options label{ display:flex; align-items:center; gap:10px; cursor:pointer; color:#616161; } .rv-filter-options input[type=checkbox], .rv-filter-options input[type=radio]{ -webkit-appearance:none; appearance:none; flex:none; width:20px; height:20px; border:1px solid #bdbdbd; border-radius:4px; margin:0; background:#fff; cursor:pointer; } .rv-filter-options input[type=radio]{border-radius:50%} .rv-filter-options input:checked{ border-color:#2196f3; background:#2196f3 url(/local/templates/rusvibro_new/css/../assets/figma/catalog-imgCheck.svg) no-repeat center; background-size:12px 12px; } .rv-filter-options input:hover{border-color:#2196f3} .rv-range-numbers{display:flex;gap:12px} .rv-range-numbers input{ width:calc((100% - 12px)/2); min-width:0; height:34px; box-sizing:border-box; border:1px solid #bdbdbd; border-radius:4px; padding:6px 8px; color:#616161; font:13px Roboto,sans-serif; } .rv-filter-actions{ display:flex; flex-direction:column; gap:10px; margin-top:8px; } .rv-filter-apply, .rv-filter-open{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:46px; border:1px solid #f57c00; border-radius:10px; background:#f57c00; color:#fff; font:700 14px/20px Roboto,sans-serif; cursor:pointer; } .rv-filter-open{ display:none; margin:0 0 16px; background:#2196f3; border-color:#2196f3; color:#0b294d; } .rv-page input.rv-filter-reset[type=submit], .rv-catalog input.rv-filter-reset, .rv-filter-reset{ display:flex; align-items:center; justify-content:center; width:100%; min-height:46px; height:auto; padding:12px 16px; border:1px solid #bdbdbd; border-radius:10px; background:#fff; color:#616161!important; font:700 14px/20px Roboto,sans-serif; text-transform:uppercase; cursor:pointer; box-sizing:border-box; filter:none; } .rv-page input.rv-filter-reset[type=submit]:hover, .rv-catalog input.rv-filter-reset:hover, .rv-filter-reset:hover{ background:#fff; border-color:#9e9e9e; color:#616161!important; filter:none; } .rv-filter-help{ display:block; position:relative; background:#0b294d; color:#fff!important; padding:16px 48px 16px 16px; border-radius:8px; margin-top:24px; font-size:13px; line-height:18px; text-decoration:none; } .rv-filter-help strong{ display:block; color:#fff; font:700 14px/1.3 'Noto Sans',sans-serif; } .rv-filter-help p{margin:6px 0 0;color:#fff!important} .rv-filter-help>img{ position:absolute; right:12px; top:50%; margin-top:-15px; width:30px; height:30px; display:block; } .rv-filter-help:hover strong{color:#f57c00} .rv-filter-drawer-heading{display:none} .rv-filter-backdrop{ position:fixed; inset:0; z-index:90; background:#0b294d99; } .rv-catalog-toolbar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; } .rv-catalog-toolbar__count{ margin:0; font:700 18px/1.3 'Noto Sans',sans-serif; color:#616161; } .rv-catalog-toolbar__controls{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-left:auto; } .rv-view-toggle{ display:flex; gap:8px; } .rv-view-toggle a, .rv-view-toggle button{ border:1px solid #eaeaea; border-radius:10px; background:#fff; padding:10px 12px; color:#616161; font:14px/18px Roboto,sans-serif; text-decoration:none; cursor:pointer; } .rv-view-toggle a[aria-pressed=true], .rv-view-toggle button[aria-pressed=true]{ color:#2196f3; background:#f1f7fb; border-color:#2196f3; } .rv-view-toggle a:hover, .rv-view-toggle button:hover{border-color:#f57c00;color:#f57c00} .rv-catalog-sort{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:13px; color:#616161; } .rv-catalog-sort a{ color:#616161; text-decoration:none; padding:8px 10px; border-radius:8px; border:1px solid transparent; } .rv-catalog-sort a.is-active, .rv-catalog-sort a:hover{ border-color:#2196f3; color:#2196f3; background:#f1f7fb; } .rv-product-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } .rv-catalog-more{ display:none; justify-content:center; margin:24px 0 8px; } .rv-catalog-more[hidden]{display:none!important} .rv-catalog-more__btn{ min-width:220px; height:48px; padding:0 24px; border:1px solid #c2c2c2; border-radius:10px; background:#fff; color:#0b294d; font:700 14px/1 'Noto Sans',sans-serif; text-transform:uppercase; cursor:pointer; } .rv-catalog-more__btn:hover{border-color:#f57c00;color:#f57c00} @media(max-width:700px){ .rv-product-grid.is-collapsed>.rv-catalog-card:nth-child(n+7){display:none} .rv-catalog-more{display:flex} } .rv-product-grid[data-view=list]{ grid-template-columns:1fr; } .rv-catalog-card{ position:relative; display:flex; flex-direction:column; gap:14px; min-width:0; height:100%; padding:20px; border:1px solid #eaeaea; border-radius:12px; background:#fff; color:inherit; box-sizing:border-box; transition:border-color .18s,box-shadow .18s; } .rv-catalog-card__body{flex:1 1 auto;min-width:0} .rv-catalog-card *{box-sizing:border-box} .rv-catalog-card:hover{ border-color:#f57c00; box-shadow:0 4px 16px #0b294d14; } .rv-product-grid[data-view=list] .rv-catalog-card{ display:grid; grid-template-columns:180px minmax(0,1fr) 200px; align-items:center; gap:20px; } .rv-catalog-card__media{ position:relative; display:flex; align-items:center; justify-content:center; height:180px; } .rv-catalog-card__media img{ max-width:100%; max-height:160px; object-fit:contain; } .rv-catalog-card__stock{ position:absolute; left:0; top:0; padding:4px 10px; border-radius:6px; background:#2196f3; color:#fff; font:500 11px/1.2 Roboto,sans-serif; } .rv-catalog-card__stock.is-order{background:#9e9e9e} .rv-catalog-card__brand{ margin:0 0 4px; font:700 13px/1.3 'Noto Sans',sans-serif; color:#9e9e9e; text-transform:uppercase; } .rv-catalog-card__name{ margin:0 0 4px; font:700 18px/1.25 Roboto,sans-serif; color:#616161; text-transform:none; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .rv-catalog-card__model{ margin:0; font-size:13px; color:#616161; } .rv-catalog-card__specs{ display:flex; flex-direction:column; gap:6px; margin:16px 0 0; padding:12px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font-size:13px; } .rv-catalog-card__specs div{ display:flex; justify-content:space-between; gap:12px; } .rv-catalog-card__specs dt{color:#616161;margin:0;font-weight:400} .rv-catalog-card__specs dd{margin:0;font-weight:700;color:#616161;text-align:right} .rv-catalog-card__buy{ display:flex; flex-direction:column; gap:12px; min-width:0; width:100%; margin-top:auto; padding-top:24px; border-top:0; } .rv-catalog-card__price-row{ display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; min-width:0; } .rv-page .rv-catalog-card__price, .rv-catalog-card__price{ margin:0; font-family:'Noto Sans',sans-serif; font-size:24px; font-weight:700; line-height:1.25; color:#24466d; } .rv-page .rv-catalog-card__price .rub, .rv-catalog-card__price .rub{ font-weight:700; font-size:inherit; } .rv-catalog-card__details{ color:#2196f3; font-size:13px; text-decoration:underline; } .rv-catalog-card__details:hover{color:#f57c00} .rv-add-cart{ display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; max-width:100%; padding:12px 16px; border:0; border-radius:6px; background:#f57c00; color:#fff; font:700 14px/1.2 Roboto,sans-serif; text-transform:uppercase; text-decoration:none; cursor:pointer; } .rv-add-cart:hover{ filter:brightness(.94); color:#fff; box-shadow:0 4px 12px #0b294d20; } .rv-catalog-card__open{ position:absolute; inset:0; z-index:1; border-radius:inherit; } .rv-catalog-card__details, .rv-add-cart{position:relative;z-index:2} .rv-catalog .bx-pagination, .rv-catalog .rv-pagination-wrap, .rv-catalog .pagination__holder{ margin:28px 0 0; text-align:center; } .rv-catalog .bx-pagination .bx-pagination-container ul, .rv-catalog .pagination{ display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; padding:0; margin:0; list-style:none; } .rv-catalog .pagination>li{ display:block; float:none; margin:0; } .rv-catalog .bx-pagination .bx-pagination-container ul li a, .rv-catalog .bx-pagination .bx-pagination-container ul li span, .rv-catalog .pagination>li>a, .rv-catalog .pagination>li>span{ display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:36px; height:35px; padding:8px 14px; margin:0; border:1px solid #eaeaea; border-radius:6px; background:#f5f5f5; color:#616161; font:14px/18px Roboto,sans-serif; text-decoration:none; float:none; position:static; } .rv-catalog .pagination>li>a:hover, .rv-catalog .pagination>li>span:hover{ border-color:#f57c00; color:#616161; } .rv-catalog .bx-pagination .bx-pagination-container ul li.bx-active span, .rv-catalog .pagination>li.active>span, .rv-catalog .pagination>li.active>a{ background:#2196f3; border-color:#2196f3; color:#fff; font-weight:700; } .rv-catalog .pagination>li.next>a span, .rv-catalog .pagination>li.prev>a span{ display:inline-block; width:8px; height:8px; border-top:2px solid currentColor; border-right:2px solid currentColor; } .rv-catalog .pagination>li.next>a span{transform:rotate(45deg)} .rv-catalog .pagination>li.prev>a span{transform:rotate(-135deg)} .rv-catalog .certificates, .rv-catalog .rv-certificates{ margin:40px 0 0; } .rv-catalog .certificates>p.h3, .rv-catalog .rv-certificates__title{ margin:0 0 20px; font:700 20px/30px 'Noto Sans',sans-serif; color:#616161; text-transform:uppercase; } .rv-certificates-carousel{ position:relative; } .rv-certificates-carousel__viewport{ overflow:hidden; } .rv-catalog .certificates .row, .rv-catalog .rv-certificates__grid, .rv-catalog .rv-certificates__track{ display:flex; gap:20px; margin:0; padding:4px 2px 8px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .rv-catalog .certificates .row::-webkit-scrollbar, .rv-catalog .rv-certificates__grid::-webkit-scrollbar, .rv-catalog .rv-certificates__track::-webkit-scrollbar{display:none} .rv-catalog .certificates .col-sm-4{ width:auto; float:none; padding:0; margin:0; } .rv-catalog .certificate, .rv-catalog .certificate_vertical{ flex:0 0 168px; width:168px; margin:0; line-height:1.4; scroll-snap-align:start; } .rv-catalog .certificate a{ display:flex; flex-direction:column; align-items:center; gap:10px; color:#616161; text-decoration:none; text-align:center; } .rv-catalog .certificate a:hover{color:#f57c00} .rv-catalog .certificate__img{ display:block; float:none; width:100%; margin:0; border:1px solid #eaeaea; border-radius:8px; overflow:hidden; background:#fff; } .rv-catalog .certificate__img img{ display:block; width:100%; height:auto; } .rv-catalog .certificate__img:after{display:none} .rv-catalog .certificate__text{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; clear:none; padding:0; min-height:3.9em; font:13px/1.3 Roboto,sans-serif; } .rv-certificates-carousel__btn{ position:absolute; top:90px; z-index:2; display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:1px solid #c2c2c2; border-radius:50%; background:#fff; color:#0b294d; font:700 22px/1 Roboto,sans-serif; cursor:pointer; box-shadow:0 2px 8px #0b294d14; } .rv-certificates-carousel__btn:hover{ border-color:#f57c00; color:#f57c00; } .rv-certificates-carousel__btn:disabled{ opacity:.35; cursor:default; border-color:#c2c2c2; color:#0b294d; } .rv-certificates-carousel__btn--prev{left:-6px} .rv-certificates-carousel__btn--next{right:-6px} @media(max-width:1000px){ .rv-catalog .certificate, .rv-catalog .certificate_vertical{flex-basis:156px;width:156px} } @media(max-width:700px){ .rv-catalog .certificate, .rv-catalog .certificate_vertical{flex-basis:140px;width:140px} .rv-certificates-carousel__btn{width:32px;height:32px;font-size:18px;top:72px} .rv-certificates-carousel__btn--prev{left:0} .rv-certificates-carousel__btn--next{right:0} } .rv-catalog-tail{ width:1180px; max-width:calc(100% - 48px); margin:48px auto 0; padding:0 0 40px; box-sizing:border-box; } .rv-faq{ max-width:1180px; margin:0 auto; border:1px solid #c2c2c2; border-radius:20px; padding:0 32px; background:#fff; overflow:hidden; box-sizing:border-box; } .rv-faq details+details{border-top:1px solid #eee} .rv-faq summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:78px; font:700 14px/22px 'Noto Sans',sans-serif; text-transform:uppercase; color:#1976d2; cursor:pointer; } .rv-faq summary::-webkit-details-marker{display:none} .rv-faq summary img{ flex:none; transform:rotate(90deg); transition:transform .18s; } .rv-faq details[open] summary img{transform:rotate(-90deg)} .rv-faq summary:hover{color:#f57c00} .rv-faq p, .rv-page .rv-faq p{ margin:0; padding:0 60px 25px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:99; overflow:hidden; font:400 16px/1.5 "Roboto Text",Arial,sans-serif; font-weight:400; color:#777; } @media(max-width:1279px){ .rv-faq{padding:0 20px} .rv-faq summary{font-size:13px;padding:18px 0;min-height:72px} .rv-faq p, .rv-page .rv-faq p{padding-right:0;font-size:15px;line-height:28px;font-weight:400} } .rv-catalog-seo{ margin:40px 0 0; padding:24px; border-radius:16px; background:#eaf3fa; } .rv-catalog-seo h2{ margin:0 0 12px; font:700 20px/30px 'Noto Sans',sans-serif; color:#0b294d; text-transform:uppercase; } .rv-catalog-seo p{margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:99;overflow:hidden;color:#777;font:400 16px/1.5 "Roboto Text",Arial,sans-serif;font-weight:400} .rv-catalog-empty{ padding:40px 20px; text-align:center; color:#616161; border:1px dashed #c2c2c2; border-radius:12px; } @media(max-width:1279px){ .rv-catalog-layout{grid-template-columns:1fr} .rv-filter-open{display:flex} .rv-catalog-aside{ position:fixed; inset:0 0 0 auto; z-index:100; width:min(400px,100%); height:100dvh; overflow:auto; background:#fff; transform:translateX(100%); transition:transform .2s ease-out; padding:0; } .rv-catalog-aside.is-open{transform:translateX(0)} .rv-filter-drawer-heading{ display:flex; align-items:center; justify-content:space-between; gap:20px; position:sticky; top:0; z-index:2; background:#fff; border-bottom:1px solid #eaeaea; padding:18px 24px; } .rv-filter-drawer-heading h2{ margin:0; font:700 20px/28px 'Noto Sans',sans-serif; text-transform:uppercase; } .rv-filter-drawer-heading button{ border:0; background:none; font-size:30px; cursor:pointer; line-height:28px; width:36px; height:36px; } .rv-catalog-aside .rv-filters{ border:0; border-radius:0; margin:0; padding:24px; } .rv-catalog-aside .rv-filters>h2{display:none} body.rv-filter-open{overflow:hidden} } @media(max-width:1000px){ .rv-catalog-categories{grid-template-columns:repeat(2,minmax(0,1fr))} .rv-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:1000px) and (min-width:701px){ .rv-product-grid[data-view=list] .rv-catalog-card{ grid-template-columns:120px minmax(0,1fr); } .rv-product-grid[data-view=list] .rv-catalog-card__buy{grid-column:1/-1} } @media(max-width:700px){ .rv-catalog{max-width:calc(100% - 32px);padding-top:0} .rv-catalog__title{font-size:22px} .rv-catalog-toolbar{ justify-content:flex-start; } .rv-catalog-toolbar__controls{ margin-left:0; width:100%; justify-content:flex-start; } .rv-catalog-sort{ justify-content:flex-start; } .rv-view-toggle{display:none} .rv-catalog-categories, .rv-product-grid{grid-template-columns:1fr} .rv-catalog-card, .rv-product-grid[data-view=list] .rv-catalog-card{ display:flex; flex-direction:column; grid-template-columns:none; align-items:stretch; gap:14px; } .rv-product-grid[data-view=list] .rv-catalog-card__buy{ grid-column:auto; width:100%; } .rv-catalog-card__media{ width:100%; height:180px; order:0; } .rv-catalog-card__body{order:1;width:100%} .rv-catalog-card__buy{order:2;width:100%;margin-top:0} .rv-catalog-card__specs{ display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; gap:8px 18px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } .rv-catalog-card__specs div{ display:flex; flex-direction:column; align-items:flex-start; flex:1 1 0; min-width:0; gap:2px; } .rv-catalog-card__specs dt:after{content:':'} .rv-catalog-card__specs dd{margin:0;text-align:left} } /* End */ /* Start:/local/templates/rusvibro_new/components/bitrix/search.title/newsearch/style.css?14564903721964*/ .bx-searchtitle { margin: 10px 0 0; } div.title-search-result { display:none; overflow:hidden; z-index:999; min-width: 370px; margin-top:-3px; background-color: #FFF; box-shadow: 0px 0px 1px 1px #E5E5E5; } div.title-search-fader { display:none; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ float: left; width: 67px; padding: 12px 15px 0; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; line-height: 25px; } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .all_result .bx_item_element { margin-left: 10px } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #2196f3; font-size: 14px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:14px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ display:none } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #2196f3} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/local/templates/rusvibro_new/components/bitrix/sale.basket.basket.line/newcart/style.min.css?14551103783326*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.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;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.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;color:#3f3f3f;text-decoration:none}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.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;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/rusvibro_new/styles.css?17911997452*/ /* End */ /* Start:/local/templates/rusvibro_new/template_styles.css?179119974561*/ /* Reserved for Bitrix ShowCSS; main styles live in css/ */ /* End */ /* /local/templates/rusvibro_new/css/shared.css?179206548215705 */ /* /local/templates/rusvibro_new/css/sprites.css?1791199745543 */ /* /local/templates/rusvibro_new/css/content.css?179206111316914 */ /* /f/css/mmenu-light.css?15611034583972 */ /* /f/scrollbar/jquery.mCustomScrollbar.min.css?162384218742839 */ /* /local/templates/rusvibro_new/css/catalog-menu.css?17920661566146 */ /* /local/templates/rusvibro_new/css/home.css?179206506531358 */ /* /local/templates/rusvibro_new/css/review.css?179206552839662 */ /* /local/templates/rusvibro_new/css/catalog.css?179206269922013 */ /* /local/templates/rusvibro_new/components/bitrix/search.title/newsearch/style.css?14564903721964 */ /* /local/templates/rusvibro_new/components/bitrix/sale.basket.basket.line/newcart/style.min.css?14551103783326 */ /* /local/templates/rusvibro_new/styles.css?17911997452 */ /* /local/templates/rusvibro_new/template_styles.css?179119974561 */