.tr-site-footer
/* TimeRolling front-end refresh 04: isolated public presentation layer. */
/* Local Inter variable font includes the Latin and Cyrillic character sets used by both sites. */
@font-face { font-family:"Inter"; src:url("/ru/_site/assets/InterVariable.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
:root {
  --tr-red:#e31b23;
  --tr-yellow:#ffc400;
  --tr-charcoal:rgb(74, 74, 74);
  --tr-gray:#f4f4f4;
  --tr-line:#e6e6e6;
  --tr-copy:rgb(74, 74, 74);
  --tr-font-sans:"Inter", Arial, Helvetica, "Microsoft YaHei", sans-serif;
  --tr-size-body:16px;
  --tr-size-card-copy:15px;
  --tr-size-nav:15px;
  --tr-size-button:14px;
  --tr-size-meta:13px;
  --tr-size-utility:12px;
  --tr-leading-body:1.7;
  --tr-leading-copy:1.6;
  --tr-leading-heading:1.25;
}
* { box-sizing:border-box; }
html, body { margin:0 !important; padding:0 !important; background:#fff; color:var(--tr-charcoal); font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.55; }
body { min-width:0; }
img { max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--tr-red); }
.tr-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
body > .tr-site-header { display:block; margin:0 !important; padding:0 !important; top:0 !important; }
#think_page_trace_tab, #think_page_trace_open { display:none !important; }
.tr-site-header { background:#fff; border-bottom:1px solid var(--tr-line); position:relative; z-index:5; }
.tr-utility { height:34px; background:#f3f3f3; color:#555; font-size:12px; }
.tr-utility .tr-shell { height:34px; display:flex; align-items:center; justify-content:flex-end; gap:11px; }
.tr-globe { font-size:15px; color:rgb(74, 74, 74); }
.tr-utility-separator { color:#aaa; }
.tr-main-nav { min-height:78px; display:flex; align-items:center; gap:16px; }
.tr-brand { width:192px; display:block; flex:0 0 auto; }
.tr-brand img { display:block; width:100%; height:46px; object-fit:contain; object-position:left center; }
.tr-nav { display:flex; align-self:stretch; align-items:center; justify-content:center; gap:28px; flex:1; }
.tr-nav a { height:78px; display:flex; align-items:center; position:relative; white-space:nowrap; font-size:14px; font-weight:600; color:rgb(74, 74, 74); }
.tr-nav a:hover { color:var(--tr-red); }
.tr-nav a.active { color:var(--tr-red) !important; }
.tr-nav a.active::after { content:""; display:block; position:absolute; height:4px; left:0; right:0; bottom:0; background:var(--tr-red); }
/* Keep previously generated static pages in sync with the revised navigation. */
.tr-nav a:nth-child(3)[href="/product/"] { display:none; }
.tr-nav a[href="/Time-Rolling/"] { font-size:0; }
.tr-nav a[href="/Time-Rolling/"]::before { content:"Who we are"; font-size:14px; }
.tr-quote, .tr-button { display:inline-flex; align-items:center; justify-content:center; border-radius:5px; letter-spacing:.01em; font-size:12px; font-weight:700; }
.tr-quote { background:var(--tr-yellow); color:rgb(74, 74, 74); padding:11px 14px; white-space:nowrap; }
.tr-quote:hover, .tr-button:hover { background:var(--tr-red); color:#fff; }
.tr-header-search { display:flex; align-items:center; justify-content:flex-end; height:32px; width:26px; margin:0 4px 0 0; background:transparent; overflow:hidden; transition:width .2s ease; }
.tr-header-search input[type="search"] { min-width:0; width:0; height:28px; border:0; border-bottom:1px solid transparent; outline:0; padding:0; background:transparent; color:rgb(74,74,74); font:400 12px/1 Arial,sans-serif; opacity:0; transition:width .2s ease, padding .2s ease, opacity .15s ease, border-color .2s ease; }
.tr-header-search input[type="search"]::placeholder { color:#777; }
.tr-header-search button { width:26px; height:30px; flex:0 0 26px; display:flex; align-items:center; justify-content:center; border:0; padding:0; background:transparent; color:rgb(74,74,74); cursor:pointer; line-height:1; }
.tr-search-icon { display:block; position:relative; width:12px; height:12px; border:1.5px solid currentColor; border-radius:50%; }
.tr-search-icon::after { content:""; position:absolute; width:6px; height:1.5px; right:-5px; bottom:-2px; border-radius:1px; background:currentColor; transform:rotate(45deg); transform-origin:left center; }
.tr-header-search:hover, .tr-header-search:focus-within, .tr-header-search.is-open { width:150px; }
.tr-header-search:hover input[type="search"], .tr-header-search:focus-within input[type="search"], .tr-header-search.is-open input[type="search"] { width:124px; padding:0 7px 0 0; border-bottom-color:#b8b8b8; opacity:1; }
.tr-header-search button:hover { color:var(--tr-red); }
.tr-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.tr-search-page { padding:50px 0 76px; color:rgb(74,74,74); }
.tr-search-crumb { margin:0 0 24px; font-size:13px; color:#777; }
.tr-search-crumb a { color:rgb(74,74,74); text-decoration:none; }
.tr-search-panel { padding:31px 34px; border-radius:6px; background:#f3f3f3; }
.tr-search-panel h1 { margin:0 0 19px; color:rgb(74,74,74); font-size:28px; line-height:1.2; }
.tr-search-form { display:flex; align-items:center; max-width:740px; }
.tr-search-form input[type="search"] { flex:1; min-width:0; height:44px; border:1px solid #cfcfcf; border-radius:4px 0 0 4px; padding:0 13px; color:rgb(74,74,74); font-size:14px; outline:0; }
.tr-search-form button { height:44px; border:0; border-radius:0 4px 4px 0; padding:0 22px; background:var(--tr-yellow); color:rgb(74,74,74); font-size:13px; font-weight:700; cursor:pointer; }
.tr-search-form button:hover { background:var(--tr-red); color:#fff; }
.tr-search-summary { margin:34px 0 17px; font-size:15px; font-weight:600; }
.tr-search-result { padding:24px 0; }
.tr-search-result-type { display:block; margin-bottom:6px; color:#777; font-size:12px; }
.tr-search-result h2 { margin:0 0 8px; font-size:20px; line-height:1.3; }
.tr-search-result h2 a, .tr-search-result-link { color:rgb(74,74,74); }
.tr-search-result h2 a:hover, .tr-search-result-link:hover { color:var(--tr-red); }
.tr-search-result p { max-width:900px; margin:0 0 9px; color:#666; line-height:1.7; }
.tr-search-result-link { font-size:13px; font-weight:600; text-decoration:none; }
.tr-search-empty { margin:34px 0; color:#666; line-height:1.7; }
.tr-search-pagination { margin-top:28px; }
.tr-search-pagination a, .tr-search-pagination span { display:inline-block; margin:0 6px 6px 0; padding:7px 10px; border:1px solid #ddd; color:rgb(74,74,74); text-decoration:none; }
.tr-home { overflow:hidden; color:rgb(74, 74, 74); }
.tr-hero { min-height:480px; background:linear-gradient(90deg, rgba(255,246,231,.76) 0%, rgba(255,246,231,.28) 50%, rgba(134,82,34,.10) 100%), url('/ru/_site/static/images/timerolling-refinery-hero-hd.png') center center/cover no-repeat; display:flex; align-items:center; }
.tr-hero-inner { display:flex; align-items:center; min-height:480px; }
.tr-hero-copy { max-width:530px; padding:46px 0; }
.tr-hero h1 { margin:0 0 18px; font-size:clamp(34px, 4vw, 54px); letter-spacing:-.04em; line-height:1.04; color:rgb(74, 74, 74); }
.tr-hero p { max-width:455px; margin:0 0 26px; color:rgb(74, 74, 74); font-size:16px; font-weight:500; }
.tr-button-yellow { min-width:124px; padding:12px 16px; background:var(--tr-yellow); color:rgb(74, 74, 74); }
.tr-section { padding:66px 0; }
.tr-section-heading { text-align:center; margin-bottom:30px; }
.tr-section-heading h2 { margin:0; font-size:29px; line-height:1.18; letter-spacing:-.03em; }
.tr-section-heading p { margin:7px auto 0; color:#666; font-size:14px; }
.tr-section-heading-left { text-align:left; }
.tr-business { background:#fff; }
.tr-business-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; }
.tr-business-carousel { width:100%; }
.tr-business-viewport { overflow:hidden; padding:2px 0 16px; margin:-2px 0 -16px; }
.tr-business-track { display:flex; gap:18px; will-change:transform; transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.tr-business-track .tr-business-card { flex:0 0 calc((100% - 54px) / 4); min-width:0; }
.tr-business-carousel-controls { display:flex; align-items:center; gap:20px; margin-top:31px; }
.tr-business-progress { flex:1; height:5px; overflow:hidden; background:#e8e8e8; }
.tr-business-progress span { display:block; width:25%; height:100%; background:var(--tr-yellow); transition:width .35s ease; }
.tr-business-actions { display:flex; gap:8px; }
.tr-business-control { width:46px; height:42px; border:0; border-radius:0; background:var(--tr-yellow); color:rgb(74, 74, 74); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font:700 23px/1 Arial, Helvetica, sans-serif; transition:background .2s ease, color .2s ease, opacity .2s ease; }
.tr-business-control:hover:not(:disabled), .tr-business-control:focus-visible:not(:disabled) { background:var(--tr-red); color:#fff; outline:0; }
.tr-business-control:disabled { cursor:default; opacity:.38; }
.tr-business-card, .tr-product-card, .tr-interest-grid article { background:#fff; border:1px solid var(--tr-line); border-radius:9px; overflow:hidden; box-shadow:0 5px 18px rgba(0,0,0,.04); position:relative; }
.tr-card-image { display:block; aspect-ratio:1.48; overflow:hidden; background:#e9e9e9; }
.tr-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.tr-business-card:hover img, .tr-product-card:hover img, .tr-interest-grid article:hover img { transform:scale(1.03); }
.tr-card-body { padding:18px 18px 38px; min-height:155px; }
.tr-card-body h3, .tr-product-card h3, .tr-interest-grid h3 { margin:0 0 8px; font-size:17px; line-height:1.25; }
.tr-card-body p, .tr-product-card p, .tr-interest-grid p { margin:0; color:#666; font-size:13px; }
.tr-card-arrow { position:absolute; right:17px; bottom:13px; color:var(--tr-red); font-size:24px; line-height:1; }
.tr-benefits { background:#f7f7f7; }
.tr-benefit-grid { display:grid; grid-template-columns:repeat(4, 1fr); }
.tr-benefit { min-height:112px; padding:25px 20px; display:flex; align-items:center; gap:14px; border-right:1px solid #dedede; }
.tr-benefit:last-child { border-right:0; }
.tr-benefit-icon { display:flex; flex:0 0 35px; width:35px; height:35px; color:#ff6259; line-height:1; }
.tr-benefit-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.tr-benefit strong, .tr-benefit small { display:block; }
.tr-benefit strong { font-size:14px; }
.tr-benefit small { color:#555; line-height:1.35; font-size:12px; margin-top:3px; min-height:2.7em; }
.tr-products { background:linear-gradient(180deg,#fafafa 0,#fff 100%); }
.tr-product-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; }
.tr-product-card { padding:14px 14px 18px; }
.tr-product-card > a { display:block; background:#fff; aspect-ratio:1.15; overflow:hidden; }
.tr-product-card img { display:block; width:100%; height:100%; object-fit:contain; }
.tr-product-card h3 { margin-top:13px; }
.tr-news { padding-top:52px; }
.tr-news-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; }
.tr-news-card { display:flex; min-height:190px; flex-direction:column; background:#f5f5f5; border-radius:8px; padding:22px 19px; }
.tr-news-card h3 { margin:0 0 14px; font-size:15px; line-height:1.35; text-decoration:none; }
.tr-news-card h3 a { color:inherit; text-decoration:none; }
.tr-news-more { align-self:flex-end; margin-top:auto; color:#4a4a4a; font-size:13px; font-weight:600; line-height:1.4; text-align:right; text-decoration:none; }
.tr-news-more:hover, .tr-news-more:focus-visible, .tr-news-card h3 a:hover, .tr-news-card h3 a:focus-visible { color:#f21d2a; text-decoration:underline; }
.tr-news-preview { display:grid; grid-template-rows:0fr; margin-top:0; margin-bottom:0; opacity:0; overflow:hidden; transition:grid-template-rows .38s ease, margin .38s ease, opacity .25s ease; }
.tr-news-preview.is-open { grid-template-rows:1fr; margin-top:24px; margin-bottom:5em; opacity:1; }
.tr-news-preview-inner { min-height:0; overflow:hidden; }
.tr-news-preview-inner > a { display:block; color:inherit; text-decoration:none; }
.tr-news-preview-window { width:100%; aspect-ratio:2 / 1; overflow:hidden; background:transparent; border:0; border-radius:12px; }
.tr-news-preview-window img { display:block; width:100%; height:auto; max-width:none; border:0; transform:translateY(0); }
.tr-news-preview-window img.is-scrollable { animation:tr-news-image-scroll var(--tr-news-scroll-duration, 6s) linear infinite alternate; }
@keyframes tr-news-image-scroll { from { transform:translateY(0); } to { transform:translateY(var(--tr-news-image-travel, 0)); } }
@media (prefers-reduced-motion:reduce) { .tr-news-preview, .tr-news-preview-window img { transition:none; animation:none !important; } }
.tr-interest { padding-top:30px; padding-bottom:52px; }
.tr-interest-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:22px; padding-bottom:14px; }
.tr-interest-grid article img { display:block; width:100%; aspect-ratio:1.9; object-fit:cover; }
.tr-interest-grid h3, .tr-interest-grid p { margin-left:16px; margin-right:16px; }
.tr-interest-grid h3 { margin-top:13px; }
.tr-interest-grid p { margin-bottom:18px; }
.tr-site-footer { margin-top:58px; background:#fff; color:rgb(74, 74, 74); }
.tr-footer-grid { padding:45px 0 30px; display:grid; grid-template-columns:1.2fr 1.35fr 1fr; gap:50px; }
.tr-footer-grid > * + * { border-left:1px solid #dedede; padding-left:43px; }
.tr-footer-promise { font-size:17px; line-height:1.35; }
.tr-footer-promise strong { font-weight:700; }
.tr-footer-grid h2 { font-size:16px; margin:0 0 10px; }
.tr-footer-links a, .tr-footer-social a { display:block; color:rgb(74, 74, 74); font-size:12px; line-height:2.1; }
.tr-footer-social a { margin-bottom:4px; }
.tr-footer-social a.tr-vk-link { display:flex; align-items:center; gap:6px; }
.tr-vk-icon { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border:1px solid currentColor; border-radius:3px; font:700 7px/1 Arial, Helvetica, sans-serif; letter-spacing:-.05em; }
.tr-footer-copy { border-top:1px solid #e1e1e1; text-align:center; color:rgb(74, 74, 74); padding:13px 24px; font-size:12px; }
/* Existing content pages: keep every content element and link, improve reading width and hierarchy. */
.w { width:min(1180px, calc(100% - 48px)) !important; margin-left:auto !important; margin-right:auto !important; }
.w > .l1 { width:250px; margin:38px 34px 55px 0; background:#f5f5f5; border-radius:8px; padding:18px; }
.l1 .l2, .l1 .l3 { display:block; float:none; width:auto; min-height:0; background:none !important; padding:8px 4px !important; color:rgb(74, 74, 74); font-size:14px; line-height:1.3; }
.l1 .l2 { font-weight:700; }
.l1 .l3 { padding-left:13px !important; color:#5a5a5a; }
.s1 { width:calc(100% - 284px); margin:38px 0 55px; font-size:15px; }
.s1 img { max-width:100%; height:auto; }
.s1 > div:nth-child(2) { margin-bottom:22px; overflow:hidden; border-radius:8px; background:#f5f5f5; }
.s1 > div:nth-child(2) > img { display:block; width:100%; min-height:180px; max-height:325px; object-fit:cover; }
/* Contact banners are intentionally panoramic artwork; show their full canvas instead of cropping it to the generic page-image height. */
.s1 > div:nth-child(2) > img[src*="53c4b947757a2.jpg"],
.s1 > div:nth-child(2) > img[src*="53c645f7d636c.jpg"] { min-height:0; max-height:none; height:auto; object-fit:contain; }
.s1 > div.tr-contact-banner { position:relative; }
.s1 > div.tr-contact-banner::before { content:""; position:absolute; z-index:0; top:0; bottom:0; left:0; width:46%; pointer-events:none; background:rgba(255,255,255,.24); }
.tr-contact-banner-copy { position:absolute; z-index:1; top:calc(17% - 2px); left:calc(8% - 2px); display:flex; flex-direction:column; align-items:flex-start; color:rgb(74, 74, 74); }
.tr-contact-banner-copy strong { display:block; margin:0 0 16px; color:rgb(74, 74, 74); font-size:20px; font-weight:700; line-height:1.2; }
.tr-contact-banner-address { display:block; margin:0 0 21px; color:rgb(74, 74, 74); font-size:14px; line-height:1.5; }
.tr-contact-banner-copy a { display:inline-flex; align-items:center; justify-content:center; min-height:31px; padding:7px 14px; border-radius:5px; background:var(--tr-yellow); color:rgb(74, 74, 74); font-size:12px; font-weight:700; line-height:1; text-decoration:none; }
.tr-contact-banner-copy a:hover, .tr-contact-banner-copy a:focus { background:var(--tr-red); color:#fff !important; }
.s1 > div[style*="line-height: 40px"] { min-height:40px !important; margin:10px 0 0; padding:0 0 10px; }
.s1 > div[style*="line-height: 40px"] .s5 { display:inline-block; margin-top:4px; }
.s1 > div[style*="line-height: 40px"] + div:not([class]) { color:rgb(74, 74, 74); font-size:15px; line-height:1.75; }
.s1 h1 { color:rgb(74, 74, 74); font-size:21px; line-height:1.3; margin:28px 0 12px; }
.s1 h2 { color:rgb(74, 74, 74); font-size:19px; line-height:1.35; margin:24px 0 10px; }
.s1 p, .s1 li { color:rgb(74, 74, 74); font-size:15px; line-height:1.75; }
.s1 p img[align="right"], .s1 img[align="right"] { float:right; width:auto !important; max-width:42%; height:auto !important; margin:0 0 16px 24px; border-radius:6px; }
.s1 table { width:100% !important; max-width:100%; border-collapse:collapse; margin:20px 0; }
.s1 table td, .s1 table th { border-color:#dedede !important; color:rgb(74, 74, 74); padding:9px 11px; }
.mapbox { padding:12px 0 0; }
.tr-sitemap-title { color:rgb(74, 74, 74); font-size:24px; line-height:1.3; margin:0 0 22px; }
.mapbox ul, .mapbox li { margin:0; padding:0; list-style:none; }
.mapbox #nav_box { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 28px; }
.mapbox #nav_box > li { position:static; width:auto; float:none; color:rgb(74, 74, 74); font-size:16px; line-height:1.4; }
.mapbox #nav_box > li > a { display:block; float:none; padding:0 0 8px; color:rgb(74, 74, 74); }
.mapbox #nav_box li ul, .mapbox #nav_box li ul li, .mapbox #nav_box li ul li ul, .mapbox #nav_box li ul li ul li { position:static; display:block; width:auto; height:auto; float:none; background:transparent; padding:0; }
.mapbox #nav_box li ul li { font-size:13px; font-weight:400; line-height:1.5; padding:3px 0; }
.mapbox #nav_box li ul li a { display:block; float:none; padding:0; color:rgb(74, 74, 74); }
.tr-sitemap-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.tr-sitemap-column { min-width:0; }
.tr-sitemap-column h2 { margin:0 0 10px; font-size:15px; line-height:1.35; }
.tr-sitemap-column h2 a { color:rgb(74, 74, 74); }
.tr-sitemap-column ul { margin:0; padding:0; list-style:none; }
.tr-sitemap-column li { margin:0 0 7px; padding:0; list-style:none; font-size:13px; font-weight:400; line-height:1.45; }
.tr-sitemap-column li a { color:rgb(74, 74, 74); font-weight:400; }
.s1 [style*="color:#000000"], .s1 [style*="color: #000000"], .s1 [style*="color:#000;"], .s1 [style*="color: #000;"] { color:rgb(74, 74, 74) !important; }
.s2 { color:#666; font-size:13px; line-height:1.5; margin-bottom:22px; padding-bottom:12px; }
/* Legacy news/content rows use an inline divider; remove only that decorative line. */
.s1 > div[style*="border-bottom: 1px solid #ccc"],
.s1 > div[style*="border-bottom:1px solid #ccc"] { border-bottom:0 !important; }
.s5, .s8_1, .l { color:rgb(74, 74, 74) !important; font-size:18px !important; font-weight:700 !important; }
.s6 { width:100%; min-height:168px; padding:18px 0; }
.s7 { width:174px; height:130px; object-fit:cover; border:0 !important; border-radius:6px; }
.s8 { width:calc(100% - 200px); margin-left:24px; }
.s8_2, .s9_2 { color:#666; font-size:14px; line-height:1.6; margin-top:8px; }
.tab_con { margin:0; padding:0; list-style:none; }
.tab_con > li { display:block !important; }
.tab_con > li:nth-child(2) { display:none !important; }
/* Product model lists: two columns on desktop, preserving the existing item content and links. */
.tab_con > li:first-child { display:flex !important; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
.tab_con > li:first-child > .s6 { display:grid; grid-template-columns:174px minmax(0,1fr); column-gap:18px; flex:0 0 calc(50% - 24px); width:calc(50% - 24px); min-height:190px; float:none; margin-left:12px; margin-right:12px; }
.tab_con > li:first-child > .s6 > .s7 { width:100%; max-width:174px; height:130px; float:none; }
.tab_con > li:first-child > .s6 > .s8 { width:auto; min-width:0; margin-left:0; float:none; }
.tab_con > li:first-child > .s6 .s8_1, .tab_con > li:first-child > .s6 .s8_2 { width:auto; }
.tab_con > li:first-child > .s6 > .c { display:none; }
.tab_con > li:first-child > div:not(.s6) { flex:0 0 calc(100% - 24px); width:calc(100% - 24px); margin-left:12px; margin-right:12px; }
#pages a, #pages span { display:inline-block; border:1px solid #e1e1e1 !important; border-radius:4px; color:rgb(74, 74, 74); margin:4px !important; padding:6px 10px !important; }
@media (max-width:980px) { .tr-main-nav { gap:16px; } .tr-brand { width:168px; } .tr-nav { gap:15px; } .tr-nav a { font-size:13px; } .tr-quote, .tr-header-search { display:none; } .tr-business-grid, .tr-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .tr-business-track .tr-business-card { flex-basis:calc((100% - 18px) / 2); } .tr-benefit-grid { grid-template-columns:repeat(2,1fr); } .tr-benefit:nth-child(2) { border-right:0; } .tr-footer-grid { gap:25px; } }
@media (max-width:980px) { .tr-sitemap-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:980px) { .tab_con > li:first-child { display:block !important; margin-left:0; margin-right:0; } .tab_con > li:first-child > .s6 { display:grid; grid-template-columns:174px minmax(0,1fr); width:100%; min-height:168px; margin-left:0; margin-right:0; } .tab_con > li:first-child > div:not(.s6) { width:100%; margin-left:0; margin-right:0; } }
@media (max-width:680px) { .tr-shell, .w { width:calc(100% - 30px) !important; } .tr-utility { height:30px; } .tr-utility .tr-shell { height:30px; gap:7px; font-size:11px; } .tr-main-nav { min-height:64px; flex-wrap:wrap; padding:10px 0; } .tr-brand { width:155px; } .tr-brand img { height:34px; } .tr-nav { order:3; width:100%; overflow:auto; justify-content:flex-start; gap:18px; } .tr-nav a { height:34px; font-size:12px; } .tr-nav a.active::after { height:3px; } .tr-hero, .tr-hero-inner { min-height:390px; } .tr-hero { background-position:60% center; } .tr-hero h1 { font-size:36px; } .tr-hero p { font-size:14px; max-width:340px; } .tr-section { padding:45px 0; } .tr-section-heading h2 { font-size:25px; } .tr-business-grid, .tr-product-grid, .tr-news-grid, .tr-interest-grid { grid-template-columns:1fr; } .tr-business-track .tr-business-card { flex-basis:100%; } .tr-business-carousel-controls { margin-top:25px; gap:14px; } .tr-business-control { width:43px; height:40px; } .tr-benefit-grid { grid-template-columns:1fr; } .tr-benefit { min-height:84px; border-right:0; } .tr-footer-grid { grid-template-columns:1fr; padding:36px 0 23px; } .tr-footer-grid > * + * { border-left:0; padding-left:0; padding-top:24px; } .w > .l1, .s1 { float:none; width:100%; margin:28px 0; } .s7 { float:none; width:100%; height:auto; } .s8 { width:100%; margin:15px 0 0; } .tab_con > li:first-child > .s6 { display:block; width:100%; height:auto !important; min-height:0; } .tab_con > li:first-child > .s6 > .s7 { width:100%; max-width:none; height:auto; } .tab_con > li:first-child > .s6 > .s8 { width:100%; margin:15px 0 0; } .s1 p img[align="right"], .s1 img[align="right"] { float:none; display:block; max-width:100%; margin:0 0 16px; } .mapbox #nav_box, .tr-sitemap-grid { grid-template-columns:1fr; } }

/* Typography system: one readable scale for the refreshed and legacy templates. */
html { font-size:var(--tr-size-body); }
html, body, button, input, select, textarea { font-family:var(--tr-font-sans); }
body { color:var(--tr-charcoal); font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-body); }
/* Neutralise the old global `div { font-size:12px }` and table-size rules without editing legacy CSS. */
body div, body table { font-size:inherit; }
button, input, select, textarea { font:inherit; }

.tr-utility, .tr-utility .tr-shell, .tr-footer-copy { font-size:var(--tr-size-utility); line-height:1.5; }
.tr-globe { font-size:var(--tr-size-utility); }
.tr-nav a, .tr-nav a[href="/Time-Rolling/"]::before { font-size:var(--tr-size-nav); font-weight:600; line-height:1.35; }
.tr-quote, .tr-button, .tr-button-yellow, .tr-search-form button, .tr-contact-banner-copy a { font-size:var(--tr-size-button); font-weight:700; line-height:1.2; }
.tr-header-search input[type="search"], .tr-search-form input[type="search"] { font-family:var(--tr-font-sans); font-size:var(--tr-size-body); line-height:1.4; }
.tr-search-result-type, .tr-search-crumb, .tr-news-card time, .s2 { font-size:var(--tr-size-meta); line-height:1.5; }

.tr-hero h1 { font-size:clamp(32px, 3.75vw, 54px); font-weight:700; line-height:1.08; }
.tr-hero p { font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-copy); }
.tr-section-heading h2 { font-size:30px; font-weight:700; line-height:var(--tr-leading-heading); }
.tr-section-heading p { font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-copy); }
.tr-card-body h3, .tr-product-card h3, .tr-interest-grid h3, .tr-news-card h3 { font-size:18px; font-weight:600; line-height:1.35; }
.tr-card-body p, .tr-product-card p, .tr-interest-grid p { font-size:var(--tr-size-card-copy); line-height:var(--tr-leading-copy); }
.tr-card-body p, .tr-product-card p, .tr-interest-grid p { font-weight:400; }
.tr-benefit strong { font-size:16px; font-weight:600; line-height:1.35; }
.tr-benefit small { font-size:var(--tr-size-card-copy); line-height:var(--tr-leading-copy); }
.tr-news-card time { font-size:var(--tr-size-meta); }
.tr-search-panel h1 { font-size:32px; font-weight:700; line-height:var(--tr-leading-heading); }
.tr-search-summary { font-size:16px; }
.tr-search-result h2 { font-size:18px; font-weight:600; line-height:1.35; }
.tr-search-result p, .tr-search-empty { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
.tr-search-result-link { font-size:var(--tr-size-meta); }

.tr-site-footer { font-size:var(--tr-size-meta); line-height:1.5; }
.tr-footer-promise { font-size:18px; line-height:1.45; }
.tr-footer-grid h2 { font-size:16px; font-weight:600; line-height:1.35; }
.tr-footer-links a, .tr-footer-social a { font-size:var(--tr-size-meta); font-weight:400; line-height:2.1; }

/* Existing product, company, contact and sitemap pages. */
.l1 .l2, .l1 .l3 { font-size:14px; line-height:1.5; }
.s1 { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
.s1 > p, .s1 > ul, .s1 > ol { max-width:75ch; }
.s1 > div[style*="line-height: 40px"] + div:not([class]) { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
.s1 h1 { font-size:32px; font-weight:700; line-height:var(--tr-leading-heading); }
.s1 h2 { font-size:30px; font-weight:700; line-height:var(--tr-leading-heading); }
.s1 h3 { font-size:18px; font-weight:600; line-height:1.35; }
.s1 p, .s1 li { font-size:var(--tr-size-body); line-height:var(--tr-leading-body); }
/* Some legacy pages wrap all content in a presentational <b>; keep paragraphs readable while preserving nested emphasis. */
.s1 > b { font-weight:400; }
.s1 > b > p, .s1 > b > li { font-weight:400; }
.s1 table { font-size:14px; line-height:1.5; }
.s1 table td, .s1 table th { font-size:14px; line-height:1.5; }
.s5, .s8_1 { font-size:18px !important; font-weight:600 !important; line-height:1.35; }
.l { font-size:inherit !important; font-weight:inherit !important; line-height:inherit; }
.s8_2, .s9_2 { font-size:var(--tr-size-card-copy); font-weight:400; line-height:var(--tr-leading-copy); }
.tr-contact-banner-copy strong { font-size:18px; font-weight:700; line-height:1.25; }
.tr-contact-banner-address { font-size:var(--tr-size-body); line-height:var(--tr-leading-copy); }
.tr-sitemap-title { font-size:32px; font-weight:700; line-height:var(--tr-leading-heading); }
.mapbox #nav_box > li, .tr-sitemap-column h2 { font-size:18px; font-weight:600; line-height:1.35; }
.mapbox #nav_box li ul li, .tr-sitemap-column li { font-size:var(--tr-size-body); font-weight:400; line-height:var(--tr-leading-copy); }

@media (max-width:980px) {
  .tr-nav a, .tr-nav a[href="/Time-Rolling/"]::before { font-size:14px; }
  .tr-search-form input[type="search"] { font-size:16px; }
  .s1 { overflow-x:auto; }
  .s1 table { min-width:640px; }
}

@media (max-width:680px) {
  .tr-utility, .tr-utility .tr-shell { font-size:var(--tr-size-utility); }
  .tr-nav a, .tr-nav a[href="/Time-Rolling/"]::before { font-size:14px; }
  .tr-hero h1 { font-size:32px; line-height:1.08; }
  .tr-hero p, .tr-section-heading p { font-size:16px; line-height:var(--tr-leading-copy); }
  .tr-section-heading h2 { font-size:25px; }
  .tr-card-body h3, .tr-product-card h3, .tr-interest-grid h3, .tr-news-card h3 { font-size:18px; }
  .tr-card-body p, .tr-product-card p, .tr-interest-grid p, .tr-benefit small { font-size:15px; }
  .tr-footer-links a, .tr-footer-social a { font-size:14px; }
  .tr-search-panel { padding:24px 18px; }
  .tr-search-panel h1, .tr-sitemap-title, .s1 h1 { font-size:26px; }
  .s1 h2 { font-size:25px; }
  .l1 .l2, .l1 .l3 { font-size:15px; }
  .s1 { overflow-x:auto; }
  .s1 table { min-width:640px; }
  .s1 table td, .s1 table th { font-size:14px; line-height:1.5; }
  .mapbox #nav_box > li, .tr-sitemap-column h2 { font-size:18px; }
  .mapbox #nav_box li ul li, .tr-sitemap-column li { font-size:16px; }
  .tr-contact-banner-copy strong { font-size:18px; }
  .tr-contact-banner-address { font-size:16px; }
}

/* Product model shared list component.
   Scoped to the class emitted only by Product_index* and Product_list* templates. */
.s1 > .tr-product-list {
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  list-style:none;
}
.tr-product-list > li { display:block !important; }
.tr-product-list > li:nth-child(2) { display:none !important; }
.tr-product-list > li:first-child {
  display:flex !important;
  flex-wrap:wrap;
  margin-left:-12px;
  margin-right:-12px;
}
.tr-product-list > li:first-child > .s6 {
  display:grid;
  grid-template-columns:174px minmax(0,1fr);
  column-gap:18px;
  flex:0 0 calc(50% - 24px);
  width:calc(50% - 24px);
  min-width:0;
  min-height:190px;
  height:auto;
  margin-left:12px;
  margin-right:12px;
  padding:18px 0;
  border:0 !important;
  float:none;
}
.tr-product-list > li:first-child > .s6 > .s7 {
  display:block;
  width:100%;
  max-width:174px;
  height:130px;
  object-fit:cover;
  border:0 !important;
  border-radius:6px;
  float:none;
}
.tr-product-list > li:first-child > .s6 > .s8 {
  width:auto;
  min-width:0;
  margin-left:0;
  float:none;
}
.tr-product-list > li:first-child > .s6 .s8_1 {
  width:auto;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1.35;
}
.tr-product-list > li:first-child > .s6 .s8_2 {
  width:auto;
  max-width:100%;
  margin-top:8px;
  color:#666;
  font-size:14px;
  font-weight:400;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.tr-product-list > li:first-child > .s6 > .c { display:none; }
.tr-product-list > li:first-child > div:not(.s6) {
  flex:0 0 calc(100% - 24px);
  width:calc(100% - 24px);
  margin-left:12px;
  margin-right:12px;
}

@media (max-width:980px) {
  .tr-product-list > li:first-child {
    display:block !important;
    margin-left:0;
    margin-right:0;
  }
  .tr-product-list > li:first-child > .s6 {
    display:grid;
    grid-template-columns:174px minmax(0,1fr);
    width:100%;
    min-height:168px;
    margin-left:0;
    margin-right:0;
  }
  .tr-product-list > li:first-child > div:not(.s6) {
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

@media (max-width:680px) {
  .tr-product-list > li:first-child > .s6 {
    display:block;
    width:100%;
    height:auto !important;
    min-height:0;
  }
  .tr-product-list > li:first-child > .s6 > .s7 {
    width:100%;
    max-width:none;
    height:auto;
  }
  .tr-product-list > li:first-child > .s6 > .s8 {
    width:100%;
    margin:15px 0 0;
  }
}


/* Global OEM disclaimer: subdued, readable, and responsive. */
.tr-footer-oem-disclaimer {
  width:100%;
  max-width:1180px;
  margin:0 auto 12px;
  color:rgb(74, 74, 74);
  font-size:11px;
  font-weight:400;
  line-height:1.55;
  text-align:left;
}
@media (max-width:680px) {
  .tr-footer-oem-disclaimer {
    width:100%;
    margin:0 auto 10px;
    font-size:11px;
    line-height:1.5;
  }
}


/* Global OEM disclaimer: subdued, readable, and responsive. */
.tr-footer-oem-disclaimer {
  width:100%;
  max-width:1180px;
  margin:0 auto 12px;
  color:rgb(74, 74, 74);
  font-size:11px;
  font-weight:400;
  line-height:1.55;
  text-align:left;
}
@media (max-width:680px) {
  .tr-footer-oem-disclaimer {
    width:100%;
    margin:0 auto 10px;
    font-size:11px;
    line-height:1.5;
  }
}


/* Keep disclaimer left-aligned and set a clear two-line separation before copyright. */
.tr-footer-oem-disclaimer {
  text-align:left;
  margin-bottom:32px;
}
@media (max-width:680px) {
  .tr-footer-oem-disclaimer {
    text-align:left;
    margin-bottom:28px;
  }
}


/* Footer disclaimer shared by template and static product pages. */
.tr-footer-copy::before {
  content: "All OEM names, trademarks, model designations, and part numbers referenced on this website are the property of their respective owners and are used solely as necessary to identify product compatibility and intended applications. Such references do not imply any commercial connection, affiliation, authorization, sponsorship, or endorsement. Time Rolling is an independent supplier of replacement pumps and spare parts. Unless expressly stated otherwise, the products offered by Time Rolling are independently manufactured replacement products and are not genuine OEM products.";
  display:block;
  width:100%;
  max-width:1180px;
  margin:0 auto 32px;
  color:rgb(74, 74, 74);
  font-size:11px;
  font-weight:400;
  line-height:1.55;
  text-align:left;
  white-space:normal;
}
.tr-footer-copy > .tr-footer-oem-disclaimer { display:none; }
@media (max-width:680px) {
  .tr-footer-copy::before {
    width:100%;
    margin:0 auto 28px;
    font-size:11px;
    line-height:1.5;
    text-align:left;
  }
}

/* Russian 01 legacy product navigation uses the approved Pumps & Pump Parts
   sidebar scale and spacing. */
.tr-ru-legacy .w > .l1 {
  box-sizing:border-box;
  width:250px;
  margin:38px 34px 55px 0;
  padding:5px 0;
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:#f5f5f5;
}
.tr-ru-legacy .l1 .l2,
.tr-ru-legacy .l1 .l3 {
  box-sizing:border-box;
  display:flex;
  float:none;
  width:100%;
  align-items:center;
  margin:1px 0;
  border:0;
  background:transparent !important;
  color:#575b60;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
}
.tr-ru-legacy .l1 .l2 {
  min-height:36px;
  padding:8px 16px !important;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
}
.tr-ru-legacy .l1 .l3 {
  position:relative;
  min-height:33px;
  padding:7px 12px 7px 27px !important;
  font-size:11px;
  font-weight:400;
  line-height:1.35;
}
.tr-ru-legacy .l1 .l3::before {
  position:absolute;
  left:15px;
  color:#9a9da1;
  content:"–";
}
.tr-ru-legacy .l1 .l2:hover,
.tr-ru-legacy .l1 .l3:hover { color:#ed1c24; background:#fff !important; }
.tr-ru-legacy .l1 .tr-russian01-pumps-parts { color:#ed1c24; font-weight:700; }

@media (max-width:680px) {
  .tr-ru-legacy .w > .l1 { width:100%; margin:28px 0; }
}


/* Footer disclaimer shared by template and static product pages. */
.tr-footer-copy::before {
  content: "All OEM names, trademarks, model designations, and part numbers referenced on this website are the property of their respective owners and are used solely as necessary to identify product compatibility and intended applications. Such references do not imply any commercial connection, affiliation, authorization, sponsorship, or endorsement. Time Rolling is an independent supplier of replacement pumps and spare parts. Unless expressly stated otherwise, the products offered by Time Rolling are independently manufactured replacement products and are not genuine OEM products.";
  display:block;
  width:100%;
  max-width:1180px;
  margin:0 auto 32px;
  color:rgb(74, 74, 74);
  font-size:11px;
  font-weight:400;
  line-height:1.55;
  text-align:left;
  white-space:normal;
}
.tr-footer-copy > .tr-footer-oem-disclaimer { display:none; }
@media (max-width:680px) {
  .tr-footer-copy::before {
    width:100%;
    margin:0 auto 28px;
    font-size:11px;
    line-height:1.5;
    text-align:left;
  }
}