Products \u2014 TIPOO Group<\/title>\n <style>\n :root {\n --orange: #0868a9;\n --amber: #24a875;\n --teal: #24a875;\n --ink: #19202a;\n --muted: #69727e;\n --paper: #f6f8f9;\n --line: #e4e8eb;\n }\n * {\n box-sizing: border-box;\n }\n html {\n scroll-behavior: smooth;\n }\n body {\n margin: 0;\n font:\n 15px\/1.7 Arial,\n sans-serif;\n color: var(--ink);\n background: #fff;\n }\n h1,\n h2,\n h3 {\n font-family: Georgia, serif;\n line-height: 1.13;\n }\n a {\n text-decoration: none;\n color: inherit;\n }\n .wrap {\n max-width: 1180px;\n margin: auto;\n padding: 0 24px;\n }\n .top {\n height: 36px;\n background: var(--ink);\n color: #cbd1d8;\n font-size: 12px;\n }\n .top .wrap,\n .nav .wrap {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav {\n height: 82px;\n background: #fff;\n position: sticky;\n top: 0;\n z-index: 50;\n box-shadow: 0 5px 20px #1112;\n }\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 900;\n letter-spacing: 0.08em;\n }\n .logo b {\n background: var(--orange);\n color: #fff;\n padding: 8px 11px;\n border-radius: 7px;\n }\n .logo img { display: block; height: 46px; width: auto; }\n .links {\n display: flex;\n gap: 29px;\n align-items: center;\n font-family: Georgia, serif;\n }\n .links a:hover,\n .links .active {\n color: var(--orange);\n }\n .cta {\n background: var(--orange);\n color: #fff !important;\n padding: 12px 19px;\n border-radius: 4px;\n font: 700 13px Arial;\n }\n .page-hero {\n height: 310px;\n position: relative;\n display: grid;\n place-items: center;\n text-align: center;\n color: #fff;\n overflow: hidden;\n background: linear-gradient(\n 110deg,\n var(--orange),\n #f59a32 54%,\n var(--teal)\n );\n }\n .page-hero:before,\n .page-hero:after {\n content: \"\";\n position: absolute;\n left: -8%;\n width: 116%;\n height: 130px;\n border-radius: 50%;\n background: #ffffff26;\n }\n .page-hero:before {\n bottom: -58px;\n animation: drift 8s ease-in-out infinite alternate;\n }\n .page-hero:after {\n bottom: -92px;\n background: #fff;\n opacity: 0.9;\n }\n .page-hero h1 {\n font-size: 48px;\n margin: 0 0 10px;\n }\n .page-hero p {\n margin: 0;\n color: #eef6f8;\n }\n .molecule {\n position: absolute;\n width: 230px;\n height: 230px;\n border: 1px solid #ffffff55;\n border-radius: 50%;\n right: 7%;\n top: -85px;\n animation: spin 16s linear infinite;\n }\n .molecule:before,\n .molecule:after {\n content: \"\";\n position: absolute;\n width: 18px;\n height: 18px;\n background: #fff;\n border-radius: 50%;\n box-shadow: 0 0 0 8px #ffffff20;\n }\n .molecule:before {\n left: 20px;\n top: 98px;\n }\n .molecule:after {\n right: 22px;\n bottom: 45px;\n }\n .catalogue {\n padding: 78px 0 95px;\n }\n .catalogue-grid {\n display: grid;\n grid-template-columns: 1fr 275px;\n gap: 34px;\n }\n .intro {\n margin-bottom: 28px;\n }\n .intro span {\n color: var(--orange);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n .intro h2 {\n font-size: 39px;\n margin: 8px 0;\n }\n .intro p {\n color: var(--muted);\n max-width: 720px;\n }\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .card {\n border: 1px solid var(--line);\n background: #fff;\n min-height: 400px;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n transition: 0.28s;\n }\n .card:hover {\n transform: translateY(-7px);\n box-shadow: 0 20px 50px #19202a18;\n }\n .card:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n height: 4px;\n width: 100%;\n background: linear-gradient(90deg, var(--orange), var(--amber));\n transform: scaleX(0);\n transform-origin: left;\n transition: 0.28s;\n }\n .card:hover:before {\n transform: scaleX(1);\n }\n .pack {\n height: 225px;\n background: linear-gradient(#fff, #f8f9fa);\n display: grid;\n place-items: center;\n overflow: hidden;\n }\n .pack img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n transition: 0.35s;\n }\n .card:hover .pack img {\n transform: scale(1.045);\n }\n .card-copy {\n padding: 20px 22px 22px;\n flex: 1;\n }\n .family {\n font-size: 11px;\n color: var(--teal);\n font-weight: 800;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n .card h3 {\n font-size: 25px;\n margin: 7px 0;\n }\n .card p {\n font-size: 13px;\n color: var(--muted);\n margin: 0 0 16px;\n }\n .card a {\n color: var(--orange);\n font-weight: 800;\n font-size: 13px;\n }\n .side {\n padding-top: 113px;\n }\n .filters {\n display: grid;\n gap: 10px;\n }\n .filter {\n border: 0;\n padding: 15px 17px;\n text-align: left;\n background: #f1f2f3;\n color: #555;\n font: 16px Georgia;\n cursor: pointer;\n transition: 0.2s;\n }\n .filter.active,\n .filter:hover {\n background: linear-gradient(90deg, var(--orange), #f49b36);\n color: #fff;\n }\n .contact-box {\n margin-top: 36px;\n padding: 25px;\n background: var(--paper);\n border-top: 4px solid var(--teal);\n }\n .contact-box h3 {\n font-size: 29px;\n margin: 0 0 10px;\n }\n .contact-box p {\n font-size: 13px;\n color: var(--muted);\n }\n .contact-box input,\n .contact-box textarea {\n width: 100%;\n border: 1px solid var(--line);\n background: #fff;\n padding: 12px;\n margin: 6px 0;\n font: inherit;\n }\n .contact-box textarea {\n height: 88px;\n resize: vertical;\n }\n .send {\n width: 100%;\n border: 0;\n background: var(--ink);\n color: #fff;\n padding: 13px;\n font-weight: 800;\n cursor: pointer;\n }\n .note {\n font-size: 11px;\n color: var(--muted);\n margin-top: 9px;\n }\n .bottom-cta {\n background: linear-gradient(110deg, var(--orange), #e95520);\n color: #fff;\n padding: 65px 0;\n }\n .bottom-cta .wrap {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 30px;\n }\n .bottom-cta h2 {\n font-size: 40px;\n margin: 0 0 7px;\n }\n .btn {\n display: inline-flex;\n background: #fff;\n color: var(--orange);\n padding: 13px 20px;\n font-weight: 800;\n }\n .footer {\n padding: 48px 0;\n background: linear-gradient(115deg, #31525a, #34736f 58%, #3c8e84);\n color: #dceceb;\n }\n .footer .wrap {\n display: grid;\n grid-template-columns: 1fr 1fr 2fr;\n align-items: start;\n gap: 30px;\n }\n .footer-contact { font-size: 13px; line-height: 1.55; }\n .footer-contact b { color: #fff; }\n .footer a {\n color: #fff;\n }\n .hidden {\n display: none;\n }\n @keyframes spin {\n to {\n transform: rotate(360deg);\n }\n }\n @keyframes drift {\n to {\n transform: translateX(5%) rotate(2deg);\n }\n }\n @media (max-width: 950px) {\n .links {\n display: none;\n }\n .catalogue-grid {\n grid-template-columns: 1fr;\n }\n .side {\n padding: 0;\n }\n .filters {\n grid-template-columns: repeat(3, 1fr);\n }\n .cards {\n grid-template-columns: 1fr 1fr;\n }\n }\n @media (max-width: 620px) {\n .top {\n display: none;\n }\n .nav {\n height: 70px;\n }\n .page-hero {\n height: 260px;\n }\n .page-hero h1 {\n font-size: 40px;\n }\n .cards {\n grid-template-columns: 1fr;\n }\n .filters {\n grid-template-columns: 1fr 1fr;\n }\n .bottom-cta .wrap,\n .footer .wrap {\n display: block;\n }\n .bottom-cta .btn {\n margin-top: 20px;\n }\n .catalogue {\n padding: 55px 0;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n {{TIPOO_WP_HEAD}}<\/head>\n <body>\n <div class=\"top\">\n <div class=\"wrap\">\n <span>Advanced construction chemistry since 1988<\/span\n ><span>{{TIPOO_EMAIL}} \u00b7 {{TIPOO_PHONE}}<\/span>\n <\/div>\n <\/div>\n <header class=\"nav\">\n <div class=\"wrap\">\n <a href=\"https:\/\/tipoogroup.com\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/tipoo-logo.png\" alt=\"TIPOO Group\"><\/a>\n <nav class=\"links\">\n <a href=\"https:\/\/tipoogroup.com\/\">Home<\/a><a href=\"https:\/\/tipoogroup.com\/#about\">About<\/a\n ><a class=\"active\" href=\"https:\/\/tipoogroup.com\/?page_id=12\">Products<\/a\n ><a href=\"https:\/\/tipoogroup.com\/#solutions\">Applications<\/a\n ><a href=\"https:\/\/tipoogroup.com\/#capabilities\">Technical Support<\/a\n ><a href=\"https:\/\/tipoogroup.com\/?page_id=14\">Contact<\/a\n ><a class=\"cta\" href=\"https:\/\/tipoogroup.com\/?page_id=14\">Request Sample<\/a>\n <\/nav>\n <\/div>\n <\/header>\n <section class=\"page-hero\">\n <div class=\"molecule\"><\/div>\n <div>\n <h1>Products<\/h1>\n <p>Home \u203a Products<\/p>\n <\/div>\n <\/section>\n <main class=\"catalogue\">\n <div class=\"wrap catalogue-grid\">\n <div>\n <div class=\"intro\">\n <span>TIPOO Group product portfolio<\/span>\n <h2>Find the right additive technology.<\/h2>\n <p>\n Browse product families by chemistry, then open the detailed page\n for grades, specifications, applications and technical guidance.\n <\/p>\n <\/div>\n <div class=\"cards\" id=\"productCards\">\n <article class=\"card\" data-family=\"cellulose\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atocell HPMC construction additive packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Cellulose Ether<\/span>\n <h3>Atocell\u00ae HPMC<\/h3>\n <p>\n Hydroxypropyl methylcellulose for water retention, open time,\n workability and consistency.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=25\">View HPMC grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"cellulose\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atocell MHEC construction additive packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Cellulose Ether<\/span>\n <h3>Atocell\u00ae MHEC<\/h3>\n <p>\n Methyl hydroxyethyl cellulose for reliable rheology and\n application performance in dry-mix systems.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=26\">View MHEC grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"cellulose\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atocell HEC construction additive packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Cellulose Ether<\/span>\n <h3>Atocell\u00ae HEC<\/h3>\n <p>\n Hydroxyethyl cellulose for thickening, stability and\n controlled viscosity in construction and coatings.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=43\">View HEC grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"polymer\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atopas redispersible polymer powder packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Polymer Powder<\/span>\n <h3>Atopas\u00ae RDP<\/h3>\n <p>\n Redispersible polymer powder for adhesion, cohesion,\n flexibility and improved durability.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=28\">View RDP grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"concrete\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atoplex PCE water reducer packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Concrete Technology<\/span>\n <h3>Atoplex\u00ae PCE<\/h3>\n <p>\n Polycarboxylate water reducer for high flow, stronger\n performance and reduced water demand.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=29\">View PCE grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"waterproof\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"HydroMax water repellent packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Water Repellent<\/span>\n <h3>HydroMax\u00ae<\/h3>\n <p>\n Organosilicon powder for reduced water absorption and durable\n protection in finished mortars.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=30\">View properties \u2192<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <aside class=\"side\">\n <div class=\"filters\" aria-label=\"Product categories\">\n <button class=\"filter active\" data-filter=\"all\">View All<\/button\n ><button class=\"filter\" data-filter=\"cellulose\">\n Cellulose Ether<\/button\n ><button class=\"filter\" data-filter=\"polymer\">Polymer Powder<\/button\n ><button class=\"filter\" data-filter=\"concrete\">\n Concrete Technology<\/button\n ><button class=\"filter\" data-filter=\"waterproof\">\n Water Repellent\n <\/button>\n <\/div>\n <div class=\"contact-box\" id=\"enquiry\">\n <h3>Contact Us<\/h3>\n <p>\n Share your application and we will help recommend suitable\n catalogue grades.\n <\/p>\n <input aria-label=\"Name\" placeholder=\"Name\" \/><input\n aria-label=\"Email\"\n placeholder=\"Email\"\n \/><textarea\n aria-label=\"Message\"\n placeholder=\"Application or question\"\n ><\/textarea\n ><button class=\"send\" type=\"button\">Send Enquiry<\/button>\n <div class=\"note\">\n Product guidance is available from TIPOO Group’s technical team.\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n <\/main>\n <section class=\"bottom-cta\">\n <div class=\"wrap\">\n <div>\n <h2>Need help choosing a grade?<\/h2>\n <p>\n Ask for technical guidance, a data sheet or an evaluation sample.\n <\/p>\n <\/div>\n <a href=\"#enquiry\" class=\"btn\">Talk to TIPOO Group \u2192<\/a>\n <\/div>\n <\/section>\n <footer class=\"footer\">\n <div class=\"wrap\">\n <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/tipoo-logo.png\" alt=\"TIPOO Group\"><\/div>\n <div class=\"footer-contact\"><b>Contact<\/b><br><a href=\"tel:{{TIPOO_PHONE_DIGITS}}\">{{TIPOO_PHONE}}<\/a><br><a href=\"mailto:{{TIPOO_EMAIL}}\">{{TIPOO_EMAIL}}<\/a><\/div>\n <div class=\"footer-contact\"><b>Head Office<\/b><br>China<br><b>Branches:<\/b> <\/div>\n <\/div>\n <\/footer>\n <script>\n document.querySelectorAll(\".filter\").forEach((button) =>\n button.addEventListener(\"click\", () => {\n document\n .querySelectorAll(\".filter\")\n .forEach((x) => x.classList.remove(\"active\"));\n button.classList.add(\"active\");\n const f = button.dataset.filter;\n document\n .querySelectorAll(\".card\")\n .forEach((card) =>\n card.classList.toggle(\n \"hidden\",\n f !== \"all\" && card.dataset.family !== f,\n ),\n );\n }),\n );\n <\/script>\n {{TIPOO_WP_FOOTER}}<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Products \u2014 TIPOO Group {{TIPOO_WP_HEAD}} Advanced construction chemistry since 1988{{TIPOO_EMAIL}} \u00b7 {{TIPOO_PHONE}} HomeAboutProductsApplicationsTechnical SupportContactRequest Sample Products Home \u203a Products TIPOO Group product portfolio Find the right additive technology. Browse product families by chemistry, then open the detailed page for grades, specifications, applications and technical guidance. Cellulose Ether Atocell\u00ae HPMC Hydroxypropyl methylcellulose for water retention, open […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":1,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12,"date":"2026-10-01T05:00:08","date_gmt":"2026-10-01T05:00:08","guid":{"rendered":"https:\/\/tipoogroup.com\/?page_id=12"},"modified":"2026-10-01T11:49:20","modified_gmt":"2026-10-01T11:49:20","slug":"products","status":"publish","type":"page","link":"https:\/\/tipoogroup.com\/?page_id=12","title":{"rendered":"Products"},"content":{"rendered":"\n\n\n \n \n \n Products \u2014 TIPOO Group<\/title>\n <style>\n :root {\n --orange: #0868a9;\n --amber: #24a875;\n --teal: #24a875;\n --ink: #19202a;\n --muted: #69727e;\n --paper: #f6f8f9;\n --line: #e4e8eb;\n }\n * {\n box-sizing: border-box;\n }\n html {\n scroll-behavior: smooth;\n }\n body {\n margin: 0;\n font:\n 15px\/1.7 Arial,\n sans-serif;\n color: var(--ink);\n background: #fff;\n }\n h1,\n h2,\n h3 {\n font-family: Georgia, serif;\n line-height: 1.13;\n }\n a {\n text-decoration: none;\n color: inherit;\n }\n .wrap {\n max-width: 1180px;\n margin: auto;\n padding: 0 24px;\n }\n .top {\n height: 36px;\n background: var(--ink);\n color: #cbd1d8;\n font-size: 12px;\n }\n .top .wrap,\n .nav .wrap {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav {\n height: 82px;\n background: #fff;\n position: sticky;\n top: 0;\n z-index: 50;\n box-shadow: 0 5px 20px #1112;\n }\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 900;\n letter-spacing: 0.08em;\n }\n .logo b {\n background: var(--orange);\n color: #fff;\n padding: 8px 11px;\n border-radius: 7px;\n }\n .logo img { display: block; height: 46px; width: auto; }\n .links {\n display: flex;\n gap: 29px;\n align-items: center;\n font-family: Georgia, serif;\n }\n .links a:hover,\n .links .active {\n color: var(--orange);\n }\n .cta {\n background: var(--orange);\n color: #fff !important;\n padding: 12px 19px;\n border-radius: 4px;\n font: 700 13px Arial;\n }\n .page-hero {\n height: 310px;\n position: relative;\n display: grid;\n place-items: center;\n text-align: center;\n color: #fff;\n overflow: hidden;\n background: linear-gradient(\n 110deg,\n var(--orange),\n #f59a32 54%,\n var(--teal)\n );\n }\n .page-hero:before,\n .page-hero:after {\n content: \"\";\n position: absolute;\n left: -8%;\n width: 116%;\n height: 130px;\n border-radius: 50%;\n background: #ffffff26;\n }\n .page-hero:before {\n bottom: -58px;\n animation: drift 8s ease-in-out infinite alternate;\n }\n .page-hero:after {\n bottom: -92px;\n background: #fff;\n opacity: 0.9;\n }\n .page-hero h1 {\n font-size: 48px;\n margin: 0 0 10px;\n }\n .page-hero p {\n margin: 0;\n color: #eef6f8;\n }\n .molecule {\n position: absolute;\n width: 230px;\n height: 230px;\n border: 1px solid #ffffff55;\n border-radius: 50%;\n right: 7%;\n top: -85px;\n animation: spin 16s linear infinite;\n }\n .molecule:before,\n .molecule:after {\n content: \"\";\n position: absolute;\n width: 18px;\n height: 18px;\n background: #fff;\n border-radius: 50%;\n box-shadow: 0 0 0 8px #ffffff20;\n }\n .molecule:before {\n left: 20px;\n top: 98px;\n }\n .molecule:after {\n right: 22px;\n bottom: 45px;\n }\n .catalogue {\n padding: 78px 0 95px;\n }\n .catalogue-grid {\n display: grid;\n grid-template-columns: 1fr 275px;\n gap: 34px;\n }\n .intro {\n margin-bottom: 28px;\n }\n .intro span {\n color: var(--orange);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n }\n .intro h2 {\n font-size: 39px;\n margin: 8px 0;\n }\n .intro p {\n color: var(--muted);\n max-width: 720px;\n }\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .card {\n border: 1px solid var(--line);\n background: #fff;\n min-height: 400px;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n transition: 0.28s;\n }\n .card:hover {\n transform: translateY(-7px);\n box-shadow: 0 20px 50px #19202a18;\n }\n .card:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n height: 4px;\n width: 100%;\n background: linear-gradient(90deg, var(--orange), var(--amber));\n transform: scaleX(0);\n transform-origin: left;\n transition: 0.28s;\n }\n .card:hover:before {\n transform: scaleX(1);\n }\n .pack {\n height: 225px;\n background: linear-gradient(#fff, #f8f9fa);\n display: grid;\n place-items: center;\n overflow: hidden;\n }\n .pack img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n transition: 0.35s;\n }\n .card:hover .pack img {\n transform: scale(1.045);\n }\n .card-copy {\n padding: 20px 22px 22px;\n flex: 1;\n }\n .family {\n font-size: 11px;\n color: var(--teal);\n font-weight: 800;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n .card h3 {\n font-size: 25px;\n margin: 7px 0;\n }\n .card p {\n font-size: 13px;\n color: var(--muted);\n margin: 0 0 16px;\n }\n .card a {\n color: var(--orange);\n font-weight: 800;\n font-size: 13px;\n }\n .side {\n padding-top: 113px;\n }\n .filters {\n display: grid;\n gap: 10px;\n }\n .filter {\n border: 0;\n padding: 15px 17px;\n text-align: left;\n background: #f1f2f3;\n color: #555;\n font: 16px Georgia;\n cursor: pointer;\n transition: 0.2s;\n }\n .filter.active,\n .filter:hover {\n background: linear-gradient(90deg, var(--orange), #f49b36);\n color: #fff;\n }\n .contact-box {\n margin-top: 36px;\n padding: 25px;\n background: var(--paper);\n border-top: 4px solid var(--teal);\n }\n .contact-box h3 {\n font-size: 29px;\n margin: 0 0 10px;\n }\n .contact-box p {\n font-size: 13px;\n color: var(--muted);\n }\n .contact-box input,\n .contact-box textarea {\n width: 100%;\n border: 1px solid var(--line);\n background: #fff;\n padding: 12px;\n margin: 6px 0;\n font: inherit;\n }\n .contact-box textarea {\n height: 88px;\n resize: vertical;\n }\n .send {\n width: 100%;\n border: 0;\n background: var(--ink);\n color: #fff;\n padding: 13px;\n font-weight: 800;\n cursor: pointer;\n }\n .note {\n font-size: 11px;\n color: var(--muted);\n margin-top: 9px;\n }\n .bottom-cta {\n background: linear-gradient(110deg, var(--orange), #e95520);\n color: #fff;\n padding: 65px 0;\n }\n .bottom-cta .wrap {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 30px;\n }\n .bottom-cta h2 {\n font-size: 40px;\n margin: 0 0 7px;\n }\n .btn {\n display: inline-flex;\n background: #fff;\n color: var(--orange);\n padding: 13px 20px;\n font-weight: 800;\n }\n .footer {\n padding: 48px 0;\n background: linear-gradient(115deg, #31525a, #34736f 58%, #3c8e84);\n color: #dceceb;\n }\n .footer .wrap {\n display: grid;\n grid-template-columns: 1fr 1fr 2fr;\n align-items: start;\n gap: 30px;\n }\n .footer-contact { font-size: 13px; line-height: 1.55; }\n .footer-contact b { color: #fff; }\n .footer a {\n color: #fff;\n }\n .hidden {\n display: none;\n }\n @keyframes spin {\n to {\n transform: rotate(360deg);\n }\n }\n @keyframes drift {\n to {\n transform: translateX(5%) rotate(2deg);\n }\n }\n @media (max-width: 950px) {\n .links {\n display: none;\n }\n .catalogue-grid {\n grid-template-columns: 1fr;\n }\n .side {\n padding: 0;\n }\n .filters {\n grid-template-columns: repeat(3, 1fr);\n }\n .cards {\n grid-template-columns: 1fr 1fr;\n }\n }\n @media (max-width: 620px) {\n .top {\n display: none;\n }\n .nav {\n height: 70px;\n }\n .page-hero {\n height: 260px;\n }\n .page-hero h1 {\n font-size: 40px;\n }\n .cards {\n grid-template-columns: 1fr;\n }\n .filters {\n grid-template-columns: 1fr 1fr;\n }\n .bottom-cta .wrap,\n .footer .wrap {\n display: block;\n }\n .bottom-cta .btn {\n margin-top: 20px;\n }\n .catalogue {\n padding: 55px 0;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n * {\n animation: none !important;\n transition: none !important;\n }\n }\n <\/style>\n {{TIPOO_WP_HEAD}}<\/head>\n <body>\n <div class=\"top\">\n <div class=\"wrap\">\n <span>Advanced construction chemistry since 1988<\/span\n ><span>{{TIPOO_EMAIL}} \u00b7 {{TIPOO_PHONE}}<\/span>\n <\/div>\n <\/div>\n <header class=\"nav\">\n <div class=\"wrap\">\n <a href=\"https:\/\/tipoogroup.com\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/tipoo-logo.png\" alt=\"TIPOO Group\"><\/a>\n <nav class=\"links\">\n <a href=\"https:\/\/tipoogroup.com\/\">Home<\/a><a href=\"https:\/\/tipoogroup.com\/#about\">About<\/a\n ><a class=\"active\" href=\"https:\/\/tipoogroup.com\/?page_id=12\">Products<\/a\n ><a href=\"https:\/\/tipoogroup.com\/#solutions\">Applications<\/a\n ><a href=\"https:\/\/tipoogroup.com\/#capabilities\">Technical Support<\/a\n ><a href=\"https:\/\/tipoogroup.com\/?page_id=14\">Contact<\/a\n ><a class=\"cta\" href=\"https:\/\/tipoogroup.com\/?page_id=14\">Request Sample<\/a>\n <\/nav>\n <\/div>\n <\/header>\n <section class=\"page-hero\">\n <div class=\"molecule\"><\/div>\n <div>\n <h1>Products<\/h1>\n <p>Home \u203a Products<\/p>\n <\/div>\n <\/section>\n <main class=\"catalogue\">\n <div class=\"wrap catalogue-grid\">\n <div>\n <div class=\"intro\">\n <span>TIPOO Group product portfolio<\/span>\n <h2>Find the right additive technology.<\/h2>\n <p>\n Browse product families by chemistry, then open the detailed page\n for grades, specifications, applications and technical guidance.\n <\/p>\n <\/div>\n <div class=\"cards\" id=\"productCards\">\n <article class=\"card\" data-family=\"cellulose\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atocell HPMC construction additive packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Cellulose Ether<\/span>\n <h3>Atocell\u00ae HPMC<\/h3>\n <p>\n Hydroxypropyl methylcellulose for water retention, open time,\n workability and consistency.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=25\">View HPMC grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"cellulose\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atocell MHEC construction additive packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Cellulose Ether<\/span>\n <h3>Atocell\u00ae MHEC<\/h3>\n <p>\n Methyl hydroxyethyl cellulose for reliable rheology and\n application performance in dry-mix systems.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=26\">View MHEC grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"cellulose\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atocell HEC construction additive packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Cellulose Ether<\/span>\n <h3>Atocell\u00ae HEC<\/h3>\n <p>\n Hydroxyethyl cellulose for thickening, stability and\n controlled viscosity in construction and coatings.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=43\">View HEC grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"polymer\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atopas redispersible polymer powder packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Polymer Powder<\/span>\n <h3>Atopas\u00ae RDP<\/h3>\n <p>\n Redispersible polymer powder for adhesion, cohesion,\n flexibility and improved durability.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=28\">View RDP grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"concrete\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"Atoplex PCE water reducer packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Concrete Technology<\/span>\n <h3>Atoplex\u00ae PCE<\/h3>\n <p>\n Polycarboxylate water reducer for high flow, stronger\n performance and reduced water demand.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=29\">View PCE grades \u2192<\/a>\n <\/div>\n <\/article>\n <article class=\"card\" data-family=\"waterproof\">\n <div class=\"pack\">\n <img decoding=\"async\"\n src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/product-sack.jpg\"\n alt=\"HydroMax water repellent packaging\"\n \/>\n <\/div>\n <div class=\"card-copy\">\n <span class=\"family\">Water Repellent<\/span>\n <h3>HydroMax\u00ae<\/h3>\n <p>\n Organosilicon powder for reduced water absorption and durable\n protection in finished mortars.\n <\/p>\n <a href=\"https:\/\/tipoogroup.com\/?page_id=30\">View properties \u2192<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <aside class=\"side\">\n <div class=\"filters\" aria-label=\"Product categories\">\n <button class=\"filter active\" data-filter=\"all\">View All<\/button\n ><button class=\"filter\" data-filter=\"cellulose\">\n Cellulose Ether<\/button\n ><button class=\"filter\" data-filter=\"polymer\">Polymer Powder<\/button\n ><button class=\"filter\" data-filter=\"concrete\">\n Concrete Technology<\/button\n ><button class=\"filter\" data-filter=\"waterproof\">\n Water Repellent\n <\/button>\n <\/div>\n <div class=\"contact-box\" id=\"enquiry\">\n <h3>Contact Us<\/h3>\n <p>\n Share your application and we will help recommend suitable\n catalogue grades.\n <\/p>\n <input aria-label=\"Name\" placeholder=\"Name\" \/><input\n aria-label=\"Email\"\n placeholder=\"Email\"\n \/><textarea\n aria-label=\"Message\"\n placeholder=\"Application or question\"\n ><\/textarea\n ><button class=\"send\" type=\"button\">Send Enquiry<\/button>\n <div class=\"note\">\n Product guidance is available from TIPOO Group’s technical team.\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n <\/main>\n <section class=\"bottom-cta\">\n <div class=\"wrap\">\n <div>\n <h2>Need help choosing a grade?<\/h2>\n <p>\n Ask for technical guidance, a data sheet or an evaluation sample.\n <\/p>\n <\/div>\n <a href=\"#enquiry\" class=\"btn\">Talk to TIPOO Group \u2192<\/a>\n <\/div>\n <\/section>\n <footer class=\"footer\">\n <div class=\"wrap\">\n <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/tipoo-logo.png\" alt=\"TIPOO Group\"><\/div>\n <div class=\"footer-contact\"><b>Contact<\/b><br><a href=\"tel:{{TIPOO_PHONE_DIGITS}}\">{{TIPOO_PHONE}}<\/a><br><a href=\"mailto:{{TIPOO_EMAIL}}\">{{TIPOO_EMAIL}}<\/a><\/div>\n <div class=\"footer-contact\"><b>Head Office<\/b><br>China<br><b>Branches:<\/b> <\/div>\n <\/div>\n <\/footer>\n <script>\n document.querySelectorAll(\".filter\").forEach((button) =>\n button.addEventListener(\"click\", () => {\n document\n .querySelectorAll(\".filter\")\n .forEach((x) => x.classList.remove(\"active\"));\n button.classList.add(\"active\");\n const f = button.dataset.filter;\n document\n .querySelectorAll(\".card\")\n .forEach((card) =>\n card.classList.toggle(\n \"hidden\",\n f !== \"all\" && card.dataset.family !== f,\n ),\n );\n }),\n );\n <\/script>\n {{TIPOO_WP_FOOTER}}<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Products \u2014 TIPOO Group {{TIPOO_WP_HEAD}} Advanced construction chemistry since 1988{{TIPOO_EMAIL}} \u00b7 {{TIPOO_PHONE}} HomeAboutProductsApplicationsTechnical SupportContactRequest Sample Products Home \u203a Products TIPOO Group product portfolio Find the right additive technology. Browse product families by chemistry, then open the detailed page for grades, specifications, applications and technical guidance. Cellulose Ether Atocell\u00ae HPMC Hydroxypropyl methylcellulose for water retention, open […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":1,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}