:root{--bg:#fff;--grey:#f7f7f7;--ink:#222;--muted:#6b6b6b;--blue:#0063b8;--lblue:#3d9df0;--teal:#0a5a78;--line:#cfd6de;--field:#fff;--fieldink:#222;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#10161d;--grey:#171e27;--ink:#eef2f6;--muted:#a7b2be;--teal:#5fb8d8;--line:#2c3a4b;--field:#10161d;--fieldink:#eef2f6}}
:root[data-theme="dark"]{--bg:#10161d;--grey:#171e27;--ink:#eef2f6;--muted:#a7b2be;--teal:#5fb8d8;--line:#2c3a4b;--field:#10161d;--fieldink:#eef2f6}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;color-scheme:light dark}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Open Sans",Arial,sans-serif}
h1,h2,h3,nav a,.btn{font-family:Montserrat,Arial,sans-serif}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:#f7f7f7;height:105px;display:flex;justify-content:space-between;align-items:center;padding:0 40px}
.logo{display:block;line-height:0}
.logo img{display:block;width:315px;max-width:60vw;height:auto}
nav a{color:#6b6b6b;text-decoration:none;font-weight:700;font-size:.9rem;text-transform:uppercase;margin-left:20px}
nav a:hover{color:var(--blue)}
.hero img{display:block;width:100%;height:auto}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:617px}
.split .l{background:var(--blue);display:flex;align-items:center;padding:0 56px}
.split .l h2{margin:0;color:#fff;font-size:2.4rem;line-height:1.28;text-transform:uppercase;font-weight:700}
.split .l h2 em{color:var(--lblue);font-style:normal;display:block}
.split .r{background:var(--grey);padding:0 56px 0 56px;display:flex;flex-direction:column;justify-content:center}
h2.t{font-size:2rem;font-weight:700;text-transform:uppercase;margin:0 0 20px}
p{color:var(--muted);font-size:1.02rem;line-height:2}
.r p{margin:0 0 18px;max-width:600px}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;padding:15px 30px;border:0;cursor:pointer}
.btn:hover{filter:brightness(1.12)}
.center{text-align:center}
.products{padding:34px 0 0}
.products .intro{max-width:1130px;margin:0 auto;padding:0 20px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}
.tile{position:relative;display:block;aspect-ratio:356/325;overflow:hidden}
.tile img{display:block;width:100%;height:100%;object-fit:cover}
.tile .ov{position:absolute;inset:0;opacity:0;transition:opacity .3s}
.tile:hover .ov,.tile:focus .ov{opacity:1}
.brands{background:#f7f7f7;padding:90px 20px 70px}
.logos{max-width:1130px;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px 48px;justify-content:center;align-items:center;min-height:100px}
.logos img{width:168px;height:auto;display:block}
.brands .btn{margin-top:45px}
.service{padding:60px 20px 80px}
.service p{max-width:1140px;margin:0 auto 24px}
.enq{background:var(--grey);padding:45px 20px 70px}
.enq .in{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.map{height:450px;background:
 linear-gradient(90deg,transparent 48%,#c9d5e2 48% 52%,transparent 52%),linear-gradient(0deg,transparent 30%,#c9d5e2 30% 33%,transparent 33%),
 repeating-linear-gradient(60deg,#eef0f2 0 40px,#f6ecd0 40px 90px);position:relative;border:0}
.map .card{position:absolute;left:8px;top:8px;background:#fff;color:#222;padding:12px 16px;font:.8rem Arial;width:250px;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.map .card b{display:block;font-size:.9rem;margin-bottom:4px}
.map .card a{display:inline-block;margin-top:8px;background:#1a73e8;color:#fff;padding:7px 14px;border-radius:18px;text-decoration:none}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pin{position:absolute;left:49%;top:46%;width:22px;height:22px;background:#e8281e;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.info{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;margin-top:40px;color:var(--ink);font-size:.98rem}
.info span{color:var(--blue);margin-right:8px}
.info a{color:inherit;text-decoration:none}
.enq h2{margin:0 0 22px;font-size:2rem;font-weight:700;text-transform:uppercase}
.enq .sub{color:var(--muted);margin:0 0 22px;line-height:1.5}
input,textarea{display:block;width:100%;margin-bottom:20px;padding:16px 18px;border:1px solid #4a8fd0;border-radius:3px;background:var(--field);color:var(--fieldink);font:1rem "Open Sans",sans-serif}
textarea{height:120px;resize:vertical}
.enq button.btn{width:100%;text-transform:uppercase;padding:13px;border-radius:3px;letter-spacing:.05em}
.tags{background:var(--bg);padding:80px 20px 90px}
.tags .in{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px}
.tags a{font:.95rem Poppins,Arial,sans-serif;color:#0063b8;border:1px solid var(--blue);padding:7px 15px;text-decoration:none;border-radius:2px}
.tags a:hover{background:var(--blue);color:#fff}
footer{background:var(--blue);color:#fff;text-align:center;padding:20px;font-size:.9rem}
footer a{color:#fff}
@media(max-width:820px){header{padding:0 16px;height:auto;min-height:80px;flex-wrap:wrap;padding-block:10px}nav a{margin:0 10px 0 0;font-size:.75rem}
.split,.enq .in{grid-template-columns:1fr}.split .l,.split .r{padding:50px 24px}.tiles{grid-template-columns:1fr 1fr}.info{grid-template-columns:1fr}}

.pagehead{background:var(--blue);color:#fff;padding:64px 20px;text-align:center}
.pagehead h1{margin:0;font:700 2.2rem Montserrat,Arial,sans-serif;text-transform:uppercase}
.pagehead small{display:block;margin-top:10px;opacity:.85;font-size:.9rem}.pagehead small a{color:#fff}
.content{max-width:1000px;margin:0 auto;padding:60px 20px}
.content .tiles{margin-top:30px}.content .logos{margin-top:30px}
.content .tags{padding:30px 0 0}
.cta{background:var(--grey);text-align:center;padding:50px 20px}.cta p{margin:0 0 20px}
header nav{align-self:stretch;display:flex;align-items:center}
nav .dd{position:relative;display:flex;align-items:center;height:100%;margin-left:20px}
nav .dd>a{margin-left:0}
nav .dd:hover>a,nav .dd:focus-within>a{color:var(--blue)}
nav .dd ul{display:none;position:absolute;top:100%;left:0;margin:0;padding:0;list-style:none;background:#fff;box-shadow:0 6px 14px rgba(0,0,0,.15);min-width:270px;z-index:20}
nav .dd:hover ul,nav .dd:focus-within ul{display:block}
nav .dd li{border-bottom:1px solid #eee}nav .dd li:last-child{border:0}
nav .dd li a{display:block;margin:0;padding:13px 19px;color:#555;font:400 .95rem "Open Sans",Arial,sans-serif;text-transform:none;white-space:nowrap}
nav .dd li a:hover{background:#f0f4f9;color:var(--blue)}
@media(max-width:820px){header nav{flex-wrap:wrap}nav .dd{height:auto;margin-left:0;margin-right:10px}}

nav a.active{color:var(--blue)}
.about-banner img{display:block;width:100%;height:auto}
.about{max-width:1140px;margin:0 auto;padding:40px 20px 30px}
.about h1{font:800 2.5rem Montserrat,Arial,sans-serif;text-transform:uppercase;margin:0 0 22px;color:var(--ink)}
.about p{margin:0 0 20px}
.branches{display:grid;grid-template-columns:460px 1fr;gap:30px;align-items:start;margin:40px 0 30px}
.branches img{display:block;width:100%;height:auto}
.branches h3{font:700 1.55rem "Open Sans",Arial,sans-serif;color:var(--blue);text-decoration:underline;margin:0 0 18px}
.branches ul{margin:0;padding-left:20px;color:var(--muted)}.branches li{line-height:2;padding:5px 0 5px 0;font-size:1.02rem}
.qlinks{background:#f7f7f7;display:flex;justify-content:center;align-items:center;padding:40px 20px;margin-top:30px}
.qlinks a{display:flex;align-items:center;gap:14px;padding:0 44px;border-left:1px solid #ccc;text-decoration:none;color:var(--blue);font:700 .9rem/1.35 Montserrat,Arial,sans-serif;text-transform:uppercase;height:44px}
.qlinks a:first-child{border-left:0}
.qlinks svg{width:44px;height:44px;fill:var(--blue);flex:none}
@media(max-width:820px){.branches{grid-template-columns:1fr}.qlinks{flex-wrap:wrap;gap:20px}.qlinks a{border:0;padding:0 16px}.about h1{font-size:1.9rem}}

.about h2{font:700 1.6rem "Open Sans",Arial,sans-serif;color:var(--ink);margin:34px 0 22px}
.about strong{color:var(--muted)}
.about ul.plain{margin:0 0 20px;padding-left:20px;color:var(--muted)}.about ul.plain li{line-height:34px;font-size:1.02rem}

.ntabs{display:flex;margin:0 0 50px}
.ntabs button{background:none;border:0;border-right:1px solid #000;padding:0 20px;height:32px;font:400 1rem "Open Sans",Arial,sans-serif;color:var(--muted);cursor:pointer}
.ntabs button:first-child{padding-left:0}
.ntabs button:hover,.ntabs button.on{color:var(--blue)}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ncard{background:#f7f7f7;color:#000;padding:20px;font-size:1.02rem;line-height:1.75}
.ncard[hidden]{display:none}
.ncard p{margin:0 0 14px;color:#000;line-height:1.75}.ncard .ttl{font-weight:700}
.ncard a{color:var(--blue)}
#nnone{display:none;color:var(--muted)}
@media(max-width:900px){.ngrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ngrid{grid-template-columns:1fr}}

.tabs{border:1px solid #ccc;margin-top:70px}
.tabbar{display:flex;flex-wrap:wrap;border-bottom:1px solid #ccc;margin:0 -1px}
.tabbar button{flex:1 1 auto;text-align:center;background:#fff;border:0;border-right:1px solid #ccc;padding:0 20px;height:60px;font:400 1.05rem "Open Sans",Arial,sans-serif;color:#bbb;cursor:pointer;margin-top:-1px}
.tabbar button.on{background:var(--blue);color:#fff}
.tabbar button:not(.on):hover{color:var(--blue)}
.tabpanel{padding:45px 45px 60px}.tabpanel[hidden]{display:none}
.tabpanel h2{font:800 2rem Montserrat,Arial,sans-serif;text-transform:uppercase;color:var(--ink);margin:0 0 20px}
.tabpanel h2+p{margin-top:0}.tabpanel h2.sub{margin-top:30px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 0;margin-top:50px;text-align:center}
.pgrid a{text-decoration:none;color:var(--ink);display:block;padding:0 10px}
.pgrid img{display:block;width:100%;height:auto;margin:0 auto}
.pgrid span{display:block;margin-top:22px;font:700 1.1rem Montserrat,Arial,sans-serif;text-transform:uppercase}
.pgrid a:hover span{color:var(--blue)}
.pimg{max-width:420px;margin:10px 0 30px;border:1px solid #eee}.pimg img{display:block;width:100%;height:auto}
@media(max-width:900px){.pgrid{grid-template-columns:1fr 1fr}.tabbar button{padding:0 18px;height:50px}.tabpanel{padding:30px 20px 40px}}

.alist{margin:0 0 20px;padding-left:20px;color:var(--muted)}
.alist li{margin-bottom:10px;line-height:32px;font-size:1.02rem}
.alist .t{color:#5a6fa8}

.tabbar.eq button{flex:1 1 0;padding:0 8px;line-height:1.15}

.pdiagram{display:block;max-width:100%;height:auto;margin:10px 0 0}

.pgrid.var{align-items:start}
.lt{margin:0 0 20px;padding-left:20px;color:var(--muted)}.lt li{line-height:2;font-size:1.02rem}.lt strong{color:var(--muted)}

.plink{color:#e0004f;text-decoration:underline}

.cfig{width:300px;max-width:100%;margin:50px auto 0}.cfig:first-of-type{margin-top:40px}
.cfig img{display:block;width:100%;height:auto}
.cfig figcaption{font:400 .95rem Poppins,Arial,sans-serif;color:var(--muted);margin-top:14px}

.sect{font:700 2rem Poppins,Arial,sans-serif;text-transform:uppercase;color:var(--ink);margin:70px 0 26px;font-weight:700}
.tabbar.eq3 button{flex:1 1 0}
.tabpanel img.fig{display:block;max-width:100%;height:auto;margin:22px 0 26px}
.tabpanel ul.plain{margin:0 0 20px;padding-left:20px;color:var(--muted)}
.tabpanel ul.plain li{line-height:34px;font-size:1.02rem}

.tabpanel h3{font:700 1.6rem "Open Sans",Arial,sans-serif;color:var(--ink);margin:26px 0 22px}
.tabpanel ul.b2{margin:0 0 20px;padding-left:20px;color:var(--muted)}.tabpanel ul.b2 li{line-height:32px;margin-bottom:10px;font-size:1.02rem}

.utable{width:100%;border-collapse:collapse;font:400 1.02rem/1.6 Poppins,Arial,sans-serif;color:var(--muted);margin:30px 0 40px}
.utable td{border:1px solid var(--line);padding:8px;vertical-align:top}.utable td.mid{vertical-align:middle}
.utable ul{list-style:none;margin:0;padding:0}.utable li{position:relative;padding-left:36px}.utable li::before{content:"•";position:absolute;left:4px}
@media(max-width:700px){.utable,.utable tbody,.utable tr,.utable td{display:block}}

.tabs.single{border:0}.tabs.single .tabbar{border-bottom:0;margin:0}.tabs.single .tabbar button{flex:none;padding:0 28px;margin-top:0;border-right:0}
.tabs.single .tabpanel{border:1px solid var(--line);margin-top:-1px}

.pbanner{margin:0}.pbanner img{display:block;width:100%;height:auto}
.pdetail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;margin-top:10px}
.pdetail .pimgl img{display:block;width:100%;height:auto}
.pdetail p{margin:0 0 18px}
.pdetail .fl{font:700 1rem "Open Sans",Arial,sans-serif;color:var(--muted);text-transform:uppercase;margin:24px 0 14px}
.pdetail ul{margin:0 0 24px;padding-left:20px;color:var(--muted)}.pdetail li{line-height:24px;margin-bottom:10px;font-size:1.02rem}
.pdetail h2{font:800 1.9rem Montserrat,Arial,sans-serif;text-transform:uppercase;color:var(--ink);margin:30px 0 20px}
.pdf{display:flex;align-items:center;gap:14px;font:400 1.05rem Poppins,Arial,sans-serif;color:var(--blue)}
.pdf a{color:var(--blue)}.pdf svg{width:41px;height:47px;flex:none}
@media(max-width:820px){.pdetail{grid-template-columns:1fr}}

.pdetail .fl.big{font:700 1.6rem "Open Sans",Arial,sans-serif;color:var(--ink);text-transform:uppercase;margin:26px 0 18px}

.pdetail ul ul{margin:10px 0 0;padding-left:40px;list-style:circle}.pdetail ul ul ul{list-style:square;margin-top:10px}
.pdetail li li{margin-bottom:10px}
.pdetail a.pk{color:#e0004f;text-decoration:underline}
.pdetail p.lines{line-height:32px}
.pdetail p.bold strong{color:var(--muted)}

.pdetail .an h4{font:700 1.12rem "Arial Narrow",Arial,sans-serif;font-stretch:condensed;color:#0071c5;text-transform:uppercase;letter-spacing:.06em;line-height:28px;margin:0 0 14px}
.pdetail .an p{font-family:"Arial Narrow",Arial,sans-serif;font-stretch:condensed;font-size:.9rem;line-height:33px;color:#333;margin:0 0 20px}

.pdetail ol{margin:0 0 24px;padding-left:20px;color:var(--muted)}.pdetail ol li{line-height:24px;margin-bottom:10px;font-size:1.02rem}