Bu kursun diğer bölümlerinde
Ansayfa
HTML
Kopyala
⤢
↓
index.html
Claude ve WordPress ile Site Yapımı Part 1
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HİDROLİN Su Arıtma Sistemleri — Endüstriyel ve Evsel Su Arıtma</title>
<meta name="description" content="HİDROLİN; ters ozmoz, yumuşatma, ultrafiltrasyon ve endüstriyel su arıtma sistemleri kurar, devreye alır ve periyodik bakımını üstlenir. Ücretsiz su analizi.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap">
<style>
/* ==========================================================================
HİDROLİN Su Arıtma Sistemleri — Tasarım Sistemi
Renk paleti: müşteri tarafından verilen 10 kademeli mavi skalası
Yapı: WordPress (Elementor / Kadence) bölümlerine birebir aktarılabilir
========================================================================== */
/* --------------------------------------------------------------------------
1. TOKENLAR
-------------------------------------------------------------------------- */
:root {
/* Ham palet — referans görselden alındı */
--paper: #F1F3F4;
--blue-50: #D0E9F6;
--blue-100: #B8DCF3;
--blue-300: #71B6E7;
--blue-500: #3A93DA;
--blue-600: #2B7DC5;
--blue-700: #1A5589;
--blue-800: #113A62;
--blue-900: #0A2B4D;
--blue-950: #051737;
/* Anlamsal tokenlar — AÇIK tema */
--bg: #F7F9FB;
--surface: #FFFFFF;
--surface-2: var(--paper);
--surface-sunk: var(--blue-50);
--ink: #08213C;
--ink-2: #476682;
--ink-3: #7B93AC;
--line: #DEE6ED;
--line-strong: #C4D4E1;
--accent: var(--blue-600);
--accent-hover: var(--blue-700);
--accent-quiet: var(--blue-50);
--on-accent: #FFFFFF;
--deep: var(--blue-950);
--deep-2: var(--blue-900);
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-500);
--img-dim: none;
--shadow-sm: 0 1px 2px rgba(8,33,60,.06), 0 2px 8px rgba(8,33,60,.05);
--shadow-md: 0 2px 4px rgba(8,33,60,.05), 0 12px 32px -8px rgba(8,33,60,.14);
--shadow-lg: 0 4px 8px rgba(8,33,60,.06), 0 28px 64px -16px rgba(8,33,60,.22);
/* Tipografi */
--font-display: "Archivo", "Segoe UI", Tahoma, sans-serif;
--font-body: "Source Sans 3", "Segoe UI", Tahoma, sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;
--fs-2xs: 0.6875rem;
--fs-xs: 0.78125rem;
--fs-sm: 0.875rem;
--fs-base: 1.0625rem;
--fs-lg: 1.1875rem;
--fs-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.4375rem);
--fs-2xl: clamp(1.5rem, 1.3rem + 0.9vw, 1.875rem);
--fs-3xl: clamp(1.875rem, 1.55rem + 1.5vw, 2.5rem);
--fs-4xl: clamp(2.25rem, 1.7rem + 2.6vw, 3.375rem);
--fs-5xl: clamp(2.5rem, 1.85rem + 3.1vw, 3.625rem);
/* Ölçü */
--wrap: 1200px;
--wrap-narrow: 760px;
--gutter: clamp(1.25rem, 4vw, 2.5rem);
--section-y: clamp(4rem, 8vw, 7.5rem);
--r-sm: 6px;
--r-md: 10px;
--r-lg: 16px;
--r-xl: 24px;
--header-h: 76px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
}
:root[data-theme="dark"] {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
/* --------------------------------------------------------------------------
2. TEMEL
-------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
margin: 0;
background: var(--bg);
color: var(--ink);
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
h1, h2, h3, h4, h5 {
font-family: var(--font-display);
font-weight: 600;
line-height: 1.12;
letter-spacing: -0.022em;
text-wrap: balance;
margin: 0;
color: var(--ink);
}
h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }
p { margin: 0; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }
img, svg, canvas { max-width: 100%; display: block; }
ul, ol { margin: 0; padding: 0; }
button, input, textarea, select { font: inherit; color: inherit; }
:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 3px;
border-radius: var(--r-sm);
}
.skip-link {
position: absolute; left: 12px; top: -60px; z-index: 200;
background: var(--accent); color: var(--on-accent);
padding: .6rem 1rem; border-radius: var(--r-sm);
transition: top .18s ease;
}
.skip-link:focus { top: 12px; }
/* --------------------------------------------------------------------------
3. YARDIMCI SINIFLAR
-------------------------------------------------------------------------- */
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--narrow { max-width: var(--wrap-narrow); }
.section { padding-block: var(--section-y); }
.section--tight { padding-block: clamp(3rem, 5vw, 4.5rem); }
.section--sunk { background: var(--surface-2); }
.section--deep { background: var(--deep); color: var(--on-deep); }
.section--deep h1, .section--deep h2, .section--deep h3 { color: var(--on-deep); }
.section--deep p { color: var(--on-deep-2); }
.stack { display: flex; flex-direction: column; }
.gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-12 { gap: 3rem; }
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.eyebrow {
font-family: var(--font-mono);
font-size: var(--fs-2xs);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: .55rem;
margin: 0;
}
.eyebrow::before {
content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6;
}
.section--deep .eyebrow { color: var(--blue-300); }
.lede { font-size: var(--fs-lg); color: var(--ink-2); max-width: 62ch; }
.section--deep .lede { color: var(--on-deep-2); }
.muted { color: var(--ink-2); }
.small { font-size: var(--fs-sm); color: var(--ink-2); }
.section-head { display: flex; flex-direction: column; gap: .9rem; margin-bottom: clamp(2rem, 4vw, 3.25rem); max-width: 640px; }
.section-head--split { max-width: none; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.section-head--split > div:not(.chips) { display: flex; flex-direction: column; gap: .9rem; max-width: 620px; }
.section-head--split .chips { flex: 1 1 340px; justify-content: flex-end; }
@media (max-width: 760px) { .section-head--split .chips { justify-content: flex-start; } }
/* Butonlar */
.btn {
--btn-bg: var(--accent);
--btn-fg: var(--on-accent);
display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
background: var(--btn-bg); color: var(--btn-fg);
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
letter-spacing: .01em;
padding: .85rem 1.5rem;
border: 1px solid transparent; border-radius: var(--r-md);
cursor: pointer; text-align: center;
transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.btn:hover { --btn-bg: var(--accent-hover); color: var(--btn-fg); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn:active { transform: translateY(0); }
.btn--lg { padding: 1.05rem 1.9rem; font-size: var(--fs-base); }
.btn--ghost { --btn-bg: transparent; --btn-fg: var(--ink); border-color: var(--line-strong); }
.btn--ghost:hover { --btn-bg: var(--accent-quiet); --btn-fg: var(--accent-hover); border-color: var(--accent); box-shadow: none; }
.btn--on-deep { --btn-bg: transparent; --btn-fg: var(--on-deep); border-color: rgba(184,220,243,.34); }
.btn--on-deep:hover { --btn-bg: rgba(184,220,243,.12); --btn-fg: #FFF; border-color: rgba(184,220,243,.6); box-shadow: none; }
.btn--wa { --btn-bg: var(--blue-800); }
.btn .ico { width: 18px; height: 18px; flex: none; }
.link-arrow {
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
display: inline-flex; align-items: center; gap: .45rem;
}
.link-arrow .ico { width: 16px; height: 16px; transition: transform .2s ease; }
.link-arrow:hover .ico { transform: translateX(4px); }
/* Rozet */
.tag {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em;
text-transform: uppercase; color: var(--accent);
background: var(--accent-quiet); border-radius: 100px; padding: .3rem .7rem;
display: inline-block;
}
/* --------------------------------------------------------------------------
4. HEADER + NAVİGASYON
-------------------------------------------------------------------------- */
.topbar {
background: var(--deep); color: var(--on-deep-2);
font-size: var(--fs-xs);
border-bottom: 1px solid rgba(184,220,243,.1);
}
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 40px; }
.topbar a { color: var(--on-deep-2); }
.topbar a:hover { color: #FFF; }
.topbar__contact { display: flex; gap: 1.5rem; align-items: center; }
.topbar__contact span, .topbar__contact a { display: inline-flex; align-items: center; gap: .45rem; }
.topbar .ico { width: 14px; height: 14px; opacity: .8; }
@media (max-width: 860px) { .topbar { display: none; } }
.site-header {
position: sticky; top: 0; z-index: 100;
background: color-mix(in srgb, var(--surface) 88%, transparent);
backdrop-filter: blur(14px) saturate(1.4);
-webkit-backdrop-filter: blur(14px) saturate(1.4);
border-bottom: 1px solid var(--line);
transition: box-shadow .2s ease;
}
.site-header.is-stuck { box-shadow: var(--shadow-sm); }
.site-header .wrap {
display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
min-height: var(--header-h);
}
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--ink); }
.brand:hover { color: var(--ink); }
.brand__mark { width: 38px; height: 38px; flex: none; }
.brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.brand__name {
font-family: var(--font-display); font-weight: 700; font-size: 1.3rem;
letter-spacing: -0.02em;
}
.brand__sub {
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .13em; text-transform: uppercase; color: var(--ink-3);
}
.nav { display: flex; align-items: center; gap: .25rem; }
.nav a {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
color: var(--ink-2); padding: .55rem .85rem; border-radius: var(--r-sm);
position: relative; transition: color .16s ease, background-color .16s ease;
}
.nav a:hover { color: var(--ink); background: var(--accent-quiet); }
.nav a[aria-current="page"] { color: var(--accent); }
.nav a[aria-current="page"]::after {
content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .2rem;
height: 2px; background: var(--accent); border-radius: 2px;
}
.nav > .btn { display: none; } /* yalnızca mobil menüde görünür */
.header__actions { display: flex; align-items: center; gap: .6rem; }
.nav-toggle {
display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
background: transparent; border: 1px solid var(--line-strong); border-radius: var(--r-sm);
cursor: pointer;
}
.nav-toggle .ico { width: 20px; height: 20px; }
.nav-toggle .ico--close { display: none; }
.nav-toggle[aria-expanded="true"] .ico--open { display: none; }
.nav-toggle[aria-expanded="true"] .ico--close { display: block; }
@media (max-width: 980px) {
.nav-toggle { display: inline-flex; }
.header__actions .btn { display: none; }
.nav {
position: fixed; inset: var(--header-h) 0 auto 0;
flex-direction: column; align-items: stretch; gap: 0;
background: var(--surface); border-bottom: 1px solid var(--line);
padding: .5rem var(--gutter) 1.5rem;
box-shadow: var(--shadow-lg);
transform: translateY(-8px); opacity: 0; pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
max-height: calc(100dvh - var(--header-h)); overflow-y: auto;
}
.nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
.nav a { padding: .95rem .25rem; border-bottom: 1px solid var(--line); border-radius: 0; font-size: var(--fs-lg); }
.nav a[aria-current="page"]::after { display: none; }
.nav > .btn { display: inline-flex; margin-top: 1rem; }
}
/* --------------------------------------------------------------------------
5. HERO
-------------------------------------------------------------------------- */
.hero {
position: relative; overflow: hidden;
background: linear-gradient(160deg, var(--blue-950) 0%, var(--blue-900) 45%, var(--blue-800) 100%);
color: var(--on-deep);
isolation: isolate;
}
.hero__canvas {
position: absolute; inset: 0; width: 100%; height: 100%;
z-index: -1; opacity: .85;
}
.hero::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(120% 80% at 78% 12%, rgba(58,147,218,.34), transparent 62%);
pointer-events: none;
}
.hero .wrap {
display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
padding-block: clamp(4rem, 8vw, 7rem);
}
.hero h1 { color: #FFF; font-size: var(--fs-5xl); font-weight: 700; letter-spacing: -0.03em; }
.hero h1 em { font-style: normal; color: var(--blue-300); }
.hero__lede { color: var(--on-deep-2); font-size: var(--fs-lg); max-width: 52ch; }
.hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .5rem; }
.hero__eyebrow { color: var(--blue-300); }
.hero__proof { display: flex; flex-wrap: wrap; gap: 2rem 2.75rem; margin-top: 2.75rem; padding-top: 2rem; border-top: 1px solid rgba(184,220,243,.16); }
.hero__proof-item { display: flex; flex-direction: column; gap: .15rem; }
.hero__proof-num {
font-family: var(--font-display); font-weight: 700; font-size: 1.9rem;
color: #FFF; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.hero__proof-label { font-size: var(--fs-xs); color: var(--on-deep-2); letter-spacing: .02em; }
/* Su kalitesi kartı — hero görseli yerine "canlı ölçüm" paneli */
.gauge-card {
background: rgba(6,26,49,.55);
border: 1px solid rgba(184,220,243,.2);
border-radius: var(--r-xl);
padding: 1.75rem;
backdrop-filter: blur(8px);
box-shadow: 0 30px 70px -20px rgba(0,0,0,.6);
display: flex; flex-direction: column; gap: 1.35rem;
}
.gauge-card__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.gauge-card__title { font-family: var(--font-display); font-weight: 600; color: #FFF; font-size: var(--fs-base); }
.gauge-card__live {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .12em; text-transform: uppercase;
color: var(--blue-300); display: inline-flex; align-items: center; gap: .45rem;
}
.gauge-card__live::before {
content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-300);
box-shadow: 0 0 0 0 rgba(113,182,231,.7); animation: pulse 2.4s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(113,182,231,.55); }
70% { box-shadow: 0 0 0 9px rgba(113,182,231,0); }
100% { box-shadow: 0 0 0 0 rgba(113,182,231,0); }
}
.gauge { display: flex; flex-direction: column; gap: .45rem; }
.gauge__row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.gauge__name { font-size: var(--fs-sm); color: var(--on-deep-2); }
.gauge__val {
font-family: var(--font-mono); font-size: var(--fs-sm); color: #FFF;
font-variant-numeric: tabular-nums;
}
.gauge__track { height: 6px; border-radius: 100px; background: rgba(184,220,243,.16); overflow: hidden; }
.gauge__fill {
height: 100%; border-radius: 100px;
background: linear-gradient(90deg, var(--blue-500), var(--blue-300));
width: 0; transition: width 1.4s cubic-bezier(.16,.8,.24,1);
}
.gauge--warn .gauge__fill { background: linear-gradient(90deg, var(--blue-700), var(--blue-600)); }
.gauge-card__foot {
font-size: var(--fs-xs); color: var(--on-deep-2);
border-top: 1px solid rgba(184,220,243,.14); padding-top: 1rem;
display: flex; align-items: center; gap: .5rem;
}
.gauge-card__foot .ico { width: 15px; height: 15px; color: var(--blue-300); flex: none; }
@media (max-width: 900px) {
.hero .wrap { grid-template-columns: 1fr; }
.hero__proof { gap: 1.5rem 2rem; }
.hero__proof-num { font-size: 1.6rem; }
}
/* İç sayfa başlığı */
.page-hero {
background: linear-gradient(150deg, var(--blue-950), var(--blue-800));
color: var(--on-deep); position: relative; overflow: hidden;
}
.page-hero::after {
content: ""; position: absolute; inset: 0;
background:
radial-gradient(90% 120% at 88% 0%, rgba(58,147,218,.32), transparent 60%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 60c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.09' stroke-width='1.5'/%3E%3Cpath d='M0 90c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3Cpath d='M0 30c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E");
pointer-events: none;
}
.page-hero .wrap { position: relative; z-index: 1; padding-block: clamp(3rem, 6vw, 5.5rem); display: flex; flex-direction: column; gap: 1rem; }
.page-hero h1 { color: #FFF; }
.page-hero p { color: var(--on-deep-2); max-width: 60ch; font-size: var(--fs-lg); }
.page-hero .eyebrow { color: var(--blue-300); }
.crumbs { font-size: var(--fs-xs); color: var(--on-deep-2); display: flex; gap: .5rem; align-items: center; }
.crumbs a { color: var(--on-deep-2); }
.crumbs a:hover { color: #FFF; }
.crumbs span { opacity: .5; }
/* --------------------------------------------------------------------------
6. GÜVEN ŞERİDİ
-------------------------------------------------------------------------- */
.trustbar { background: var(--surface); border-bottom: 1px solid var(--line); }
.trustbar .wrap {
display: flex; align-items: center; justify-content: space-between;
gap: 1.5rem 2.5rem; flex-wrap: wrap; padding-block: 1.35rem;
}
.trustbar__label {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--ink-3);
}
.trustbar__items { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.cert {
display: inline-flex; align-items: center; gap: .55rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
color: var(--ink-2);
}
.cert .ico { width: 20px; height: 20px; color: var(--accent); flex: none; }
/* --------------------------------------------------------------------------
7. KART IZGARALARI
-------------------------------------------------------------------------- */
.grid { display: grid; gap: clamp(1rem, 2vw, 1.5rem); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 980px) { .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }
.card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.75rem; display: flex; flex-direction: column; gap: .85rem;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.card--link:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.card__icon {
width: 48px; height: 48px; border-radius: var(--r-md);
background: var(--accent-quiet); color: var(--accent);
display: grid; place-items: center; flex: none;
}
.card__icon .ico { width: 24px; height: 24px; }
.card h3 { font-size: var(--fs-lg); }
.card p { color: var(--ink-2); font-size: var(--fs-sm); }
.card__meta {
margin-top: auto; padding-top: .5rem;
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3);
}
.card__list { display: flex; flex-direction: column; gap: .4rem; list-style: none; }
.card__list li {
font-size: var(--fs-sm); color: var(--ink-2);
display: flex; gap: .5rem; align-items: flex-start;
}
.card__list li::before {
content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue-300);
flex: none; margin-top: .55em;
}
/* --------------------------------------------------------------------------
8. ARITMA SÜRECİ (sıralı — numaralandırma bilgi taşır)
-------------------------------------------------------------------------- */
.process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; position: relative; }
.process::before {
content: ""; position: absolute; left: 0; right: 0; top: 27px; height: 2px;
background: linear-gradient(90deg, var(--blue-100), var(--blue-500), var(--blue-800));
border-radius: 2px;
}
.step { display: flex; flex-direction: column; gap: .7rem; padding-right: 1.25rem; position: relative; }
.step__dot {
width: 56px; height: 56px; border-radius: 50%; flex: none;
background: var(--surface); border: 2px solid var(--blue-300);
display: grid; place-items: center; position: relative; z-index: 1;
font-family: var(--font-mono); font-weight: 600; font-size: var(--fs-sm);
color: var(--accent);
}
.step:nth-child(1) .step__dot { border-color: var(--blue-100); }
.step:nth-child(2) .step__dot { border-color: var(--blue-300); }
.step:nth-child(3) .step__dot { border-color: var(--blue-500); }
.step:nth-child(4) .step__dot { border-color: var(--blue-600); }
.step:nth-child(5) .step__dot { border-color: var(--blue-800); }
.step h3 { font-size: var(--fs-base); }
.step p { font-size: var(--fs-sm); color: var(--ink-2); }
.step__spec {
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--accent);
letter-spacing: .06em;
}
@media (max-width: 900px) {
.process { grid-template-columns: 1fr; gap: 1.75rem; }
.process::before { left: 27px; right: auto; top: 0; bottom: 0; width: 2px; height: auto;
background: linear-gradient(180deg, var(--blue-100), var(--blue-500), var(--blue-800)); }
.step { flex-direction: row; gap: 1.25rem; padding-right: 0; }
.step__body { display: flex; flex-direction: column; gap: .45rem; }
}
/* --------------------------------------------------------------------------
9. AVANTAJLAR / SPLIT BÖLÜM
-------------------------------------------------------------------------- */
.split {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
}
.split--wide-left { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.split--top { align-items: start; }
@media (max-width: 900px) { .split, .split--wide-left { grid-template-columns: 1fr; } }
.feature-list { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; }
.feature-list li { display: flex; gap: 1rem; align-items: flex-start; }
.feature-list .ico-box {
width: 42px; height: 42px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.feature-list .ico-box .ico { width: 21px; height: 21px; }
.feature-list h3 { font-size: var(--fs-base); margin-bottom: .2rem; }
.feature-list p { font-size: var(--fs-sm); color: var(--ink-2); }
.figure {
border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); box-shadow: var(--shadow-md);
}
.figure img { width: 100%; height: 100%; object-fit: cover; }
.figure figcaption {
padding: .85rem 1.15rem; font-size: var(--fs-xs); color: var(--ink-2);
background: var(--surface); border-top: 1px solid var(--line);
}
/* Sayaç şeridi */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.stat { background: var(--surface); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: .3rem; }
.stat__num {
font-family: var(--font-display); font-weight: 700; font-size: clamp(1.75rem, 3vw, 2.5rem);
color: var(--accent); letter-spacing: -0.03em; font-variant-numeric: tabular-nums;
}
.stat__label { font-size: var(--fs-sm); color: var(--ink-2); }
@media (max-width: 760px) { .stats { grid-template-columns: repeat(2, minmax(0,1fr)); } }
/* --------------------------------------------------------------------------
10. ÜRÜNLER
-------------------------------------------------------------------------- */
.product {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.product:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.product__media { aspect-ratio: 4 / 3; background: var(--surface-sunk); position: relative; }
.product__media img { width: 100%; height: 100%; object-fit: cover; }
.product__badge {
position: absolute; top: .85rem; left: .85rem;
background: var(--surface); color: var(--accent); border: 1px solid var(--line);
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase;
padding: .28rem .6rem; border-radius: 100px;
}
.product__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.product__body h3 { font-size: var(--fs-base); }
.product__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.product__spec {
display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin-top: auto; padding-top: .75rem;
border-top: 1px dashed var(--line-strong);
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--ink-3); letter-spacing: .04em;
}
/* --------------------------------------------------------------------------
11. REFERANSLAR
-------------------------------------------------------------------------- */
.quote {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.85rem; display: flex; flex-direction: column; gap: 1.15rem;
}
.quote__stars { display: flex; gap: .18rem; color: var(--blue-500); }
.quote__stars .ico { width: 16px; height: 16px; }
.quote blockquote { margin: 0; font-size: var(--fs-base); color: var(--ink); line-height: 1.6; }
.quote__author { display: flex; align-items: center; gap: .8rem; margin-top: auto; }
.avatar {
width: 42px; height: 42px; border-radius: 50%; flex: none;
background: var(--blue-800); color: #FFF;
display: grid; place-items: center;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
}
.quote__name { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.quote__role { font-size: var(--fs-xs); color: var(--ink-3); }
/* --------------------------------------------------------------------------
12. CTA ŞERİDİ
-------------------------------------------------------------------------- */
.cta-band {
background: linear-gradient(120deg, var(--blue-900), var(--blue-700));
color: var(--on-deep); border-radius: var(--r-xl); overflow: hidden;
position: relative; isolation: isolate;
}
.cta-band::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(80% 140% at 100% 0%, rgba(113,182,231,.28), transparent 60%);
}
.cta-band__inner {
padding: clamp(2.25rem, 5vw, 3.5rem);
display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
}
.cta-band h2 { color: #FFF; font-size: var(--fs-2xl); }
.cta-band p { color: var(--on-deep-2); max-width: 48ch; margin-top: .6rem; }
.cta-band .btn { --btn-bg: #FFF; --btn-fg: var(--blue-900); }
.cta-band .btn:hover { --btn-bg: var(--blue-50); }
.cta-band .btn--on-deep { --btn-bg: transparent; --btn-fg: #FFF; }
/* --------------------------------------------------------------------------
13. BLOG
-------------------------------------------------------------------------- */
.post {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.post:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.post__media { aspect-ratio: 16 / 10; background: var(--surface-sunk); }
.post__media img { width: 100%; height: 100%; object-fit: cover; }
.post__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .65rem; flex: 1; }
.post__meta {
display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .08em;
text-transform: uppercase; color: var(--ink-3);
}
.post__body h3 { font-size: var(--fs-base); line-height: 1.3; }
.post__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.post__foot { margin-top: auto; padding-top: .85rem; }
.post--featured { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.post--featured .post__media { aspect-ratio: auto; height: 100%; min-height: 320px; }
.post--featured .post__body { padding: clamp(1.75rem, 4vw, 2.75rem); gap: .9rem; justify-content: center; }
.post--featured h2 { font-size: var(--fs-2xl); }
@media (max-width: 820px) { .post--featured { grid-template-columns: 1fr; } .post--featured .post__media { min-height: 220px; } }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
padding: .5rem 1rem; border-radius: 100px; border: 1px solid var(--line-strong);
background: var(--surface); color: var(--ink-2); cursor: pointer;
transition: all .16s ease;
}
.chip:hover { border-color: var(--accent); color: var(--accent); }
.chip.is-active { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
/* --------------------------------------------------------------------------
14. GALERİ
-------------------------------------------------------------------------- */
/* Mozaik ızgara: satır yüksekliği sabit, kutular satır/sütun kaplar */
.gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: clamp(88px, 8.5vw, 124px);
grid-auto-flow: dense;
gap: clamp(.75rem, 1.5vw, 1.15rem);
}
@media (max-width: 900px) { .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(96px, 13vw, 140px); } }
@media (max-width: 560px) { .gallery { grid-template-columns: 1fr; grid-auto-rows: clamp(110px, 30vw, 150px); } }
.shot {
position: relative; border-radius: var(--r-md); overflow: hidden; cursor: zoom-in;
border: 1px solid var(--line); background: var(--surface-sunk);
padding: 0; display: block; width: 100%; height: 100%;
grid-row: span 2;
}
.shot--tall { grid-row: span 3; }
.shot--wide { grid-column: span 2; grid-row: span 2; }
@media (max-width: 560px) { .shot--wide { grid-column: span 1; } }
.shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.16,.8,.24,1); }
.shot:hover img { transform: scale(1.05); }
.shot__cap {
position: absolute; inset: auto 0 0 0; padding: 1.5rem 1rem .85rem;
background: linear-gradient(180deg, transparent, rgba(5,23,55,.88));
color: #FFF; text-align: left;
display: flex; flex-direction: column; gap: .1rem;
}
.shot__cap strong { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.shot__cap span { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .09em; text-transform: uppercase; color: var(--blue-100); }
.shot.is-hidden { display: none; }
.lightbox {
position: fixed; inset: 0; z-index: 200; display: none;
background: rgba(5,23,55,.92); backdrop-filter: blur(6px);
align-items: center; justify-content: center; padding: clamp(1rem, 4vw, 3rem);
}
.lightbox.is-open { display: flex; }
.lightbox__inner { max-width: 1000px; width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.lightbox img { width: 100%; border-radius: var(--r-md); box-shadow: var(--shadow-lg); }
.lightbox__cap { color: var(--blue-100); font-size: var(--fs-sm); text-align: center; }
.lightbox__close {
position: absolute; top: 1.25rem; right: 1.25rem;
width: 44px; height: 44px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__close:hover { background: rgba(255,255,255,.2); }
.lightbox__nav {
position: absolute; top: 50%; transform: translateY(-50%);
width: 48px; height: 48px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__nav:hover { background: rgba(255,255,255,.2); }
.lightbox__nav--prev { left: 1rem; }
.lightbox__nav--next { right: 1rem; }
.lightbox .ico { width: 20px; height: 20px; }
/* --------------------------------------------------------------------------
15. ZAMAN ÇİZELGESİ (Hakkımızda)
-------------------------------------------------------------------------- */
.timeline { list-style: none; display: flex; flex-direction: column; gap: 0; position: relative; }
.timeline::before {
content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px;
background: linear-gradient(180deg, var(--blue-100), var(--blue-600));
}
.timeline li { display: grid; grid-template-columns: 34px 1fr; gap: 1.25rem; padding-bottom: 2.25rem; }
.timeline li:last-child { padding-bottom: 0; }
.timeline__dot {
width: 16px; height: 16px; border-radius: 50%; margin-top: .45rem;
background: var(--surface); border: 3px solid var(--accent); position: relative; z-index: 1;
}
.timeline__year {
font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--accent);
letter-spacing: .1em; display: block; margin-bottom: .25rem;
}
.timeline h3 { font-size: var(--fs-base); margin-bottom: .3rem; }
.timeline p { font-size: var(--fs-sm); color: var(--ink-2); }
/* Ekip */
.person { display: flex; flex-direction: column; gap: .9rem; }
.person__photo {
aspect-ratio: 1; border-radius: var(--r-lg); overflow: hidden;
background: var(--surface-sunk); border: 1px solid var(--line);
}
.person__photo img { width: 100%; height: 100%; object-fit: cover; }
.person h3 { font-size: var(--fs-base); }
.person p { font-size: var(--fs-sm); color: var(--ink-2); }
.person__role { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
/* Değerler */
.value-card {
background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--accent);
border-radius: var(--r-md); padding: 1.5rem; display: flex; flex-direction: column; gap: .5rem;
}
.value-card h3 { font-size: var(--fs-base); }
.value-card p { font-size: var(--fs-sm); color: var(--ink-2); }
/* --------------------------------------------------------------------------
16. İLETİŞİM + FORM
-------------------------------------------------------------------------- */
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }
.info-card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.5rem; display: flex; gap: 1rem; align-items: flex-start;
}
.info-card .ico-box {
width: 44px; height: 44px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.info-card .ico-box .ico { width: 22px; height: 22px; }
.info-card h3 { font-size: var(--fs-sm); font-family: var(--font-mono); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .35rem; }
.info-card p, .info-card a { font-size: var(--fs-base); color: var(--ink); }
.info-card a:hover { color: var(--accent); }
.info-card .small { font-size: var(--fs-sm); color: var(--ink-2); }
.form {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: clamp(1.5rem, 3vw, 2.25rem); display: flex; flex-direction: column; gap: 1.15rem;
}
.field { display: flex; flex-direction: column; gap: .4rem; }
.field label { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.field label .req { color: var(--accent); }
.field input, .field select, .field textarea {
background: var(--bg); border: 1px solid var(--line-strong); border-radius: var(--r-sm);
padding: .75rem .9rem; font-size: var(--fs-base); font-family: var(--font-body);
transition: border-color .16s ease, box-shadow .16s ease;
width: 100%;
}
.field input:focus, .field select:focus, .field textarea:focus {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-quiet);
}
.field textarea { resize: vertical; min-height: 130px; }
.field__hint { font-size: var(--fs-xs); color: var(--ink-3); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; }
@media (max-width: 600px) { .field-row { grid-template-columns: 1fr; } }
.check { display: flex; gap: .65rem; align-items: flex-start; font-size: var(--fs-sm); color: var(--ink-2); }
.check input { width: 18px; height: 18px; margin-top: .18rem; flex: none; accent-color: var(--accent); }
.form__note { font-size: var(--fs-xs); color: var(--ink-3); }
.form__status {
display: none; padding: .85rem 1rem; border-radius: var(--r-sm);
background: var(--accent-quiet); color: var(--accent-hover);
font-size: var(--fs-sm); border: 1px solid var(--accent);
}
.form__status.is-visible { display: block; }
.map-frame {
border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); position: relative; aspect-ratio: 21 / 9;
}
.map-frame img { width: 100%; height: 100%; object-fit: cover; filter: var(--img-dim); }
.map-frame__pin {
position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%);
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
padding: .7rem 1rem; box-shadow: var(--shadow-md);
display: flex; align-items: center; gap: .6rem; font-size: var(--fs-sm); font-weight: 600;
font-family: var(--font-display);
}
.map-frame__pin .ico { width: 18px; height: 18px; color: var(--accent); }
/* SSS */
.faq { display: flex; flex-direction: column; gap: .6rem; }
.faq__item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.faq__q {
width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
padding: 1.15rem 1.35rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-base); color: var(--ink);
}
.faq__q .ico { width: 20px; height: 20px; color: var(--accent); flex: none; transition: transform .25s ease; }
.faq__item.is-open .faq__q .ico { transform: rotate(45deg); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; }
.faq__item.is-open .faq__a { grid-template-rows: 1fr; }
.faq__a > div { overflow: hidden; }
.faq__a p { padding: 0 1.35rem 1.25rem; font-size: var(--fs-sm); color: var(--ink-2); max-width: 68ch; }
/* --------------------------------------------------------------------------
17. FOOTER
-------------------------------------------------------------------------- */
.site-footer { background: var(--deep); color: var(--on-deep-2); margin-top: 0; }
.site-footer a { color: var(--on-deep-2); }
.site-footer a:hover { color: #FFF; }
.footer__top {
display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
gap: 2.5rem; padding-block: clamp(3rem, 6vw, 4.5rem);
}
@media (max-width: 900px) { .footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__top { grid-template-columns: 1fr; } }
.footer__brand { display: flex; flex-direction: column; gap: 1.15rem; max-width: 34ch; }
.footer__brand .brand { color: #FFF; }
.footer__brand .brand:hover { color: #FFF; }
.footer__brand .brand__sub { color: var(--blue-300); }
.footer__brand p { font-size: var(--fs-sm); }
.footer__col h4 {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--blue-300); font-weight: 500; margin-bottom: 1.1rem;
}
.footer__col ul { list-style: none; display: flex; flex-direction: column; gap: .65rem; }
.footer__col li { font-size: var(--fs-sm); }
.social { display: flex; gap: .6rem; }
.social a {
width: 38px; height: 38px; border-radius: var(--r-sm);
border: 1px solid rgba(184,220,243,.22); display: grid; place-items: center;
transition: background-color .16s ease, border-color .16s ease;
}
.social a:hover { background: rgba(184,220,243,.12); border-color: rgba(184,220,243,.45); }
.social .ico { width: 18px; height: 18px; }
.footer__bottom {
border-top: 1px solid rgba(184,220,243,.12);
padding-block: 1.35rem;
display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
font-size: var(--fs-xs);
}
.footer__bottom nav { display: flex; gap: 1.35rem; flex-wrap: wrap; }
/* Sabit mobil çağrı şeridi */
.mobile-cta {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
display: none; gap: 1px; background: var(--line);
border-top: 1px solid var(--line); box-shadow: 0 -6px 24px rgba(8,33,60,.14);
}
.mobile-cta a {
flex: 1; background: var(--surface); padding: .9rem .5rem;
display: flex; flex-direction: column; align-items: center; gap: .2rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-xs); color: var(--ink);
}
.mobile-cta a .ico { width: 19px; height: 19px; color: var(--accent); }
@media (max-width: 700px) {
.mobile-cta { display: flex; }
body { padding-bottom: 68px; }
}
/* --------------------------------------------------------------------------
18. GİRİŞ ANİMASYONU
-------------------------------------------------------------------------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,.8,.24,1); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-delay="1"] { transition-delay: .08s; }
.reveal[data-delay="2"] { transition-delay: .16s; }
.reveal[data-delay="3"] { transition-delay: .24s; }
.reveal[data-delay="4"] { transition-delay: .32s; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
.reveal { opacity: 1; transform: none; }
}
/* Koyu temada görsel parlaklığını zemine oturtur */
.figure img, .post__media img, .product__media img,
.shot img, .person__photo img { filter: var(--img-dim); }
/* --------------------------------------------------------------------------
19. YAZDIRMA
-------------------------------------------------------------------------- */
@media print {
.site-header, .topbar, .mobile-cta, .hero__canvas { display: none !important; }
body { background: #FFF; color: #000; }
}
</style>
</head>
<body>
<a class="skip-link" href="#main">İçeriğe geç</a>
<!-- ===== İkon seti ===== -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false"><defs>
<symbol id="i-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></symbol>
<symbol id="i-mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></symbol>
<symbol id="i-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
<symbol id="i-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
<symbol id="i-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5Z"/><path d="m9 12 2 2 4-4"/></symbol>
<symbol id="i-drop" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2.5S5.5 9.6 5.5 14a6.5 6.5 0 0 0 13 0C18.5 9.6 12 2.5 12 2.5Z"/></symbol>
<symbol id="i-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v7l-4 2v-9Z"/></symbol>
<symbol id="i-wrench" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a4 4 0 0 0 5 5l-9.2 9.2a2.5 2.5 0 0 1-3.6-3.6Z"/><path d="m18.5 2.5-3 3 3 3 3-3Z"/></symbol>
<symbol id="i-flask" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 2v6.5L4.4 18a2 2 0 0 0 1.7 3h11.8a2 2 0 0 0 1.7-3L14 8.5V2"/><path d="M9 2h6M7.5 14h9"/></symbol>
<symbol id="i-truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h11v10H2z"/><path d="M13 9h4l4 4v3h-8z"/><circle cx="6.5" cy="18.5" r="1.8"/><circle cx="17.5" cy="18.5" r="1.8"/></symbol>
<symbol id="i-headset" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14v-2a8 8 0 0 1 16 0v2"/><path d="M4 14h3v6H5a2 2 0 0 1-2-2v-4Zm16 0h-3v6h2a2 2 0 0 0 2-2v-4Z"/><path d="M17 20a3 3 0 0 1-3 2h-2"/></symbol>
<symbol id="i-leaf" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20c0-9 6-14 16-15 0 10-5 16-13 16H4Z"/><path d="M9 16c1.5-3.5 4-6 8-8"/></symbol>
<symbol id="i-award" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="9" r="6"/><path d="m8.5 14-1.5 8 5-3 5 3-1.5-8"/></symbol>
<symbol id="i-gauge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 18a9 9 0 1 1 16 0"/><path d="m12 14 4-4"/></symbol>
<symbol id="i-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></symbol>
<symbol id="i-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m6 6 12 12M18 6 6 18"/></symbol>
<symbol id="i-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 6-6 6 6 6"/></symbol>
<symbol id="i-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></symbol>
<symbol id="i-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11Z"/><circle cx="12" cy="10" r="2.6"/></symbol>
<symbol id="i-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></symbol>
<symbol id="i-star" viewBox="0 0 24 24" fill="currentColor"><path d="m12 2 2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.1 6.1 20.2l1.2-6.6L2.5 9l6.6-.9Z"/></symbol>
<symbol id="i-chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5Z"/></symbol>
<symbol id="i-ig" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.1" fill="currentColor" stroke="none"/></symbol>
<symbol id="i-in" viewBox="0 0 24 24" fill="currentColor"><path d="M4.5 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3 9h3v12H3Zm6 0h2.9v1.7h.05c.4-.76 1.4-1.9 3.15-1.9 3.35 0 4 2.2 4 5.1V21h-3v-5.4c0-1.3 0-3-1.85-3s-2.15 1.4-2.15 2.9V21H9Z"/></symbol>
<symbol id="i-fb" viewBox="0 0 24 24" fill="currentColor"><path d="M14 8.5V6.8c0-.8.2-1.3 1.4-1.3H17V2.6c-.3 0-1.2-.1-2.3-.1-2.4 0-4 1.4-4 4.1v1.9H8V12h2.7v9H14v-9h2.6l.4-3.5Z"/></symbol>
<symbol id="i-yt" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12s0-3.3-.4-4.9a2.6 2.6 0 0 0-1.8-1.8C18.1 5 12 5 12 5s-6.1 0-7.8.3a2.6 2.6 0 0 0-1.8 1.8C2 8.7 2 12 2 12s0 3.3.4 4.9c.2.9.9 1.6 1.8 1.8C5.9 19 12 19 12 19s6.1 0 7.8-.3a2.6 2.6 0 0 0 1.8-1.8c.4-1.6.4-4.9.4-4.9ZM10 15V9l5.2 3Z"/></symbol>
<symbol id="i-wa" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.3A10 10 0 1 0 12 2Zm5.2 13.9c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.7-.1a11 11 0 0 1-5.9-5.2c-.4-.8-.6-1.5-.5-2.2.1-.6.4-1.1.8-1.5.2-.2.4-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 1.9c.1.2 0 .4-.1.6l-.4.5c-.1.2-.3.3-.1.6a8 8 0 0 0 3.5 3c.3.1.5.1.6-.1l.7-.8c.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.4.3v.7Z"/></symbol>
</defs></svg>
<!-- ===== Üst şerit ===== -->
<div class="topbar">
<div class="wrap">
<span>Ücretsiz su analizi ve keşif — İstanbul, Kocaeli ve Tekirdağ'da aynı gün</span>
<div class="topbar__contact">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> 0212 000 00 00</a>
<a href="mailto:info@hidrolin.com.tr"><svg class="ico"><use href="#i-mail"></use></svg> info@hidrolin.com.tr</a>
<span><svg class="ico"><use href="#i-clock"></use></svg> Hafta içi 08:30 – 18:30</span>
</div>
</div>
</div>
<!-- ===== Header ===== -->
<header class="site-header">
<div class="wrap">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<nav class="nav" id="primary-nav" aria-label="Ana menü">
<a href="index.html" aria-current="page">Anasayfa</a>
<a href="hakkimizda.html">Hakkımızda</a>
<a href="galeri.html">Galeri</a>
<a href="blog.html">Blog</a>
<a href="iletisim.html">İletişim</a>
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
</nav>
<div class="header__actions">
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="primary-nav" aria-label="Menüyü aç">
<svg class="ico ico--open"><use href="#i-menu"></use></svg>
<svg class="ico ico--close"><use href="#i-x"></use></svg>
</button>
</div>
</div>
</header>
<main id="main">
<!-- ===== HERO ===== -->
<section class="hero">
<canvas class="hero__canvas" aria-hidden="true"></canvas>
<div class="wrap">
<div class="stack gap-6">
<p class="eyebrow hero__eyebrow">2009'dan beri · TSE belgeli üretim</p>
<h1>Şebeke suyunu<br><em>içilebilir</em> standarda getiriyoruz.</h1>
<p class="hero__lede">
Evsel ters ozmoz sistemlerinden 250 m³/gün kapasiteli endüstriyel tesislere kadar;
suyunuzu analiz ediyor, doğru sistemi projelendiriyor, kuruyor ve 7/24 bakımını üstleniyoruz.
</p>
<div class="hero__cta">
<a class="btn btn--lg" href="iletisim.html">Ücretsiz su analizi isteyin <svg class="ico"><use href="#i-arrow"></use></svg></a>
<a class="btn btn--lg btn--on-deep" href="#hizmetler">Sistemleri inceleyin</a>
</div>
<div class="hero__proof">
<div class="hero__proof-item">
<span class="hero__proof-num"><span data-count="4200" data-suffix="+">0</span></span>
<span class="hero__proof-label">Kurulan sistem</span>
</div>
<div class="hero__proof-item">
<span class="hero__proof-num"><span data-count="17" data-suffix=" yıl">0</span></span>
<span class="hero__proof-label">Saha tecrübesi</span>
</div>
<div class="hero__proof-item">
<span class="hero__proof-num"><span data-count="24" data-suffix=" sa">0</span></span>
<span class="hero__proof-label">Arıza müdahale süresi</span>
</div>
</div>
</div>
<!-- Su kalitesi paneli: hero görseli yerine sektörün kendi dili -->
<aside class="gauge-card" aria-label="Örnek su analizi raporu">
<div class="gauge-card__head">
<span class="gauge-card__title">Örnek analiz — Bahçelievler / İstanbul</span>
<span class="gauge-card__live">Ölçüm</span>
</div>
<div class="gauge">
<div class="gauge__row"><span class="gauge__name">TDS (çözünmüş katı)</span><span class="gauge__val">318 → 24 ppm</span></div>
<div class="gauge__track"><div class="gauge__fill" data-pct="92"></div></div>
</div>
<div class="gauge">
<div class="gauge__row"><span class="gauge__name">Sertlik</span><span class="gauge__val">21 → 2 °fH</span></div>
<div class="gauge__track"><div class="gauge__fill" data-pct="88"></div></div>
</div>
<div class="gauge">
<div class="gauge__row"><span class="gauge__name">Serbest klor</span><span class="gauge__val">0,48 → 0,01 mg/L</span></div>
<div class="gauge__track"><div class="gauge__fill" data-pct="97"></div></div>
</div>
<div class="gauge gauge--warn">
<div class="gauge__row"><span class="gauge__name">pH dengesi</span><span class="gauge__val">7,9 → 7,2</span></div>
<div class="gauge__track"><div class="gauge__fill" data-pct="72"></div></div>
</div>
<p class="gauge-card__foot">
<svg class="ico"><use href="#i-shield"></use></svg>
Değerler TS 266 içme suyu standardı referans alınarak raporlanır.
</p>
</aside>
</div>
</section>
<!-- ===== Güven şeridi ===== -->
<div class="trustbar">
<div class="wrap">
<span class="trustbar__label">Belgeler ve uygunluk</span>
<div class="trustbar__items">
<span class="cert"><svg class="ico"><use href="#i-award"></use></svg> TSE Hizmet Yeterlilik</span>
<span class="cert"><svg class="ico"><use href="#i-shield"></use></svg> Sağlık Bakanlığı İzinli</span>
<span class="cert"><svg class="ico"><use href="#i-flask"></use></svg> TS 266 Uygunluk</span>
<span class="cert"><svg class="ico"><use href="#i-leaf"></use></svg> ISO 14001</span>
<span class="cert"><svg class="ico"><use href="#i-gauge"></use></svg> ISO 9001</span>
</div>
</div>
</div>
<!-- ===== Hizmetler ===== -->
<section class="section" id="hizmetler">
<div class="wrap">
<div class="section-head section-head--split reveal">
<div>
<p class="eyebrow">Hizmetlerimiz</p>
<h2>Suyun kaynağından musluğa kadar tek sorumlu.</h2>
<p class="lede">Analizden projeye, kurulumdan periyodik bakıma kadar tüm süreci kendi ekibimizle yürütüyoruz. Taşeron kullanmıyoruz.</p>
</div>
<a class="link-arrow" href="iletisim.html">Teklif alın <svg class="ico"><use href="#i-arrow"></use></svg></a>
</div>
<div class="grid grid--3">
<article class="card card--link reveal">
<div class="card__icon"><svg class="ico"><use href="#i-drop"></use></svg></div>
<h3>Evsel su arıtma</h3>
<p>Mutfak tezgâh altı ters ozmoz sistemleri. Tankı, membranı ve armatürü ile birlikte aynı gün kurulum.</p>
<ul class="card__list">
<li>5–7 kademeli filtrasyon</li>
<li>Pompalı ve pompasız seçenekler</li>
<li>Yıllık filtre takip programı</li>
</ul>
<p class="card__meta">Daire · Villa · Ofis</p>
</article>
<article class="card card--link reveal" data-delay="1">
<div class="card__icon"><svg class="ico"><use href="#i-filter"></use></svg></div>
<h3>Merkezi sistem arıtma</h3>
<p>Apartman ve site girişine kurulan kum, aktif karbon ve yumuşatma hattı ile binanın tamamını koruyun.</p>
<ul class="card__list">
<li>Kireç ve tortu kontrolü</li>
<li>Otomatik ters yıkama vanaları</li>
<li>Kombi ve tesisat ömrünü uzatır</li>
</ul>
<p class="card__meta">Apartman · Site · AVM</p>
</article>
<article class="card card--link reveal" data-delay="2">
<div class="card__icon"><svg class="ico"><use href="#i-gauge"></use></svg></div>
<h3>Endüstriyel su arıtma</h3>
<p>Proses suyu, kazan besi suyu ve soğutma suyu için 1–250 m³/gün aralığında projeye özel çözümler.</p>
<ul class="card__list">
<li>Ters ozmoz ve nanofiltrasyon</li>
<li>Demineralizasyon hatları</li>
<li>PLC kontrollü otomasyon</li>
</ul>
<p class="card__meta">Gıda · Tekstil · Kimya</p>
</article>
<article class="card card--link reveal">
<div class="card__icon"><svg class="ico"><use href="#i-flask"></use></svg></div>
<h3>Su analizi ve raporlama</h3>
<p>Numuneyi sahadan alıyor, akredite laboratuvarda 24 parametre üzerinden inceletiyoruz.</p>
<ul class="card__list">
<li>Yerinde ön ölçüm (TDS, pH, sertlik)</li>
<li>Akredite laboratuvar raporu</li>
<li>Sistem önerisi ve maliyet tablosu</li>
</ul>
<p class="card__meta">Ücretsiz keşif</p>
</article>
<article class="card card--link reveal" data-delay="1">
<div class="card__icon"><svg class="ico"><use href="#i-wrench"></use></svg></div>
<h3>Periyodik bakım</h3>
<p>Filtre değişimi, membran yıkama, sanitasyon ve performans ölçümü; takvimi biz hatırlatırız.</p>
<ul class="card__list">
<li>6 ve 12 aylık bakım paketleri</li>
<li>Orijinal yedek parça garantisi</li>
<li>Bakım sonrası ölçüm raporu</li>
</ul>
<p class="card__meta">Sözleşmeli servis</p>
</article>
<article class="card card--link reveal" data-delay="2">
<div class="card__icon"><svg class="ico"><use href="#i-headset"></use></svg></div>
<h3>Teknik destek</h3>
<p>Arıza bildiriminden sonra 24 saat içinde sahadayız. Kritik tesislerde 8 saatlik SLA sunuyoruz.</p>
<ul class="card__list">
<li>WhatsApp destek hattı</li>
<li>Uzaktan arıza teşhisi</li>
<li>Yedek parça stoklu servis aracı</li>
</ul>
<p class="card__meta">7/24 çağrı merkezi</p>
</article>
</div>
</div>
</section>
<!-- ===== Arıtma süreci — gerçekten sıralı bir akış ===== -->
<section class="section section--sunk">
<div class="wrap">
<div class="section-head reveal">
<p class="eyebrow">Arıtma kademeleri</p>
<h2>Su, musluğa ulaşana kadar beş kademeden geçer.</h2>
<p class="lede">Her kademe bir öncekinin bıraktığını tutar. Sıralama değişirse membran ömrü kısalır — bu yüzden kurulumda kademe sırası sabittir.</p>
</div>
<ol class="process reveal">
<li class="step">
<span class="step__dot">01</span>
<div class="step__body">
<h3>Tortu filtresi</h3>
<p>Kum, pas ve çamur gibi gözle görülür partikülleri tutar.</p>
<span class="step__spec">5 mikron</span>
</div>
</li>
<li class="step">
<span class="step__dot">02</span>
<div class="step__body">
<h3>Aktif karbon</h3>
<p>Klor, koku ve tat bozukluğu yapan organikleri giderir.</p>
<span class="step__spec">GAC · CTO</span>
</div>
</li>
<li class="step">
<span class="step__dot">03</span>
<div class="step__body">
<h3>Ters ozmoz membranı</h3>
<p>Ağır metal, nitrat ve çözünmüş tuzları moleküler düzeyde ayırır.</p>
<span class="step__spec">0,0001 mikron</span>
</div>
</li>
<li class="step">
<span class="step__dot">04</span>
<div class="step__body">
<h3>Mineral kademesi</h3>
<p>Kalsiyum ve magnezyumu dengeleyerek pH'ı içilebilir aralığa taşır.</p>
<span class="step__spec">pH 7,0 – 7,5</span>
</div>
</li>
<li class="step">
<span class="step__dot">05</span>
<div class="step__body">
<h3>UV dezenfeksiyon</h3>
<p>Depoda oluşabilecek bakteriyel üremeyi tank çıkışında durdurur.</p>
<span class="step__spec">254 nm</span>
</div>
</li>
</ol>
</div>
</section>
<!-- ===== Neden biz ===== -->
<section class="section">
<div class="wrap split split--wide-left">
<div class="stack gap-8 reveal">
<div class="stack gap-3">
<p class="eyebrow">Neden HİDROLİN</p>
<h2>Sistemi satan ekip, bakımını da yapan ekiptir.</h2>
</div>
<ul class="feature-list">
<li>
<span class="ico-box"><svg class="ico"><use href="#i-flask"></use></svg></span>
<div>
<h3>Önce ölçüyoruz, sonra öneriyoruz</h3>
<p>Suyunuzun analizi yapılmadan sistem önerisi vermiyoruz. Yanlış seçilen membran hem parayı hem suyu boşa harcar.</p>
</div>
</li>
<li>
<span class="ico-box"><svg class="ico"><use href="#i-truck"></use></svg></span>
<div>
<h3>Kendi montaj ekibimiz</h3>
<p>Kurulum taşerona verilmez. Sahaya gelen teknisyen sertifikalı ve kadrolu çalışanımızdır.</p>
</div>
</li>
<li>
<span class="ico-box"><svg class="ico"><use href="#i-wrench"></use></svg></span>
<div>
<h3>Bakım takvimini biz takip ederiz</h3>
<p>Filtre ömrü dolmadan sizi arıyoruz. Unutulan bakım, arıtılmış su yerine kirli su demektir.</p>
</div>
</li>
<li>
<span class="ico-box"><svg class="ico"><use href="#i-shield"></use></svg></span>
<div>
<h3>Yazılı garanti ve şeffaf fiyat</h3>
<p>Cihazda 2 yıl, işçilikte 1 yıl garanti. Filtre fiyatları sözleşmede sabittir, yıl içinde değişmez.</p>
</div>
</li>
</ul>
</div>
<figure class="figure reveal" data-delay="2">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9Imc0MDEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjQwMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzQwMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjQwMSkiLz48cmVjdCB4PSI3MiIgeT0iMzkxIiB3aWR0aD0iMTQ0IiBoZWlnaHQ9IjM4MyIgcng9IjYwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48cmVjdCB4PSIxMDEiIHk9IjQ5OCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE5MSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iMjc4IiB5PSI0MDIiIHdpZHRoPSIxNzIiIGhlaWdodD0iMzcyIiByeD0iNzIiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC40MSIvPjxyZWN0IHg9IjMxMiIgeT0iNTA2IiB3aWR0aD0iMjQiIGhlaWdodD0iMTg2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSI0ODMiIHk9IjMxNyIgd2lkdGg9IjE3MiIgaGVpZ2h0PSI0NTciIHJ4PSI3MiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjIyIi8+PHJlY3QgeD0iNTE4IiB5PSI0NDUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMjgiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxyZWN0IHg9IjcyNCIgeT0iNDk5IiB3aWR0aD0iMTYxIiBoZWlnaHQ9IjI3NSIgcng9IjY4IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzYiLz48cmVjdCB4PSI3NTciIHk9IjU3NiIgd2lkdGg9IjIzIiBoZWlnaHQ9IjEzNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iOTQyIiB5PSI1MTgiIHdpZHRoPSIxNDciIGhlaWdodD0iMjU2IiByeD0iNjIiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zNCIvPjxyZWN0IHg9Ijk3MSIgeT0iNTkwIiB3aWR0aD0iMjEiIGhlaWdodD0iMTI4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48cmVjdCB4PSIwIiB5PSI3NzQiIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjEyNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjUiLz48bGluZSB4MT0iMCIgeTE9IjY2NiIgeDI9IjEyMDAiIHkyPSI2NjYiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNiIvPjxsaW5lIHgxPSIwIiB5MT0iNTQ5IiB4Mj0iMTIwMCIgeTI9IjU0OSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI1Ii8+PGxpbmUgeDE9IjAiIHkxPSI0MzIiIHgyPSIxMjAwIiB5Mj0iNDMyIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjQiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="HİDROLİN endüstriyel ters ozmoz hattı" loading="lazy" width="1200" height="900">
<figcaption>Gebze OSB'de devreye alınan 120 m³/gün kapasiteli ters ozmoz hattı.</figcaption>
</figure>
</div>
</section>
<!-- ===== Sayılar ===== -->
<section class="section section--tight">
<div class="wrap">
<div class="stats reveal">
<div class="stat"><span class="stat__num" data-count="4200" data-suffix="+">0</span><span class="stat__label">Kurulan sistem</span></div>
<div class="stat"><span class="stat__num" data-count="98" data-suffix="%">0</span><span class="stat__label">Bakım sözleşmesi yenileme oranı</span></div>
<div class="stat"><span class="stat__num" data-count="12" data-suffix=" il">0</span><span class="stat__label">Servis ağı</span></div>
<div class="stat"><span class="stat__num" data-count="4.8" data-decimals="1" data-suffix=" / 5">0</span><span class="stat__label">Müşteri memnuniyeti</span></div>
</div>
</div>
</section>
<!-- ===== Ürünler ===== -->
<section class="section section--sunk">
<div class="wrap">
<div class="section-head section-head--split reveal">
<div>
<p class="eyebrow">Öne çıkan sistemler</p>
<h2>İhtiyacınıza göre ölçeklenen dört ana seri.</h2>
</div>
<a class="link-arrow" href="iletisim.html">Tüm kataloğu isteyin <svg class="ico"><use href="#i-arrow"></use></svg></a>
</div>
<div class="grid grid--4">
<article class="product reveal">
<div class="product__media">
<span class="product__badge">Evsel</span>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjc1IiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnMzAxIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDUxNzM3Ii8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMTEzQTYyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM0E5M0RBIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InIzMDEiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzQTkzREEiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA1MTczNyIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjkwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9InVybCgjZzMwMSkiLz48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSIgZmlsbD0idXJsKCNyMzAxKSIvPjxwYXRoIGQ9Ik0gNDUwLjAgNTcuMzc1IEMgNjQyLjM3NSAyODAuMTI1IDY1Mi41IDQzNi4wNSA0NTAuMCA1NTMuNSBDIDI0Ny41IDQzNi4wNSAyNTcuNjI1IDI4MC4xMjUgNDUwLjAgNTcuMzc1IFoiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zMiIvPjxwYXRoIGQ9Ik0gNDUwLjAgNTcuMzc1IEMgNjQyLjM3NSAyODAuMTI1IDY1Mi41IDQzNi4wNSA0NTAuMCA1NTMuNSBDIDI0Ny41IDQzNi4wNSAyNTcuNjI1IDI4MC4xMjUgNDUwLjAgNTcuMzc1IFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMzAiIHN0cm9rZS13aWR0aD0iMiIvPjxlbGxpcHNlIGN4PSIzODkiIGN5PSIzMTAiIHJ4PSIzMiIgcnk9IjQ5IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzUiIHRyYW5zZm9ybT0icm90YXRlKC0yMCAzODkgMzEwKSIvPjxlbGxpcHNlIGN4PSI0NTAiIGN5PSI2MDQiIHJ4PSIzMDQiIHJ5PSI2NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNDUwIiBjeT0iNjA0IiByeD0iMzg5IiByeT0iODYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjkiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjQ1MCIgY3k9IjYwNCIgcng9IjQ3NCIgcnk9IjEwNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNDUwIiBjeT0iNjA0IiByeD0iNTU5IiByeT0iMTIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE4IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSI0NTAiIGN5PSI2MDQiIHJ4PSI2NDQiIHJ5PSIxNDIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjQ1MCIgY3k9IjYwNCIgcng9IjcyOSIgcnk9IjE2MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" alt="HİDROLİN Aqua 5 tezgâh altı arıtma cihazı" loading="lazy" width="900" height="675">
</div>
<div class="product__body">
<h3>Aqua 5 — Tezgâh altı</h3>
<p>Dört kişilik aile için 5 kademeli, pompasız temel model.</p>
<p class="product__spec"><span>190 L/gün</span><span>12 L tank</span><span>5 kademe</span></p>
</div>
</article>
<article class="product reveal" data-delay="1">
<div class="product__media">
<span class="product__badge">Evsel Pro</span>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjc1IiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnMzAyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMTEzQTYyIi8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMkI3REM1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQjhEQ0YzIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InIzMDIiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNCOERDRjMiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzExM0E2MiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjkwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9InVybCgjZzMwMikiLz48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSIgZmlsbD0idXJsKCNyMzAyKSIvPjxnIG9wYWNpdHk9IjAuNSI+PGxpbmUgeDE9Ii02ODAiIHkxPSIwIiB4Mj0iLTUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02ODAiIHkxPSIwIiB4Mj0iLTEzNTUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02NDYiIHkxPSIwIiB4Mj0iMjkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02NDYiIHkxPSIwIiB4Mj0iLTEzMjEiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02MTIiIHkxPSIwIiB4Mj0iNjMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02MTIiIHkxPSIwIiB4Mj0iLTEyODciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iOTciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iLTEyNTMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NDQiIHkxPSIwIiB4Mj0iMTMxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTQ0IiB5MT0iMCIgeDI9Ii0xMjE5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTEwIiB5MT0iMCIgeDI9IjE2NSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTUxMCIgeTE9IjAiIHgyPSItMTE4NSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQ3NiIgeTE9IjAiIHgyPSIxOTkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NzYiIHkxPSIwIiB4Mj0iLTExNTEiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NDIiIHkxPSIwIiB4Mj0iMjMzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDQyIiB5MT0iMCIgeDI9Ii0xMTE3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDA4IiB5MT0iMCIgeDI9IjI2NyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQwOCIgeTE9IjAiIHgyPSItMTA4MyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM3NCIgeTE9IjAiIHgyPSIzMDEiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNzQiIHkxPSIwIiB4Mj0iLTEwNDkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNDAiIHkxPSIwIiB4Mj0iMzM1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzQwIiB5MT0iMCIgeDI9Ii0xMDE1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzA2IiB5MT0iMCIgeDI9IjM2OSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTMwNiIgeTE9IjAiIHgyPSItOTgxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjcyIiB5MT0iMCIgeDI9IjQwMyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTI3MiIgeTE9IjAiIHgyPSItOTQ3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjM4IiB5MT0iMCIgeDI9IjQzNyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIzOCIgeTE9IjAiIHgyPSItOTEzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjA0IiB5MT0iMCIgeDI9IjQ3MSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIwNCIgeTE9IjAiIHgyPSItODc5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTcwIiB5MT0iMCIgeDI9IjUwNSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTE3MCIgeTE9IjAiIHgyPSItODQ1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTM2IiB5MT0iMCIgeDI9IjUzOSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEzNiIgeTE9IjAiIHgyPSItODExIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTAyIiB5MT0iMCIgeDI9IjU3MyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEwMiIgeTE9IjAiIHgyPSItNzc3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjgiIHkxPSIwIiB4Mj0iNjA3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjgiIHkxPSIwIiB4Mj0iLTc0MyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM0IiB5MT0iMCIgeDI9IjY0MSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM0IiB5MT0iMCIgeDI9Ii03MDkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjAiIHkxPSIwIiB4Mj0iNjc1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9Ii02NzUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0IiB5MT0iMCIgeDI9IjcwOSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQiIHkxPSIwIiB4Mj0iLTY0MSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgiIHkxPSIwIiB4Mj0iNzQzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2OCIgeTE9IjAiIHgyPSItNjA3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIiIHkxPSIwIiB4Mj0iNzc3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIiIHkxPSIwIiB4Mj0iLTU3MyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9IjgxMSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ii01MzkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSI4NDUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSItNTA1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDQiIHkxPSIwIiB4Mj0iODc5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDQiIHkxPSIwIiB4Mj0iLTQ3MSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9IjkxMyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ii00MzciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSI5NDciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSItNDAzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzMDYiIHkxPSIwIiB4Mj0iOTgxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzMDYiIHkxPSIwIiB4Mj0iLTM2OSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQwIiB5MT0iMCIgeDI9IjEwMTUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0MCIgeTE9IjAiIHgyPSItMzM1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNzQiIHkxPSIwIiB4Mj0iMTA0OSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzc0IiB5MT0iMCIgeDI9Ii0zMDEiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQwOCIgeTE9IjAiIHgyPSIxMDgzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0MDgiIHkxPSIwIiB4Mj0iLTI2NyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDQyIiB5MT0iMCIgeDI9IjExMTciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQ0MiIgeTE9IjAiIHgyPSItMjMzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NzYiIHkxPSIwIiB4Mj0iMTE1MSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDc2IiB5MT0iMCIgeDI9Ii0xOTkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjUxMCIgeTE9IjAiIHgyPSIxMTg1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1MTAiIHkxPSIwIiB4Mj0iLTE2NSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTQ0IiB5MT0iMCIgeDI9IjEyMTkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjU0NCIgeTE9IjAiIHgyPSItMTMxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NzgiIHkxPSIwIiB4Mj0iMTI1MyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTc4IiB5MT0iMCIgeDI9Ii05NyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjEyIiB5MT0iMCIgeDI9IjEyODciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjYxMiIgeTE9IjAiIHgyPSItNjMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY0NiIgeTE9IjAiIHgyPSIxMzIxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2NDYiIHkxPSIwIiB4Mj0iLTI5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2ODAiIHkxPSIwIiB4Mj0iMTM1NSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgwIiB5MT0iMCIgeDI9IjUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjcxNCIgeTE9IjAiIHgyPSIxMzg5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3MTQiIHkxPSIwIiB4Mj0iMzkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc0OCIgeTE9IjAiIHgyPSIxNDIzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3NDgiIHkxPSIwIiB4Mj0iNzMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc4MiIgeTE9IjAiIHgyPSIxNDU3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3ODIiIHkxPSIwIiB4Mj0iMTA3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4MTYiIHkxPSIwIiB4Mj0iMTQ5MSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODE2IiB5MT0iMCIgeDI9IjE0MSIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODUwIiB5MT0iMCIgeDI9IjE1MjUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg1MCIgeTE9IjAiIHgyPSIxNzUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg4NCIgeTE9IjAiIHgyPSIxNTU5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4ODQiIHkxPSIwIiB4Mj0iMjA5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI5MTgiIHkxPSIwIiB4Mj0iMTU5MyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTE4IiB5MT0iMCIgeDI9IjI0MyIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTUyIiB5MT0iMCIgeDI9IjE2MjciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk1MiIgeTE9IjAiIHgyPSIyNzciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk4NiIgeTE9IjAiIHgyPSIxNjYxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI5ODYiIHkxPSIwIiB4Mj0iMzExIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIwIiB5MT0iMCIgeDI9IjE2OTUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwMjAiIHkxPSIwIiB4Mj0iMzQ1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDU0IiB5MT0iMCIgeDI9IjE3MjkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwNTQiIHkxPSIwIiB4Mj0iMzc5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDg4IiB5MT0iMCIgeDI9IjE3NjMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwODgiIHkxPSIwIiB4Mj0iNDEzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTIyIiB5MT0iMCIgeDI9IjE3OTciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjExMjIiIHkxPSIwIiB4Mj0iNDQ3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTU2IiB5MT0iMCIgeDI9IjE4MzEiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjExNTYiIHkxPSIwIiB4Mj0iNDgxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTkwIiB5MT0iMCIgeDI9IjE4NjUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjExOTAiIHkxPSIwIiB4Mj0iNTE1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjI0IiB5MT0iMCIgeDI9IjE4OTkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEyMjQiIHkxPSIwIiB4Mj0iNTQ5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjU4IiB5MT0iMCIgeDI9IjE5MzMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEyNTgiIHkxPSIwIiB4Mj0iNTgzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjkyIiB5MT0iMCIgeDI9IjE5NjciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEyOTIiIHkxPSIwIiB4Mj0iNjE3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzI2IiB5MT0iMCIgeDI9IjIwMDEiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEzMjYiIHkxPSIwIiB4Mj0iNjUxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYwIiB5MT0iMCIgeDI9IjIwMzUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEzNjAiIHkxPSIwIiB4Mj0iNjg1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzk0IiB5MT0iMCIgeDI9IjIwNjkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEzOTQiIHkxPSIwIiB4Mj0iNzE5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDI4IiB5MT0iMCIgeDI9IjIxMDMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE0MjgiIHkxPSIwIiB4Mj0iNzUzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDYyIiB5MT0iMCIgeDI9IjIxMzciIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE0NjIiIHkxPSIwIiB4Mj0iNzg3IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDk2IiB5MT0iMCIgeDI9IjIxNzEiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE0OTYiIHkxPSIwIiB4Mj0iODIxIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTMwIiB5MT0iMCIgeDI9IjIyMDUiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE1MzAiIHkxPSIwIiB4Mj0iODU1IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTY0IiB5MT0iMCIgeDI9IjIyMzkiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE1NjQiIHkxPSIwIiB4Mj0iODg5IiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTk4IiB5MT0iMCIgeDI9IjIyNzMiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE1OTgiIHkxPSIwIiB4Mj0iOTIzIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjwvZz48Y2lyY2xlIGN4PSI3ODUiIGN5PSIzNTYiIHI9Ijc0IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0MzIiIGN5PSIxOTEiIHI9IjMzIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzNzYiIGN5PSIzMzkiIHI9IjkyIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzMzQiIGN5PSI1NjAiIHI9IjM5IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1NjMiIGN5PSIxMTUiIHI9IjQ4IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIxODIiIGN5PSI1NjMiIHI9Ijg0IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0ODkiIGN5PSI1MDkiIHI9IjEwNiIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMzYyIiBjeT0iNTA4IiByPSI1MyIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iNTk3IiBjeT0iNDkzIiByPSI2MCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PHJlY3Qgd2lkdGg9IjkwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="HİDROLİN Aqua 7 Pompalı arıtma cihazı" loading="lazy" width="900" height="675">
</div>
<div class="product__body">
<h3>Aqua 7 Pompalı</h3>
<p>Düşük şebeke basıncında dahi tam verim veren mineral kademeli seri.</p>
<p class="product__spec"><span>380 L/gün</span><span>UV</span><span>7 kademe</span></p>
</div>
</article>
<article class="product reveal" data-delay="2">
<div class="product__media">
<span class="product__badge">Merkezi</span>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjc1IiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnMzAzIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMEEyQjREIi8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMUE1NTg5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFCNkU3Ii8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InIzMDMiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MUI2RTciIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBBMkI0RCIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjkwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9InVybCgjZzMwMykiLz48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSIgZmlsbD0idXJsKCNyMzAzKSIvPjxyZWN0IHg9IjU0IiB5PSIxNjkiIHdpZHRoPSI3NCIgaGVpZ2h0PSI0MTEiIHJ4PSIzMSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PHJlY3QgeD0iNjkiIHk9IjI4NCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIwNiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PHJlY3QgeD0iMTgyIiB5PSIzMzIiIHdpZHRoPSIxNDAiIGhlaWdodD0iMjQ4IiByeD0iNTkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zMCIvPjxyZWN0IHg9IjIxMCIgeT0iNDAyIiB3aWR0aD0iMjAiIGhlaWdodD0iMTI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48cmVjdCB4PSIzNTUiIHk9IjIxMCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIzNzAiIHJ4PSI0MyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjM4Ii8+PHJlY3QgeD0iMzc1IiB5PSIzMTQiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxODUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMyIvPjxyZWN0IHg9IjQ4MyIgeT0iMjM0IiB3aWR0aD0iMTExIiBoZWlnaHQ9IjM0NiIgcng9IjQ3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz48cmVjdCB4PSI1MDYiIHk9IjMzMSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE3MyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjExIi8+PHJlY3QgeD0iNjE3IiB5PSIyNzgiIHdpZHRoPSIxMDAiIGhlaWdodD0iMzAyIiByeD0iNDIiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC40MCIvPjxyZWN0IHg9IjYzNyIgeT0iMzYzIiB3aWR0aD0iMTQiIGhlaWdodD0iMTUxIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz48cmVjdCB4PSI3NjUiIHk9IjMyNyIgd2lkdGg9IjEyMSIgaGVpZ2h0PSIyNTMiIHJ4PSI1MSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjQxIi8+PHJlY3QgeD0iNzg5IiB5PSIzOTgiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMjciIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxyZWN0IHg9IjAiIHk9IjU4MCIgd2lkdGg9IjkwMCIgaGVpZ2h0PSI5NCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjUiLz48bGluZSB4MT0iMCIgeTE9IjUwMCIgeDI9IjkwMCIgeTI9IjUwMCIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI2Ii8+PGxpbmUgeDE9IjAiIHkxPSI0MTIiIHgyPSI5MDAiIHkyPSI0MTIiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNSIvPjxsaW5lIHgxPSIwIiB5MT0iMzI0IiB4Mj0iOTAwIiB5Mj0iMzI0IiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjQiLz48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" alt="HİDROLİN Central S yumuşatma sistemi" loading="lazy" width="900" height="675">
</div>
<div class="product__body">
<h3>Central S — Yumuşatma</h3>
<p>Bina girişine kurulan otomatik rejenerasyonlu kireç önleme sistemi.</p>
<p class="product__spec"><span>2 – 8 m³/sa</span><span>Otomatik vana</span></p>
</div>
</article>
<article class="product reveal" data-delay="3">
<div class="product__media">
<span class="product__badge">Endüstriyel</span>
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjc1IiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnMzA0IiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDUxNzM3Ii8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMEEyQjREIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkI3REM1Ii8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InIzMDQiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyQjdEQzUiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA1MTczNyIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjkwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9InVybCgjZzMwNCkiLz48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSIgZmlsbD0idXJsKCNyMzA0KSIvPjxsaW5lIHgxPSIyOTciIHkxPSI4MSIgeDI9IjY4MCIgeTI9IjgxIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE4IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjY4MCIgY3k9IjgxIiByPSI2IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48bGluZSB4MT0iOTYiIHkxPSIxNDUiIHgyPSI1MzIiIHkyPSIxNDUiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNTMyIiBjeT0iMTQ1IiByPSI1IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTkiLz48bGluZSB4MT0iMTYiIHkxPSIyMDkiIHgyPSI1MTgiIHkyPSIyMDkiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuNDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNTE4IiBjeT0iMjA5IiByPSI2IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuNDAiLz48bGluZSB4MT0iMTIzIiB5MT0iMjczIiB4Mj0iMzc1IiB5Mj0iMjczIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjM4IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjM3NSIgY3k9IjI3MyIgcj0iOCIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjM4Ii8+PGxpbmUgeDE9IjExOCIgeTE9IjMzOCIgeDI9IjQ4NyIgeTI9IjMzOCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zOSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI0ODciIGN5PSIzMzgiIHI9IjYiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4zOSIvPjxsaW5lIHgxPSIxNDUiIHkxPSI0MDIiIHgyPSI2MTAiIHkyPSI0MDIiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjEiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNjEwIiBjeT0iNDAyIiByPSI2IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48bGluZSB4MT0iMTY0IiB5MT0iNDY2IiB4Mj0iNTc4IiB5Mj0iNDY2IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjU3OCIgY3k9IjQ2NiIgcj0iNSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGxpbmUgeDE9IjE4MyIgeTE9IjUzMCIgeDI9IjQzOCIgeTI9IjUzMCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI0MzgiIGN5PSI1MzAiIHI9IjExIiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMzQiLz48bGluZSB4MT0iMTIwIiB5MT0iNTk0IiB4Mj0iNjQ3IiB5Mj0iNTk0IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE3IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjY0NyIgY3k9IjU5NCIgcj0iOCIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGxpbmUgeDE9IjE4MCIgeTE9IjY4IiB4Mj0iMTgwIiB5Mj0iNjA4IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iMzYwIiB5MT0iNjgiIHgyPSIzNjAiIHkyPSI2MDgiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSI1NDAiIHkxPSI2OCIgeDI9IjU0MCIgeTI9IjYwOCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9IjcyMCIgeTE9IjY4IiB4Mj0iNzIwIiB5Mj0iNjA4IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjY3NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" alt="HİDROLİN Industry RO endüstriyel ters ozmoz ünitesi" loading="lazy" width="900" height="675">
</div>
<div class="product__body">
<h3>Industry RO Serisi</h3>
<p>Proses ve kazan besi suyu için PLC kontrollü, iskeletli ters ozmoz ünitesi.</p>
<p class="product__spec"><span>1 – 250 m³/gün</span><span>PLC</span><span>CIP</span></p>
</div>
</article>
</div>
</div>
</section>
<!-- ===== Referanslar ===== -->
<section class="section">
<div class="wrap">
<div class="section-head reveal">
<p class="eyebrow">Müşterilerimiz ne diyor</p>
<h2>Uzun süredir bizimle çalışan işletmeler.</h2>
</div>
<div class="grid grid--3">
<article class="quote reveal">
<div class="quote__stars" aria-label="5 üzerinden 5">
<svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg>
</div>
<blockquote>“Kazan besi suyundaki iletkenlik sorunumuz iki yıldır çözülemiyordu. Analiz raporunu getirip nedenini anlattılar, sistemi ona göre kurdular. Kazan taşı problemi bitti.”</blockquote>
<div class="quote__author">
<span class="avatar">MK</span>
<div>
<div class="quote__name">Murat Kaya</div>
<div class="quote__role">Fabrika Müdürü · Gıda üretimi, Çorlu</div>
</div>
</div>
</article>
<article class="quote reveal" data-delay="1">
<div class="quote__stars" aria-label="5 üzerinden 5">
<svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg>
</div>
<blockquote>“48 daireli sitemizin girişine merkezi sistem kurdular. Kombi arızaları belirgin şekilde azaldı, aidat bütçemizde bakım kalemi düştü.”</blockquote>
<div class="quote__author">
<span class="avatar">AY</span>
<div>
<div class="quote__name">Ayşe Yılmaz</div>
<div class="quote__role">Site Yöneticisi · Beylikdüzü</div>
</div>
</div>
</article>
<article class="quote reveal" data-delay="2">
<div class="quote__stars" aria-label="5 üzerinden 5">
<svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg><svg class="ico"><use href="#i-star"></use></svg>
</div>
<blockquote>“Filtre değişim zamanını hep unuturduk. Artık bakım takvimini onlar takip ediyor, gelmeden önce arıyorlar. Aradaki fark suyun tadından belli oluyor.”</blockquote>
<div class="quote__author">
<span class="avatar">EÖ</span>
<div>
<div class="quote__name">Emre Öztürk</div>
<div class="quote__role">Kafe sahibi · Kadıköy</div>
</div>
</div>
</article>
</div>
</div>
</section>
<!-- ===== Blogdan ===== -->
<section class="section section--sunk">
<div class="wrap">
<div class="section-head section-head--split reveal">
<div>
<p class="eyebrow">Bilgi merkezi</p>
<h2>Suyunuz hakkında bilmeniz gerekenler.</h2>
</div>
<a class="link-arrow" href="blog.html">Tüm yazılar <svg class="ico"><use href="#i-arrow"></use></svg></a>
</div>
<div class="grid grid--3">
<a class="post reveal" href="blog.html">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMSkiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsMjQwLjYgMTIsMjQxLjYgMjQsMjQyLjYgMzYsMjQzLjYgNDgsMjQ0LjYgNjAsMjQ1LjYgNzIsMjQ2LjYgODQsMjQ3LjUgOTYsMjQ4LjQgMTA4LDI0OS4zIDEyMCwyNTAuMSAxMzIsMjUwLjkgMTQ0LDI1MS42IDE1NiwyNTIuMyAxNjgsMjUzLjAgMTgwLDI1My42IDE5MiwyNTQuMSAyMDQsMjU0LjYgMjE2LDI1NS4xIDIyOCwyNTUuNCAyNDAsMjU1LjggMjUyLDI1Ni4wIDI2NCwyNTYuMyAyNzYsMjU2LjQgMjg4LDI1Ni41IDMwMCwyNTYuNiAzMTIsMjU2LjYgMzI0LDI1Ni42IDMzNiwyNTYuNSAzNDgsMjU2LjQgMzYwLDI1Ni4zIDM3MiwyNTYuMSAzODQsMjU1LjkgMzk2LDI1NS42IDQwOCwyNTUuNCA0MjAsMjU1LjEgNDMyLDI1NC44IDQ0NCwyNTQuNCA0NTYsMjU0LjEgNDY4LDI1My43IDQ4MCwyNTMuNCA0OTIsMjUzLjAgNTA0LDI1Mi43IDUxNiwyNTIuMyA1MjgsMjUyLjAgNTQwLDI1MS43IDU1MiwyNTEuMyA1NjQsMjUxLjAgNTc2LDI1MC43IDU4OCwyNTAuNCA2MDAsMjUwLjIgNjEyLDI0OS45IDYyNCwyNDkuNyA2MzYsMjQ5LjUgNjQ4LDI0OS4zIDY2MCwyNDkuMSA2NzIsMjQ5LjAgNjg0LDI0OC44IDY5NiwyNDguNyA3MDgsMjQ4LjYgNzIwLDI0OC41IDczMiwyNDguNCA3NDQsMjQ4LjMgNzU2LDI0OC4yIDc2OCwyNDguMiA3ODAsMjQ4LjEgNzkyLDI0OC4wIDgwNCwyNDguMCA4MTYsMjQ3LjkgODI4LDI0Ny44IDg0MCwyNDcuNyA4NTIsMjQ3LjYgODY0LDI0Ny40IDg3NiwyNDcuMyA4ODgsMjQ3LjEgOTAwLDI0Ni45IDkxMiwyNDYuNiA5MjQsMjQ2LjQgOTM2LDI0Ni4xIDk0OCwyNDUuNyA5NjAsMjQ1LjQgOTcyLDI0NS4wIDk4NCwyNDQuNSA5OTYsMjQ0LjAgMTAwOCwyNDMuNSAxMDIwLDI0My4wIDEwMzIsMjQyLjQgMTA0NCwyNDEuOCAxMDU2LDI0MS4xIDEwNjgsMjQwLjQgMTA4MCwyMzkuNyAxMDkyLDIzOC45IDExMDQsMjM4LjEgMTExNiwyMzcuMyAxMTI4LDIzNi41IDExNDAsMjM1LjYgMTE1MiwyMzQuOCAxMTY0LDIzMy45IDExNzYsMjMzLjAgMTE4OCwyMzIuMSAxMjAwLDIzMS4yIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsMzA3LjkgMTIsMzA3LjggMjQsMzA3LjcgMzYsMzA3LjUgNDgsMzA3LjMgNjAsMzA3LjAgNzIsMzA2LjYgODQsMzA2LjIgOTYsMzA1LjggMTA4LDMwNS4zIDEyMCwzMDQuOSAxMzIsMzA0LjQgMTQ0LDMwMy45IDE1NiwzMDMuNSAxNjgsMzAzLjIgMTgwLDMwMi45IDE5MiwzMDIuNiAyMDQsMzAyLjUgMjE2LDMwMi41IDIyOCwzMDIuNiAyNDAsMzAyLjkgMjUyLDMwMy4zIDI2NCwzMDMuOSAyNzYsMzA0LjYgMjg4LDMwNS42IDMwMCwzMDYuNiAzMTIsMzA3LjkgMzI0LDMwOS4zIDMzNiwzMTAuOSAzNDgsMzEyLjYgMzYwLDMxNC40IDM3MiwzMTYuNCAzODQsMzE4LjQgMzk2LDMyMC41IDQwOCwzMjIuNyA0MjAsMzI0LjkgNDMyLDMyNy4xIDQ0NCwzMjkuMyA0NTYsMzMxLjUgNDY4LDMzMy42IDQ4MCwzMzUuNiA0OTIsMzM3LjUgNTA0LDMzOS4zIDUxNiwzNDEuMCA1MjgsMzQyLjUgNTQwLDM0My44IDU1MiwzNDQuOSA1NjQsMzQ1LjkgNTc2LDM0Ni42IDU4OCwzNDcuMiA2MDAsMzQ3LjUgNjEyLDM0Ny43IDYyNCwzNDcuNyA2MzYsMzQ3LjUgNjQ4LDM0Ny4yIDY2MCwzNDYuNyA2NzIsMzQ2LjEgNjg0LDM0NS4zIDY5NiwzNDQuNSA3MDgsMzQzLjYgNzIwLDM0Mi42IDczMiwzNDEuNiA3NDQsMzQwLjUgNzU2LDMzOS41IDc2OCwzMzguNCA3ODAsMzM3LjQgNzkyLDMzNi40IDgwNCwzMzUuNSA4MTYsMzM0LjcgODI4LDMzMy45IDg0MCwzMzMuMSA4NTIsMzMyLjUgODY0LDMzMS45IDg3NiwzMzEuNCA4ODgsMzMwLjkgOTAwLDMzMC42IDkxMiwzMzAuMiA5MjQsMzI5LjkgOTM2LDMyOS42IDk0OCwzMjkuMyA5NjAsMzI5LjAgOTcyLDMyOC43IDk4NCwzMjguMyA5OTYsMzI3LjkgMTAwOCwzMjcuNCAxMDIwLDMyNi45IDEwMzIsMzI2LjMgMTA0NCwzMjUuNSAxMDU2LDMyNC43IDEwNjgsMzIzLjggMTA4MCwzMjIuNyAxMDkyLDMyMS41IDExMDQsMzIwLjMgMTExNiwzMTguOSAxMTI4LDMxNy40IDExNDAsMzE1LjkgMTE1MiwzMTQuMyAxMTY0LDMxMi42IDExNzYsMzEwLjkgMTE4OCwzMDkuMiAxMjAwLDMwNy40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNDA1LjIgMTIsNDAzLjggMjQsNDAyLjYgMzYsNDAxLjUgNDgsNDAwLjYgNjAsMzk5LjcgNzIsMzk5LjAgODQsMzk4LjQgOTYsMzk3LjkgMTA4LDM5Ny40IDEyMCwzOTcuMCAxMzIsMzk2LjYgMTQ0LDM5Ni4zIDE1NiwzOTUuOSAxNjgsMzk1LjUgMTgwLDM5NS4xIDE5MiwzOTQuNiAyMDQsMzk0LjEgMjE2LDM5My41IDIyOCwzOTIuOCAyNDAsMzkyLjAgMjUyLDM5MS4yIDI2NCwzOTAuMiAyNzYsMzg5LjIgMjg4LDM4OC4xIDMwMCwzODYuOSAzMTIsMzg1LjcgMzI0LDM4NC40IDMzNiwzODMuMSAzNDgsMzgxLjggMzYwLDM4MC41IDM3MiwzNzkuMyAzODQsMzc4LjEgMzk2LDM3Ny4xIDQwOCwzNzYuMSA0MjAsMzc1LjMgNDMyLDM3NC42IDQ0NCwzNzQuMSA0NTYsMzczLjggNDY4LDM3My44IDQ4MCwzNzMuOSA0OTIsMzc0LjMgNTA0LDM3NC45IDUxNiwzNzUuOCA1MjgsMzc2LjkgNTQwLDM3OC4yIDU1MiwzNzkuOCA1NjQsMzgxLjYgNTc2LDM4My42IDU4OCwzODUuNyA2MDAsMzg4LjEgNjEyLDM5MC41IDYyNCwzOTMuMSA2MzYsMzk1LjggNjQ4LDM5OC41IDY2MCw0MDEuMiA2NzIsNDA0LjAgNjg0LDQwNi43IDY5Niw0MDkuNCA3MDgsNDExLjkgNzIwLDQxNC40IDczMiw0MTYuNyA3NDQsNDE4LjkgNzU2LDQyMC45IDc2OCw0MjIuNyA3ODAsNDI0LjMgNzkyLDQyNS43IDgwNCw0MjYuOSA4MTYsNDI3LjkgODI4LDQyOC42IDg0MCw0MjkuMiA4NTIsNDI5LjYgODY0LDQyOS44IDg3Niw0MjkuOCA4ODgsNDI5LjcgOTAwLDQyOS41IDkxMiw0MjkuMSA5MjQsNDI4LjcgOTM2LDQyOC4yIDk0OCw0MjcuNiA5NjAsNDI3LjAgOTcyLDQyNi41IDk4NCw0MjUuOSA5OTYsNDI1LjMgMTAwOCw0MjQuOCAxMDIwLDQyNC40IDEwMzIsNDI0LjAgMTA0NCw0MjMuNyAxMDU2LDQyMy40IDEwNjgsNDIzLjIgMTA4MCw0MjMuMSAxMDkyLDQyMy4xIDExMDQsNDIzLjEgMTExNiw0MjMuMSAxMTI4LDQyMy4yIDExNDAsNDIzLjMgMTE1Miw0MjMuMyAxMTY0LDQyMy40IDExNzYsNDIzLjQgMTE4OCw0MjMuNCAxMjAwLDQyMy4yIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNTI4LjMgMTIsNTI5LjYgMjQsNTMwLjYgMzYsNTMxLjMgNDgsNTMxLjggNjAsNTMyLjAgNzIsNTMxLjkgODQsNTMxLjcgOTYsNTMxLjIgMTA4LDUzMC41IDEyMCw1MjkuNiAxMzIsNTI4LjUgMTQ0LDUyNy4zIDE1Niw1MjUuOSAxNjgsNTI0LjQgMTgwLDUyMi45IDE5Miw1MjEuMyAyMDQsNTE5LjYgMjE2LDUxOC4wIDIyOCw1MTYuMyAyNDAsNTE0LjcgMjUyLDUxMy4wIDI2NCw1MTEuNSAyNzYsNTEwLjAgMjg4LDUwOC42IDMwMCw1MDcuMyAzMTIsNTA2LjEgMzI0LDUwNC45IDMzNiw1MDMuOSAzNDgsNTAzLjAgMzYwLDUwMi4yIDM3Miw1MDEuNCAzODQsNTAwLjcgMzk2LDUwMC4xIDQwOCw0OTkuNiA0MjAsNDk5LjEgNDMyLDQ5OC42IDQ0NCw0OTguMiA0NTYsNDk3LjcgNDY4LDQ5Ny4yIDQ4MCw0OTYuNiA0OTIsNDk2LjAgNTA0LDQ5NS40IDUxNiw0OTQuNiA1MjgsNDkzLjcgNTQwLDQ5Mi43IDU1Miw0OTEuNiA1NjQsNDkwLjQgNTc2LDQ4OS4wIDU4OCw0ODcuNCA2MDAsNDg1LjcgNjEyLDQ4My45IDYyNCw0ODEuOSA2MzYsNDc5LjggNjQ4LDQ3Ny42IDY2MCw0NzUuMyA2NzIsNDcyLjggNjg0LDQ3MC4zIDY5Niw0NjcuOCA3MDgsNDY1LjIgNzIwLDQ2Mi42IDczMiw0NjAuMCA3NDQsNDU3LjQgNzU2LDQ1NC45IDc2OCw0NTIuNSA3ODAsNDUwLjIgNzkyLDQ0OC4wIDgwNCw0NDYuMCA4MTYsNDQ0LjIgODI4LDQ0Mi42IDg0MCw0NDEuMiA4NTIsNDQwLjAgODY0LDQzOS4xIDg3Niw0MzguNSA4ODgsNDM4LjEgOTAwLDQzOC4wIDkxMiw0MzguMiA5MjQsNDM4LjcgOTM2LDQzOS41IDk0OCw0NDAuNSA5NjAsNDQxLjggOTcyLDQ0My40IDk4NCw0NDUuMiA5OTYsNDQ3LjIgMTAwOCw0NDkuNCAxMDIwLDQ1MS44IDEwMzIsNDU0LjQgMTA0NCw0NTcuMSAxMDU2LDQ1OS45IDEwNjgsNDYyLjcgMTA4MCw0NjUuNiAxMDkyLDQ2OC42IDExMDQsNDcxLjUgMTExNiw0NzQuNSAxMTI4LDQ3Ny4zIDExNDAsNDgwLjEgMTE1Miw0ODIuOCAxMTY0LDQ4NS40IDExNzYsNDg3LjkgMTE4OCw0OTAuMiAxMjAwLDQ5Mi40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjciLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNTU4LjYgMTIsNTU4LjEgMjQsNTU3LjcgMzYsNTU3LjQgNDgsNTU3LjEgNjAsNTU2LjggNzIsNTU2LjYgODQsNTU2LjQgOTYsNTU2LjIgMTA4LDU1Ni4wIDEyMCw1NTUuOCAxMzIsNTU1LjYgMTQ0LDU1NS4zIDE1Niw1NTUuMCAxNjgsNTU0LjcgMTgwLDU1NC40IDE5Miw1NTQuMCAyMDQsNTUzLjUgMjE2LDU1My4wIDIyOCw1NTIuNSAyNDAsNTUxLjkgMjUyLDU1MS4yIDI2NCw1NTAuNSAyNzYsNTQ5LjggMjg4LDU0OS4wIDMwMCw1NDguMSAzMTIsNTQ3LjMgMzI0LDU0Ni40IDMzNiw1NDUuNSAzNDgsNTQ0LjcgMzYwLDU0My44IDM3Miw1NDIuOSAzODQsNTQyLjEgMzk2LDU0MS4zIDQwOCw1NDAuNiA0MjAsNTM5LjkgNDMyLDUzOS4zIDQ0NCw1MzguOCA0NTYsNTM4LjQgNDY4LDUzOC4xIDQ4MCw1MzcuOSA0OTIsNTM3LjggNTA0LDUzNy44IDUxNiw1MzguMCA1MjgsNTM4LjQgNTQwLDUzOC44IDU1Miw1MzkuNSA1NjQsNTQwLjIgNTc2LDU0MS4yIDU4OCw1NDIuMiA2MDAsNTQzLjUgNjEyLDU0NC44IDYyNCw1NDYuMyA2MzYsNTQ3LjkgNjQ4LDU0OS43IDY2MCw1NTEuNiA2NzIsNTUzLjUgNjg0LDU1NS42IDY5Niw1NTcuNyA3MDgsNTU5LjkgNzIwLDU2Mi4yIDczMiw1NjQuNSA3NDQsNTY2LjggNzU2LDU2OS4yIDc2OCw1NzEuNSA3ODAsNTczLjggNzkyLDU3Ni4xIDgwNCw1NzguMyA4MTYsNTgwLjUgODI4LDU4Mi42IDg0MCw1ODQuNyA4NTIsNTg2LjYgODY0LDU4OC40IDg3Niw1OTAuMSA4ODgsNTkxLjcgOTAwLDU5My4yIDkxMiw1OTQuNSA5MjQsNTk1LjcgOTM2LDU5Ni43IDk0OCw1OTcuNiA5NjAsNTk4LjQgOTcyLDU5OS4wIDk4NCw1OTkuNSA5OTYsNTk5LjggMTAwOCw2MDAuMCAxMDIwLDYwMC4xIDEwMzIsNjAwLjEgMTA0NCw1OTkuOSAxMDU2LDU5OS43IDEwNjgsNTk5LjMgMTA4MCw1OTguOSAxMDkyLDU5OC40IDExMDQsNTk3LjggMTExNiw1OTcuMiAxMTI4LDU5Ni42IDExNDAsNTk1LjkgMTE1Miw1OTUuMiAxMTY0LDU5NC41IDExNzYsNTkzLjggMTE4OCw1OTMuMSAxMjAwLDU5Mi40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNjc2LjUgMTIsNjc2LjUgMjQsNjc2LjMgMzYsNjc2LjAgNDgsNjc1LjYgNjAsNjc1LjAgNzIsNjc0LjMgODQsNjczLjYgOTYsNjcyLjcgMTA4LDY3MS44IDEyMCw2NzAuOCAxMzIsNjY5LjggMTQ0LDY2OC43IDE1Niw2NjcuNyAxNjgsNjY2LjcgMTgwLDY2NS42IDE5Miw2NjQuNyAyMDQsNjYzLjcgMjE2LDY2Mi44IDIyOCw2NjIuMCAyNDAsNjYxLjIgMjUyLDY2MC41IDI2NCw2NTkuOCAyNzYsNjU5LjIgMjg4LDY1OC43IDMwMCw2NTguMiAzMTIsNjU3LjggMzI0LDY1Ny40IDMzNiw2NTcuMSAzNDgsNjU2LjcgMzYwLDY1Ni40IDM3Miw2NTYuMiAzODQsNjU1LjkgMzk2LDY1NS41IDQwOCw2NTUuMiA0MjAsNjU0LjggNDMyLDY1NC40IDQ0NCw2NTMuOSA0NTYsNjUzLjMgNDY4LDY1Mi42IDQ4MCw2NTEuOSA0OTIsNjUxLjEgNTA0LDY1MC4yIDUxNiw2NDkuMyA1MjgsNjQ4LjIgNTQwLDY0Ny4xIDU1Miw2NDUuOSA1NjQsNjQ0LjYgNTc2LDY0My4zIDU4OCw2NDEuOSA2MDAsNjQwLjYgNjEyLDYzOS4yIDYyNCw2MzcuOCA2MzYsNjM2LjQgNjQ4LDYzNS4wIDY2MCw2MzMuNyA2NzIsNjMyLjUgNjg0LDYzMS40IDY5Niw2MzAuMyA3MDgsNjI5LjQgNzIwLDYyOC42IDczMiw2MjcuOSA3NDQsNjI3LjQgNzU2LDYyNy4wIDc2OCw2MjYuOCA3ODAsNjI2LjggNzkyLDYyNi45IDgwNCw2MjcuMiA4MTYsNjI3LjcgODI4LDYyOC40IDg0MCw2MjkuMiA4NTIsNjMwLjIgODY0LDYzMS4zIDg3Niw2MzIuNSA4ODgsNjMzLjkgOTAwLDYzNS40IDkxMiw2MzYuOSA5MjQsNjM4LjYgOTM2LDY0MC4yIDk0OCw2NDIuMCA5NjAsNjQzLjcgOTcyLDY0NS40IDk4NCw2NDcuMSA5OTYsNjQ4LjggMTAwOCw2NTAuNCAxMDIwLDY1Mi4wIDEwMzIsNjUzLjUgMTA0NCw2NTQuOSAxMDU2LDY1Ni4yIDEwNjgsNjU3LjQgMTA4MCw2NTguNSAxMDkyLDY1OS41IDExMDQsNjYwLjMgMTExNiw2NjEuMSAxMTI4LDY2MS44IDExNDAsNjYyLjMgMTE1Miw2NjIuOCAxMTY0LDY2My4yIDExNzYsNjYzLjQgMTE4OCw2NjMuNyAxMjAwLDY2My44IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNzU5LjIgMTIsNzU4LjYgMjQsNzU3LjkgMzYsNzU3LjIgNDgsNzU2LjUgNjAsNzU1LjggNzIsNzU1LjEgODQsNzU0LjMgOTYsNzUzLjUgMTA4LDc1Mi43IDEyMCw3NTEuOSAxMzIsNzUxLjEgMTQ0LDc1MC4zIDE1Niw3NDkuNSAxNjgsNzQ4LjggMTgwLDc0OC4wIDE5Miw3NDcuMiAyMDQsNzQ2LjUgMjE2LDc0NS44IDIyOCw3NDUuMSAyNDAsNzQ0LjQgMjUyLDc0My44IDI2NCw3NDMuMSAyNzYsNzQyLjYgMjg4LDc0Mi4wIDMwMCw3NDEuNCAzMTIsNzQwLjkgMzI0LDc0MC40IDMzNiw3NDAuMCAzNDgsNzM5LjYgMzYwLDczOS4yIDM3Miw3MzguOCAzODQsNzM4LjQgMzk2LDczOC4xIDQwOCw3MzcuOCA0MjAsNzM3LjUgNDMyLDczNy4yIDQ0NCw3MzcuMCA0NTYsNzM2LjggNDY4LDczNi41IDQ4MCw3MzYuMyA0OTIsNzM2LjEgNTA0LDczNS45IDUxNiw3MzUuNyA1MjgsNzM1LjUgNTQwLDczNS4yIDU1Miw3MzUuMCA1NjQsNzM0LjggNTc2LDczNC41IDU4OCw3MzQuMyA2MDAsNzM0LjAgNjEyLDczMy43IDYyNCw3MzMuNCA2MzYsNzMzLjAgNjQ4LDczMi42IDY2MCw3MzIuMyA2NzIsNzMxLjggNjg0LDczMS40IDY5Niw3MzAuOSA3MDgsNzMwLjQgNzIwLDcyOS44IDczMiw3MjkuMyA3NDQsNzI4LjcgNzU2LDcyOC4wIDc2OCw3MjcuNCA3ODAsNzI2LjcgNzkyLDcyNi4wIDgwNCw3MjUuMiA4MTYsNzI0LjUgODI4LDcyMy43IDg0MCw3MjIuOSA4NTIsNzIyLjEgODY0LDcyMS4zIDg3Niw3MjAuNSA4ODgsNzE5LjYgOTAwLDcxOC44IDkxMiw3MTcuOSA5MjQsNzE3LjEgOTM2LDcxNi4zIDk0OCw3MTUuNCA5NjAsNzE0LjYgOTcyLDcxMy45IDk4NCw3MTMuMSA5OTYsNzEyLjQgMTAwOCw3MTEuNyAxMDIwLDcxMS4wIDEwMzIsNzEwLjQgMTA0NCw3MDkuOCAxMDU2LDcwOS4yIDEwNjgsNzA4LjcgMTA4MCw3MDguMyAxMDkyLDcwNy45IDExMDQsNzA3LjYgMTExNiw3MDcuMyAxMTI4LDcwNy4xIDExNDAsNzA2LjkgMTE1Miw3MDYuOCAxMTY0LDcwNi44IDExNzYsNzA2LjggMTE4OCw3MDcuMCAxMjAwLDcwNy4xIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuNDMiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Rehber</span> · <span>6 dk okuma</span></p>
<h3>TDS değeri nedir, kaç ppm olmalı?</h3>
<p>Musluk suyunuzun TDS değerini nasıl ölçersiniz ve bu sayı gerçekte neyi anlatır?</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="1" href="blog.html">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUE1NTg5IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMikiLz48cGF0aCBkPSJNIDYwMC4wIDYzLjc1IEMgODEzLjc1IDMxMS4yNSA4MjUuMCA0ODQuNSA2MDAuMCA2MTUuMCBDIDM3NS4wIDQ4NC41IDM4Ni4yNSAzMTEuMjUgNjAwLjAgNjMuNzUgWiIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PHBhdGggZD0iTSA2MDAuMCA2My43NSBDIDgxMy43NSAzMTEuMjUgODI1LjAgNDg0LjUgNjAwLjAgNjE1LjAgQyAzNzUuMCA0ODQuNSAzODYuMjUgMzExLjI1IDYwMC4wIDYzLjc1IFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMzAiIHN0cm9rZS13aWR0aD0iMiIvPjxlbGxpcHNlIGN4PSI1MzIiIGN5PSIzNDUiIHJ4PSIzNiIgcnk9IjU0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzUiIHRyYW5zZm9ybT0icm90YXRlKC0yMCA1MzIgMzQ1KSIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI2NzEiIHJ4PSIzMzgiIHJ5PSI3NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iNjcxIiByeD0iNDMyIiByeT0iOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMjkiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjY3MSIgcng9IjUyNiIgcnk9IjExNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yMyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iNjcxIiByeD0iNjIxIiByeT0iMTM3IiBmaWxsPSJub25lIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE4IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI2NzEiIHJ4PSI3MTUiIHJ5PSIxNTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjY3MSIgcng9IjgxMCIgcnk9IjE3OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Bakım</span> · <span>4 dk okuma</span></p>
<h3>Filtreler ne sıklıkla değişmeli?</h3>
<p>Kademe kademe filtre ömürleri ve geciken bakımın suya yansıması.</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="2" href="blog.html">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDMiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMykiLz48Y2lyY2xlIGN4PSIxMDkiIGN5PSI2MzIiIHI9IjI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSIxMDEiIGN5PSI2MjQiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9IjkzNiIgY3k9IjQ0NiIgcj0iMzQiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjkyNiIgY3k9IjQzNiIgcj0iNiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iODY4IiBjeT0iNTgxIiByPSIxNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PGNpcmNsZSBjeD0iMTA3NyIgY3k9Ijg4IiByPSIyNCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PGNpcmNsZSBjeD0iMTA3MCIgY3k9IjgxIiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI0MjEiIGN5PSIxOTYiIHI9IjE3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0MTUiIGN5PSIxOTEiIHI9IjMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxjaXJjbGUgY3g9IjkwMCIgY3k9IjIyNCIgcj0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzExIiBjeT0iMTM0IiByPSI0IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjgiLz48Y2lyY2xlIGN4PSI0NTMiIGN5PSI0NTAiIHI9IjIxIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjgiLz48Y2lyY2xlIGN4PSI0NDciIGN5PSI0NDQiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjgxIiBjeT0iNDc1IiByPSIzNCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzEiIGN5PSI0NjUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjUyMCIgY3k9IjI1MiIgcj0iMTUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zMSIvPjxjaXJjbGUgY3g9IjI3NCIgY3k9IjU1MyIgcj0iNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iOTciIGN5PSI1OTIiIHI9IjUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxNyIgY3k9IjIxMSIgcj0iMzIiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xOSIvPjxjaXJjbGUgY3g9IjMwNyIgY3k9IjIwMiIgcj0iNiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+PGNpcmNsZSBjeD0iNTUiIGN5PSIxMzciIHI9IjE5IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz48Y2lyY2xlIGN4PSI0OSIgY3k9IjEzMSIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNzY5IiBjeT0iMzYwIiByPSIzMyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMxIi8+PGNpcmNsZSBjeD0iNzU5IiBjeT0iMzUwIiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz48Y2lyY2xlIGN4PSIxMTM5IiBjeT0iNzQ0IiByPSIzNyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PGNpcmNsZSBjeD0iMTEyOCIgY3k9IjczMyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjI1Ii8+PGNpcmNsZSBjeD0iODYwIiBjeT0iNTE5IiByPSIyNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iODUyIiBjeT0iNTEyIiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSIxMDA1IiBjeT0iMjg2IiByPSIzNyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iOTk0IiBjeT0iMjc1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjYzNiIgcj0iMjEiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4wNSIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iNjI5IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDQiLz48Y2lyY2xlIGN4PSI5ODIiIGN5PSI1OTYiIHI9IjM1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI5NzEiIGN5PSI1ODUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjIwMSIgY3k9IjE2MyIgcj0iMjMiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjE5NCIgY3k9IjE1NiIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjY5IiBjeT0iMTgwIiByPSI4IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzEiLz48Y2lyY2xlIGN4PSIxMTk3IiBjeT0iNzA1IiByPSIyMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PGNpcmNsZSBjeD0iMTE5MSIgY3k9IjY5OSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA2Ii8+PGNpcmNsZSBjeD0iMjY1IiBjeT0iNDE1IiByPSIzNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI0Ii8+PGNpcmNsZSBjeD0iMjU0IiBjeT0iNDA0IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMzAiIGN5PSI2ODciIHI9IjI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTciLz48Y2lyY2xlIGN4PSIxMjIiIGN5PSI2NzkiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMyIvPjxjaXJjbGUgY3g9IjkyNCIgY3k9IjMwNyIgcj0iMjMiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4wNiIvPjxjaXJjbGUgY3g9IjkxNyIgY3k9IjMwMCIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PGNpcmNsZSBjeD0iOTEiIGN5PSI2OTgiIHI9IjE5IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI4NiIgY3k9IjY5MiIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iNDQ2IiBjeT0iMjk0IiByPSI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjkiLz48Y2lyY2xlIGN4PSIzMDMiIGN5PSI1NzUiIHI9IjEwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIxMDYiIGN5PSI1MjIiIHI9IjM3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NSIgY3k9IjUxMSIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNzczIiBjeT0iMTg3IiByPSIzOCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PGNpcmNsZSBjeD0iNzYyIiBjeT0iMTc1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSI0MjUiIHI9IjI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIyOTIiIGN5PSI0MTciIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjcwOSIgY3k9Ijg2IiByPSI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2OTIiIGN5PSI2NjIiIHI9IjIwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzAiLz48Y2lyY2xlIGN4PSI2ODYiIGN5PSI2NTYiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPjxjaXJjbGUgY3g9IjkyMCIgY3k9IjcyOSIgcj0iMjkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjkxMSIgY3k9IjcyMCIgcj0iNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzY0IiBjeT0iNTE3IiByPSIxMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMzg4IiBjeT0iNDA2IiByPSI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIxNzQiIGN5PSI3MDIiIHI9IjIwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSIxNjgiIGN5PSI2OTYiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjE2NyIgY3k9IjMzOCIgcj0iMzkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxjaXJjbGUgY3g9IjE1NSIgY3k9IjMyNyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMTA5NCIgY3k9IjEyMiIgcj0iMzUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yNyIvPjxjaXJjbGUgY3g9IjEwODQiIGN5PSIxMTIiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxjaXJjbGUgY3g9IjQ1NSIgY3k9IjI1OCIgcj0iMzciIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xMyIvPjxjaXJjbGUgY3g9IjQ0NCIgY3k9IjI0NyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMzE3IiBjeT0iNDgyIiByPSIyMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMzExIiBjeT0iNDc2IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI1MzYiIHI9IjMwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTciLz48Y2lyY2xlIGN4PSI1MDAiIGN5PSI1MjciIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjExMjgiIGN5PSIyMDIiIHI9IjEzIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIzIiBjeT0iMzc5IiByPSIyMSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iLTMiIGN5PSIzNzMiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjU0MSIgY3k9IjM1OCIgcj0iMjQiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxjaXJjbGUgY3g9IjUzNCIgY3k9IjM1MSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Endüstriyel</span> · <span>8 dk okuma</span></p>
<h3>Kazan besi suyunda iletkenlik yönetimi</h3>
<p>Kazan taşı oluşumunu önlemek için hangi değerleri hangi sıklıkla izlemelisiniz?</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
</div>
</div>
</section>
<!-- ===== CTA ===== -->
<section class="section section--tight">
<div class="wrap">
<div class="cta-band reveal">
<div class="cta-band__inner">
<div>
<h2>Suyunuzu ücretsiz analiz edelim.</h2>
<p>Formu doldurun; ekibimiz size uygun bir gün için keşif planlasın. Analiz ve keşif için ücret talep etmiyoruz.</p>
</div>
<div class="hero__cta">
<a class="btn btn--lg" href="iletisim.html">Analiz talebi oluştur</a>
<a class="btn btn--lg btn--on-deep" href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> 0212 000 00 00</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- ===== Footer ===== -->
<footer class="site-footer">
<div class="wrap">
<div class="footer__top">
<div class="footer__brand">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<p>Evsel, merkezi ve endüstriyel su arıtma sistemlerinde analizden bakıma kadar tek sorumlu. 2009'dan beri İstanbul merkezli hizmet veriyoruz.</p>
<div class="social">
<a href="#" aria-label="Instagram"><svg class="ico"><use href="#i-ig"></use></svg></a>
<a href="#" aria-label="LinkedIn"><svg class="ico"><use href="#i-in"></use></svg></a>
<a href="#" aria-label="Facebook"><svg class="ico"><use href="#i-fb"></use></svg></a>
<a href="#" aria-label="YouTube"><svg class="ico"><use href="#i-yt"></use></svg></a>
</div>
</div>
<div class="footer__col">
<h4>Kurumsal</h4>
<ul>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="galeri.html">Galeri</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Hizmetler</h4>
<ul>
<li><a href="index.html#hizmetler">Evsel su arıtma</a></li>
<li><a href="index.html#hizmetler">Merkezi sistem</a></li>
<li><a href="index.html#hizmetler">Endüstriyel arıtma</a></li>
<li><a href="index.html#hizmetler">Periyodik bakım</a></li>
<li><a href="index.html#hizmetler">Su analizi</a></li>
</ul>
</div>
<div class="footer__col">
<h4>İletişim</h4>
<ul>
<li><a href="tel:+902120000000">0212 000 00 00</a></li>
<li><a href="mailto:info@hidrolin.com.tr">info@hidrolin.com.tr</a></li>
<li>Yenibosna Mah. Su Sanayi Cad. No: 42<br>Bahçelievler / İstanbul</li>
<li>Hafta içi 08:30 – 18:30<br>Cumartesi 09:00 – 14:00</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<span>© 2026 HİDROLİN Su Arıtma Sistemleri — Örnek tasarım sunumu, içerikler temsilidir.</span>
<nav aria-label="Yasal">
<a href="#">KVKK Aydınlatma Metni</a>
<a href="#">Gizlilik Politikası</a>
<a href="#">Çerez Politikası</a>
</nav>
</div>
</div>
</footer>
<!-- Mobil hızlı erişim -->
<div class="mobile-cta">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> Ara</a>
<a href="#" aria-label="WhatsApp"><svg class="ico"><use href="#i-wa"></use></svg> WhatsApp</a>
<a href="iletisim.html"><svg class="ico"><use href="#i-flask"></use></svg> Su Analizi</a>
</div>
<script>
/* ==========================================================================
HİDROLİN — arayüz davranışları
Tüm modüller kendi elemanı sayfada yoksa sessizce devre dışı kalır,
böylece aynı dosya beş sayfada da güvenle çalışır.
========================================================================== */
(function () {
'use strict';
var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ---------- 1. Mobil menü ---------- */
function initNav() {
var toggle = document.querySelector('.nav-toggle');
var nav = document.getElementById('primary-nav');
if (!toggle || !nav) return;
toggle.addEventListener('click', function () {
var open = toggle.getAttribute('aria-expanded') === 'true';
toggle.setAttribute('aria-expanded', String(!open));
nav.classList.toggle('is-open', !open);
});
nav.addEventListener('click', function (e) {
if (e.target.closest('a')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
}
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && nav.classList.contains('is-open')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
toggle.focus();
}
});
}
/* ---------- 2. Yapışkan başlık gölgesi ---------- */
function initHeader() {
var header = document.querySelector('.site-header');
if (!header) return;
var onScroll = function () {
header.classList.toggle('is-stuck', window.scrollY > 8);
};
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
}
/* ---------- 3. Kaydırmayla görünme ---------- */
function initReveal() {
var items = document.querySelectorAll('.reveal');
if (!items.length) return;
if (reduceMotion || !('IntersectionObserver' in window)) {
items.forEach(function (el) { el.classList.add('is-in'); });
return;
}
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-in');
io.unobserve(entry.target);
}
});
}, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });
items.forEach(function (el) { io.observe(el); });
}
/* ---------- 4. Sayaçlar ---------- */
function initCounters() {
var nums = document.querySelectorAll('[data-count]');
if (!nums.length) return;
var run = function (el) {
var target = parseFloat(el.getAttribute('data-count'));
var suffix = el.getAttribute('data-suffix') || '';
var decimals = (el.getAttribute('data-decimals') | 0);
if (reduceMotion) { el.textContent = target.toFixed(decimals) + suffix; return; }
var start = null, dur = 1500;
var tick = function (ts) {
if (start === null) start = ts;
var p = Math.min((ts - start) / dur, 1);
var eased = 1 - Math.pow(1 - p, 3);
el.textContent = (target * eased).toFixed(decimals) + suffix;
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
};
if (!('IntersectionObserver' in window)) { nums.forEach(run); return; }
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { run(e.target); io.unobserve(e.target); }
});
}, { threshold: 0.4 });
nums.forEach(function (el) { io.observe(el); });
}
/* ---------- 5. Su kalitesi göstergeleri ---------- */
function initGauges() {
var fills = document.querySelectorAll('.gauge__fill');
if (!fills.length) return;
setTimeout(function () {
fills.forEach(function (f) { f.style.width = (f.getAttribute('data-pct') || 0) + '%'; });
}, 350);
}
/* ---------- 6. Hero su yüzeyi (canvas dalgalar) ---------- */
function initWaterCanvas() {
var canvas = document.querySelector('.hero__canvas');
if (!canvas) return;
var ctx = canvas.getContext('2d');
var w = 0, h = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);
var layers = [
{ amp: 26, len: 0.0042, speed: 0.00028, y: 0.62, color: 'rgba(58,147,218,0.30)' },
{ amp: 34, len: 0.0031, speed: 0.00019, y: 0.72, color: 'rgba(43,125,197,0.34)' },
{ amp: 20, len: 0.0058, speed: 0.00040, y: 0.83, color: 'rgba(17,58,98,0.55)' },
{ amp: 30, len: 0.0025, speed: 0.00013, y: 0.93, color: 'rgba(10,43,77,0.75)' }
];
function resize() {
var r = canvas.getBoundingClientRect();
w = Math.max(r.width, 1); h = Math.max(r.height, 1);
canvas.width = w * dpr; canvas.height = h * dpr;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
}
function draw(t) {
ctx.clearRect(0, 0, w, h);
for (var i = 0; i < layers.length; i++) {
var L = layers[i];
ctx.beginPath();
ctx.moveTo(0, h);
var baseY = h * L.y;
for (var x = 0; x <= w; x += 6) {
var y = baseY
+ Math.sin(x * L.len + t * L.speed) * L.amp
+ Math.sin(x * L.len * 2.3 + t * L.speed * 1.6) * (L.amp * 0.35);
if (x === 0) ctx.lineTo(0, y);
else ctx.lineTo(x, y);
}
ctx.lineTo(w, h);
ctx.closePath();
ctx.fillStyle = L.color;
ctx.fill();
}
if (!reduceMotion) frame = requestAnimationFrame(draw);
}
var frame;
resize();
if (reduceMotion) { draw(0); }
else { frame = requestAnimationFrame(draw); }
var rt;
window.addEventListener('resize', function () {
clearTimeout(rt);
rt = setTimeout(function () { resize(); if (reduceMotion) draw(0); }, 150);
});
document.addEventListener('visibilitychange', function () {
if (document.hidden) { cancelAnimationFrame(frame); }
else if (!reduceMotion) { frame = requestAnimationFrame(draw); }
});
}
/* ---------- 7. Filtreler (galeri + blog) ---------- */
function initFilters() {
document.querySelectorAll('[data-filter-group]').forEach(function (group) {
var targetSel = group.getAttribute('data-filter-target');
var items = document.querySelectorAll(targetSel + ' [data-cat]');
if (!items.length) return;
group.addEventListener('click', function (e) {
var chip = e.target.closest('.chip');
if (!chip) return;
group.querySelectorAll('.chip').forEach(function (c) {
c.classList.toggle('is-active', c === chip);
c.setAttribute('aria-pressed', String(c === chip));
});
var cat = chip.getAttribute('data-cat-filter');
items.forEach(function (item) {
var match = cat === 'all' || item.getAttribute('data-cat') === cat;
item.classList.toggle('is-hidden', !match);
item.style.display = match ? '' : 'none';
});
});
});
}
/* ---------- 8. Galeri lightbox ---------- */
function initLightbox() {
var box = document.getElementById('lightbox');
if (!box) return;
var img = box.querySelector('img');
var cap = box.querySelector('.lightbox__cap');
var shots = Array.prototype.slice.call(document.querySelectorAll('.shot'));
var index = 0;
function visibleShots() {
return shots.filter(function (s) { return s.style.display !== 'none'; });
}
function show(i) {
var list = visibleShots();
if (!list.length) return;
index = (i + list.length) % list.length;
var shot = list[index];
var src = shot.getAttribute('data-full') || shot.querySelector('img').src;
img.src = src;
img.alt = shot.querySelector('img').alt;
cap.textContent = shot.getAttribute('data-caption') || '';
box.classList.add('is-open');
box.setAttribute('aria-hidden', 'false');
document.body.style.overflow = 'hidden';
}
function close() {
box.classList.remove('is-open');
box.setAttribute('aria-hidden', 'true');
document.body.style.overflow = '';
}
shots.forEach(function (shot) {
shot.addEventListener('click', function () {
show(visibleShots().indexOf(shot));
});
});
box.querySelector('.lightbox__close').addEventListener('click', close);
box.querySelector('.lightbox__nav--prev').addEventListener('click', function () { show(index - 1); });
box.querySelector('.lightbox__nav--next').addEventListener('click', function () { show(index + 1); });
box.addEventListener('click', function (e) { if (e.target === box) close(); });
document.addEventListener('keydown', function (e) {
if (!box.classList.contains('is-open')) return;
if (e.key === 'Escape') close();
if (e.key === 'ArrowLeft') show(index - 1);
if (e.key === 'ArrowRight') show(index + 1);
});
}
/* ---------- 9. SSS akordeon ---------- */
function initFaq() {
document.querySelectorAll('.faq').forEach(function (faq) {
faq.addEventListener('click', function (e) {
var q = e.target.closest('.faq__q');
if (!q) return;
var item = q.closest('.faq__item');
var open = item.classList.contains('is-open');
faq.querySelectorAll('.faq__item').forEach(function (i) {
i.classList.remove('is-open');
i.querySelector('.faq__q').setAttribute('aria-expanded', 'false');
});
if (!open) {
item.classList.add('is-open');
q.setAttribute('aria-expanded', 'true');
}
});
});
}
/* ---------- 10. İletişim formu (mockup davranışı) ---------- */
function initForm() {
var form = document.getElementById('contact-form');
if (!form) return;
var status = form.querySelector('.form__status');
form.addEventListener('submit', function (e) {
e.preventDefault();
if (!form.checkValidity()) { form.reportValidity(); return; }
var name = (form.querySelector('#ad') || {}).value || '';
status.textContent = name.trim()
? name.trim().split(' ')[0] + ', talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.'
: 'Talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.';
status.classList.add('is-visible');
form.reset();
status.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'center' });
});
}
/* ---------- Başlat ---------- */
function boot() {
initNav();
initHeader();
initReveal();
initCounters();
initGauges();
initWaterCanvas();
initFilters();
initLightbox();
initFaq();
initForm();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
})();
</script>
</body>
</html>
Blog
HTML
Kopyala
⤢
↓
Blog Sayfası
Claude ve WordPress ile Site Yapımı Part 1
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blog — Su Arıtma Rehberi ve Teknik Yazılar | HİDROLİN</title>
<meta name="description" content="TDS, sertlik, membran bakımı, kazan besi suyu ve daha fazlası; su arıtma üzerine teknik ve pratik yazılar.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap">
<style>
/* ==========================================================================
HİDROLİN Su Arıtma Sistemleri — Tasarım Sistemi
Renk paleti: müşteri tarafından verilen 10 kademeli mavi skalası
Yapı: WordPress (Elementor / Kadence) bölümlerine birebir aktarılabilir
========================================================================== */
/* --------------------------------------------------------------------------
1. TOKENLAR
-------------------------------------------------------------------------- */
:root {
/* Ham palet — referans görselden alındı */
--paper: #F1F3F4;
--blue-50: #D0E9F6;
--blue-100: #B8DCF3;
--blue-300: #71B6E7;
--blue-500: #3A93DA;
--blue-600: #2B7DC5;
--blue-700: #1A5589;
--blue-800: #113A62;
--blue-900: #0A2B4D;
--blue-950: #051737;
/* Anlamsal tokenlar — AÇIK tema */
--bg: #F7F9FB;
--surface: #FFFFFF;
--surface-2: var(--paper);
--surface-sunk: var(--blue-50);
--ink: #08213C;
--ink-2: #476682;
--ink-3: #7B93AC;
--line: #DEE6ED;
--line-strong: #C4D4E1;
--accent: var(--blue-600);
--accent-hover: var(--blue-700);
--accent-quiet: var(--blue-50);
--on-accent: #FFFFFF;
--deep: var(--blue-950);
--deep-2: var(--blue-900);
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-500);
--img-dim: none;
--shadow-sm: 0 1px 2px rgba(8,33,60,.06), 0 2px 8px rgba(8,33,60,.05);
--shadow-md: 0 2px 4px rgba(8,33,60,.05), 0 12px 32px -8px rgba(8,33,60,.14);
--shadow-lg: 0 4px 8px rgba(8,33,60,.06), 0 28px 64px -16px rgba(8,33,60,.22);
/* Tipografi */
--font-display: "Archivo", "Segoe UI", Tahoma, sans-serif;
--font-body: "Source Sans 3", "Segoe UI", Tahoma, sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;
--fs-2xs: 0.6875rem;
--fs-xs: 0.78125rem;
--fs-sm: 0.875rem;
--fs-base: 1.0625rem;
--fs-lg: 1.1875rem;
--fs-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.4375rem);
--fs-2xl: clamp(1.5rem, 1.3rem + 0.9vw, 1.875rem);
--fs-3xl: clamp(1.875rem, 1.55rem + 1.5vw, 2.5rem);
--fs-4xl: clamp(2.25rem, 1.7rem + 2.6vw, 3.375rem);
--fs-5xl: clamp(2.5rem, 1.85rem + 3.1vw, 3.625rem);
/* Ölçü */
--wrap: 1200px;
--wrap-narrow: 760px;
--gutter: clamp(1.25rem, 4vw, 2.5rem);
--section-y: clamp(4rem, 8vw, 7.5rem);
--r-sm: 6px;
--r-md: 10px;
--r-lg: 16px;
--r-xl: 24px;
--header-h: 76px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
}
:root[data-theme="dark"] {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
/* --------------------------------------------------------------------------
2. TEMEL
-------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
margin: 0;
background: var(--bg);
color: var(--ink);
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
h1, h2, h3, h4, h5 {
font-family: var(--font-display);
font-weight: 600;
line-height: 1.12;
letter-spacing: -0.022em;
text-wrap: balance;
margin: 0;
color: var(--ink);
}
h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }
p { margin: 0; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }
img, svg, canvas { max-width: 100%; display: block; }
ul, ol { margin: 0; padding: 0; }
button, input, textarea, select { font: inherit; color: inherit; }
:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 3px;
border-radius: var(--r-sm);
}
.skip-link {
position: absolute; left: 12px; top: -60px; z-index: 200;
background: var(--accent); color: var(--on-accent);
padding: .6rem 1rem; border-radius: var(--r-sm);
transition: top .18s ease;
}
.skip-link:focus { top: 12px; }
/* --------------------------------------------------------------------------
3. YARDIMCI SINIFLAR
-------------------------------------------------------------------------- */
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--narrow { max-width: var(--wrap-narrow); }
.section { padding-block: var(--section-y); }
.section--tight { padding-block: clamp(3rem, 5vw, 4.5rem); }
.section--sunk { background: var(--surface-2); }
.section--deep { background: var(--deep); color: var(--on-deep); }
.section--deep h1, .section--deep h2, .section--deep h3 { color: var(--on-deep); }
.section--deep p { color: var(--on-deep-2); }
.stack { display: flex; flex-direction: column; }
.gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-12 { gap: 3rem; }
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.eyebrow {
font-family: var(--font-mono);
font-size: var(--fs-2xs);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: .55rem;
margin: 0;
}
.eyebrow::before {
content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6;
}
.section--deep .eyebrow { color: var(--blue-300); }
.lede { font-size: var(--fs-lg); color: var(--ink-2); max-width: 62ch; }
.section--deep .lede { color: var(--on-deep-2); }
.muted { color: var(--ink-2); }
.small { font-size: var(--fs-sm); color: var(--ink-2); }
.section-head { display: flex; flex-direction: column; gap: .9rem; margin-bottom: clamp(2rem, 4vw, 3.25rem); max-width: 640px; }
.section-head--split { max-width: none; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.section-head--split > div:not(.chips) { display: flex; flex-direction: column; gap: .9rem; max-width: 620px; }
.section-head--split .chips { flex: 1 1 340px; justify-content: flex-end; }
@media (max-width: 760px) { .section-head--split .chips { justify-content: flex-start; } }
/* Butonlar */
.btn {
--btn-bg: var(--accent);
--btn-fg: var(--on-accent);
display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
background: var(--btn-bg); color: var(--btn-fg);
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
letter-spacing: .01em;
padding: .85rem 1.5rem;
border: 1px solid transparent; border-radius: var(--r-md);
cursor: pointer; text-align: center;
transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.btn:hover { --btn-bg: var(--accent-hover); color: var(--btn-fg); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn:active { transform: translateY(0); }
.btn--lg { padding: 1.05rem 1.9rem; font-size: var(--fs-base); }
.btn--ghost { --btn-bg: transparent; --btn-fg: var(--ink); border-color: var(--line-strong); }
.btn--ghost:hover { --btn-bg: var(--accent-quiet); --btn-fg: var(--accent-hover); border-color: var(--accent); box-shadow: none; }
.btn--on-deep { --btn-bg: transparent; --btn-fg: var(--on-deep); border-color: rgba(184,220,243,.34); }
.btn--on-deep:hover { --btn-bg: rgba(184,220,243,.12); --btn-fg: #FFF; border-color: rgba(184,220,243,.6); box-shadow: none; }
.btn--wa { --btn-bg: var(--blue-800); }
.btn .ico { width: 18px; height: 18px; flex: none; }
.link-arrow {
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
display: inline-flex; align-items: center; gap: .45rem;
}
.link-arrow .ico { width: 16px; height: 16px; transition: transform .2s ease; }
.link-arrow:hover .ico { transform: translateX(4px); }
/* Rozet */
.tag {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em;
text-transform: uppercase; color: var(--accent);
background: var(--accent-quiet); border-radius: 100px; padding: .3rem .7rem;
display: inline-block;
}
/* --------------------------------------------------------------------------
4. HEADER + NAVİGASYON
-------------------------------------------------------------------------- */
.topbar {
background: var(--deep); color: var(--on-deep-2);
font-size: var(--fs-xs);
border-bottom: 1px solid rgba(184,220,243,.1);
}
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 40px; }
.topbar a { color: var(--on-deep-2); }
.topbar a:hover { color: #FFF; }
.topbar__contact { display: flex; gap: 1.5rem; align-items: center; }
.topbar__contact span, .topbar__contact a { display: inline-flex; align-items: center; gap: .45rem; }
.topbar .ico { width: 14px; height: 14px; opacity: .8; }
@media (max-width: 860px) { .topbar { display: none; } }
.site-header {
position: sticky; top: 0; z-index: 100;
background: color-mix(in srgb, var(--surface) 88%, transparent);
backdrop-filter: blur(14px) saturate(1.4);
-webkit-backdrop-filter: blur(14px) saturate(1.4);
border-bottom: 1px solid var(--line);
transition: box-shadow .2s ease;
}
.site-header.is-stuck { box-shadow: var(--shadow-sm); }
.site-header .wrap {
display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
min-height: var(--header-h);
}
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--ink); }
.brand:hover { color: var(--ink); }
.brand__mark { width: 38px; height: 38px; flex: none; }
.brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.brand__name {
font-family: var(--font-display); font-weight: 700; font-size: 1.3rem;
letter-spacing: -0.02em;
}
.brand__sub {
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .13em; text-transform: uppercase; color: var(--ink-3);
}
.nav { display: flex; align-items: center; gap: .25rem; }
.nav a {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
color: var(--ink-2); padding: .55rem .85rem; border-radius: var(--r-sm);
position: relative; transition: color .16s ease, background-color .16s ease;
}
.nav a:hover { color: var(--ink); background: var(--accent-quiet); }
.nav a[aria-current="page"] { color: var(--accent); }
.nav a[aria-current="page"]::after {
content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .2rem;
height: 2px; background: var(--accent); border-radius: 2px;
}
.nav > .btn { display: none; } /* yalnızca mobil menüde görünür */
.header__actions { display: flex; align-items: center; gap: .6rem; }
.nav-toggle {
display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
background: transparent; border: 1px solid var(--line-strong); border-radius: var(--r-sm);
cursor: pointer;
}
.nav-toggle .ico { width: 20px; height: 20px; }
.nav-toggle .ico--close { display: none; }
.nav-toggle[aria-expanded="true"] .ico--open { display: none; }
.nav-toggle[aria-expanded="true"] .ico--close { display: block; }
@media (max-width: 980px) {
.nav-toggle { display: inline-flex; }
.header__actions .btn { display: none; }
.nav {
position: fixed; inset: var(--header-h) 0 auto 0;
flex-direction: column; align-items: stretch; gap: 0;
background: var(--surface); border-bottom: 1px solid var(--line);
padding: .5rem var(--gutter) 1.5rem;
box-shadow: var(--shadow-lg);
transform: translateY(-8px); opacity: 0; pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
max-height: calc(100dvh - var(--header-h)); overflow-y: auto;
}
.nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
.nav a { padding: .95rem .25rem; border-bottom: 1px solid var(--line); border-radius: 0; font-size: var(--fs-lg); }
.nav a[aria-current="page"]::after { display: none; }
.nav > .btn { display: inline-flex; margin-top: 1rem; }
}
/* --------------------------------------------------------------------------
5. HERO
-------------------------------------------------------------------------- */
.hero {
position: relative; overflow: hidden;
background: linear-gradient(160deg, var(--blue-950) 0%, var(--blue-900) 45%, var(--blue-800) 100%);
color: var(--on-deep);
isolation: isolate;
}
.hero__canvas {
position: absolute; inset: 0; width: 100%; height: 100%;
z-index: -1; opacity: .85;
}
.hero::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(120% 80% at 78% 12%, rgba(58,147,218,.34), transparent 62%);
pointer-events: none;
}
.hero .wrap {
display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
padding-block: clamp(4rem, 8vw, 7rem);
}
.hero h1 { color: #FFF; font-size: var(--fs-5xl); font-weight: 700; letter-spacing: -0.03em; }
.hero h1 em { font-style: normal; color: var(--blue-300); }
.hero__lede { color: var(--on-deep-2); font-size: var(--fs-lg); max-width: 52ch; }
.hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .5rem; }
.hero__eyebrow { color: var(--blue-300); }
.hero__proof { display: flex; flex-wrap: wrap; gap: 2rem 2.75rem; margin-top: 2.75rem; padding-top: 2rem; border-top: 1px solid rgba(184,220,243,.16); }
.hero__proof-item { display: flex; flex-direction: column; gap: .15rem; }
.hero__proof-num {
font-family: var(--font-display); font-weight: 700; font-size: 1.9rem;
color: #FFF; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.hero__proof-label { font-size: var(--fs-xs); color: var(--on-deep-2); letter-spacing: .02em; }
/* Su kalitesi kartı — hero görseli yerine "canlı ölçüm" paneli */
.gauge-card {
background: rgba(6,26,49,.55);
border: 1px solid rgba(184,220,243,.2);
border-radius: var(--r-xl);
padding: 1.75rem;
backdrop-filter: blur(8px);
box-shadow: 0 30px 70px -20px rgba(0,0,0,.6);
display: flex; flex-direction: column; gap: 1.35rem;
}
.gauge-card__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.gauge-card__title { font-family: var(--font-display); font-weight: 600; color: #FFF; font-size: var(--fs-base); }
.gauge-card__live {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .12em; text-transform: uppercase;
color: var(--blue-300); display: inline-flex; align-items: center; gap: .45rem;
}
.gauge-card__live::before {
content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-300);
box-shadow: 0 0 0 0 rgba(113,182,231,.7); animation: pulse 2.4s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(113,182,231,.55); }
70% { box-shadow: 0 0 0 9px rgba(113,182,231,0); }
100% { box-shadow: 0 0 0 0 rgba(113,182,231,0); }
}
.gauge { display: flex; flex-direction: column; gap: .45rem; }
.gauge__row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.gauge__name { font-size: var(--fs-sm); color: var(--on-deep-2); }
.gauge__val {
font-family: var(--font-mono); font-size: var(--fs-sm); color: #FFF;
font-variant-numeric: tabular-nums;
}
.gauge__track { height: 6px; border-radius: 100px; background: rgba(184,220,243,.16); overflow: hidden; }
.gauge__fill {
height: 100%; border-radius: 100px;
background: linear-gradient(90deg, var(--blue-500), var(--blue-300));
width: 0; transition: width 1.4s cubic-bezier(.16,.8,.24,1);
}
.gauge--warn .gauge__fill { background: linear-gradient(90deg, var(--blue-700), var(--blue-600)); }
.gauge-card__foot {
font-size: var(--fs-xs); color: var(--on-deep-2);
border-top: 1px solid rgba(184,220,243,.14); padding-top: 1rem;
display: flex; align-items: center; gap: .5rem;
}
.gauge-card__foot .ico { width: 15px; height: 15px; color: var(--blue-300); flex: none; }
@media (max-width: 900px) {
.hero .wrap { grid-template-columns: 1fr; }
.hero__proof { gap: 1.5rem 2rem; }
.hero__proof-num { font-size: 1.6rem; }
}
/* İç sayfa başlığı */
.page-hero {
background: linear-gradient(150deg, var(--blue-950), var(--blue-800));
color: var(--on-deep); position: relative; overflow: hidden;
}
.page-hero::after {
content: ""; position: absolute; inset: 0;
background:
radial-gradient(90% 120% at 88% 0%, rgba(58,147,218,.32), transparent 60%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 60c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.09' stroke-width='1.5'/%3E%3Cpath d='M0 90c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3Cpath d='M0 30c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E");
pointer-events: none;
}
.page-hero .wrap { position: relative; z-index: 1; padding-block: clamp(3rem, 6vw, 5.5rem); display: flex; flex-direction: column; gap: 1rem; }
.page-hero h1 { color: #FFF; }
.page-hero p { color: var(--on-deep-2); max-width: 60ch; font-size: var(--fs-lg); }
.page-hero .eyebrow { color: var(--blue-300); }
.crumbs { font-size: var(--fs-xs); color: var(--on-deep-2); display: flex; gap: .5rem; align-items: center; }
.crumbs a { color: var(--on-deep-2); }
.crumbs a:hover { color: #FFF; }
.crumbs span { opacity: .5; }
/* --------------------------------------------------------------------------
6. GÜVEN ŞERİDİ
-------------------------------------------------------------------------- */
.trustbar { background: var(--surface); border-bottom: 1px solid var(--line); }
.trustbar .wrap {
display: flex; align-items: center; justify-content: space-between;
gap: 1.5rem 2.5rem; flex-wrap: wrap; padding-block: 1.35rem;
}
.trustbar__label {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--ink-3);
}
.trustbar__items { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.cert {
display: inline-flex; align-items: center; gap: .55rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
color: var(--ink-2);
}
.cert .ico { width: 20px; height: 20px; color: var(--accent); flex: none; }
/* --------------------------------------------------------------------------
7. KART IZGARALARI
-------------------------------------------------------------------------- */
.grid { display: grid; gap: clamp(1rem, 2vw, 1.5rem); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 980px) { .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }
.card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.75rem; display: flex; flex-direction: column; gap: .85rem;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.card--link:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.card__icon {
width: 48px; height: 48px; border-radius: var(--r-md);
background: var(--accent-quiet); color: var(--accent);
display: grid; place-items: center; flex: none;
}
.card__icon .ico { width: 24px; height: 24px; }
.card h3 { font-size: var(--fs-lg); }
.card p { color: var(--ink-2); font-size: var(--fs-sm); }
.card__meta {
margin-top: auto; padding-top: .5rem;
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3);
}
.card__list { display: flex; flex-direction: column; gap: .4rem; list-style: none; }
.card__list li {
font-size: var(--fs-sm); color: var(--ink-2);
display: flex; gap: .5rem; align-items: flex-start;
}
.card__list li::before {
content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue-300);
flex: none; margin-top: .55em;
}
/* --------------------------------------------------------------------------
8. ARITMA SÜRECİ (sıralı — numaralandırma bilgi taşır)
-------------------------------------------------------------------------- */
.process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; position: relative; }
.process::before {
content: ""; position: absolute; left: 0; right: 0; top: 27px; height: 2px;
background: linear-gradient(90deg, var(--blue-100), var(--blue-500), var(--blue-800));
border-radius: 2px;
}
.step { display: flex; flex-direction: column; gap: .7rem; padding-right: 1.25rem; position: relative; }
.step__dot {
width: 56px; height: 56px; border-radius: 50%; flex: none;
background: var(--surface); border: 2px solid var(--blue-300);
display: grid; place-items: center; position: relative; z-index: 1;
font-family: var(--font-mono); font-weight: 600; font-size: var(--fs-sm);
color: var(--accent);
}
.step:nth-child(1) .step__dot { border-color: var(--blue-100); }
.step:nth-child(2) .step__dot { border-color: var(--blue-300); }
.step:nth-child(3) .step__dot { border-color: var(--blue-500); }
.step:nth-child(4) .step__dot { border-color: var(--blue-600); }
.step:nth-child(5) .step__dot { border-color: var(--blue-800); }
.step h3 { font-size: var(--fs-base); }
.step p { font-size: var(--fs-sm); color: var(--ink-2); }
.step__spec {
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--accent);
letter-spacing: .06em;
}
@media (max-width: 900px) {
.process { grid-template-columns: 1fr; gap: 1.75rem; }
.process::before { left: 27px; right: auto; top: 0; bottom: 0; width: 2px; height: auto;
background: linear-gradient(180deg, var(--blue-100), var(--blue-500), var(--blue-800)); }
.step { flex-direction: row; gap: 1.25rem; padding-right: 0; }
.step__body { display: flex; flex-direction: column; gap: .45rem; }
}
/* --------------------------------------------------------------------------
9. AVANTAJLAR / SPLIT BÖLÜM
-------------------------------------------------------------------------- */
.split {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
}
.split--wide-left { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.split--top { align-items: start; }
@media (max-width: 900px) { .split, .split--wide-left { grid-template-columns: 1fr; } }
.feature-list { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; }
.feature-list li { display: flex; gap: 1rem; align-items: flex-start; }
.feature-list .ico-box {
width: 42px; height: 42px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.feature-list .ico-box .ico { width: 21px; height: 21px; }
.feature-list h3 { font-size: var(--fs-base); margin-bottom: .2rem; }
.feature-list p { font-size: var(--fs-sm); color: var(--ink-2); }
.figure {
border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); box-shadow: var(--shadow-md);
}
.figure img { width: 100%; height: 100%; object-fit: cover; }
.figure figcaption {
padding: .85rem 1.15rem; font-size: var(--fs-xs); color: var(--ink-2);
background: var(--surface); border-top: 1px solid var(--line);
}
/* Sayaç şeridi */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.stat { background: var(--surface); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: .3rem; }
.stat__num {
font-family: var(--font-display); font-weight: 700; font-size: clamp(1.75rem, 3vw, 2.5rem);
color: var(--accent); letter-spacing: -0.03em; font-variant-numeric: tabular-nums;
}
.stat__label { font-size: var(--fs-sm); color: var(--ink-2); }
@media (max-width: 760px) { .stats { grid-template-columns: repeat(2, minmax(0,1fr)); } }
/* --------------------------------------------------------------------------
10. ÜRÜNLER
-------------------------------------------------------------------------- */
.product {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.product:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.product__media { aspect-ratio: 4 / 3; background: var(--surface-sunk); position: relative; }
.product__media img { width: 100%; height: 100%; object-fit: cover; }
.product__badge {
position: absolute; top: .85rem; left: .85rem;
background: var(--surface); color: var(--accent); border: 1px solid var(--line);
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase;
padding: .28rem .6rem; border-radius: 100px;
}
.product__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.product__body h3 { font-size: var(--fs-base); }
.product__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.product__spec {
display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin-top: auto; padding-top: .75rem;
border-top: 1px dashed var(--line-strong);
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--ink-3); letter-spacing: .04em;
}
/* --------------------------------------------------------------------------
11. REFERANSLAR
-------------------------------------------------------------------------- */
.quote {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.85rem; display: flex; flex-direction: column; gap: 1.15rem;
}
.quote__stars { display: flex; gap: .18rem; color: var(--blue-500); }
.quote__stars .ico { width: 16px; height: 16px; }
.quote blockquote { margin: 0; font-size: var(--fs-base); color: var(--ink); line-height: 1.6; }
.quote__author { display: flex; align-items: center; gap: .8rem; margin-top: auto; }
.avatar {
width: 42px; height: 42px; border-radius: 50%; flex: none;
background: var(--blue-800); color: #FFF;
display: grid; place-items: center;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
}
.quote__name { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.quote__role { font-size: var(--fs-xs); color: var(--ink-3); }
/* --------------------------------------------------------------------------
12. CTA ŞERİDİ
-------------------------------------------------------------------------- */
.cta-band {
background: linear-gradient(120deg, var(--blue-900), var(--blue-700));
color: var(--on-deep); border-radius: var(--r-xl); overflow: hidden;
position: relative; isolation: isolate;
}
.cta-band::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(80% 140% at 100% 0%, rgba(113,182,231,.28), transparent 60%);
}
.cta-band__inner {
padding: clamp(2.25rem, 5vw, 3.5rem);
display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
}
.cta-band h2 { color: #FFF; font-size: var(--fs-2xl); }
.cta-band p { color: var(--on-deep-2); max-width: 48ch; margin-top: .6rem; }
.cta-band .btn { --btn-bg: #FFF; --btn-fg: var(--blue-900); }
.cta-band .btn:hover { --btn-bg: var(--blue-50); }
.cta-band .btn--on-deep { --btn-bg: transparent; --btn-fg: #FFF; }
/* --------------------------------------------------------------------------
13. BLOG
-------------------------------------------------------------------------- */
.post {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.post:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.post__media { aspect-ratio: 16 / 10; background: var(--surface-sunk); }
.post__media img { width: 100%; height: 100%; object-fit: cover; }
.post__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .65rem; flex: 1; }
.post__meta {
display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .08em;
text-transform: uppercase; color: var(--ink-3);
}
.post__body h3 { font-size: var(--fs-base); line-height: 1.3; }
.post__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.post__foot { margin-top: auto; padding-top: .85rem; }
.post--featured { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.post--featured .post__media { aspect-ratio: auto; height: 100%; min-height: 320px; }
.post--featured .post__body { padding: clamp(1.75rem, 4vw, 2.75rem); gap: .9rem; justify-content: center; }
.post--featured h2 { font-size: var(--fs-2xl); }
@media (max-width: 820px) { .post--featured { grid-template-columns: 1fr; } .post--featured .post__media { min-height: 220px; } }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
padding: .5rem 1rem; border-radius: 100px; border: 1px solid var(--line-strong);
background: var(--surface); color: var(--ink-2); cursor: pointer;
transition: all .16s ease;
}
.chip:hover { border-color: var(--accent); color: var(--accent); }
.chip.is-active { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
/* --------------------------------------------------------------------------
14. GALERİ
-------------------------------------------------------------------------- */
/* Mozaik ızgara: satır yüksekliği sabit, kutular satır/sütun kaplar */
.gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: clamp(88px, 8.5vw, 124px);
grid-auto-flow: dense;
gap: clamp(.75rem, 1.5vw, 1.15rem);
}
@media (max-width: 900px) { .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(96px, 13vw, 140px); } }
@media (max-width: 560px) { .gallery { grid-template-columns: 1fr; grid-auto-rows: clamp(110px, 30vw, 150px); } }
.shot {
position: relative; border-radius: var(--r-md); overflow: hidden; cursor: zoom-in;
border: 1px solid var(--line); background: var(--surface-sunk);
padding: 0; display: block; width: 100%; height: 100%;
grid-row: span 2;
}
.shot--tall { grid-row: span 3; }
.shot--wide { grid-column: span 2; grid-row: span 2; }
@media (max-width: 560px) { .shot--wide { grid-column: span 1; } }
.shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.16,.8,.24,1); }
.shot:hover img { transform: scale(1.05); }
.shot__cap {
position: absolute; inset: auto 0 0 0; padding: 1.5rem 1rem .85rem;
background: linear-gradient(180deg, transparent, rgba(5,23,55,.88));
color: #FFF; text-align: left;
display: flex; flex-direction: column; gap: .1rem;
}
.shot__cap strong { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.shot__cap span { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .09em; text-transform: uppercase; color: var(--blue-100); }
.shot.is-hidden { display: none; }
.lightbox {
position: fixed; inset: 0; z-index: 200; display: none;
background: rgba(5,23,55,.92); backdrop-filter: blur(6px);
align-items: center; justify-content: center; padding: clamp(1rem, 4vw, 3rem);
}
.lightbox.is-open { display: flex; }
.lightbox__inner { max-width: 1000px; width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.lightbox img { width: 100%; border-radius: var(--r-md); box-shadow: var(--shadow-lg); }
.lightbox__cap { color: var(--blue-100); font-size: var(--fs-sm); text-align: center; }
.lightbox__close {
position: absolute; top: 1.25rem; right: 1.25rem;
width: 44px; height: 44px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__close:hover { background: rgba(255,255,255,.2); }
.lightbox__nav {
position: absolute; top: 50%; transform: translateY(-50%);
width: 48px; height: 48px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__nav:hover { background: rgba(255,255,255,.2); }
.lightbox__nav--prev { left: 1rem; }
.lightbox__nav--next { right: 1rem; }
.lightbox .ico { width: 20px; height: 20px; }
/* --------------------------------------------------------------------------
15. ZAMAN ÇİZELGESİ (Hakkımızda)
-------------------------------------------------------------------------- */
.timeline { list-style: none; display: flex; flex-direction: column; gap: 0; position: relative; }
.timeline::before {
content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px;
background: linear-gradient(180deg, var(--blue-100), var(--blue-600));
}
.timeline li { display: grid; grid-template-columns: 34px 1fr; gap: 1.25rem; padding-bottom: 2.25rem; }
.timeline li:last-child { padding-bottom: 0; }
.timeline__dot {
width: 16px; height: 16px; border-radius: 50%; margin-top: .45rem;
background: var(--surface); border: 3px solid var(--accent); position: relative; z-index: 1;
}
.timeline__year {
font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--accent);
letter-spacing: .1em; display: block; margin-bottom: .25rem;
}
.timeline h3 { font-size: var(--fs-base); margin-bottom: .3rem; }
.timeline p { font-size: var(--fs-sm); color: var(--ink-2); }
/* Ekip */
.person { display: flex; flex-direction: column; gap: .9rem; }
.person__photo {
aspect-ratio: 1; border-radius: var(--r-lg); overflow: hidden;
background: var(--surface-sunk); border: 1px solid var(--line);
}
.person__photo img { width: 100%; height: 100%; object-fit: cover; }
.person h3 { font-size: var(--fs-base); }
.person p { font-size: var(--fs-sm); color: var(--ink-2); }
.person__role { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
/* Değerler */
.value-card {
background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--accent);
border-radius: var(--r-md); padding: 1.5rem; display: flex; flex-direction: column; gap: .5rem;
}
.value-card h3 { font-size: var(--fs-base); }
.value-card p { font-size: var(--fs-sm); color: var(--ink-2); }
/* --------------------------------------------------------------------------
16. İLETİŞİM + FORM
-------------------------------------------------------------------------- */
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }
.info-card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.5rem; display: flex; gap: 1rem; align-items: flex-start;
}
.info-card .ico-box {
width: 44px; height: 44px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.info-card .ico-box .ico { width: 22px; height: 22px; }
.info-card h3 { font-size: var(--fs-sm); font-family: var(--font-mono); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .35rem; }
.info-card p, .info-card a { font-size: var(--fs-base); color: var(--ink); }
.info-card a:hover { color: var(--accent); }
.info-card .small { font-size: var(--fs-sm); color: var(--ink-2); }
.form {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: clamp(1.5rem, 3vw, 2.25rem); display: flex; flex-direction: column; gap: 1.15rem;
}
.field { display: flex; flex-direction: column; gap: .4rem; }
.field label { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.field label .req { color: var(--accent); }
.field input, .field select, .field textarea {
background: var(--bg); border: 1px solid var(--line-strong); border-radius: var(--r-sm);
padding: .75rem .9rem; font-size: var(--fs-base); font-family: var(--font-body);
transition: border-color .16s ease, box-shadow .16s ease;
width: 100%;
}
.field input:focus, .field select:focus, .field textarea:focus {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-quiet);
}
.field textarea { resize: vertical; min-height: 130px; }
.field__hint { font-size: var(--fs-xs); color: var(--ink-3); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; }
@media (max-width: 600px) { .field-row { grid-template-columns: 1fr; } }
.check { display: flex; gap: .65rem; align-items: flex-start; font-size: var(--fs-sm); color: var(--ink-2); }
.check input { width: 18px; height: 18px; margin-top: .18rem; flex: none; accent-color: var(--accent); }
.form__note { font-size: var(--fs-xs); color: var(--ink-3); }
.form__status {
display: none; padding: .85rem 1rem; border-radius: var(--r-sm);
background: var(--accent-quiet); color: var(--accent-hover);
font-size: var(--fs-sm); border: 1px solid var(--accent);
}
.form__status.is-visible { display: block; }
.map-frame {
border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); position: relative; aspect-ratio: 21 / 9;
}
.map-frame img { width: 100%; height: 100%; object-fit: cover; filter: var(--img-dim); }
.map-frame__pin {
position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%);
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
padding: .7rem 1rem; box-shadow: var(--shadow-md);
display: flex; align-items: center; gap: .6rem; font-size: var(--fs-sm); font-weight: 600;
font-family: var(--font-display);
}
.map-frame__pin .ico { width: 18px; height: 18px; color: var(--accent); }
/* SSS */
.faq { display: flex; flex-direction: column; gap: .6rem; }
.faq__item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.faq__q {
width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
padding: 1.15rem 1.35rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-base); color: var(--ink);
}
.faq__q .ico { width: 20px; height: 20px; color: var(--accent); flex: none; transition: transform .25s ease; }
.faq__item.is-open .faq__q .ico { transform: rotate(45deg); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; }
.faq__item.is-open .faq__a { grid-template-rows: 1fr; }
.faq__a > div { overflow: hidden; }
.faq__a p { padding: 0 1.35rem 1.25rem; font-size: var(--fs-sm); color: var(--ink-2); max-width: 68ch; }
/* --------------------------------------------------------------------------
17. FOOTER
-------------------------------------------------------------------------- */
.site-footer { background: var(--deep); color: var(--on-deep-2); margin-top: 0; }
.site-footer a { color: var(--on-deep-2); }
.site-footer a:hover { color: #FFF; }
.footer__top {
display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
gap: 2.5rem; padding-block: clamp(3rem, 6vw, 4.5rem);
}
@media (max-width: 900px) { .footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__top { grid-template-columns: 1fr; } }
.footer__brand { display: flex; flex-direction: column; gap: 1.15rem; max-width: 34ch; }
.footer__brand .brand { color: #FFF; }
.footer__brand .brand:hover { color: #FFF; }
.footer__brand .brand__sub { color: var(--blue-300); }
.footer__brand p { font-size: var(--fs-sm); }
.footer__col h4 {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--blue-300); font-weight: 500; margin-bottom: 1.1rem;
}
.footer__col ul { list-style: none; display: flex; flex-direction: column; gap: .65rem; }
.footer__col li { font-size: var(--fs-sm); }
.social { display: flex; gap: .6rem; }
.social a {
width: 38px; height: 38px; border-radius: var(--r-sm);
border: 1px solid rgba(184,220,243,.22); display: grid; place-items: center;
transition: background-color .16s ease, border-color .16s ease;
}
.social a:hover { background: rgba(184,220,243,.12); border-color: rgba(184,220,243,.45); }
.social .ico { width: 18px; height: 18px; }
.footer__bottom {
border-top: 1px solid rgba(184,220,243,.12);
padding-block: 1.35rem;
display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
font-size: var(--fs-xs);
}
.footer__bottom nav { display: flex; gap: 1.35rem; flex-wrap: wrap; }
/* Sabit mobil çağrı şeridi */
.mobile-cta {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
display: none; gap: 1px; background: var(--line);
border-top: 1px solid var(--line); box-shadow: 0 -6px 24px rgba(8,33,60,.14);
}
.mobile-cta a {
flex: 1; background: var(--surface); padding: .9rem .5rem;
display: flex; flex-direction: column; align-items: center; gap: .2rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-xs); color: var(--ink);
}
.mobile-cta a .ico { width: 19px; height: 19px; color: var(--accent); }
@media (max-width: 700px) {
.mobile-cta { display: flex; }
body { padding-bottom: 68px; }
}
/* --------------------------------------------------------------------------
18. GİRİŞ ANİMASYONU
-------------------------------------------------------------------------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,.8,.24,1); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-delay="1"] { transition-delay: .08s; }
.reveal[data-delay="2"] { transition-delay: .16s; }
.reveal[data-delay="3"] { transition-delay: .24s; }
.reveal[data-delay="4"] { transition-delay: .32s; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
.reveal { opacity: 1; transform: none; }
}
/* Koyu temada görsel parlaklığını zemine oturtur */
.figure img, .post__media img, .product__media img,
.shot img, .person__photo img { filter: var(--img-dim); }
/* --------------------------------------------------------------------------
19. YAZDIRMA
-------------------------------------------------------------------------- */
@media print {
.site-header, .topbar, .mobile-cta, .hero__canvas { display: none !important; }
body { background: #FFF; color: #000; }
}
</style>
</head>
<body>
<a class="skip-link" href="#main">İçeriğe geç</a>
<!-- ===== İkon seti ===== -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false"><defs>
<symbol id="i-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></symbol>
<symbol id="i-mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></symbol>
<symbol id="i-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
<symbol id="i-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
<symbol id="i-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5Z"/><path d="m9 12 2 2 4-4"/></symbol>
<symbol id="i-drop" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2.5S5.5 9.6 5.5 14a6.5 6.5 0 0 0 13 0C18.5 9.6 12 2.5 12 2.5Z"/></symbol>
<symbol id="i-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v7l-4 2v-9Z"/></symbol>
<symbol id="i-wrench" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a4 4 0 0 0 5 5l-9.2 9.2a2.5 2.5 0 0 1-3.6-3.6Z"/><path d="m18.5 2.5-3 3 3 3 3-3Z"/></symbol>
<symbol id="i-flask" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 2v6.5L4.4 18a2 2 0 0 0 1.7 3h11.8a2 2 0 0 0 1.7-3L14 8.5V2"/><path d="M9 2h6M7.5 14h9"/></symbol>
<symbol id="i-truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h11v10H2z"/><path d="M13 9h4l4 4v3h-8z"/><circle cx="6.5" cy="18.5" r="1.8"/><circle cx="17.5" cy="18.5" r="1.8"/></symbol>
<symbol id="i-headset" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14v-2a8 8 0 0 1 16 0v2"/><path d="M4 14h3v6H5a2 2 0 0 1-2-2v-4Zm16 0h-3v6h2a2 2 0 0 0 2-2v-4Z"/><path d="M17 20a3 3 0 0 1-3 2h-2"/></symbol>
<symbol id="i-leaf" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20c0-9 6-14 16-15 0 10-5 16-13 16H4Z"/><path d="M9 16c1.5-3.5 4-6 8-8"/></symbol>
<symbol id="i-award" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="9" r="6"/><path d="m8.5 14-1.5 8 5-3 5 3-1.5-8"/></symbol>
<symbol id="i-gauge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 18a9 9 0 1 1 16 0"/><path d="m12 14 4-4"/></symbol>
<symbol id="i-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></symbol>
<symbol id="i-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m6 6 12 12M18 6 6 18"/></symbol>
<symbol id="i-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 6-6 6 6 6"/></symbol>
<symbol id="i-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></symbol>
<symbol id="i-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11Z"/><circle cx="12" cy="10" r="2.6"/></symbol>
<symbol id="i-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></symbol>
<symbol id="i-star" viewBox="0 0 24 24" fill="currentColor"><path d="m12 2 2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.1 6.1 20.2l1.2-6.6L2.5 9l6.6-.9Z"/></symbol>
<symbol id="i-chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5Z"/></symbol>
<symbol id="i-ig" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.1" fill="currentColor" stroke="none"/></symbol>
<symbol id="i-in" viewBox="0 0 24 24" fill="currentColor"><path d="M4.5 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3 9h3v12H3Zm6 0h2.9v1.7h.05c.4-.76 1.4-1.9 3.15-1.9 3.35 0 4 2.2 4 5.1V21h-3v-5.4c0-1.3 0-3-1.85-3s-2.15 1.4-2.15 2.9V21H9Z"/></symbol>
<symbol id="i-fb" viewBox="0 0 24 24" fill="currentColor"><path d="M14 8.5V6.8c0-.8.2-1.3 1.4-1.3H17V2.6c-.3 0-1.2-.1-2.3-.1-2.4 0-4 1.4-4 4.1v1.9H8V12h2.7v9H14v-9h2.6l.4-3.5Z"/></symbol>
<symbol id="i-yt" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12s0-3.3-.4-4.9a2.6 2.6 0 0 0-1.8-1.8C18.1 5 12 5 12 5s-6.1 0-7.8.3a2.6 2.6 0 0 0-1.8 1.8C2 8.7 2 12 2 12s0 3.3.4 4.9c.2.9.9 1.6 1.8 1.8C5.9 19 12 19 12 19s6.1 0 7.8-.3a2.6 2.6 0 0 0 1.8-1.8c.4-1.6.4-4.9.4-4.9ZM10 15V9l5.2 3Z"/></symbol>
<symbol id="i-wa" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.3A10 10 0 1 0 12 2Zm5.2 13.9c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.7-.1a11 11 0 0 1-5.9-5.2c-.4-.8-.6-1.5-.5-2.2.1-.6.4-1.1.8-1.5.2-.2.4-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 1.9c.1.2 0 .4-.1.6l-.4.5c-.1.2-.3.3-.1.6a8 8 0 0 0 3.5 3c.3.1.5.1.6-.1l.7-.8c.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.4.3v.7Z"/></symbol>
</defs></svg>
<!-- ===== Üst şerit ===== -->
<div class="topbar">
<div class="wrap">
<span>Ücretsiz su analizi ve keşif — İstanbul, Kocaeli ve Tekirdağ'da aynı gün</span>
<div class="topbar__contact">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> 0212 000 00 00</a>
<a href="mailto:info@hidrolin.com.tr"><svg class="ico"><use href="#i-mail"></use></svg> info@hidrolin.com.tr</a>
<span><svg class="ico"><use href="#i-clock"></use></svg> Hafta içi 08:30 – 18:30</span>
</div>
</div>
</div>
<!-- ===== Header ===== -->
<header class="site-header">
<div class="wrap">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<nav class="nav" id="primary-nav" aria-label="Ana menü">
<a href="index.html">Anasayfa</a>
<a href="hakkimizda.html">Hakkımızda</a>
<a href="galeri.html">Galeri</a>
<a href="blog.html" aria-current="page">Blog</a>
<a href="iletisim.html">İletişim</a>
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
</nav>
<div class="header__actions">
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="primary-nav" aria-label="Menüyü aç">
<svg class="ico ico--open"><use href="#i-menu"></use></svg>
<svg class="ico ico--close"><use href="#i-x"></use></svg>
</button>
</div>
</div>
</header>
<main id="main">
<section class="page-hero">
<div class="wrap">
<p class="crumbs"><a href="index.html">Anasayfa</a> <span>/</span> Blog</p>
<p class="eyebrow">Bilgi merkezi</p>
<h1>Su arıtma üzerine yazdıklarımız</h1>
<p>Sahada en çok karşılaştığımız soruları, teknik yazılara dönüştürüyoruz. Reklam değil, işe yarayan bilgi.</p>
</div>
</section>
<!-- Öne çıkan yazı -->
<section class="section">
<div class="wrap">
<article class="post post--featured reveal">
<div class="post__media">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMSkiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsMjQwLjYgMTIsMjQxLjYgMjQsMjQyLjYgMzYsMjQzLjYgNDgsMjQ0LjYgNjAsMjQ1LjYgNzIsMjQ2LjYgODQsMjQ3LjUgOTYsMjQ4LjQgMTA4LDI0OS4zIDEyMCwyNTAuMSAxMzIsMjUwLjkgMTQ0LDI1MS42IDE1NiwyNTIuMyAxNjgsMjUzLjAgMTgwLDI1My42IDE5MiwyNTQuMSAyMDQsMjU0LjYgMjE2LDI1NS4xIDIyOCwyNTUuNCAyNDAsMjU1LjggMjUyLDI1Ni4wIDI2NCwyNTYuMyAyNzYsMjU2LjQgMjg4LDI1Ni41IDMwMCwyNTYuNiAzMTIsMjU2LjYgMzI0LDI1Ni42IDMzNiwyNTYuNSAzNDgsMjU2LjQgMzYwLDI1Ni4zIDM3MiwyNTYuMSAzODQsMjU1LjkgMzk2LDI1NS42IDQwOCwyNTUuNCA0MjAsMjU1LjEgNDMyLDI1NC44IDQ0NCwyNTQuNCA0NTYsMjU0LjEgNDY4LDI1My43IDQ4MCwyNTMuNCA0OTIsMjUzLjAgNTA0LDI1Mi43IDUxNiwyNTIuMyA1MjgsMjUyLjAgNTQwLDI1MS43IDU1MiwyNTEuMyA1NjQsMjUxLjAgNTc2LDI1MC43IDU4OCwyNTAuNCA2MDAsMjUwLjIgNjEyLDI0OS45IDYyNCwyNDkuNyA2MzYsMjQ5LjUgNjQ4LDI0OS4zIDY2MCwyNDkuMSA2NzIsMjQ5LjAgNjg0LDI0OC44IDY5NiwyNDguNyA3MDgsMjQ4LjYgNzIwLDI0OC41IDczMiwyNDguNCA3NDQsMjQ4LjMgNzU2LDI0OC4yIDc2OCwyNDguMiA3ODAsMjQ4LjEgNzkyLDI0OC4wIDgwNCwyNDguMCA4MTYsMjQ3LjkgODI4LDI0Ny44IDg0MCwyNDcuNyA4NTIsMjQ3LjYgODY0LDI0Ny40IDg3NiwyNDcuMyA4ODgsMjQ3LjEgOTAwLDI0Ni45IDkxMiwyNDYuNiA5MjQsMjQ2LjQgOTM2LDI0Ni4xIDk0OCwyNDUuNyA5NjAsMjQ1LjQgOTcyLDI0NS4wIDk4NCwyNDQuNSA5OTYsMjQ0LjAgMTAwOCwyNDMuNSAxMDIwLDI0My4wIDEwMzIsMjQyLjQgMTA0NCwyNDEuOCAxMDU2LDI0MS4xIDEwNjgsMjQwLjQgMTA4MCwyMzkuNyAxMDkyLDIzOC45IDExMDQsMjM4LjEgMTExNiwyMzcuMyAxMTI4LDIzNi41IDExNDAsMjM1LjYgMTE1MiwyMzQuOCAxMTY0LDIzMy45IDExNzYsMjMzLjAgMTE4OCwyMzIuMSAxMjAwLDIzMS4yIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsMzA3LjkgMTIsMzA3LjggMjQsMzA3LjcgMzYsMzA3LjUgNDgsMzA3LjMgNjAsMzA3LjAgNzIsMzA2LjYgODQsMzA2LjIgOTYsMzA1LjggMTA4LDMwNS4zIDEyMCwzMDQuOSAxMzIsMzA0LjQgMTQ0LDMwMy45IDE1NiwzMDMuNSAxNjgsMzAzLjIgMTgwLDMwMi45IDE5MiwzMDIuNiAyMDQsMzAyLjUgMjE2LDMwMi41IDIyOCwzMDIuNiAyNDAsMzAyLjkgMjUyLDMwMy4zIDI2NCwzMDMuOSAyNzYsMzA0LjYgMjg4LDMwNS42IDMwMCwzMDYuNiAzMTIsMzA3LjkgMzI0LDMwOS4zIDMzNiwzMTAuOSAzNDgsMzEyLjYgMzYwLDMxNC40IDM3MiwzMTYuNCAzODQsMzE4LjQgMzk2LDMyMC41IDQwOCwzMjIuNyA0MjAsMzI0LjkgNDMyLDMyNy4xIDQ0NCwzMjkuMyA0NTYsMzMxLjUgNDY4LDMzMy42IDQ4MCwzMzUuNiA0OTIsMzM3LjUgNTA0LDMzOS4zIDUxNiwzNDEuMCA1MjgsMzQyLjUgNTQwLDM0My44IDU1MiwzNDQuOSA1NjQsMzQ1LjkgNTc2LDM0Ni42IDU4OCwzNDcuMiA2MDAsMzQ3LjUgNjEyLDM0Ny43IDYyNCwzNDcuNyA2MzYsMzQ3LjUgNjQ4LDM0Ny4yIDY2MCwzNDYuNyA2NzIsMzQ2LjEgNjg0LDM0NS4zIDY5NiwzNDQuNSA3MDgsMzQzLjYgNzIwLDM0Mi42IDczMiwzNDEuNiA3NDQsMzQwLjUgNzU2LDMzOS41IDc2OCwzMzguNCA3ODAsMzM3LjQgNzkyLDMzNi40IDgwNCwzMzUuNSA4MTYsMzM0LjcgODI4LDMzMy45IDg0MCwzMzMuMSA4NTIsMzMyLjUgODY0LDMzMS45IDg3NiwzMzEuNCA4ODgsMzMwLjkgOTAwLDMzMC42IDkxMiwzMzAuMiA5MjQsMzI5LjkgOTM2LDMyOS42IDk0OCwzMjkuMyA5NjAsMzI5LjAgOTcyLDMyOC43IDk4NCwzMjguMyA5OTYsMzI3LjkgMTAwOCwzMjcuNCAxMDIwLDMyNi45IDEwMzIsMzI2LjMgMTA0NCwzMjUuNSAxMDU2LDMyNC43IDEwNjgsMzIzLjggMTA4MCwzMjIuNyAxMDkyLDMyMS41IDExMDQsMzIwLjMgMTExNiwzMTguOSAxMTI4LDMxNy40IDExNDAsMzE1LjkgMTE1MiwzMTQuMyAxMTY0LDMxMi42IDExNzYsMzEwLjkgMTE4OCwzMDkuMiAxMjAwLDMwNy40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNDA1LjIgMTIsNDAzLjggMjQsNDAyLjYgMzYsNDAxLjUgNDgsNDAwLjYgNjAsMzk5LjcgNzIsMzk5LjAgODQsMzk4LjQgOTYsMzk3LjkgMTA4LDM5Ny40IDEyMCwzOTcuMCAxMzIsMzk2LjYgMTQ0LDM5Ni4zIDE1NiwzOTUuOSAxNjgsMzk1LjUgMTgwLDM5NS4xIDE5MiwzOTQuNiAyMDQsMzk0LjEgMjE2LDM5My41IDIyOCwzOTIuOCAyNDAsMzkyLjAgMjUyLDM5MS4yIDI2NCwzOTAuMiAyNzYsMzg5LjIgMjg4LDM4OC4xIDMwMCwzODYuOSAzMTIsMzg1LjcgMzI0LDM4NC40IDMzNiwzODMuMSAzNDgsMzgxLjggMzYwLDM4MC41IDM3MiwzNzkuMyAzODQsMzc4LjEgMzk2LDM3Ny4xIDQwOCwzNzYuMSA0MjAsMzc1LjMgNDMyLDM3NC42IDQ0NCwzNzQuMSA0NTYsMzczLjggNDY4LDM3My44IDQ4MCwzNzMuOSA0OTIsMzc0LjMgNTA0LDM3NC45IDUxNiwzNzUuOCA1MjgsMzc2LjkgNTQwLDM3OC4yIDU1MiwzNzkuOCA1NjQsMzgxLjYgNTc2LDM4My42IDU4OCwzODUuNyA2MDAsMzg4LjEgNjEyLDM5MC41IDYyNCwzOTMuMSA2MzYsMzk1LjggNjQ4LDM5OC41IDY2MCw0MDEuMiA2NzIsNDA0LjAgNjg0LDQwNi43IDY5Niw0MDkuNCA3MDgsNDExLjkgNzIwLDQxNC40IDczMiw0MTYuNyA3NDQsNDE4LjkgNzU2LDQyMC45IDc2OCw0MjIuNyA3ODAsNDI0LjMgNzkyLDQyNS43IDgwNCw0MjYuOSA4MTYsNDI3LjkgODI4LDQyOC42IDg0MCw0MjkuMiA4NTIsNDI5LjYgODY0LDQyOS44IDg3Niw0MjkuOCA4ODgsNDI5LjcgOTAwLDQyOS41IDkxMiw0MjkuMSA5MjQsNDI4LjcgOTM2LDQyOC4yIDk0OCw0MjcuNiA5NjAsNDI3LjAgOTcyLDQyNi41IDk4NCw0MjUuOSA5OTYsNDI1LjMgMTAwOCw0MjQuOCAxMDIwLDQyNC40IDEwMzIsNDI0LjAgMTA0NCw0MjMuNyAxMDU2LDQyMy40IDEwNjgsNDIzLjIgMTA4MCw0MjMuMSAxMDkyLDQyMy4xIDExMDQsNDIzLjEgMTExNiw0MjMuMSAxMTI4LDQyMy4yIDExNDAsNDIzLjMgMTE1Miw0MjMuMyAxMTY0LDQyMy40IDExNzYsNDIzLjQgMTE4OCw0MjMuNCAxMjAwLDQyMy4yIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNTI4LjMgMTIsNTI5LjYgMjQsNTMwLjYgMzYsNTMxLjMgNDgsNTMxLjggNjAsNTMyLjAgNzIsNTMxLjkgODQsNTMxLjcgOTYsNTMxLjIgMTA4LDUzMC41IDEyMCw1MjkuNiAxMzIsNTI4LjUgMTQ0LDUyNy4zIDE1Niw1MjUuOSAxNjgsNTI0LjQgMTgwLDUyMi45IDE5Miw1MjEuMyAyMDQsNTE5LjYgMjE2LDUxOC4wIDIyOCw1MTYuMyAyNDAsNTE0LjcgMjUyLDUxMy4wIDI2NCw1MTEuNSAyNzYsNTEwLjAgMjg4LDUwOC42IDMwMCw1MDcuMyAzMTIsNTA2LjEgMzI0LDUwNC45IDMzNiw1MDMuOSAzNDgsNTAzLjAgMzYwLDUwMi4yIDM3Miw1MDEuNCAzODQsNTAwLjcgMzk2LDUwMC4xIDQwOCw0OTkuNiA0MjAsNDk5LjEgNDMyLDQ5OC42IDQ0NCw0OTguMiA0NTYsNDk3LjcgNDY4LDQ5Ny4yIDQ4MCw0OTYuNiA0OTIsNDk2LjAgNTA0LDQ5NS40IDUxNiw0OTQuNiA1MjgsNDkzLjcgNTQwLDQ5Mi43IDU1Miw0OTEuNiA1NjQsNDkwLjQgNTc2LDQ4OS4wIDU4OCw0ODcuNCA2MDAsNDg1LjcgNjEyLDQ4My45IDYyNCw0ODEuOSA2MzYsNDc5LjggNjQ4LDQ3Ny42IDY2MCw0NzUuMyA2NzIsNDcyLjggNjg0LDQ3MC4zIDY5Niw0NjcuOCA3MDgsNDY1LjIgNzIwLDQ2Mi42IDczMiw0NjAuMCA3NDQsNDU3LjQgNzU2LDQ1NC45IDc2OCw0NTIuNSA3ODAsNDUwLjIgNzkyLDQ0OC4wIDgwNCw0NDYuMCA4MTYsNDQ0LjIgODI4LDQ0Mi42IDg0MCw0NDEuMiA4NTIsNDQwLjAgODY0LDQzOS4xIDg3Niw0MzguNSA4ODgsNDM4LjEgOTAwLDQzOC4wIDkxMiw0MzguMiA5MjQsNDM4LjcgOTM2LDQzOS41IDk0OCw0NDAuNSA5NjAsNDQxLjggOTcyLDQ0My40IDk4NCw0NDUuMiA5OTYsNDQ3LjIgMTAwOCw0NDkuNCAxMDIwLDQ1MS44IDEwMzIsNDU0LjQgMTA0NCw0NTcuMSAxMDU2LDQ1OS45IDEwNjgsNDYyLjcgMTA4MCw0NjUuNiAxMDkyLDQ2OC42IDExMDQsNDcxLjUgMTExNiw0NzQuNSAxMTI4LDQ3Ny4zIDExNDAsNDgwLjEgMTE1Miw0ODIuOCAxMTY0LDQ4NS40IDExNzYsNDg3LjkgMTE4OCw0OTAuMiAxMjAwLDQ5Mi40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjciLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNTU4LjYgMTIsNTU4LjEgMjQsNTU3LjcgMzYsNTU3LjQgNDgsNTU3LjEgNjAsNTU2LjggNzIsNTU2LjYgODQsNTU2LjQgOTYsNTU2LjIgMTA4LDU1Ni4wIDEyMCw1NTUuOCAxMzIsNTU1LjYgMTQ0LDU1NS4zIDE1Niw1NTUuMCAxNjgsNTU0LjcgMTgwLDU1NC40IDE5Miw1NTQuMCAyMDQsNTUzLjUgMjE2LDU1My4wIDIyOCw1NTIuNSAyNDAsNTUxLjkgMjUyLDU1MS4yIDI2NCw1NTAuNSAyNzYsNTQ5LjggMjg4LDU0OS4wIDMwMCw1NDguMSAzMTIsNTQ3LjMgMzI0LDU0Ni40IDMzNiw1NDUuNSAzNDgsNTQ0LjcgMzYwLDU0My44IDM3Miw1NDIuOSAzODQsNTQyLjEgMzk2LDU0MS4zIDQwOCw1NDAuNiA0MjAsNTM5LjkgNDMyLDUzOS4zIDQ0NCw1MzguOCA0NTYsNTM4LjQgNDY4LDUzOC4xIDQ4MCw1MzcuOSA0OTIsNTM3LjggNTA0LDUzNy44IDUxNiw1MzguMCA1MjgsNTM4LjQgNTQwLDUzOC44IDU1Miw1MzkuNSA1NjQsNTQwLjIgNTc2LDU0MS4yIDU4OCw1NDIuMiA2MDAsNTQzLjUgNjEyLDU0NC44IDYyNCw1NDYuMyA2MzYsNTQ3LjkgNjQ4LDU0OS43IDY2MCw1NTEuNiA2NzIsNTUzLjUgNjg0LDU1NS42IDY5Niw1NTcuNyA3MDgsNTU5LjkgNzIwLDU2Mi4yIDczMiw1NjQuNSA3NDQsNTY2LjggNzU2LDU2OS4yIDc2OCw1NzEuNSA3ODAsNTczLjggNzkyLDU3Ni4xIDgwNCw1NzguMyA4MTYsNTgwLjUgODI4LDU4Mi42IDg0MCw1ODQuNyA4NTIsNTg2LjYgODY0LDU4OC40IDg3Niw1OTAuMSA4ODgsNTkxLjcgOTAwLDU5My4yIDkxMiw1OTQuNSA5MjQsNTk1LjcgOTM2LDU5Ni43IDk0OCw1OTcuNiA5NjAsNTk4LjQgOTcyLDU5OS4wIDk4NCw1OTkuNSA5OTYsNTk5LjggMTAwOCw2MDAuMCAxMDIwLDYwMC4xIDEwMzIsNjAwLjEgMTA0NCw1OTkuOSAxMDU2LDU5OS43IDEwNjgsNTk5LjMgMTA4MCw1OTguOSAxMDkyLDU5OC40IDExMDQsNTk3LjggMTExNiw1OTcuMiAxMTI4LDU5Ni42IDExNDAsNTk1LjkgMTE1Miw1OTUuMiAxMTY0LDU5NC41IDExNzYsNTkzLjggMTE4OCw1OTMuMSAxMjAwLDU5Mi40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNjc2LjUgMTIsNjc2LjUgMjQsNjc2LjMgMzYsNjc2LjAgNDgsNjc1LjYgNjAsNjc1LjAgNzIsNjc0LjMgODQsNjczLjYgOTYsNjcyLjcgMTA4LDY3MS44IDEyMCw2NzAuOCAxMzIsNjY5LjggMTQ0LDY2OC43IDE1Niw2NjcuNyAxNjgsNjY2LjcgMTgwLDY2NS42IDE5Miw2NjQuNyAyMDQsNjYzLjcgMjE2LDY2Mi44IDIyOCw2NjIuMCAyNDAsNjYxLjIgMjUyLDY2MC41IDI2NCw2NTkuOCAyNzYsNjU5LjIgMjg4LDY1OC43IDMwMCw2NTguMiAzMTIsNjU3LjggMzI0LDY1Ny40IDMzNiw2NTcuMSAzNDgsNjU2LjcgMzYwLDY1Ni40IDM3Miw2NTYuMiAzODQsNjU1LjkgMzk2LDY1NS41IDQwOCw2NTUuMiA0MjAsNjU0LjggNDMyLDY1NC40IDQ0NCw2NTMuOSA0NTYsNjUzLjMgNDY4LDY1Mi42IDQ4MCw2NTEuOSA0OTIsNjUxLjEgNTA0LDY1MC4yIDUxNiw2NDkuMyA1MjgsNjQ4LjIgNTQwLDY0Ny4xIDU1Miw2NDUuOSA1NjQsNjQ0LjYgNTc2LDY0My4zIDU4OCw2NDEuOSA2MDAsNjQwLjYgNjEyLDYzOS4yIDYyNCw2MzcuOCA2MzYsNjM2LjQgNjQ4LDYzNS4wIDY2MCw2MzMuNyA2NzIsNjMyLjUgNjg0LDYzMS40IDY5Niw2MzAuMyA3MDgsNjI5LjQgNzIwLDYyOC42IDczMiw2MjcuOSA3NDQsNjI3LjQgNzU2LDYyNy4wIDc2OCw2MjYuOCA3ODAsNjI2LjggNzkyLDYyNi45IDgwNCw2MjcuMiA4MTYsNjI3LjcgODI4LDYyOC40IDg0MCw2MjkuMiA4NTIsNjMwLjIgODY0LDYzMS4zIDg3Niw2MzIuNSA4ODgsNjMzLjkgOTAwLDYzNS40IDkxMiw2MzYuOSA5MjQsNjM4LjYgOTM2LDY0MC4yIDk0OCw2NDIuMCA5NjAsNjQzLjcgOTcyLDY0NS40IDk4NCw2NDcuMSA5OTYsNjQ4LjggMTAwOCw2NTAuNCAxMDIwLDY1Mi4wIDEwMzIsNjUzLjUgMTA0NCw2NTQuOSAxMDU2LDY1Ni4yIDEwNjgsNjU3LjQgMTA4MCw2NTguNSAxMDkyLDY1OS41IDExMDQsNjYwLjMgMTExNiw2NjEuMSAxMTI4LDY2MS44IDExNDAsNjYyLjMgMTE1Miw2NjIuOCAxMTY0LDY2My4yIDExNzYsNjYzLjQgMTE4OCw2NjMuNyAxMjAwLDY2My44IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNzU5LjIgMTIsNzU4LjYgMjQsNzU3LjkgMzYsNzU3LjIgNDgsNzU2LjUgNjAsNzU1LjggNzIsNzU1LjEgODQsNzU0LjMgOTYsNzUzLjUgMTA4LDc1Mi43IDEyMCw3NTEuOSAxMzIsNzUxLjEgMTQ0LDc1MC4zIDE1Niw3NDkuNSAxNjgsNzQ4LjggMTgwLDc0OC4wIDE5Miw3NDcuMiAyMDQsNzQ2LjUgMjE2LDc0NS44IDIyOCw3NDUuMSAyNDAsNzQ0LjQgMjUyLDc0My44IDI2NCw3NDMuMSAyNzYsNzQyLjYgMjg4LDc0Mi4wIDMwMCw3NDEuNCAzMTIsNzQwLjkgMzI0LDc0MC40IDMzNiw3NDAuMCAzNDgsNzM5LjYgMzYwLDczOS4yIDM3Miw3MzguOCAzODQsNzM4LjQgMzk2LDczOC4xIDQwOCw3MzcuOCA0MjAsNzM3LjUgNDMyLDczNy4yIDQ0NCw3MzcuMCA0NTYsNzM2LjggNDY4LDczNi41IDQ4MCw3MzYuMyA0OTIsNzM2LjEgNTA0LDczNS45IDUxNiw3MzUuNyA1MjgsNzM1LjUgNTQwLDczNS4yIDU1Miw3MzUuMCA1NjQsNzM0LjggNTc2LDczNC41IDU4OCw3MzQuMyA2MDAsNzM0LjAgNjEyLDczMy43IDYyNCw3MzMuNCA2MzYsNzMzLjAgNjQ4LDczMi42IDY2MCw3MzIuMyA2NzIsNzMxLjggNjg0LDczMS40IDY5Niw3MzAuOSA3MDgsNzMwLjQgNzIwLDcyOS44IDczMiw3MjkuMyA3NDQsNzI4LjcgNzU2LDcyOC4wIDc2OCw3MjcuNCA3ODAsNzI2LjcgNzkyLDcyNi4wIDgwNCw3MjUuMiA4MTYsNzI0LjUgODI4LDcyMy43IDg0MCw3MjIuOSA4NTIsNzIyLjEgODY0LDcyMS4zIDg3Niw3MjAuNSA4ODgsNzE5LjYgOTAwLDcxOC44IDkxMiw3MTcuOSA5MjQsNzE3LjEgOTM2LDcxNi4zIDk0OCw3MTUuNCA5NjAsNzE0LjYgOTcyLDcxMy45IDk4NCw3MTMuMSA5OTYsNzEyLjQgMTAwOCw3MTEuNyAxMDIwLDcxMS4wIDEwMzIsNzEwLjQgMTA0NCw3MDkuOCAxMDU2LDcwOS4yIDEwNjgsNzA4LjcgMTA4MCw3MDguMyAxMDkyLDcwNy45IDExMDQsNzA3LjYgMTExNiw3MDcuMyAxMTI4LDcwNy4xIDExNDAsNzA2LjkgMTE1Miw3MDYuOCAxMTY0LDcwNi44IDExNzYsNzA2LjggMTE4OCw3MDcuMCAxMjAwLDcwNy4xIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuNDMiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="" loading="lazy" width="1200" height="750">
</div>
<div class="post__body">
<p class="post__meta"><span>Öne çıkan</span> · <span>Rehber</span> · <span>12 Ağustos 2026</span> · <span>6 dk okuma</span></p>
<h2>TDS değeri nedir, musluk suyunuzda kaç ppm olmalı?</h2>
<p>
TDS ölçer alıp musluk suyunu ölçen herkes aynı soruyu soruyor: bu sayı yüksekse su içilmez mi?
Cevap göründüğü kadar basit değil. TDS suda çözünmüş toplam katı madde miktarını verir, ama
bu maddelerin ne olduğunu söylemez — 300 ppm'lik bir su, mineral ağırlıklıysa sağlıklı;
nitrat ve ağır metal ağırlıklıysa sorunludur.
</p>
<p class="muted">
Bu yazıda TDS'in ne ölçtüğünü, hangi aralıkların normal kabul edildiğini, ölçümün nasıl doğru yapılacağını
ve TDS'e bakarak hangi kararı verip hangisini vermemeniz gerektiğini anlatıyoruz.
</p>
<span class="post__foot link-arrow">Yazının tamamını okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</article>
</div>
</section>
<!-- Filtre + liste -->
<section class="section section--sunk">
<div class="wrap">
<div class="section-head section-head--split reveal">
<div>
<p class="eyebrow">Tüm yazılar</p>
<h2>Konuya göre okuyun.</h2>
</div>
<div class="chips" data-filter-group data-filter-target=".blog-grid" role="group" aria-label="Blog kategori filtresi">
<button class="chip is-active" type="button" data-cat-filter="all" aria-pressed="true">Tümü</button>
<button class="chip" type="button" data-cat-filter="rehber" aria-pressed="false">Rehber</button>
<button class="chip" type="button" data-cat-filter="bakim" aria-pressed="false">Bakım</button>
<button class="chip" type="button" data-cat-filter="endustriyel" aria-pressed="false">Endüstriyel</button>
<button class="chip" type="button" data-cat-filter="saglik" aria-pressed="false">Sağlık</button>
</div>
</div>
<div class="grid grid--3 blog-grid">
<a class="post reveal" data-cat="bakim" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUE1NTg5IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMikiLz48cGF0aCBkPSJNIDYwMC4wIDYzLjc1IEMgODEzLjc1IDMxMS4yNSA4MjUuMCA0ODQuNSA2MDAuMCA2MTUuMCBDIDM3NS4wIDQ4NC41IDM4Ni4yNSAzMTEuMjUgNjAwLjAgNjMuNzUgWiIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PHBhdGggZD0iTSA2MDAuMCA2My43NSBDIDgxMy43NSAzMTEuMjUgODI1LjAgNDg0LjUgNjAwLjAgNjE1LjAgQyAzNzUuMCA0ODQuNSAzODYuMjUgMzExLjI1IDYwMC4wIDYzLjc1IFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMzAiIHN0cm9rZS13aWR0aD0iMiIvPjxlbGxpcHNlIGN4PSI1MzIiIGN5PSIzNDUiIHJ4PSIzNiIgcnk9IjU0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzUiIHRyYW5zZm9ybT0icm90YXRlKC0yMCA1MzIgMzQ1KSIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI2NzEiIHJ4PSIzMzgiIHJ5PSI3NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iNjcxIiByeD0iNDMyIiByeT0iOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMjkiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjY3MSIgcng9IjUyNiIgcnk9IjExNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yMyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iNjcxIiByeD0iNjIxIiByeT0iMTM3IiBmaWxsPSJub25lIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE4IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI2NzEiIHJ4PSI3MTUiIHJ5PSIxNTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjY3MSIgcng9IjgxMCIgcnk9IjE3OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Bakım</span> · <span>4 dk</span></p>
<h3>Arıtma filtreleri ne sıklıkla değişmeli?</h3>
<p>Tortu, karbon, membran ve mineral kademelerinin gerçek ömürleri ve gecikmenin suya yansıması.</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="1" data-cat="endustriyel" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDMiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMykiLz48Y2lyY2xlIGN4PSIxMDkiIGN5PSI2MzIiIHI9IjI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSIxMDEiIGN5PSI2MjQiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9IjkzNiIgY3k9IjQ0NiIgcj0iMzQiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjkyNiIgY3k9IjQzNiIgcj0iNiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iODY4IiBjeT0iNTgxIiByPSIxNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PGNpcmNsZSBjeD0iMTA3NyIgY3k9Ijg4IiByPSIyNCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PGNpcmNsZSBjeD0iMTA3MCIgY3k9IjgxIiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI0MjEiIGN5PSIxOTYiIHI9IjE3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0MTUiIGN5PSIxOTEiIHI9IjMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxjaXJjbGUgY3g9IjkwMCIgY3k9IjIyNCIgcj0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzExIiBjeT0iMTM0IiByPSI0IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjgiLz48Y2lyY2xlIGN4PSI0NTMiIGN5PSI0NTAiIHI9IjIxIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjgiLz48Y2lyY2xlIGN4PSI0NDciIGN5PSI0NDQiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjgxIiBjeT0iNDc1IiByPSIzNCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzEiIGN5PSI0NjUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjUyMCIgY3k9IjI1MiIgcj0iMTUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zMSIvPjxjaXJjbGUgY3g9IjI3NCIgY3k9IjU1MyIgcj0iNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iOTciIGN5PSI1OTIiIHI9IjUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxNyIgY3k9IjIxMSIgcj0iMzIiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xOSIvPjxjaXJjbGUgY3g9IjMwNyIgY3k9IjIwMiIgcj0iNiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+PGNpcmNsZSBjeD0iNTUiIGN5PSIxMzciIHI9IjE5IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz48Y2lyY2xlIGN4PSI0OSIgY3k9IjEzMSIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNzY5IiBjeT0iMzYwIiByPSIzMyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMxIi8+PGNpcmNsZSBjeD0iNzU5IiBjeT0iMzUwIiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz48Y2lyY2xlIGN4PSIxMTM5IiBjeT0iNzQ0IiByPSIzNyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PGNpcmNsZSBjeD0iMTEyOCIgY3k9IjczMyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjI1Ii8+PGNpcmNsZSBjeD0iODYwIiBjeT0iNTE5IiByPSIyNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iODUyIiBjeT0iNTEyIiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSIxMDA1IiBjeT0iMjg2IiByPSIzNyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iOTk0IiBjeT0iMjc1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjYzNiIgcj0iMjEiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4wNSIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iNjI5IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDQiLz48Y2lyY2xlIGN4PSI5ODIiIGN5PSI1OTYiIHI9IjM1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI5NzEiIGN5PSI1ODUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjIwMSIgY3k9IjE2MyIgcj0iMjMiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjE5NCIgY3k9IjE1NiIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjY5IiBjeT0iMTgwIiByPSI4IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzEiLz48Y2lyY2xlIGN4PSIxMTk3IiBjeT0iNzA1IiByPSIyMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PGNpcmNsZSBjeD0iMTE5MSIgY3k9IjY5OSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA2Ii8+PGNpcmNsZSBjeD0iMjY1IiBjeT0iNDE1IiByPSIzNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI0Ii8+PGNpcmNsZSBjeD0iMjU0IiBjeT0iNDA0IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMzAiIGN5PSI2ODciIHI9IjI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTciLz48Y2lyY2xlIGN4PSIxMjIiIGN5PSI2NzkiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMyIvPjxjaXJjbGUgY3g9IjkyNCIgY3k9IjMwNyIgcj0iMjMiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4wNiIvPjxjaXJjbGUgY3g9IjkxNyIgY3k9IjMwMCIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PGNpcmNsZSBjeD0iOTEiIGN5PSI2OTgiIHI9IjE5IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI4NiIgY3k9IjY5MiIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iNDQ2IiBjeT0iMjk0IiByPSI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjkiLz48Y2lyY2xlIGN4PSIzMDMiIGN5PSI1NzUiIHI9IjEwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIxMDYiIGN5PSI1MjIiIHI9IjM3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NSIgY3k9IjUxMSIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNzczIiBjeT0iMTg3IiByPSIzOCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PGNpcmNsZSBjeD0iNzYyIiBjeT0iMTc1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSI0MjUiIHI9IjI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIyOTIiIGN5PSI0MTciIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjcwOSIgY3k9Ijg2IiByPSI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2OTIiIGN5PSI2NjIiIHI9IjIwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzAiLz48Y2lyY2xlIGN4PSI2ODYiIGN5PSI2NTYiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPjxjaXJjbGUgY3g9IjkyMCIgY3k9IjcyOSIgcj0iMjkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjkxMSIgY3k9IjcyMCIgcj0iNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzY0IiBjeT0iNTE3IiByPSIxMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMzg4IiBjeT0iNDA2IiByPSI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIxNzQiIGN5PSI3MDIiIHI9IjIwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSIxNjgiIGN5PSI2OTYiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjE2NyIgY3k9IjMzOCIgcj0iMzkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxjaXJjbGUgY3g9IjE1NSIgY3k9IjMyNyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMTA5NCIgY3k9IjEyMiIgcj0iMzUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yNyIvPjxjaXJjbGUgY3g9IjEwODQiIGN5PSIxMTIiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxjaXJjbGUgY3g9IjQ1NSIgY3k9IjI1OCIgcj0iMzciIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xMyIvPjxjaXJjbGUgY3g9IjQ0NCIgY3k9IjI0NyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMzE3IiBjeT0iNDgyIiByPSIyMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMzExIiBjeT0iNDc2IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI1MzYiIHI9IjMwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTciLz48Y2lyY2xlIGN4PSI1MDAiIGN5PSI1MjciIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjExMjgiIGN5PSIyMDIiIHI9IjEzIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIzIiBjeT0iMzc5IiByPSIyMSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iLTMiIGN5PSIzNzMiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjU0MSIgY3k9IjM1OCIgcj0iMjQiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxjaXJjbGUgY3g9IjUzNCIgY3k9IjM1MSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Endüstriyel</span> · <span>8 dk</span></p>
<h3>Kazan besi suyunda iletkenlik yönetimi</h3>
<p>Kazan taşını önlemek için hangi parametreyi hangi sıklıkla izlemeli, blöf oranı nasıl hesaplanır?</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="2" data-cat="rehber" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDQiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwNCIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzJCN0RDNSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwNCkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwNCkiLz48ZyBvcGFjaXR5PSIwLjUiPjxsaW5lIHgxPSItNzgyIiB5MT0iMCIgeDI9Ii0zMiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTc4MiIgeTE9IjAiIHgyPSItMTUzMiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTc0OCIgeTE9IjAiIHgyPSIyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzQ4IiB5MT0iMCIgeDI9Ii0xNDk4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzE0IiB5MT0iMCIgeDI9IjM2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzE0IiB5MT0iMCIgeDI9Ii0xNDY0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjgwIiB5MT0iMCIgeDI9IjcwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjgwIiB5MT0iMCIgeDI9Ii0xNDMwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjQ2IiB5MT0iMCIgeDI9IjEwNCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY0NiIgeTE9IjAiIHgyPSItMTM5NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTYxMiIgeTE9IjAiIHgyPSIxMzgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02MTIiIHkxPSIwIiB4Mj0iLTEzNjIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iMTcyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTc4IiB5MT0iMCIgeDI9Ii0xMzI4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTQ0IiB5MT0iMCIgeDI9IjIwNiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTU0NCIgeTE9IjAiIHgyPSItMTI5NCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTUxMCIgeTE9IjAiIHgyPSIyNDAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01MTAiIHkxPSIwIiB4Mj0iLTEyNjAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NzYiIHkxPSIwIiB4Mj0iMjc0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDc2IiB5MT0iMCIgeDI9Ii0xMjI2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDQyIiB5MT0iMCIgeDI9IjMwOCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQ0MiIgeTE9IjAiIHgyPSItMTE5MiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQwOCIgeTE9IjAiIHgyPSIzNDIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00MDgiIHkxPSIwIiB4Mj0iLTExNTgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNzQiIHkxPSIwIiB4Mj0iMzc2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzc0IiB5MT0iMCIgeDI9Ii0xMTI0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzQwIiB5MT0iMCIgeDI9IjQxMCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM0MCIgeTE9IjAiIHgyPSItMTA5MCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTMwNiIgeTE9IjAiIHgyPSI0NDQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zMDYiIHkxPSIwIiB4Mj0iLTEwNTYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yNzIiIHkxPSIwIiB4Mj0iNDc4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjcyIiB5MT0iMCIgeDI9Ii0xMDIyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjM4IiB5MT0iMCIgeDI9IjUxMiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIzOCIgeTE9IjAiIHgyPSItOTg4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjA0IiB5MT0iMCIgeDI9IjU0NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIwNCIgeTE9IjAiIHgyPSItOTU0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTcwIiB5MT0iMCIgeDI9IjU4MCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTE3MCIgeTE9IjAiIHgyPSItOTIwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTM2IiB5MT0iMCIgeDI9IjYxNCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEzNiIgeTE9IjAiIHgyPSItODg2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTAyIiB5MT0iMCIgeDI9IjY0OCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEwMiIgeTE9IjAiIHgyPSItODUyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjgiIHkxPSIwIiB4Mj0iNjgyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjgiIHkxPSIwIiB4Mj0iLTgxOCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM0IiB5MT0iMCIgeDI9IjcxNiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM0IiB5MT0iMCIgeDI9Ii03ODQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjAiIHkxPSIwIiB4Mj0iNzUwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9Ii03NTAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0IiB5MT0iMCIgeDI9Ijc4NCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQiIHkxPSIwIiB4Mj0iLTcxNiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgiIHkxPSIwIiB4Mj0iODE4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2OCIgeTE9IjAiIHgyPSItNjgyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIiIHkxPSIwIiB4Mj0iODUyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIiIHkxPSIwIiB4Mj0iLTY0OCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ijg4NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ii02MTQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSI5MjAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSItNTgwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDQiIHkxPSIwIiB4Mj0iOTU0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDQiIHkxPSIwIiB4Mj0iLTU0NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ijk4OCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ii01MTIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSIxMDIyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyNzIiIHkxPSIwIiB4Mj0iLTQ3OCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzA2IiB5MT0iMCIgeDI9IjEwNTYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjAiIHgyPSItNDQ0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNDAiIHkxPSIwIiB4Mj0iMTA5MCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQwIiB5MT0iMCIgeDI9Ii00MTAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM3NCIgeTE9IjAiIHgyPSIxMTI0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNzQiIHkxPSIwIiB4Mj0iLTM3NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDA4IiB5MT0iMCIgeDI9IjExNTgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQwOCIgeTE9IjAiIHgyPSItMzQyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NDIiIHkxPSIwIiB4Mj0iMTE5MiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDQyIiB5MT0iMCIgeDI9Ii0zMDgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQ3NiIgeTE9IjAiIHgyPSIxMjI2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NzYiIHkxPSIwIiB4Mj0iLTI3NCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTEwIiB5MT0iMCIgeDI9IjEyNjAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjUxMCIgeTE9IjAiIHgyPSItMjQwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NDQiIHkxPSIwIiB4Mj0iMTI5NCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTQ0IiB5MT0iMCIgeDI9Ii0yMDYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjU3OCIgeTE9IjAiIHgyPSIxMzI4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NzgiIHkxPSIwIiB4Mj0iLTE3MiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjEyIiB5MT0iMCIgeDI9IjEzNjIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjYxMiIgeTE9IjAiIHgyPSItMTM4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2NDYiIHkxPSIwIiB4Mj0iMTM5NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjQ2IiB5MT0iMCIgeDI9Ii0xMDQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4MCIgeTE9IjAiIHgyPSIxNDMwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2ODAiIHkxPSIwIiB4Mj0iLTcwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3MTQiIHkxPSIwIiB4Mj0iMTQ2NCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzE0IiB5MT0iMCIgeDI9Ii0zNiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzQ4IiB5MT0iMCIgeDI9IjE0OTgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc0OCIgeTE9IjAiIHgyPSItMiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzgyIiB5MT0iMCIgeDI9IjE1MzIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc4MiIgeTE9IjAiIHgyPSIzMiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODE2IiB5MT0iMCIgeDI9IjE1NjYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjgxNiIgeTE9IjAiIHgyPSI2NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODUwIiB5MT0iMCIgeDI9IjE2MDAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg1MCIgeTE9IjAiIHgyPSIxMDAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg4NCIgeTE9IjAiIHgyPSIxNjM0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4ODQiIHkxPSIwIiB4Mj0iMTM0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI5MTgiIHkxPSIwIiB4Mj0iMTY2OCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTE4IiB5MT0iMCIgeDI9IjE2OCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTUyIiB5MT0iMCIgeDI9IjE3MDIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk1MiIgeTE9IjAiIHgyPSIyMDIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk4NiIgeTE9IjAiIHgyPSIxNzM2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI5ODYiIHkxPSIwIiB4Mj0iMjM2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIwIiB5MT0iMCIgeDI9IjE3NzAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwMjAiIHkxPSIwIiB4Mj0iMjcwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDU0IiB5MT0iMCIgeDI9IjE4MDQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwNTQiIHkxPSIwIiB4Mj0iMzA0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDg4IiB5MT0iMCIgeDI9IjE4MzgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwODgiIHkxPSIwIiB4Mj0iMzM4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTIyIiB5MT0iMCIgeDI9IjE4NzIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjExMjIiIHkxPSIwIiB4Mj0iMzcyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTU2IiB5MT0iMCIgeDI9IjE5MDYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjExNTYiIHkxPSIwIiB4Mj0iNDA2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTkwIiB5MT0iMCIgeDI9IjE5NDAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjExOTAiIHkxPSIwIiB4Mj0iNDQwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjI0IiB5MT0iMCIgeDI9IjE5NzQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEyMjQiIHkxPSIwIiB4Mj0iNDc0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjU4IiB5MT0iMCIgeDI9IjIwMDgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEyNTgiIHkxPSIwIiB4Mj0iNTA4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjkyIiB5MT0iMCIgeDI9IjIwNDIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEyOTIiIHkxPSIwIiB4Mj0iNTQyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzI2IiB5MT0iMCIgeDI9IjIwNzYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEzMjYiIHkxPSIwIiB4Mj0iNTc2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYwIiB5MT0iMCIgeDI9IjIxMTAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEzNjAiIHkxPSIwIiB4Mj0iNjEwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzk0IiB5MT0iMCIgeDI9IjIxNDQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEzOTQiIHkxPSIwIiB4Mj0iNjQ0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDI4IiB5MT0iMCIgeDI9IjIxNzgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE0MjgiIHkxPSIwIiB4Mj0iNjc4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDYyIiB5MT0iMCIgeDI9IjIyMTIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE0NjIiIHkxPSIwIiB4Mj0iNzEyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDk2IiB5MT0iMCIgeDI9IjIyNDYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE0OTYiIHkxPSIwIiB4Mj0iNzQ2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTMwIiB5MT0iMCIgeDI9IjIyODAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE1MzAiIHkxPSIwIiB4Mj0iNzgwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTY0IiB5MT0iMCIgeDI9IjIzMTQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE1NjQiIHkxPSIwIiB4Mj0iODE0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTk4IiB5MT0iMCIgeDI9IjIzNDgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE1OTgiIHkxPSIwIiB4Mj0iODQ4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjMyIiB5MT0iMCIgeDI9IjIzODIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE2MzIiIHkxPSIwIiB4Mj0iODgyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjY2IiB5MT0iMCIgeDI9IjI0MTYiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE2NjYiIHkxPSIwIiB4Mj0iOTE2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAwIiB5MT0iMCIgeDI9IjI0NTAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MDAiIHkxPSIwIiB4Mj0iOTUwIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzM0IiB5MT0iMCIgeDI9IjI0ODQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MzQiIHkxPSIwIiB4Mj0iOTg0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzY4IiB5MT0iMCIgeDI9IjI1MTgiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3NjgiIHkxPSIwIiB4Mj0iMTAxOCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgwMiIgeTE9IjAiIHgyPSIyNTUyIiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODAyIiB5MT0iMCIgeDI9IjEwNTIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE4MzYiIHkxPSIwIiB4Mj0iMjU4NiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgzNiIgeTE9IjAiIHgyPSIxMDg2IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODcwIiB5MT0iMCIgeDI9IjI2MjAiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE4NzAiIHkxPSIwIiB4Mj0iMTEyMCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkwNCIgeTE9IjAiIHgyPSIyNjU0IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTA0IiB5MT0iMCIgeDI9IjExNTQiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5MzgiIHkxPSIwIiB4Mj0iMjY4OCIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkzOCIgeTE9IjAiIHgyPSIxMTg4IiB5Mj0iNzUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTcyIiB5MT0iMCIgeDI9IjI3MjIiIHkyPSI3NTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5NzIiIHkxPSIwIiB4Mj0iMTIyMiIgeTI9Ijc1MCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48L2c+PGNpcmNsZSBjeD0iNTAxIiBjeT0iMTU3IiByPSI3NyIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMjQ3IiBjeT0iMzY2IiByPSI1NyIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iNzg4IiBjeT0iMTk1IiByPSIxMDciIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjE5MCIgY3k9IjE0OCIgcj0iODQiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjEwNjUiIGN5PSI1NjUiIHI9Ijk2IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIyNjUiIGN5PSIyMTciIHI9IjU0IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzNDgiIGN5PSIyMDIiIHI9IjU0IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0ODIiIGN5PSIyODIiIHI9Ijk1IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MjEiIGN5PSIxODMiIHI9IjcyIiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Rehber</span> · <span>5 dk</span></p>
<h3>Yumuşatma mı, ters ozmoz mu?</h3>
<p>İki sistem farklı sorunları çözer. Hangi durumda hangisinin doğru seçim olduğunu tabloyla anlattık.</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-cat="saglik" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDUiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCOERDRjMiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwNSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0I4RENGMyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTEzQTYyIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwNSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwNSkiLz48bGluZSB4MT0iMzU1IiB5MT0iOTAiIHgyPSI2OTciIHkyPSI5MCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yNSIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2OTciIGN5PSI5MCIgcj0iMTEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yNSIvPjxsaW5lIHgxPSI0MTAiIHkxPSIxNjEiIHgyPSI4MDQiIHkyPSIxNjEiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMzUiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iODA0IiBjeT0iMTYxIiByPSIxMSIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjM1Ii8+PGxpbmUgeDE9Ijk2IiB5MT0iMjMyIiB4Mj0iNzA2IiB5Mj0iMjMyIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE1IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjcwNiIgY3k9IjIzMiIgcj0iNiIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjMwNCIgeDI9IjkxMiIgeTI9IjMwNCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yOCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5MTIiIGN5PSIzMDQiIHI9IjYiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxsaW5lIHgxPSIzMTkiIHkxPSIzNzUiIHgyPSI3NTUiIHkyPSIzNzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNzU1IiBjeT0iMzc1IiByPSI1IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMjYiLz48bGluZSB4MT0iMTIzIiB5MT0iNDQ2IiB4Mj0iNDU3IiB5Mj0iNDQ2IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjQ1NyIgY3k9IjQ0NiIgcj0iOCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGxpbmUgeDE9IjIyNCIgeTE9IjUxOCIgeDI9IjgwNiIgeTI9IjUxOCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yMSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI4MDYiIGN5PSI1MTgiIHI9IjYiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxsaW5lIHgxPSIxNTMiIHkxPSI1ODkiIHgyPSI2NzkiIHkyPSI1ODkiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuNDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNjc5IiBjeT0iNTg5IiByPSI2IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuNDAiLz48bGluZSB4MT0iNDA5IiB5MT0iNjYwIiB4Mj0iODM3IiB5Mj0iNjYwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjM5IiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjgzNyIgY3k9IjY2MCIgcj0iMTEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4zOSIvPjxsaW5lIHgxPSIyNDAiIHkxPSI3NSIgeDI9IjI0MCIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9IjQ4MCIgeTE9Ijc1IiB4Mj0iNDgwIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iNzIwIiB5MT0iNzUiIHgyPSI3MjAiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSI5NjAiIHkxPSI3NSIgeDI9Ijk2MCIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Sağlık</span> · <span>6 dk</span></p>
<h3>Arıtılmış su mineralsiz mi kalıyor?</h3>
<p>Mineral kademesi tam olarak ne yapar, çıkış suyunun pH'ı neden 7,0–7,5 aralığında tutulur?</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="1" data-cat="bakim" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDYiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwNiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkI3REM1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwNikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwNikiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjI2IiBmaWxsPSJub25lIiBzdHJva2U9IiMwQTJCNEQiIHN0cm9rZS1vcGFjaXR5PSIwLjUwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjQyMyIgY3k9IjM0NiIgcj0iNTkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBBMkI0RCIgc3Ryb2tlLW9wYWNpdHk9IjAuNDciIHN0cm9rZS13aWR0aD0iMi4wIi8+PGNpcmNsZSBjeD0iNDIzIiBjeT0iMzQ2IiByPSI5MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC40MyIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjEyNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC40MCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjEzNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4zNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjE2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4zMyIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjIwNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4zMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjI0NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4yNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjI0NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4yNCIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjMxMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4yMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjMwOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4xNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjM3MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4xNCIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjQwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI0MjMiIGN5PSIzNDYiIHI9IjM5NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMEEyQjREIiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Bakım</span> · <span>3 dk</span></p>
<h3>Cihazdan gelen suyun tadı değiştiyse</h3>
<p>Tat ve koku değişiminin en sık üç nedeni ve servis çağırmadan önce yapabileceğiniz kontroller.</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="2" data-cat="rehber" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwNyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwNykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwNykiLz48cmVjdCB4PSI3MiIgeT0iMjY0IiB3aWR0aD0iMTQ1IiBoZWlnaHQ9IjM4MSIgcng9IjYxIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48cmVjdCB4PSIxMDEiIHk9IjM3MSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE5MCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PHJlY3QgeD0iMjUxIiB5PSIyNjMiIHdpZHRoPSIxMTEiIGhlaWdodD0iMzgyIiByeD0iNDciIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yNiIvPjxyZWN0IHg9IjI3MyIgeT0iMzcwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTkxIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDkiLz48cmVjdCB4PSI0MjAiIHk9IjQyMCIgd2lkdGg9IjE3NyIgaGVpZ2h0PSIyMjUiIHJ4PSI3NSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI3Ii8+PHJlY3QgeD0iNDU1IiB5PSI0ODMiIHdpZHRoPSIyNSIgaGVpZ2h0PSIxMTMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxyZWN0IHg9IjYzMCIgeT0iMTk3IiB3aWR0aD0iMTI3IiBoZWlnaHQ9IjQ0OCIgcng9IjUzIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjMiLz48cmVjdCB4PSI2NTYiIHk9IjMyMyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIyNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PHJlY3QgeD0iODAwIiB5PSIzOTciIHdpZHRoPSIxMTQiIGhlaWdodD0iMjQ4IiByeD0iNDgiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxyZWN0IHg9IjgyMyIgeT0iNDY2IiB3aWR0aD0iMTYiIGhlaWdodD0iMTI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDciLz48cmVjdCB4PSI5NDEiIHk9IjI1OSIgd2lkdGg9IjE3MiIgaGVpZ2h0PSIzODYiIHJ4PSI3MiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PHJlY3QgeD0iOTc1IiB5PSIzNjciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxOTMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxyZWN0IHg9IjAiIHk9IjY0NSIgd2lkdGg9IjEyMDAiIGhlaWdodD0iMTA1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuNSIvPjxsaW5lIHgxPSIwIiB5MT0iNTU1IiB4Mj0iMTIwMCIgeTI9IjU1NSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI2Ii8+PGxpbmUgeDE9IjAiIHkxPSI0NTgiIHgyPSIxMjAwIiB5Mj0iNDU4IiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjUiLz48bGluZSB4MT0iMCIgeTE9IjM2MCIgeDI9IjEyMDAiIHkyPSIzNjAiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNCIvPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9Ijc1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Rehber</span> · <span>7 dk</span></p>
<h3>Su sertliği: °fH, °dH ve ppm arasındaki fark</h3>
<p>Rapordaki birimleri nasıl okuyacağınız ve kaç dereceden sonra yumuşatmanın gerekli hale geldiği.</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-cat="endustriyel" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMSkiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsMjQwLjYgMTIsMjQxLjYgMjQsMjQyLjYgMzYsMjQzLjYgNDgsMjQ0LjYgNjAsMjQ1LjYgNzIsMjQ2LjYgODQsMjQ3LjUgOTYsMjQ4LjQgMTA4LDI0OS4zIDEyMCwyNTAuMSAxMzIsMjUwLjkgMTQ0LDI1MS42IDE1NiwyNTIuMyAxNjgsMjUzLjAgMTgwLDI1My42IDE5MiwyNTQuMSAyMDQsMjU0LjYgMjE2LDI1NS4xIDIyOCwyNTUuNCAyNDAsMjU1LjggMjUyLDI1Ni4wIDI2NCwyNTYuMyAyNzYsMjU2LjQgMjg4LDI1Ni41IDMwMCwyNTYuNiAzMTIsMjU2LjYgMzI0LDI1Ni42IDMzNiwyNTYuNSAzNDgsMjU2LjQgMzYwLDI1Ni4zIDM3MiwyNTYuMSAzODQsMjU1LjkgMzk2LDI1NS42IDQwOCwyNTUuNCA0MjAsMjU1LjEgNDMyLDI1NC44IDQ0NCwyNTQuNCA0NTYsMjU0LjEgNDY4LDI1My43IDQ4MCwyNTMuNCA0OTIsMjUzLjAgNTA0LDI1Mi43IDUxNiwyNTIuMyA1MjgsMjUyLjAgNTQwLDI1MS43IDU1MiwyNTEuMyA1NjQsMjUxLjAgNTc2LDI1MC43IDU4OCwyNTAuNCA2MDAsMjUwLjIgNjEyLDI0OS45IDYyNCwyNDkuNyA2MzYsMjQ5LjUgNjQ4LDI0OS4zIDY2MCwyNDkuMSA2NzIsMjQ5LjAgNjg0LDI0OC44IDY5NiwyNDguNyA3MDgsMjQ4LjYgNzIwLDI0OC41IDczMiwyNDguNCA3NDQsMjQ4LjMgNzU2LDI0OC4yIDc2OCwyNDguMiA3ODAsMjQ4LjEgNzkyLDI0OC4wIDgwNCwyNDguMCA4MTYsMjQ3LjkgODI4LDI0Ny44IDg0MCwyNDcuNyA4NTIsMjQ3LjYgODY0LDI0Ny40IDg3NiwyNDcuMyA4ODgsMjQ3LjEgOTAwLDI0Ni45IDkxMiwyNDYuNiA5MjQsMjQ2LjQgOTM2LDI0Ni4xIDk0OCwyNDUuNyA5NjAsMjQ1LjQgOTcyLDI0NS4wIDk4NCwyNDQuNSA5OTYsMjQ0LjAgMTAwOCwyNDMuNSAxMDIwLDI0My4wIDEwMzIsMjQyLjQgMTA0NCwyNDEuOCAxMDU2LDI0MS4xIDEwNjgsMjQwLjQgMTA4MCwyMzkuNyAxMDkyLDIzOC45IDExMDQsMjM4LjEgMTExNiwyMzcuMyAxMTI4LDIzNi41IDExNDAsMjM1LjYgMTE1MiwyMzQuOCAxMTY0LDIzMy45IDExNzYsMjMzLjAgMTE4OCwyMzIuMSAxMjAwLDIzMS4yIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsMzA3LjkgMTIsMzA3LjggMjQsMzA3LjcgMzYsMzA3LjUgNDgsMzA3LjMgNjAsMzA3LjAgNzIsMzA2LjYgODQsMzA2LjIgOTYsMzA1LjggMTA4LDMwNS4zIDEyMCwzMDQuOSAxMzIsMzA0LjQgMTQ0LDMwMy45IDE1NiwzMDMuNSAxNjgsMzAzLjIgMTgwLDMwMi45IDE5MiwzMDIuNiAyMDQsMzAyLjUgMjE2LDMwMi41IDIyOCwzMDIuNiAyNDAsMzAyLjkgMjUyLDMwMy4zIDI2NCwzMDMuOSAyNzYsMzA0LjYgMjg4LDMwNS42IDMwMCwzMDYuNiAzMTIsMzA3LjkgMzI0LDMwOS4zIDMzNiwzMTAuOSAzNDgsMzEyLjYgMzYwLDMxNC40IDM3MiwzMTYuNCAzODQsMzE4LjQgMzk2LDMyMC41IDQwOCwzMjIuNyA0MjAsMzI0LjkgNDMyLDMyNy4xIDQ0NCwzMjkuMyA0NTYsMzMxLjUgNDY4LDMzMy42IDQ4MCwzMzUuNiA0OTIsMzM3LjUgNTA0LDMzOS4zIDUxNiwzNDEuMCA1MjgsMzQyLjUgNTQwLDM0My44IDU1MiwzNDQuOSA1NjQsMzQ1LjkgNTc2LDM0Ni42IDU4OCwzNDcuMiA2MDAsMzQ3LjUgNjEyLDM0Ny43IDYyNCwzNDcuNyA2MzYsMzQ3LjUgNjQ4LDM0Ny4yIDY2MCwzNDYuNyA2NzIsMzQ2LjEgNjg0LDM0NS4zIDY5NiwzNDQuNSA3MDgsMzQzLjYgNzIwLDM0Mi42IDczMiwzNDEuNiA3NDQsMzQwLjUgNzU2LDMzOS41IDc2OCwzMzguNCA3ODAsMzM3LjQgNzkyLDMzNi40IDgwNCwzMzUuNSA4MTYsMzM0LjcgODI4LDMzMy45IDg0MCwzMzMuMSA4NTIsMzMyLjUgODY0LDMzMS45IDg3NiwzMzEuNCA4ODgsMzMwLjkgOTAwLDMzMC42IDkxMiwzMzAuMiA5MjQsMzI5LjkgOTM2LDMyOS42IDk0OCwzMjkuMyA5NjAsMzI5LjAgOTcyLDMyOC43IDk4NCwzMjguMyA5OTYsMzI3LjkgMTAwOCwzMjcuNCAxMDIwLDMyNi45IDEwMzIsMzI2LjMgMTA0NCwzMjUuNSAxMDU2LDMyNC43IDEwNjgsMzIzLjggMTA4MCwzMjIuNyAxMDkyLDMyMS41IDExMDQsMzIwLjMgMTExNiwzMTguOSAxMTI4LDMxNy40IDExNDAsMzE1LjkgMTE1MiwzMTQuMyAxMTY0LDMxMi42IDExNzYsMzEwLjkgMTE4OCwzMDkuMiAxMjAwLDMwNy40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNDA1LjIgMTIsNDAzLjggMjQsNDAyLjYgMzYsNDAxLjUgNDgsNDAwLjYgNjAsMzk5LjcgNzIsMzk5LjAgODQsMzk4LjQgOTYsMzk3LjkgMTA4LDM5Ny40IDEyMCwzOTcuMCAxMzIsMzk2LjYgMTQ0LDM5Ni4zIDE1NiwzOTUuOSAxNjgsMzk1LjUgMTgwLDM5NS4xIDE5MiwzOTQuNiAyMDQsMzk0LjEgMjE2LDM5My41IDIyOCwzOTIuOCAyNDAsMzkyLjAgMjUyLDM5MS4yIDI2NCwzOTAuMiAyNzYsMzg5LjIgMjg4LDM4OC4xIDMwMCwzODYuOSAzMTIsMzg1LjcgMzI0LDM4NC40IDMzNiwzODMuMSAzNDgsMzgxLjggMzYwLDM4MC41IDM3MiwzNzkuMyAzODQsMzc4LjEgMzk2LDM3Ny4xIDQwOCwzNzYuMSA0MjAsMzc1LjMgNDMyLDM3NC42IDQ0NCwzNzQuMSA0NTYsMzczLjggNDY4LDM3My44IDQ4MCwzNzMuOSA0OTIsMzc0LjMgNTA0LDM3NC45IDUxNiwzNzUuOCA1MjgsMzc2LjkgNTQwLDM3OC4yIDU1MiwzNzkuOCA1NjQsMzgxLjYgNTc2LDM4My42IDU4OCwzODUuNyA2MDAsMzg4LjEgNjEyLDM5MC41IDYyNCwzOTMuMSA2MzYsMzk1LjggNjQ4LDM5OC41IDY2MCw0MDEuMiA2NzIsNDA0LjAgNjg0LDQwNi43IDY5Niw0MDkuNCA3MDgsNDExLjkgNzIwLDQxNC40IDczMiw0MTYuNyA3NDQsNDE4LjkgNzU2LDQyMC45IDc2OCw0MjIuNyA3ODAsNDI0LjMgNzkyLDQyNS43IDgwNCw0MjYuOSA4MTYsNDI3LjkgODI4LDQyOC42IDg0MCw0MjkuMiA4NTIsNDI5LjYgODY0LDQyOS44IDg3Niw0MjkuOCA4ODgsNDI5LjcgOTAwLDQyOS41IDkxMiw0MjkuMSA5MjQsNDI4LjcgOTM2LDQyOC4yIDk0OCw0MjcuNiA5NjAsNDI3LjAgOTcyLDQyNi41IDk4NCw0MjUuOSA5OTYsNDI1LjMgMTAwOCw0MjQuOCAxMDIwLDQyNC40IDEwMzIsNDI0LjAgMTA0NCw0MjMuNyAxMDU2LDQyMy40IDEwNjgsNDIzLjIgMTA4MCw0MjMuMSAxMDkyLDQyMy4xIDExMDQsNDIzLjEgMTExNiw0MjMuMSAxMTI4LDQyMy4yIDExNDAsNDIzLjMgMTE1Miw0MjMuMyAxMTY0LDQyMy40IDExNzYsNDIzLjQgMTE4OCw0MjMuNCAxMjAwLDQyMy4yIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNTI4LjMgMTIsNTI5LjYgMjQsNTMwLjYgMzYsNTMxLjMgNDgsNTMxLjggNjAsNTMyLjAgNzIsNTMxLjkgODQsNTMxLjcgOTYsNTMxLjIgMTA4LDUzMC41IDEyMCw1MjkuNiAxMzIsNTI4LjUgMTQ0LDUyNy4zIDE1Niw1MjUuOSAxNjgsNTI0LjQgMTgwLDUyMi45IDE5Miw1MjEuMyAyMDQsNTE5LjYgMjE2LDUxOC4wIDIyOCw1MTYuMyAyNDAsNTE0LjcgMjUyLDUxMy4wIDI2NCw1MTEuNSAyNzYsNTEwLjAgMjg4LDUwOC42IDMwMCw1MDcuMyAzMTIsNTA2LjEgMzI0LDUwNC45IDMzNiw1MDMuOSAzNDgsNTAzLjAgMzYwLDUwMi4yIDM3Miw1MDEuNCAzODQsNTAwLjcgMzk2LDUwMC4xIDQwOCw0OTkuNiA0MjAsNDk5LjEgNDMyLDQ5OC42IDQ0NCw0OTguMiA0NTYsNDk3LjcgNDY4LDQ5Ny4yIDQ4MCw0OTYuNiA0OTIsNDk2LjAgNTA0LDQ5NS40IDUxNiw0OTQuNiA1MjgsNDkzLjcgNTQwLDQ5Mi43IDU1Miw0OTEuNiA1NjQsNDkwLjQgNTc2LDQ4OS4wIDU4OCw0ODcuNCA2MDAsNDg1LjcgNjEyLDQ4My45IDYyNCw0ODEuOSA2MzYsNDc5LjggNjQ4LDQ3Ny42IDY2MCw0NzUuMyA2NzIsNDcyLjggNjg0LDQ3MC4zIDY5Niw0NjcuOCA3MDgsNDY1LjIgNzIwLDQ2Mi42IDczMiw0NjAuMCA3NDQsNDU3LjQgNzU2LDQ1NC45IDc2OCw0NTIuNSA3ODAsNDUwLjIgNzkyLDQ0OC4wIDgwNCw0NDYuMCA4MTYsNDQ0LjIgODI4LDQ0Mi42IDg0MCw0NDEuMiA4NTIsNDQwLjAgODY0LDQzOS4xIDg3Niw0MzguNSA4ODgsNDM4LjEgOTAwLDQzOC4wIDkxMiw0MzguMiA5MjQsNDM4LjcgOTM2LDQzOS41IDk0OCw0NDAuNSA5NjAsNDQxLjggOTcyLDQ0My40IDk4NCw0NDUuMiA5OTYsNDQ3LjIgMTAwOCw0NDkuNCAxMDIwLDQ1MS44IDEwMzIsNDU0LjQgMTA0NCw0NTcuMSAxMDU2LDQ1OS45IDEwNjgsNDYyLjcgMTA4MCw0NjUuNiAxMDkyLDQ2OC42IDExMDQsNDcxLjUgMTExNiw0NzQuNSAxMTI4LDQ3Ny4zIDExNDAsNDgwLjEgMTE1Miw0ODIuOCAxMTY0LDQ4NS40IDExNzYsNDg3LjkgMTE4OCw0OTAuMiAxMjAwLDQ5Mi40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjciLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNTU4LjYgMTIsNTU4LjEgMjQsNTU3LjcgMzYsNTU3LjQgNDgsNTU3LjEgNjAsNTU2LjggNzIsNTU2LjYgODQsNTU2LjQgOTYsNTU2LjIgMTA4LDU1Ni4wIDEyMCw1NTUuOCAxMzIsNTU1LjYgMTQ0LDU1NS4zIDE1Niw1NTUuMCAxNjgsNTU0LjcgMTgwLDU1NC40IDE5Miw1NTQuMCAyMDQsNTUzLjUgMjE2LDU1My4wIDIyOCw1NTIuNSAyNDAsNTUxLjkgMjUyLDU1MS4yIDI2NCw1NTAuNSAyNzYsNTQ5LjggMjg4LDU0OS4wIDMwMCw1NDguMSAzMTIsNTQ3LjMgMzI0LDU0Ni40IDMzNiw1NDUuNSAzNDgsNTQ0LjcgMzYwLDU0My44IDM3Miw1NDIuOSAzODQsNTQyLjEgMzk2LDU0MS4zIDQwOCw1NDAuNiA0MjAsNTM5LjkgNDMyLDUzOS4zIDQ0NCw1MzguOCA0NTYsNTM4LjQgNDY4LDUzOC4xIDQ4MCw1MzcuOSA0OTIsNTM3LjggNTA0LDUzNy44IDUxNiw1MzguMCA1MjgsNTM4LjQgNTQwLDUzOC44IDU1Miw1MzkuNSA1NjQsNTQwLjIgNTc2LDU0MS4yIDU4OCw1NDIuMiA2MDAsNTQzLjUgNjEyLDU0NC44IDYyNCw1NDYuMyA2MzYsNTQ3LjkgNjQ4LDU0OS43IDY2MCw1NTEuNiA2NzIsNTUzLjUgNjg0LDU1NS42IDY5Niw1NTcuNyA3MDgsNTU5LjkgNzIwLDU2Mi4yIDczMiw1NjQuNSA3NDQsNTY2LjggNzU2LDU2OS4yIDc2OCw1NzEuNSA3ODAsNTczLjggNzkyLDU3Ni4xIDgwNCw1NzguMyA4MTYsNTgwLjUgODI4LDU4Mi42IDg0MCw1ODQuNyA4NTIsNTg2LjYgODY0LDU4OC40IDg3Niw1OTAuMSA4ODgsNTkxLjcgOTAwLDU5My4yIDkxMiw1OTQuNSA5MjQsNTk1LjcgOTM2LDU5Ni43IDk0OCw1OTcuNiA5NjAsNTk4LjQgOTcyLDU5OS4wIDk4NCw1OTkuNSA5OTYsNTk5LjggMTAwOCw2MDAuMCAxMDIwLDYwMC4xIDEwMzIsNjAwLjEgMTA0NCw1OTkuOSAxMDU2LDU5OS43IDEwNjgsNTk5LjMgMTA4MCw1OTguOSAxMDkyLDU5OC40IDExMDQsNTk3LjggMTExNiw1OTcuMiAxMTI4LDU5Ni42IDExNDAsNTk1LjkgMTE1Miw1OTUuMiAxMTY0LDU5NC41IDExNzYsNTkzLjggMTE4OCw1OTMuMSAxMjAwLDU5Mi40IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNjc2LjUgMTIsNjc2LjUgMjQsNjc2LjMgMzYsNjc2LjAgNDgsNjc1LjYgNjAsNjc1LjAgNzIsNjc0LjMgODQsNjczLjYgOTYsNjcyLjcgMTA4LDY3MS44IDEyMCw2NzAuOCAxMzIsNjY5LjggMTQ0LDY2OC43IDE1Niw2NjcuNyAxNjgsNjY2LjcgMTgwLDY2NS42IDE5Miw2NjQuNyAyMDQsNjYzLjcgMjE2LDY2Mi44IDIyOCw2NjIuMCAyNDAsNjYxLjIgMjUyLDY2MC41IDI2NCw2NTkuOCAyNzYsNjU5LjIgMjg4LDY1OC43IDMwMCw2NTguMiAzMTIsNjU3LjggMzI0LDY1Ny40IDMzNiw2NTcuMSAzNDgsNjU2LjcgMzYwLDY1Ni40IDM3Miw2NTYuMiAzODQsNjU1LjkgMzk2LDY1NS41IDQwOCw2NTUuMiA0MjAsNjU0LjggNDMyLDY1NC40IDQ0NCw2NTMuOSA0NTYsNjUzLjMgNDY4LDY1Mi42IDQ4MCw2NTEuOSA0OTIsNjUxLjEgNTA0LDY1MC4yIDUxNiw2NDkuMyA1MjgsNjQ4LjIgNTQwLDY0Ny4xIDU1Miw2NDUuOSA1NjQsNjQ0LjYgNTc2LDY0My4zIDU4OCw2NDEuOSA2MDAsNjQwLjYgNjEyLDYzOS4yIDYyNCw2MzcuOCA2MzYsNjM2LjQgNjQ4LDYzNS4wIDY2MCw2MzMuNyA2NzIsNjMyLjUgNjg0LDYzMS40IDY5Niw2MzAuMyA3MDgsNjI5LjQgNzIwLDYyOC42IDczMiw2MjcuOSA3NDQsNjI3LjQgNzU2LDYyNy4wIDc2OCw2MjYuOCA3ODAsNjI2LjggNzkyLDYyNi45IDgwNCw2MjcuMiA4MTYsNjI3LjcgODI4LDYyOC40IDg0MCw2MjkuMiA4NTIsNjMwLjIgODY0LDYzMS4zIDg3Niw2MzIuNSA4ODgsNjMzLjkgOTAwLDYzNS40IDkxMiw2MzYuOSA5MjQsNjM4LjYgOTM2LDY0MC4yIDk0OCw2NDIuMCA5NjAsNjQzLjcgOTcyLDY0NS40IDk4NCw2NDcuMSA5OTYsNjQ4LjggMTAwOCw2NTAuNCAxMDIwLDY1Mi4wIDEwMzIsNjUzLjUgMTA0NCw2NTQuOSAxMDU2LDY1Ni4yIDEwNjgsNjU3LjQgMTA4MCw2NTguNSAxMDkyLDY1OS41IDExMDQsNjYwLjMgMTExNiw2NjEuMSAxMTI4LDY2MS44IDExNDAsNjYyLjMgMTE1Miw2NjIuOCAxMTY0LDY2My4yIDExNzYsNjYzLjQgMTE4OCw2NjMuNyAxMjAwLDY2My44IDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48cG9seWdvbiBwb2ludHM9IjAsNzUwIDAsNzU5LjIgMTIsNzU4LjYgMjQsNzU3LjkgMzYsNzU3LjIgNDgsNzU2LjUgNjAsNzU1LjggNzIsNzU1LjEgODQsNzU0LjMgOTYsNzUzLjUgMTA4LDc1Mi43IDEyMCw3NTEuOSAxMzIsNzUxLjEgMTQ0LDc1MC4zIDE1Niw3NDkuNSAxNjgsNzQ4LjggMTgwLDc0OC4wIDE5Miw3NDcuMiAyMDQsNzQ2LjUgMjE2LDc0NS44IDIyOCw3NDUuMSAyNDAsNzQ0LjQgMjUyLDc0My44IDI2NCw3NDMuMSAyNzYsNzQyLjYgMjg4LDc0Mi4wIDMwMCw3NDEuNCAzMTIsNzQwLjkgMzI0LDc0MC40IDMzNiw3NDAuMCAzNDgsNzM5LjYgMzYwLDczOS4yIDM3Miw3MzguOCAzODQsNzM4LjQgMzk2LDczOC4xIDQwOCw3MzcuOCA0MjAsNzM3LjUgNDMyLDczNy4yIDQ0NCw3MzcuMCA0NTYsNzM2LjggNDY4LDczNi41IDQ4MCw3MzYuMyA0OTIsNzM2LjEgNTA0LDczNS45IDUxNiw3MzUuNyA1MjgsNzM1LjUgNTQwLDczNS4yIDU1Miw3MzUuMCA1NjQsNzM0LjggNTc2LDczNC41IDU4OCw3MzQuMyA2MDAsNzM0LjAgNjEyLDczMy43IDYyNCw3MzMuNCA2MzYsNzMzLjAgNjQ4LDczMi42IDY2MCw3MzIuMyA2NzIsNzMxLjggNjg0LDczMS40IDY5Niw3MzAuOSA3MDgsNzMwLjQgNzIwLDcyOS44IDczMiw3MjkuMyA3NDQsNzI4LjcgNzU2LDcyOC4wIDc2OCw3MjcuNCA3ODAsNzI2LjcgNzkyLDcyNi4wIDgwNCw3MjUuMiA4MTYsNzI0LjUgODI4LDcyMy43IDg0MCw3MjIuOSA4NTIsNzIyLjEgODY0LDcyMS4zIDg3Niw3MjAuNSA4ODgsNzE5LjYgOTAwLDcxOC44IDkxMiw3MTcuOSA5MjQsNzE3LjEgOTM2LDcxNi4zIDk0OCw3MTUuNCA5NjAsNzE0LjYgOTcyLDcxMy45IDk4NCw3MTMuMSA5OTYsNzEyLjQgMTAwOCw3MTEuNyAxMDIwLDcxMS4wIDEwMzIsNzEwLjQgMTA0NCw3MDkuOCAxMDU2LDcwOS4yIDEwNjgsNzA4LjcgMTA4MCw3MDguMyAxMDkyLDcwNy45IDExMDQsNzA3LjYgMTExNiw3MDcuMyAxMTI4LDcwNy4xIDExNDAsNzA2LjkgMTE1Miw3MDYuOCAxMTY0LDcwNi44IDExNzYsNzA2LjggMTE4OCw3MDcuMCAxMjAwLDcwNy4xIDEyMDAsNzUwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuNDMiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Endüstriyel</span> · <span>9 dk</span></p>
<h3>Ters ozmoz atık suyu geri kazanılabilir mi?</h3>
<p>Konsantre hattındaki suyun hangi proseslerde yeniden kullanılabileceği ve geri kazanım hesabı.</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="1" data-cat="saglik" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDMiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwMyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwMykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwMykiLz48Y2lyY2xlIGN4PSIxMDkiIGN5PSI2MzIiIHI9IjI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSIxMDEiIGN5PSI2MjQiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9IjkzNiIgY3k9IjQ0NiIgcj0iMzQiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjkyNiIgY3k9IjQzNiIgcj0iNiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iODY4IiBjeT0iNTgxIiByPSIxNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PGNpcmNsZSBjeD0iMTA3NyIgY3k9Ijg4IiByPSIyNCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PGNpcmNsZSBjeD0iMTA3MCIgY3k9IjgxIiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjUiLz48Y2lyY2xlIGN4PSI0MjEiIGN5PSIxOTYiIHI9IjE3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0MTUiIGN5PSIxOTEiIHI9IjMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxjaXJjbGUgY3g9IjkwMCIgY3k9IjIyNCIgcj0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMzExIiBjeT0iMTM0IiByPSI0IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjgiLz48Y2lyY2xlIGN4PSI0NTMiIGN5PSI0NTAiIHI9IjIxIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjgiLz48Y2lyY2xlIGN4PSI0NDciIGN5PSI0NDQiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjgxIiBjeT0iNDc1IiByPSIzNCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzEiIGN5PSI0NjUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjUyMCIgY3k9IjI1MiIgcj0iMTUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zMSIvPjxjaXJjbGUgY3g9IjI3NCIgY3k9IjU1MyIgcj0iNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iOTciIGN5PSI1OTIiIHI9IjUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjMxNyIgY3k9IjIxMSIgcj0iMzIiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xOSIvPjxjaXJjbGUgY3g9IjMwNyIgY3k9IjIwMiIgcj0iNiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+PGNpcmNsZSBjeD0iNTUiIGN5PSIxMzciIHI9IjE5IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz48Y2lyY2xlIGN4PSI0OSIgY3k9IjEzMSIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNzY5IiBjeT0iMzYwIiByPSIzMyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMxIi8+PGNpcmNsZSBjeD0iNzU5IiBjeT0iMzUwIiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz48Y2lyY2xlIGN4PSIxMTM5IiBjeT0iNzQ0IiByPSIzNyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PGNpcmNsZSBjeD0iMTEyOCIgY3k9IjczMyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjI1Ii8+PGNpcmNsZSBjeD0iODYwIiBjeT0iNTE5IiByPSIyNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iODUyIiBjeT0iNTEyIiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSIxMDA1IiBjeT0iMjg2IiByPSIzNyIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iOTk0IiBjeT0iMjc1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz48Y2lyY2xlIGN4PSIyNyIgY3k9IjYzNiIgcj0iMjEiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4wNSIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iNjI5IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDQiLz48Y2lyY2xlIGN4PSI5ODIiIGN5PSI1OTYiIHI9IjM1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI5NzEiIGN5PSI1ODUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjIwMSIgY3k9IjE2MyIgcj0iMjMiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxjaXJjbGUgY3g9IjE5NCIgY3k9IjE1NiIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE5Ii8+PGNpcmNsZSBjeD0iNjY5IiBjeT0iMTgwIiByPSI4IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzEiLz48Y2lyY2xlIGN4PSIxMTk3IiBjeT0iNzA1IiByPSIyMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PGNpcmNsZSBjeD0iMTE5MSIgY3k9IjY5OSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA2Ii8+PGNpcmNsZSBjeD0iMjY1IiBjeT0iNDE1IiByPSIzNSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjI0Ii8+PGNpcmNsZSBjeD0iMjU0IiBjeT0iNDA0IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSIxMzAiIGN5PSI2ODciIHI9IjI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTciLz48Y2lyY2xlIGN4PSIxMjIiIGN5PSI2NzkiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMyIvPjxjaXJjbGUgY3g9IjkyNCIgY3k9IjMwNyIgcj0iMjMiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4wNiIvPjxjaXJjbGUgY3g9IjkxNyIgY3k9IjMwMCIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PGNpcmNsZSBjeD0iOTEiIGN5PSI2OTgiIHI9IjE5IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjYiLz48Y2lyY2xlIGN4PSI4NiIgY3k9IjY5MiIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iNDQ2IiBjeT0iMjk0IiByPSI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjkiLz48Y2lyY2xlIGN4PSIzMDMiIGN5PSI1NzUiIHI9IjEwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIxMDYiIGN5PSI1MjIiIHI9IjM3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjIiLz48Y2lyY2xlIGN4PSI5NSIgY3k9IjUxMSIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iNzczIiBjeT0iMTg3IiByPSIzOCIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjA4Ii8+PGNpcmNsZSBjeD0iNzYyIiBjeT0iMTc1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSI0MjUiIHI9IjI3IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIyOTIiIGN5PSI0MTciIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjcwOSIgY3k9Ijg2IiByPSI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTYiLz48Y2lyY2xlIGN4PSI2OTIiIGN5PSI2NjIiIHI9IjIwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMzAiLz48Y2lyY2xlIGN4PSI2ODYiIGN5PSI2NTYiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPjxjaXJjbGUgY3g9IjkyMCIgY3k9IjcyOSIgcj0iMjkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjkxMSIgY3k9IjcyMCIgcj0iNSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzY0IiBjeT0iNTE3IiByPSIxMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMzg4IiBjeT0iNDA2IiByPSI1IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIxNzQiIGN5PSI3MDIiIHI9IjIwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSIxNjgiIGN5PSI2OTYiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjE2NyIgY3k9IjMzOCIgcj0iMzkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxjaXJjbGUgY3g9IjE1NSIgY3k9IjMyNyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjIyIi8+PGNpcmNsZSBjeD0iMTA5NCIgY3k9IjEyMiIgcj0iMzUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yNyIvPjxjaXJjbGUgY3g9IjEwODQiIGN5PSIxMTIiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxjaXJjbGUgY3g9IjQ1NSIgY3k9IjI1OCIgcj0iMzciIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4xMyIvPjxjaXJjbGUgY3g9IjQ0NCIgY3k9IjI0NyIgcj0iNyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iMzE3IiBjeT0iNDgyIiByPSIyMiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMzExIiBjeT0iNDc2IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI1MzYiIHI9IjMwIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTciLz48Y2lyY2xlIGN4PSI1MDAiIGN5PSI1MjciIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9IjExMjgiIGN5PSIyMDIiIHI9IjEzIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIzIiBjeT0iMzc5IiByPSIyMSIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iLTMiIGN5PSIzNzMiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjU0MSIgY3k9IjM1OCIgcj0iMjQiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxjaXJjbGUgY3g9IjUzNCIgY3k9IjM1MSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Sağlık</span> · <span>5 dk</span></p>
<h3>Damacana mı, arıtma cihazı mı?</h3>
<p>Yıllık maliyet, taşıma yükü, plastik atık ve su kalitesi açısından iki seçeneğin karşılaştırması.</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
<a class="post reveal" data-delay="2" data-cat="bakim" href="#">
<div class="post__media"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDc1MCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyMDUiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCOERDRjMiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjIwNSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0I4RENGMyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTEzQTYyIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjZzIwNSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9InVybCgjcjIwNSkiLz48bGluZSB4MT0iMzU1IiB5MT0iOTAiIHgyPSI2OTciIHkyPSI5MCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yNSIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2OTciIGN5PSI5MCIgcj0iMTEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yNSIvPjxsaW5lIHgxPSI0MTAiIHkxPSIxNjEiIHgyPSI4MDQiIHkyPSIxNjEiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMzUiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iODA0IiBjeT0iMTYxIiByPSIxMSIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjM1Ii8+PGxpbmUgeDE9Ijk2IiB5MT0iMjMyIiB4Mj0iNzA2IiB5Mj0iMjMyIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE1IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjcwNiIgY3k9IjIzMiIgcj0iNiIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjMwNCIgeDI9IjkxMiIgeTI9IjMwNCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yOCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5MTIiIGN5PSIzMDQiIHI9IjYiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxsaW5lIHgxPSIzMTkiIHkxPSIzNzUiIHgyPSI3NTUiIHkyPSIzNzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNzU1IiBjeT0iMzc1IiByPSI1IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMjYiLz48bGluZSB4MT0iMTIzIiB5MT0iNDQ2IiB4Mj0iNDU3IiB5Mj0iNDQ2IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjQ1NyIgY3k9IjQ0NiIgcj0iOCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGxpbmUgeDE9IjIyNCIgeTE9IjUxOCIgeDI9IjgwNiIgeTI9IjUxOCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yMSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI4MDYiIGN5PSI1MTgiIHI9IjYiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxsaW5lIHgxPSIxNTMiIHkxPSI1ODkiIHgyPSI2NzkiIHkyPSI1ODkiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuNDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNjc5IiBjeT0iNTg5IiByPSI2IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuNDAiLz48bGluZSB4MT0iNDA5IiB5MT0iNjYwIiB4Mj0iODM3IiB5Mj0iNjYwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjM5IiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjgzNyIgY3k9IjY2MCIgcj0iMTEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4zOSIvPjxsaW5lIHgxPSIyNDAiIHkxPSI3NSIgeDI9IjI0MCIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9IjQ4MCIgeTE9Ijc1IiB4Mj0iNDgwIiB5Mj0iNjc1IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iNzIwIiB5MT0iNzUiIHgyPSI3MjAiIHkyPSI2NzUiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSI5NjAiIHkxPSI3NSIgeDI9Ijk2MCIgeTI9IjY3NSIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNzUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="" loading="lazy" width="1200" height="750"></div>
<div class="post__body">
<p class="post__meta"><span>Bakım</span> · <span>4 dk</span></p>
<h3>Tank basıncı düştüğünde ne olur?</h3>
<p>Basınç tankının hava basıncı nasıl kontrol edilir, düşük basınç neden yavaş akışa yol açar?</p>
<span class="post__foot link-arrow">Okuyun <svg class="ico"><use href="#i-arrow"></use></svg></span>
</div>
</a>
</div>
</div>
</section>
<!-- Bülten -->
<section class="section section--tight">
<div class="wrap">
<div class="cta-band reveal">
<div class="cta-band__inner">
<div>
<h2>Ayda bir, işe yarayan tek e-posta.</h2>
<p>Yeni yazılar, bakım hatırlatmaları ve mevzuat değişiklikleri. İstediğiniz an tek tıkla çıkabilirsiniz.</p>
</div>
<div class="hero__cta">
<a class="btn btn--lg" href="iletisim.html">Bültene katılın</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- ===== Footer ===== -->
<footer class="site-footer">
<div class="wrap">
<div class="footer__top">
<div class="footer__brand">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<p>Evsel, merkezi ve endüstriyel su arıtma sistemlerinde analizden bakıma kadar tek sorumlu. 2009'dan beri İstanbul merkezli hizmet veriyoruz.</p>
<div class="social">
<a href="#" aria-label="Instagram"><svg class="ico"><use href="#i-ig"></use></svg></a>
<a href="#" aria-label="LinkedIn"><svg class="ico"><use href="#i-in"></use></svg></a>
<a href="#" aria-label="Facebook"><svg class="ico"><use href="#i-fb"></use></svg></a>
<a href="#" aria-label="YouTube"><svg class="ico"><use href="#i-yt"></use></svg></a>
</div>
</div>
<div class="footer__col">
<h4>Kurumsal</h4>
<ul>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="galeri.html">Galeri</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Hizmetler</h4>
<ul>
<li><a href="index.html#hizmetler">Evsel su arıtma</a></li>
<li><a href="index.html#hizmetler">Merkezi sistem</a></li>
<li><a href="index.html#hizmetler">Endüstriyel arıtma</a></li>
<li><a href="index.html#hizmetler">Periyodik bakım</a></li>
<li><a href="index.html#hizmetler">Su analizi</a></li>
</ul>
</div>
<div class="footer__col">
<h4>İletişim</h4>
<ul>
<li><a href="tel:+902120000000">0212 000 00 00</a></li>
<li><a href="mailto:info@hidrolin.com.tr">info@hidrolin.com.tr</a></li>
<li>Yenibosna Mah. Su Sanayi Cad. No: 42<br>Bahçelievler / İstanbul</li>
<li>Hafta içi 08:30 – 18:30<br>Cumartesi 09:00 – 14:00</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<span>© 2026 HİDROLİN Su Arıtma Sistemleri — Örnek tasarım sunumu, içerikler temsilidir.</span>
<nav aria-label="Yasal">
<a href="#">KVKK Aydınlatma Metni</a>
<a href="#">Gizlilik Politikası</a>
<a href="#">Çerez Politikası</a>
</nav>
</div>
</div>
</footer>
<!-- Mobil hızlı erişim -->
<div class="mobile-cta">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> Ara</a>
<a href="#" aria-label="WhatsApp"><svg class="ico"><use href="#i-wa"></use></svg> WhatsApp</a>
<a href="iletisim.html"><svg class="ico"><use href="#i-flask"></use></svg> Su Analizi</a>
</div>
<script>
/* ==========================================================================
HİDROLİN — arayüz davranışları
Tüm modüller kendi elemanı sayfada yoksa sessizce devre dışı kalır,
böylece aynı dosya beş sayfada da güvenle çalışır.
========================================================================== */
(function () {
'use strict';
var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ---------- 1. Mobil menü ---------- */
function initNav() {
var toggle = document.querySelector('.nav-toggle');
var nav = document.getElementById('primary-nav');
if (!toggle || !nav) return;
toggle.addEventListener('click', function () {
var open = toggle.getAttribute('aria-expanded') === 'true';
toggle.setAttribute('aria-expanded', String(!open));
nav.classList.toggle('is-open', !open);
});
nav.addEventListener('click', function (e) {
if (e.target.closest('a')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
}
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && nav.classList.contains('is-open')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
toggle.focus();
}
});
}
/* ---------- 2. Yapışkan başlık gölgesi ---------- */
function initHeader() {
var header = document.querySelector('.site-header');
if (!header) return;
var onScroll = function () {
header.classList.toggle('is-stuck', window.scrollY > 8);
};
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
}
/* ---------- 3. Kaydırmayla görünme ---------- */
function initReveal() {
var items = document.querySelectorAll('.reveal');
if (!items.length) return;
if (reduceMotion || !('IntersectionObserver' in window)) {
items.forEach(function (el) { el.classList.add('is-in'); });
return;
}
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-in');
io.unobserve(entry.target);
}
});
}, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });
items.forEach(function (el) { io.observe(el); });
}
/* ---------- 4. Sayaçlar ---------- */
function initCounters() {
var nums = document.querySelectorAll('[data-count]');
if (!nums.length) return;
var run = function (el) {
var target = parseFloat(el.getAttribute('data-count'));
var suffix = el.getAttribute('data-suffix') || '';
var decimals = (el.getAttribute('data-decimals') | 0);
if (reduceMotion) { el.textContent = target.toFixed(decimals) + suffix; return; }
var start = null, dur = 1500;
var tick = function (ts) {
if (start === null) start = ts;
var p = Math.min((ts - start) / dur, 1);
var eased = 1 - Math.pow(1 - p, 3);
el.textContent = (target * eased).toFixed(decimals) + suffix;
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
};
if (!('IntersectionObserver' in window)) { nums.forEach(run); return; }
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { run(e.target); io.unobserve(e.target); }
});
}, { threshold: 0.4 });
nums.forEach(function (el) { io.observe(el); });
}
/* ---------- 5. Su kalitesi göstergeleri ---------- */
function initGauges() {
var fills = document.querySelectorAll('.gauge__fill');
if (!fills.length) return;
setTimeout(function () {
fills.forEach(function (f) { f.style.width = (f.getAttribute('data-pct') || 0) + '%'; });
}, 350);
}
/* ---------- 6. Hero su yüzeyi (canvas dalgalar) ---------- */
function initWaterCanvas() {
var canvas = document.querySelector('.hero__canvas');
if (!canvas) return;
var ctx = canvas.getContext('2d');
var w = 0, h = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);
var layers = [
{ amp: 26, len: 0.0042, speed: 0.00028, y: 0.62, color: 'rgba(58,147,218,0.30)' },
{ amp: 34, len: 0.0031, speed: 0.00019, y: 0.72, color: 'rgba(43,125,197,0.34)' },
{ amp: 20, len: 0.0058, speed: 0.00040, y: 0.83, color: 'rgba(17,58,98,0.55)' },
{ amp: 30, len: 0.0025, speed: 0.00013, y: 0.93, color: 'rgba(10,43,77,0.75)' }
];
function resize() {
var r = canvas.getBoundingClientRect();
w = Math.max(r.width, 1); h = Math.max(r.height, 1);
canvas.width = w * dpr; canvas.height = h * dpr;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
}
function draw(t) {
ctx.clearRect(0, 0, w, h);
for (var i = 0; i < layers.length; i++) {
var L = layers[i];
ctx.beginPath();
ctx.moveTo(0, h);
var baseY = h * L.y;
for (var x = 0; x <= w; x += 6) {
var y = baseY
+ Math.sin(x * L.len + t * L.speed) * L.amp
+ Math.sin(x * L.len * 2.3 + t * L.speed * 1.6) * (L.amp * 0.35);
if (x === 0) ctx.lineTo(0, y);
else ctx.lineTo(x, y);
}
ctx.lineTo(w, h);
ctx.closePath();
ctx.fillStyle = L.color;
ctx.fill();
}
if (!reduceMotion) frame = requestAnimationFrame(draw);
}
var frame;
resize();
if (reduceMotion) { draw(0); }
else { frame = requestAnimationFrame(draw); }
var rt;
window.addEventListener('resize', function () {
clearTimeout(rt);
rt = setTimeout(function () { resize(); if (reduceMotion) draw(0); }, 150);
});
document.addEventListener('visibilitychange', function () {
if (document.hidden) { cancelAnimationFrame(frame); }
else if (!reduceMotion) { frame = requestAnimationFrame(draw); }
});
}
/* ---------- 7. Filtreler (galeri + blog) ---------- */
function initFilters() {
document.querySelectorAll('[data-filter-group]').forEach(function (group) {
var targetSel = group.getAttribute('data-filter-target');
var items = document.querySelectorAll(targetSel + ' [data-cat]');
if (!items.length) return;
group.addEventListener('click', function (e) {
var chip = e.target.closest('.chip');
if (!chip) return;
group.querySelectorAll('.chip').forEach(function (c) {
c.classList.toggle('is-active', c === chip);
c.setAttribute('aria-pressed', String(c === chip));
});
var cat = chip.getAttribute('data-cat-filter');
items.forEach(function (item) {
var match = cat === 'all' || item.getAttribute('data-cat') === cat;
item.classList.toggle('is-hidden', !match);
item.style.display = match ? '' : 'none';
});
});
});
}
/* ---------- 8. Galeri lightbox ---------- */
function initLightbox() {
var box = document.getElementById('lightbox');
if (!box) return;
var img = box.querySelector('img');
var cap = box.querySelector('.lightbox__cap');
var shots = Array.prototype.slice.call(document.querySelectorAll('.shot'));
var index = 0;
function visibleShots() {
return shots.filter(function (s) { return s.style.display !== 'none'; });
}
function show(i) {
var list = visibleShots();
if (!list.length) return;
index = (i + list.length) % list.length;
var shot = list[index];
var src = shot.getAttribute('data-full') || shot.querySelector('img').src;
img.src = src;
img.alt = shot.querySelector('img').alt;
cap.textContent = shot.getAttribute('data-caption') || '';
box.classList.add('is-open');
box.setAttribute('aria-hidden', 'false');
document.body.style.overflow = 'hidden';
}
function close() {
box.classList.remove('is-open');
box.setAttribute('aria-hidden', 'true');
document.body.style.overflow = '';
}
shots.forEach(function (shot) {
shot.addEventListener('click', function () {
show(visibleShots().indexOf(shot));
});
});
box.querySelector('.lightbox__close').addEventListener('click', close);
box.querySelector('.lightbox__nav--prev').addEventListener('click', function () { show(index - 1); });
box.querySelector('.lightbox__nav--next').addEventListener('click', function () { show(index + 1); });
box.addEventListener('click', function (e) { if (e.target === box) close(); });
document.addEventListener('keydown', function (e) {
if (!box.classList.contains('is-open')) return;
if (e.key === 'Escape') close();
if (e.key === 'ArrowLeft') show(index - 1);
if (e.key === 'ArrowRight') show(index + 1);
});
}
/* ---------- 9. SSS akordeon ---------- */
function initFaq() {
document.querySelectorAll('.faq').forEach(function (faq) {
faq.addEventListener('click', function (e) {
var q = e.target.closest('.faq__q');
if (!q) return;
var item = q.closest('.faq__item');
var open = item.classList.contains('is-open');
faq.querySelectorAll('.faq__item').forEach(function (i) {
i.classList.remove('is-open');
i.querySelector('.faq__q').setAttribute('aria-expanded', 'false');
});
if (!open) {
item.classList.add('is-open');
q.setAttribute('aria-expanded', 'true');
}
});
});
}
/* ---------- 10. İletişim formu (mockup davranışı) ---------- */
function initForm() {
var form = document.getElementById('contact-form');
if (!form) return;
var status = form.querySelector('.form__status');
form.addEventListener('submit', function (e) {
e.preventDefault();
if (!form.checkValidity()) { form.reportValidity(); return; }
var name = (form.querySelector('#ad') || {}).value || '';
status.textContent = name.trim()
? name.trim().split(' ')[0] + ', talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.'
: 'Talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.';
status.classList.add('is-visible');
form.reset();
status.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'center' });
});
}
/* ---------- Başlat ---------- */
function boot() {
initNav();
initHeader();
initReveal();
initCounters();
initGauges();
initWaterCanvas();
initFilters();
initLightbox();
initFaq();
initForm();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
})();
</script>
</body>
</html>
Galeri
HTML
Kopyala
⤢
↓
Galeri Sayfası
Claude ve WordPress ile Site Yapımı Part 1
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Galeri — Tamamlanan Su Arıtma Projeleri | HİDROLİN</title>
<meta name="description" content="Evsel, merkezi ve endüstriyel su arıtma kurulumlarımızdan saha fotoğrafları ve proje örnekleri.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap">
<style>
/* ==========================================================================
HİDROLİN Su Arıtma Sistemleri — Tasarım Sistemi
Renk paleti: müşteri tarafından verilen 10 kademeli mavi skalası
Yapı: WordPress (Elementor / Kadence) bölümlerine birebir aktarılabilir
========================================================================== */
/* --------------------------------------------------------------------------
1. TOKENLAR
-------------------------------------------------------------------------- */
:root {
/* Ham palet — referans görselden alındı */
--paper: #F1F3F4;
--blue-50: #D0E9F6;
--blue-100: #B8DCF3;
--blue-300: #71B6E7;
--blue-500: #3A93DA;
--blue-600: #2B7DC5;
--blue-700: #1A5589;
--blue-800: #113A62;
--blue-900: #0A2B4D;
--blue-950: #051737;
/* Anlamsal tokenlar — AÇIK tema */
--bg: #F7F9FB;
--surface: #FFFFFF;
--surface-2: var(--paper);
--surface-sunk: var(--blue-50);
--ink: #08213C;
--ink-2: #476682;
--ink-3: #7B93AC;
--line: #DEE6ED;
--line-strong: #C4D4E1;
--accent: var(--blue-600);
--accent-hover: var(--blue-700);
--accent-quiet: var(--blue-50);
--on-accent: #FFFFFF;
--deep: var(--blue-950);
--deep-2: var(--blue-900);
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-500);
--img-dim: none;
--shadow-sm: 0 1px 2px rgba(8,33,60,.06), 0 2px 8px rgba(8,33,60,.05);
--shadow-md: 0 2px 4px rgba(8,33,60,.05), 0 12px 32px -8px rgba(8,33,60,.14);
--shadow-lg: 0 4px 8px rgba(8,33,60,.06), 0 28px 64px -16px rgba(8,33,60,.22);
/* Tipografi */
--font-display: "Archivo", "Segoe UI", Tahoma, sans-serif;
--font-body: "Source Sans 3", "Segoe UI", Tahoma, sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;
--fs-2xs: 0.6875rem;
--fs-xs: 0.78125rem;
--fs-sm: 0.875rem;
--fs-base: 1.0625rem;
--fs-lg: 1.1875rem;
--fs-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.4375rem);
--fs-2xl: clamp(1.5rem, 1.3rem + 0.9vw, 1.875rem);
--fs-3xl: clamp(1.875rem, 1.55rem + 1.5vw, 2.5rem);
--fs-4xl: clamp(2.25rem, 1.7rem + 2.6vw, 3.375rem);
--fs-5xl: clamp(2.5rem, 1.85rem + 3.1vw, 3.625rem);
/* Ölçü */
--wrap: 1200px;
--wrap-narrow: 760px;
--gutter: clamp(1.25rem, 4vw, 2.5rem);
--section-y: clamp(4rem, 8vw, 7.5rem);
--r-sm: 6px;
--r-md: 10px;
--r-lg: 16px;
--r-xl: 24px;
--header-h: 76px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
}
:root[data-theme="dark"] {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
/* --------------------------------------------------------------------------
2. TEMEL
-------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
margin: 0;
background: var(--bg);
color: var(--ink);
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
h1, h2, h3, h4, h5 {
font-family: var(--font-display);
font-weight: 600;
line-height: 1.12;
letter-spacing: -0.022em;
text-wrap: balance;
margin: 0;
color: var(--ink);
}
h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }
p { margin: 0; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }
img, svg, canvas { max-width: 100%; display: block; }
ul, ol { margin: 0; padding: 0; }
button, input, textarea, select { font: inherit; color: inherit; }
:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 3px;
border-radius: var(--r-sm);
}
.skip-link {
position: absolute; left: 12px; top: -60px; z-index: 200;
background: var(--accent); color: var(--on-accent);
padding: .6rem 1rem; border-radius: var(--r-sm);
transition: top .18s ease;
}
.skip-link:focus { top: 12px; }
/* --------------------------------------------------------------------------
3. YARDIMCI SINIFLAR
-------------------------------------------------------------------------- */
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--narrow { max-width: var(--wrap-narrow); }
.section { padding-block: var(--section-y); }
.section--tight { padding-block: clamp(3rem, 5vw, 4.5rem); }
.section--sunk { background: var(--surface-2); }
.section--deep { background: var(--deep); color: var(--on-deep); }
.section--deep h1, .section--deep h2, .section--deep h3 { color: var(--on-deep); }
.section--deep p { color: var(--on-deep-2); }
.stack { display: flex; flex-direction: column; }
.gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-12 { gap: 3rem; }
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.eyebrow {
font-family: var(--font-mono);
font-size: var(--fs-2xs);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: .55rem;
margin: 0;
}
.eyebrow::before {
content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6;
}
.section--deep .eyebrow { color: var(--blue-300); }
.lede { font-size: var(--fs-lg); color: var(--ink-2); max-width: 62ch; }
.section--deep .lede { color: var(--on-deep-2); }
.muted { color: var(--ink-2); }
.small { font-size: var(--fs-sm); color: var(--ink-2); }
.section-head { display: flex; flex-direction: column; gap: .9rem; margin-bottom: clamp(2rem, 4vw, 3.25rem); max-width: 640px; }
.section-head--split { max-width: none; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.section-head--split > div:not(.chips) { display: flex; flex-direction: column; gap: .9rem; max-width: 620px; }
.section-head--split .chips { flex: 1 1 340px; justify-content: flex-end; }
@media (max-width: 760px) { .section-head--split .chips { justify-content: flex-start; } }
/* Butonlar */
.btn {
--btn-bg: var(--accent);
--btn-fg: var(--on-accent);
display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
background: var(--btn-bg); color: var(--btn-fg);
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
letter-spacing: .01em;
padding: .85rem 1.5rem;
border: 1px solid transparent; border-radius: var(--r-md);
cursor: pointer; text-align: center;
transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.btn:hover { --btn-bg: var(--accent-hover); color: var(--btn-fg); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn:active { transform: translateY(0); }
.btn--lg { padding: 1.05rem 1.9rem; font-size: var(--fs-base); }
.btn--ghost { --btn-bg: transparent; --btn-fg: var(--ink); border-color: var(--line-strong); }
.btn--ghost:hover { --btn-bg: var(--accent-quiet); --btn-fg: var(--accent-hover); border-color: var(--accent); box-shadow: none; }
.btn--on-deep { --btn-bg: transparent; --btn-fg: var(--on-deep); border-color: rgba(184,220,243,.34); }
.btn--on-deep:hover { --btn-bg: rgba(184,220,243,.12); --btn-fg: #FFF; border-color: rgba(184,220,243,.6); box-shadow: none; }
.btn--wa { --btn-bg: var(--blue-800); }
.btn .ico { width: 18px; height: 18px; flex: none; }
.link-arrow {
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
display: inline-flex; align-items: center; gap: .45rem;
}
.link-arrow .ico { width: 16px; height: 16px; transition: transform .2s ease; }
.link-arrow:hover .ico { transform: translateX(4px); }
/* Rozet */
.tag {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em;
text-transform: uppercase; color: var(--accent);
background: var(--accent-quiet); border-radius: 100px; padding: .3rem .7rem;
display: inline-block;
}
/* --------------------------------------------------------------------------
4. HEADER + NAVİGASYON
-------------------------------------------------------------------------- */
.topbar {
background: var(--deep); color: var(--on-deep-2);
font-size: var(--fs-xs);
border-bottom: 1px solid rgba(184,220,243,.1);
}
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 40px; }
.topbar a { color: var(--on-deep-2); }
.topbar a:hover { color: #FFF; }
.topbar__contact { display: flex; gap: 1.5rem; align-items: center; }
.topbar__contact span, .topbar__contact a { display: inline-flex; align-items: center; gap: .45rem; }
.topbar .ico { width: 14px; height: 14px; opacity: .8; }
@media (max-width: 860px) { .topbar { display: none; } }
.site-header {
position: sticky; top: 0; z-index: 100;
background: color-mix(in srgb, var(--surface) 88%, transparent);
backdrop-filter: blur(14px) saturate(1.4);
-webkit-backdrop-filter: blur(14px) saturate(1.4);
border-bottom: 1px solid var(--line);
transition: box-shadow .2s ease;
}
.site-header.is-stuck { box-shadow: var(--shadow-sm); }
.site-header .wrap {
display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
min-height: var(--header-h);
}
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--ink); }
.brand:hover { color: var(--ink); }
.brand__mark { width: 38px; height: 38px; flex: none; }
.brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.brand__name {
font-family: var(--font-display); font-weight: 700; font-size: 1.3rem;
letter-spacing: -0.02em;
}
.brand__sub {
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .13em; text-transform: uppercase; color: var(--ink-3);
}
.nav { display: flex; align-items: center; gap: .25rem; }
.nav a {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
color: var(--ink-2); padding: .55rem .85rem; border-radius: var(--r-sm);
position: relative; transition: color .16s ease, background-color .16s ease;
}
.nav a:hover { color: var(--ink); background: var(--accent-quiet); }
.nav a[aria-current="page"] { color: var(--accent); }
.nav a[aria-current="page"]::after {
content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .2rem;
height: 2px; background: var(--accent); border-radius: 2px;
}
.nav > .btn { display: none; } /* yalnızca mobil menüde görünür */
.header__actions { display: flex; align-items: center; gap: .6rem; }
.nav-toggle {
display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
background: transparent; border: 1px solid var(--line-strong); border-radius: var(--r-sm);
cursor: pointer;
}
.nav-toggle .ico { width: 20px; height: 20px; }
.nav-toggle .ico--close { display: none; }
.nav-toggle[aria-expanded="true"] .ico--open { display: none; }
.nav-toggle[aria-expanded="true"] .ico--close { display: block; }
@media (max-width: 980px) {
.nav-toggle { display: inline-flex; }
.header__actions .btn { display: none; }
.nav {
position: fixed; inset: var(--header-h) 0 auto 0;
flex-direction: column; align-items: stretch; gap: 0;
background: var(--surface); border-bottom: 1px solid var(--line);
padding: .5rem var(--gutter) 1.5rem;
box-shadow: var(--shadow-lg);
transform: translateY(-8px); opacity: 0; pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
max-height: calc(100dvh - var(--header-h)); overflow-y: auto;
}
.nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
.nav a { padding: .95rem .25rem; border-bottom: 1px solid var(--line); border-radius: 0; font-size: var(--fs-lg); }
.nav a[aria-current="page"]::after { display: none; }
.nav > .btn { display: inline-flex; margin-top: 1rem; }
}
/* --------------------------------------------------------------------------
5. HERO
-------------------------------------------------------------------------- */
.hero {
position: relative; overflow: hidden;
background: linear-gradient(160deg, var(--blue-950) 0%, var(--blue-900) 45%, var(--blue-800) 100%);
color: var(--on-deep);
isolation: isolate;
}
.hero__canvas {
position: absolute; inset: 0; width: 100%; height: 100%;
z-index: -1; opacity: .85;
}
.hero::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(120% 80% at 78% 12%, rgba(58,147,218,.34), transparent 62%);
pointer-events: none;
}
.hero .wrap {
display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
padding-block: clamp(4rem, 8vw, 7rem);
}
.hero h1 { color: #FFF; font-size: var(--fs-5xl); font-weight: 700; letter-spacing: -0.03em; }
.hero h1 em { font-style: normal; color: var(--blue-300); }
.hero__lede { color: var(--on-deep-2); font-size: var(--fs-lg); max-width: 52ch; }
.hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .5rem; }
.hero__eyebrow { color: var(--blue-300); }
.hero__proof { display: flex; flex-wrap: wrap; gap: 2rem 2.75rem; margin-top: 2.75rem; padding-top: 2rem; border-top: 1px solid rgba(184,220,243,.16); }
.hero__proof-item { display: flex; flex-direction: column; gap: .15rem; }
.hero__proof-num {
font-family: var(--font-display); font-weight: 700; font-size: 1.9rem;
color: #FFF; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.hero__proof-label { font-size: var(--fs-xs); color: var(--on-deep-2); letter-spacing: .02em; }
/* Su kalitesi kartı — hero görseli yerine "canlı ölçüm" paneli */
.gauge-card {
background: rgba(6,26,49,.55);
border: 1px solid rgba(184,220,243,.2);
border-radius: var(--r-xl);
padding: 1.75rem;
backdrop-filter: blur(8px);
box-shadow: 0 30px 70px -20px rgba(0,0,0,.6);
display: flex; flex-direction: column; gap: 1.35rem;
}
.gauge-card__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.gauge-card__title { font-family: var(--font-display); font-weight: 600; color: #FFF; font-size: var(--fs-base); }
.gauge-card__live {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .12em; text-transform: uppercase;
color: var(--blue-300); display: inline-flex; align-items: center; gap: .45rem;
}
.gauge-card__live::before {
content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-300);
box-shadow: 0 0 0 0 rgba(113,182,231,.7); animation: pulse 2.4s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(113,182,231,.55); }
70% { box-shadow: 0 0 0 9px rgba(113,182,231,0); }
100% { box-shadow: 0 0 0 0 rgba(113,182,231,0); }
}
.gauge { display: flex; flex-direction: column; gap: .45rem; }
.gauge__row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.gauge__name { font-size: var(--fs-sm); color: var(--on-deep-2); }
.gauge__val {
font-family: var(--font-mono); font-size: var(--fs-sm); color: #FFF;
font-variant-numeric: tabular-nums;
}
.gauge__track { height: 6px; border-radius: 100px; background: rgba(184,220,243,.16); overflow: hidden; }
.gauge__fill {
height: 100%; border-radius: 100px;
background: linear-gradient(90deg, var(--blue-500), var(--blue-300));
width: 0; transition: width 1.4s cubic-bezier(.16,.8,.24,1);
}
.gauge--warn .gauge__fill { background: linear-gradient(90deg, var(--blue-700), var(--blue-600)); }
.gauge-card__foot {
font-size: var(--fs-xs); color: var(--on-deep-2);
border-top: 1px solid rgba(184,220,243,.14); padding-top: 1rem;
display: flex; align-items: center; gap: .5rem;
}
.gauge-card__foot .ico { width: 15px; height: 15px; color: var(--blue-300); flex: none; }
@media (max-width: 900px) {
.hero .wrap { grid-template-columns: 1fr; }
.hero__proof { gap: 1.5rem 2rem; }
.hero__proof-num { font-size: 1.6rem; }
}
/* İç sayfa başlığı */
.page-hero {
background: linear-gradient(150deg, var(--blue-950), var(--blue-800));
color: var(--on-deep); position: relative; overflow: hidden;
}
.page-hero::after {
content: ""; position: absolute; inset: 0;
background:
radial-gradient(90% 120% at 88% 0%, rgba(58,147,218,.32), transparent 60%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 60c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.09' stroke-width='1.5'/%3E%3Cpath d='M0 90c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3Cpath d='M0 30c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E");
pointer-events: none;
}
.page-hero .wrap { position: relative; z-index: 1; padding-block: clamp(3rem, 6vw, 5.5rem); display: flex; flex-direction: column; gap: 1rem; }
.page-hero h1 { color: #FFF; }
.page-hero p { color: var(--on-deep-2); max-width: 60ch; font-size: var(--fs-lg); }
.page-hero .eyebrow { color: var(--blue-300); }
.crumbs { font-size: var(--fs-xs); color: var(--on-deep-2); display: flex; gap: .5rem; align-items: center; }
.crumbs a { color: var(--on-deep-2); }
.crumbs a:hover { color: #FFF; }
.crumbs span { opacity: .5; }
/* --------------------------------------------------------------------------
6. GÜVEN ŞERİDİ
-------------------------------------------------------------------------- */
.trustbar { background: var(--surface); border-bottom: 1px solid var(--line); }
.trustbar .wrap {
display: flex; align-items: center; justify-content: space-between;
gap: 1.5rem 2.5rem; flex-wrap: wrap; padding-block: 1.35rem;
}
.trustbar__label {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--ink-3);
}
.trustbar__items { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.cert {
display: inline-flex; align-items: center; gap: .55rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
color: var(--ink-2);
}
.cert .ico { width: 20px; height: 20px; color: var(--accent); flex: none; }
/* --------------------------------------------------------------------------
7. KART IZGARALARI
-------------------------------------------------------------------------- */
.grid { display: grid; gap: clamp(1rem, 2vw, 1.5rem); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 980px) { .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }
.card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.75rem; display: flex; flex-direction: column; gap: .85rem;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.card--link:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.card__icon {
width: 48px; height: 48px; border-radius: var(--r-md);
background: var(--accent-quiet); color: var(--accent);
display: grid; place-items: center; flex: none;
}
.card__icon .ico { width: 24px; height: 24px; }
.card h3 { font-size: var(--fs-lg); }
.card p { color: var(--ink-2); font-size: var(--fs-sm); }
.card__meta {
margin-top: auto; padding-top: .5rem;
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3);
}
.card__list { display: flex; flex-direction: column; gap: .4rem; list-style: none; }
.card__list li {
font-size: var(--fs-sm); color: var(--ink-2);
display: flex; gap: .5rem; align-items: flex-start;
}
.card__list li::before {
content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue-300);
flex: none; margin-top: .55em;
}
/* --------------------------------------------------------------------------
8. ARITMA SÜRECİ (sıralı — numaralandırma bilgi taşır)
-------------------------------------------------------------------------- */
.process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; position: relative; }
.process::before {
content: ""; position: absolute; left: 0; right: 0; top: 27px; height: 2px;
background: linear-gradient(90deg, var(--blue-100), var(--blue-500), var(--blue-800));
border-radius: 2px;
}
.step { display: flex; flex-direction: column; gap: .7rem; padding-right: 1.25rem; position: relative; }
.step__dot {
width: 56px; height: 56px; border-radius: 50%; flex: none;
background: var(--surface); border: 2px solid var(--blue-300);
display: grid; place-items: center; position: relative; z-index: 1;
font-family: var(--font-mono); font-weight: 600; font-size: var(--fs-sm);
color: var(--accent);
}
.step:nth-child(1) .step__dot { border-color: var(--blue-100); }
.step:nth-child(2) .step__dot { border-color: var(--blue-300); }
.step:nth-child(3) .step__dot { border-color: var(--blue-500); }
.step:nth-child(4) .step__dot { border-color: var(--blue-600); }
.step:nth-child(5) .step__dot { border-color: var(--blue-800); }
.step h3 { font-size: var(--fs-base); }
.step p { font-size: var(--fs-sm); color: var(--ink-2); }
.step__spec {
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--accent);
letter-spacing: .06em;
}
@media (max-width: 900px) {
.process { grid-template-columns: 1fr; gap: 1.75rem; }
.process::before { left: 27px; right: auto; top: 0; bottom: 0; width: 2px; height: auto;
background: linear-gradient(180deg, var(--blue-100), var(--blue-500), var(--blue-800)); }
.step { flex-direction: row; gap: 1.25rem; padding-right: 0; }
.step__body { display: flex; flex-direction: column; gap: .45rem; }
}
/* --------------------------------------------------------------------------
9. AVANTAJLAR / SPLIT BÖLÜM
-------------------------------------------------------------------------- */
.split {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
}
.split--wide-left { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.split--top { align-items: start; }
@media (max-width: 900px) { .split, .split--wide-left { grid-template-columns: 1fr; } }
.feature-list { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; }
.feature-list li { display: flex; gap: 1rem; align-items: flex-start; }
.feature-list .ico-box {
width: 42px; height: 42px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.feature-list .ico-box .ico { width: 21px; height: 21px; }
.feature-list h3 { font-size: var(--fs-base); margin-bottom: .2rem; }
.feature-list p { font-size: var(--fs-sm); color: var(--ink-2); }
.figure {
border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); box-shadow: var(--shadow-md);
}
.figure img { width: 100%; height: 100%; object-fit: cover; }
.figure figcaption {
padding: .85rem 1.15rem; font-size: var(--fs-xs); color: var(--ink-2);
background: var(--surface); border-top: 1px solid var(--line);
}
/* Sayaç şeridi */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.stat { background: var(--surface); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: .3rem; }
.stat__num {
font-family: var(--font-display); font-weight: 700; font-size: clamp(1.75rem, 3vw, 2.5rem);
color: var(--accent); letter-spacing: -0.03em; font-variant-numeric: tabular-nums;
}
.stat__label { font-size: var(--fs-sm); color: var(--ink-2); }
@media (max-width: 760px) { .stats { grid-template-columns: repeat(2, minmax(0,1fr)); } }
/* --------------------------------------------------------------------------
10. ÜRÜNLER
-------------------------------------------------------------------------- */
.product {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.product:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.product__media { aspect-ratio: 4 / 3; background: var(--surface-sunk); position: relative; }
.product__media img { width: 100%; height: 100%; object-fit: cover; }
.product__badge {
position: absolute; top: .85rem; left: .85rem;
background: var(--surface); color: var(--accent); border: 1px solid var(--line);
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase;
padding: .28rem .6rem; border-radius: 100px;
}
.product__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.product__body h3 { font-size: var(--fs-base); }
.product__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.product__spec {
display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin-top: auto; padding-top: .75rem;
border-top: 1px dashed var(--line-strong);
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--ink-3); letter-spacing: .04em;
}
/* --------------------------------------------------------------------------
11. REFERANSLAR
-------------------------------------------------------------------------- */
.quote {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.85rem; display: flex; flex-direction: column; gap: 1.15rem;
}
.quote__stars { display: flex; gap: .18rem; color: var(--blue-500); }
.quote__stars .ico { width: 16px; height: 16px; }
.quote blockquote { margin: 0; font-size: var(--fs-base); color: var(--ink); line-height: 1.6; }
.quote__author { display: flex; align-items: center; gap: .8rem; margin-top: auto; }
.avatar {
width: 42px; height: 42px; border-radius: 50%; flex: none;
background: var(--blue-800); color: #FFF;
display: grid; place-items: center;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
}
.quote__name { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.quote__role { font-size: var(--fs-xs); color: var(--ink-3); }
/* --------------------------------------------------------------------------
12. CTA ŞERİDİ
-------------------------------------------------------------------------- */
.cta-band {
background: linear-gradient(120deg, var(--blue-900), var(--blue-700));
color: var(--on-deep); border-radius: var(--r-xl); overflow: hidden;
position: relative; isolation: isolate;
}
.cta-band::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(80% 140% at 100% 0%, rgba(113,182,231,.28), transparent 60%);
}
.cta-band__inner {
padding: clamp(2.25rem, 5vw, 3.5rem);
display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
}
.cta-band h2 { color: #FFF; font-size: var(--fs-2xl); }
.cta-band p { color: var(--on-deep-2); max-width: 48ch; margin-top: .6rem; }
.cta-band .btn { --btn-bg: #FFF; --btn-fg: var(--blue-900); }
.cta-band .btn:hover { --btn-bg: var(--blue-50); }
.cta-band .btn--on-deep { --btn-bg: transparent; --btn-fg: #FFF; }
/* --------------------------------------------------------------------------
13. BLOG
-------------------------------------------------------------------------- */
.post {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.post:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.post__media { aspect-ratio: 16 / 10; background: var(--surface-sunk); }
.post__media img { width: 100%; height: 100%; object-fit: cover; }
.post__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .65rem; flex: 1; }
.post__meta {
display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .08em;
text-transform: uppercase; color: var(--ink-3);
}
.post__body h3 { font-size: var(--fs-base); line-height: 1.3; }
.post__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.post__foot { margin-top: auto; padding-top: .85rem; }
.post--featured { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.post--featured .post__media { aspect-ratio: auto; height: 100%; min-height: 320px; }
.post--featured .post__body { padding: clamp(1.75rem, 4vw, 2.75rem); gap: .9rem; justify-content: center; }
.post--featured h2 { font-size: var(--fs-2xl); }
@media (max-width: 820px) { .post--featured { grid-template-columns: 1fr; } .post--featured .post__media { min-height: 220px; } }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
padding: .5rem 1rem; border-radius: 100px; border: 1px solid var(--line-strong);
background: var(--surface); color: var(--ink-2); cursor: pointer;
transition: all .16s ease;
}
.chip:hover { border-color: var(--accent); color: var(--accent); }
.chip.is-active { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
/* --------------------------------------------------------------------------
14. GALERİ
-------------------------------------------------------------------------- */
/* Mozaik ızgara: satır yüksekliği sabit, kutular satır/sütun kaplar */
.gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: clamp(88px, 8.5vw, 124px);
grid-auto-flow: dense;
gap: clamp(.75rem, 1.5vw, 1.15rem);
}
@media (max-width: 900px) { .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(96px, 13vw, 140px); } }
@media (max-width: 560px) { .gallery { grid-template-columns: 1fr; grid-auto-rows: clamp(110px, 30vw, 150px); } }
.shot {
position: relative; border-radius: var(--r-md); overflow: hidden; cursor: zoom-in;
border: 1px solid var(--line); background: var(--surface-sunk);
padding: 0; display: block; width: 100%; height: 100%;
grid-row: span 2;
}
.shot--tall { grid-row: span 3; }
.shot--wide { grid-column: span 2; grid-row: span 2; }
@media (max-width: 560px) { .shot--wide { grid-column: span 1; } }
.shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.16,.8,.24,1); }
.shot:hover img { transform: scale(1.05); }
.shot__cap {
position: absolute; inset: auto 0 0 0; padding: 1.5rem 1rem .85rem;
background: linear-gradient(180deg, transparent, rgba(5,23,55,.88));
color: #FFF; text-align: left;
display: flex; flex-direction: column; gap: .1rem;
}
.shot__cap strong { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.shot__cap span { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .09em; text-transform: uppercase; color: var(--blue-100); }
.shot.is-hidden { display: none; }
.lightbox {
position: fixed; inset: 0; z-index: 200; display: none;
background: rgba(5,23,55,.92); backdrop-filter: blur(6px);
align-items: center; justify-content: center; padding: clamp(1rem, 4vw, 3rem);
}
.lightbox.is-open { display: flex; }
.lightbox__inner { max-width: 1000px; width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.lightbox img { width: 100%; border-radius: var(--r-md); box-shadow: var(--shadow-lg); }
.lightbox__cap { color: var(--blue-100); font-size: var(--fs-sm); text-align: center; }
.lightbox__close {
position: absolute; top: 1.25rem; right: 1.25rem;
width: 44px; height: 44px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__close:hover { background: rgba(255,255,255,.2); }
.lightbox__nav {
position: absolute; top: 50%; transform: translateY(-50%);
width: 48px; height: 48px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__nav:hover { background: rgba(255,255,255,.2); }
.lightbox__nav--prev { left: 1rem; }
.lightbox__nav--next { right: 1rem; }
.lightbox .ico { width: 20px; height: 20px; }
/* --------------------------------------------------------------------------
15. ZAMAN ÇİZELGESİ (Hakkımızda)
-------------------------------------------------------------------------- */
.timeline { list-style: none; display: flex; flex-direction: column; gap: 0; position: relative; }
.timeline::before {
content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px;
background: linear-gradient(180deg, var(--blue-100), var(--blue-600));
}
.timeline li { display: grid; grid-template-columns: 34px 1fr; gap: 1.25rem; padding-bottom: 2.25rem; }
.timeline li:last-child { padding-bottom: 0; }
.timeline__dot {
width: 16px; height: 16px; border-radius: 50%; margin-top: .45rem;
background: var(--surface); border: 3px solid var(--accent); position: relative; z-index: 1;
}
.timeline__year {
font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--accent);
letter-spacing: .1em; display: block; margin-bottom: .25rem;
}
.timeline h3 { font-size: var(--fs-base); margin-bottom: .3rem; }
.timeline p { font-size: var(--fs-sm); color: var(--ink-2); }
/* Ekip */
.person { display: flex; flex-direction: column; gap: .9rem; }
.person__photo {
aspect-ratio: 1; border-radius: var(--r-lg); overflow: hidden;
background: var(--surface-sunk); border: 1px solid var(--line);
}
.person__photo img { width: 100%; height: 100%; object-fit: cover; }
.person h3 { font-size: var(--fs-base); }
.person p { font-size: var(--fs-sm); color: var(--ink-2); }
.person__role { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
/* Değerler */
.value-card {
background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--accent);
border-radius: var(--r-md); padding: 1.5rem; display: flex; flex-direction: column; gap: .5rem;
}
.value-card h3 { font-size: var(--fs-base); }
.value-card p { font-size: var(--fs-sm); color: var(--ink-2); }
/* --------------------------------------------------------------------------
16. İLETİŞİM + FORM
-------------------------------------------------------------------------- */
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }
.info-card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.5rem; display: flex; gap: 1rem; align-items: flex-start;
}
.info-card .ico-box {
width: 44px; height: 44px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.info-card .ico-box .ico { width: 22px; height: 22px; }
.info-card h3 { font-size: var(--fs-sm); font-family: var(--font-mono); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .35rem; }
.info-card p, .info-card a { font-size: var(--fs-base); color: var(--ink); }
.info-card a:hover { color: var(--accent); }
.info-card .small { font-size: var(--fs-sm); color: var(--ink-2); }
.form {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: clamp(1.5rem, 3vw, 2.25rem); display: flex; flex-direction: column; gap: 1.15rem;
}
.field { display: flex; flex-direction: column; gap: .4rem; }
.field label { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.field label .req { color: var(--accent); }
.field input, .field select, .field textarea {
background: var(--bg); border: 1px solid var(--line-strong); border-radius: var(--r-sm);
padding: .75rem .9rem; font-size: var(--fs-base); font-family: var(--font-body);
transition: border-color .16s ease, box-shadow .16s ease;
width: 100%;
}
.field input:focus, .field select:focus, .field textarea:focus {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-quiet);
}
.field textarea { resize: vertical; min-height: 130px; }
.field__hint { font-size: var(--fs-xs); color: var(--ink-3); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; }
@media (max-width: 600px) { .field-row { grid-template-columns: 1fr; } }
.check { display: flex; gap: .65rem; align-items: flex-start; font-size: var(--fs-sm); color: var(--ink-2); }
.check input { width: 18px; height: 18px; margin-top: .18rem; flex: none; accent-color: var(--accent); }
.form__note { font-size: var(--fs-xs); color: var(--ink-3); }
.form__status {
display: none; padding: .85rem 1rem; border-radius: var(--r-sm);
background: var(--accent-quiet); color: var(--accent-hover);
font-size: var(--fs-sm); border: 1px solid var(--accent);
}
.form__status.is-visible { display: block; }
.map-frame {
border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); position: relative; aspect-ratio: 21 / 9;
}
.map-frame img { width: 100%; height: 100%; object-fit: cover; filter: var(--img-dim); }
.map-frame__pin {
position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%);
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
padding: .7rem 1rem; box-shadow: var(--shadow-md);
display: flex; align-items: center; gap: .6rem; font-size: var(--fs-sm); font-weight: 600;
font-family: var(--font-display);
}
.map-frame__pin .ico { width: 18px; height: 18px; color: var(--accent); }
/* SSS */
.faq { display: flex; flex-direction: column; gap: .6rem; }
.faq__item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.faq__q {
width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
padding: 1.15rem 1.35rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-base); color: var(--ink);
}
.faq__q .ico { width: 20px; height: 20px; color: var(--accent); flex: none; transition: transform .25s ease; }
.faq__item.is-open .faq__q .ico { transform: rotate(45deg); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; }
.faq__item.is-open .faq__a { grid-template-rows: 1fr; }
.faq__a > div { overflow: hidden; }
.faq__a p { padding: 0 1.35rem 1.25rem; font-size: var(--fs-sm); color: var(--ink-2); max-width: 68ch; }
/* --------------------------------------------------------------------------
17. FOOTER
-------------------------------------------------------------------------- */
.site-footer { background: var(--deep); color: var(--on-deep-2); margin-top: 0; }
.site-footer a { color: var(--on-deep-2); }
.site-footer a:hover { color: #FFF; }
.footer__top {
display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
gap: 2.5rem; padding-block: clamp(3rem, 6vw, 4.5rem);
}
@media (max-width: 900px) { .footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__top { grid-template-columns: 1fr; } }
.footer__brand { display: flex; flex-direction: column; gap: 1.15rem; max-width: 34ch; }
.footer__brand .brand { color: #FFF; }
.footer__brand .brand:hover { color: #FFF; }
.footer__brand .brand__sub { color: var(--blue-300); }
.footer__brand p { font-size: var(--fs-sm); }
.footer__col h4 {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--blue-300); font-weight: 500; margin-bottom: 1.1rem;
}
.footer__col ul { list-style: none; display: flex; flex-direction: column; gap: .65rem; }
.footer__col li { font-size: var(--fs-sm); }
.social { display: flex; gap: .6rem; }
.social a {
width: 38px; height: 38px; border-radius: var(--r-sm);
border: 1px solid rgba(184,220,243,.22); display: grid; place-items: center;
transition: background-color .16s ease, border-color .16s ease;
}
.social a:hover { background: rgba(184,220,243,.12); border-color: rgba(184,220,243,.45); }
.social .ico { width: 18px; height: 18px; }
.footer__bottom {
border-top: 1px solid rgba(184,220,243,.12);
padding-block: 1.35rem;
display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
font-size: var(--fs-xs);
}
.footer__bottom nav { display: flex; gap: 1.35rem; flex-wrap: wrap; }
/* Sabit mobil çağrı şeridi */
.mobile-cta {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
display: none; gap: 1px; background: var(--line);
border-top: 1px solid var(--line); box-shadow: 0 -6px 24px rgba(8,33,60,.14);
}
.mobile-cta a {
flex: 1; background: var(--surface); padding: .9rem .5rem;
display: flex; flex-direction: column; align-items: center; gap: .2rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-xs); color: var(--ink);
}
.mobile-cta a .ico { width: 19px; height: 19px; color: var(--accent); }
@media (max-width: 700px) {
.mobile-cta { display: flex; }
body { padding-bottom: 68px; }
}
/* --------------------------------------------------------------------------
18. GİRİŞ ANİMASYONU
-------------------------------------------------------------------------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,.8,.24,1); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-delay="1"] { transition-delay: .08s; }
.reveal[data-delay="2"] { transition-delay: .16s; }
.reveal[data-delay="3"] { transition-delay: .24s; }
.reveal[data-delay="4"] { transition-delay: .32s; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
.reveal { opacity: 1; transform: none; }
}
/* Koyu temada görsel parlaklığını zemine oturtur */
.figure img, .post__media img, .product__media img,
.shot img, .person__photo img { filter: var(--img-dim); }
/* --------------------------------------------------------------------------
19. YAZDIRMA
-------------------------------------------------------------------------- */
@media print {
.site-header, .topbar, .mobile-cta, .hero__canvas { display: none !important; }
body { background: #FFF; color: #000; }
}
</style>
</head>
<body>
<a class="skip-link" href="#main">İçeriğe geç</a>
<!-- ===== İkon seti ===== -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false"><defs>
<symbol id="i-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></symbol>
<symbol id="i-mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></symbol>
<symbol id="i-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
<symbol id="i-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
<symbol id="i-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5Z"/><path d="m9 12 2 2 4-4"/></symbol>
<symbol id="i-drop" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2.5S5.5 9.6 5.5 14a6.5 6.5 0 0 0 13 0C18.5 9.6 12 2.5 12 2.5Z"/></symbol>
<symbol id="i-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v7l-4 2v-9Z"/></symbol>
<symbol id="i-wrench" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a4 4 0 0 0 5 5l-9.2 9.2a2.5 2.5 0 0 1-3.6-3.6Z"/><path d="m18.5 2.5-3 3 3 3 3-3Z"/></symbol>
<symbol id="i-flask" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 2v6.5L4.4 18a2 2 0 0 0 1.7 3h11.8a2 2 0 0 0 1.7-3L14 8.5V2"/><path d="M9 2h6M7.5 14h9"/></symbol>
<symbol id="i-truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h11v10H2z"/><path d="M13 9h4l4 4v3h-8z"/><circle cx="6.5" cy="18.5" r="1.8"/><circle cx="17.5" cy="18.5" r="1.8"/></symbol>
<symbol id="i-headset" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14v-2a8 8 0 0 1 16 0v2"/><path d="M4 14h3v6H5a2 2 0 0 1-2-2v-4Zm16 0h-3v6h2a2 2 0 0 0 2-2v-4Z"/><path d="M17 20a3 3 0 0 1-3 2h-2"/></symbol>
<symbol id="i-leaf" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20c0-9 6-14 16-15 0 10-5 16-13 16H4Z"/><path d="M9 16c1.5-3.5 4-6 8-8"/></symbol>
<symbol id="i-award" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="9" r="6"/><path d="m8.5 14-1.5 8 5-3 5 3-1.5-8"/></symbol>
<symbol id="i-gauge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 18a9 9 0 1 1 16 0"/><path d="m12 14 4-4"/></symbol>
<symbol id="i-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></symbol>
<symbol id="i-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m6 6 12 12M18 6 6 18"/></symbol>
<symbol id="i-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 6-6 6 6 6"/></symbol>
<symbol id="i-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></symbol>
<symbol id="i-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11Z"/><circle cx="12" cy="10" r="2.6"/></symbol>
<symbol id="i-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></symbol>
<symbol id="i-star" viewBox="0 0 24 24" fill="currentColor"><path d="m12 2 2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.1 6.1 20.2l1.2-6.6L2.5 9l6.6-.9Z"/></symbol>
<symbol id="i-chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5Z"/></symbol>
<symbol id="i-ig" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.1" fill="currentColor" stroke="none"/></symbol>
<symbol id="i-in" viewBox="0 0 24 24" fill="currentColor"><path d="M4.5 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3 9h3v12H3Zm6 0h2.9v1.7h.05c.4-.76 1.4-1.9 3.15-1.9 3.35 0 4 2.2 4 5.1V21h-3v-5.4c0-1.3 0-3-1.85-3s-2.15 1.4-2.15 2.9V21H9Z"/></symbol>
<symbol id="i-fb" viewBox="0 0 24 24" fill="currentColor"><path d="M14 8.5V6.8c0-.8.2-1.3 1.4-1.3H17V2.6c-.3 0-1.2-.1-2.3-.1-2.4 0-4 1.4-4 4.1v1.9H8V12h2.7v9H14v-9h2.6l.4-3.5Z"/></symbol>
<symbol id="i-yt" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12s0-3.3-.4-4.9a2.6 2.6 0 0 0-1.8-1.8C18.1 5 12 5 12 5s-6.1 0-7.8.3a2.6 2.6 0 0 0-1.8 1.8C2 8.7 2 12 2 12s0 3.3.4 4.9c.2.9.9 1.6 1.8 1.8C5.9 19 12 19 12 19s6.1 0 7.8-.3a2.6 2.6 0 0 0 1.8-1.8c.4-1.6.4-4.9.4-4.9ZM10 15V9l5.2 3Z"/></symbol>
<symbol id="i-wa" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.3A10 10 0 1 0 12 2Zm5.2 13.9c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.7-.1a11 11 0 0 1-5.9-5.2c-.4-.8-.6-1.5-.5-2.2.1-.6.4-1.1.8-1.5.2-.2.4-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 1.9c.1.2 0 .4-.1.6l-.4.5c-.1.2-.3.3-.1.6a8 8 0 0 0 3.5 3c.3.1.5.1.6-.1l.7-.8c.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.4.3v.7Z"/></symbol>
</defs></svg>
<!-- ===== Üst şerit ===== -->
<div class="topbar">
<div class="wrap">
<span>Ücretsiz su analizi ve keşif — İstanbul, Kocaeli ve Tekirdağ'da aynı gün</span>
<div class="topbar__contact">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> 0212 000 00 00</a>
<a href="mailto:info@hidrolin.com.tr"><svg class="ico"><use href="#i-mail"></use></svg> info@hidrolin.com.tr</a>
<span><svg class="ico"><use href="#i-clock"></use></svg> Hafta içi 08:30 – 18:30</span>
</div>
</div>
</div>
<!-- ===== Header ===== -->
<header class="site-header">
<div class="wrap">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<nav class="nav" id="primary-nav" aria-label="Ana menü">
<a href="index.html">Anasayfa</a>
<a href="hakkimizda.html">Hakkımızda</a>
<a href="galeri.html" aria-current="page">Galeri</a>
<a href="blog.html">Blog</a>
<a href="iletisim.html">İletişim</a>
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
</nav>
<div class="header__actions">
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="primary-nav" aria-label="Menüyü aç">
<svg class="ico ico--open"><use href="#i-menu"></use></svg>
<svg class="ico ico--close"><use href="#i-x"></use></svg>
</button>
</div>
</div>
</header>
<main id="main">
<section class="page-hero">
<div class="wrap">
<p class="crumbs"><a href="index.html">Anasayfa</a> <span>/</span> Galeri</p>
<p class="eyebrow">Saha arşivi</p>
<h1>Tamamlanan projeler</h1>
<p>Evsel kurulumlardan endüstriyel arıtma hatlarına kadar sahadan kareler. Her görsele tıklayarak büyütebilirsiniz.</p>
</div>
</section>
<section class="section">
<div class="wrap">
<div class="section-head section-head--split reveal">
<div>
<p class="eyebrow">Filtrele</p>
<h2>Ne tür bir kurulum arıyorsunuz?</h2>
</div>
<div class="chips" data-filter-group data-filter-target=".gallery" role="group" aria-label="Galeri filtresi">
<button class="chip is-active" type="button" data-cat-filter="all" aria-pressed="true">Tümü</button>
<button class="chip" type="button" data-cat-filter="endustriyel" aria-pressed="false">Endüstriyel</button>
<button class="chip" type="button" data-cat-filter="merkezi" aria-pressed="false">Merkezi sistem</button>
<button class="chip" type="button" data-cat-filter="evsel" aria-pressed="false">Evsel</button>
<button class="chip" type="button" data-cat-filter="laboratuvar" aria-pressed="false">Laboratuvar</button>
</div>
</div>
<div class="gallery reveal">
<button class="shot shot--wide" type="button" data-cat="endustriyel"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDQiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwNCIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzJCN0RDNSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwNCkiLz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwNCkiLz48bGluZSB4MT0iMTI3IiB5MT0iMTA4IiB4Mj0iOTM3IiB5Mj0iMTA4IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjkzNyIgY3k9IjEwOCIgcj0iNSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjM2Ii8+PGxpbmUgeDE9IjQ1OCIgeTE9IjE5NCIgeDI9IjkyOCIgeTI9IjE5NCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5MjgiIGN5PSIxOTQiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4xMiIvPjxsaW5lIHgxPSI0MyIgeTE9IjI3OSIgeDI9IjUyNSIgeTI9IjI3OSIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI1MjUiIGN5PSIyNzkiIHI9IjYiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4xNSIvPjxsaW5lIHgxPSIxMTQiIHkxPSIzNjQiIHgyPSI1NDgiIHkyPSIzNjQiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNTQ4IiBjeT0iMzY0IiByPSI4IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjIiLz48bGluZSB4MT0iMzQ4IiB5MT0iNDUwIiB4Mj0iOTI5IiB5Mj0iNDUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjIzIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjkyOSIgY3k9IjQ1MCIgcj0iOCIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PGxpbmUgeDE9IjMwMCIgeTE9IjUzNiIgeDI9Ijk2MSIgeTI9IjUzNiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yMyIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5NjEiIGN5PSI1MzYiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxsaW5lIHgxPSIyMiIgeTE9IjYyMSIgeDI9IjkwNCIgeTI9IjYyMSIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zOSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5MDQiIGN5PSI2MjEiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4zOSIvPjxsaW5lIHgxPSI0NjQiIHkxPSI3MDYiIHgyPSIxMzEzIiB5Mj0iNzA2IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEzMTMiIGN5PSI3MDYiIHI9IjUiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yOSIvPjxsaW5lIHgxPSI0MCIgeTE9Ijc5MiIgeDI9IjYzMiIgeTI9Ijc5MiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yOCIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2MzIiIGN5PSI3OTIiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxsaW5lIHgxPSIzMjAiIHkxPSI5MCIgeDI9IjMyMCIgeTI9IjgxMCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9IjY0MCIgeTE9IjkwIiB4Mj0iNjQwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iOTYwIiB5MT0iOTAiIHgyPSI5NjAiIHkyPSI4MTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSIxMjgwIiB5MT0iOTAiIHgyPSIxMjgwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="
data-caption="Gebze OSB — 120 m³/gün ters ozmoz hattı, PLC kontrollü, 2025">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDQiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwNCIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzJCN0RDNSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwNCkiLz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwNCkiLz48bGluZSB4MT0iMTI3IiB5MT0iMTA4IiB4Mj0iOTM3IiB5Mj0iMTA4IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjkzNyIgY3k9IjEwOCIgcj0iNSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjM2Ii8+PGxpbmUgeDE9IjQ1OCIgeTE9IjE5NCIgeDI9IjkyOCIgeTI9IjE5NCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5MjgiIGN5PSIxOTQiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4xMiIvPjxsaW5lIHgxPSI0MyIgeTE9IjI3OSIgeDI9IjUyNSIgeTI9IjI3OSIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xNSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI1MjUiIGN5PSIyNzkiIHI9IjYiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4xNSIvPjxsaW5lIHgxPSIxMTQiIHkxPSIzNjQiIHgyPSI1NDgiIHkyPSIzNjQiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNTQ4IiBjeT0iMzY0IiByPSI4IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjIiLz48bGluZSB4MT0iMzQ4IiB5MT0iNDUwIiB4Mj0iOTI5IiB5Mj0iNDUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjIzIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjkyOSIgY3k9IjQ1MCIgcj0iOCIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PGxpbmUgeDE9IjMwMCIgeTE9IjUzNiIgeDI9Ijk2MSIgeTI9IjUzNiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yMyIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5NjEiIGN5PSI1MzYiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxsaW5lIHgxPSIyMiIgeTE9IjYyMSIgeDI9IjkwNCIgeTI9IjYyMSIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zOSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5MDQiIGN5PSI2MjEiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4zOSIvPjxsaW5lIHgxPSI0NjQiIHkxPSI3MDYiIHgyPSIxMzEzIiB5Mj0iNzA2IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEzMTMiIGN5PSI3MDYiIHI9IjUiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yOSIvPjxsaW5lIHgxPSI0MCIgeTE9Ijc5MiIgeDI9IjYzMiIgeTI9Ijc5MiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yOCIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2MzIiIGN5PSI3OTIiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxsaW5lIHgxPSIzMjAiIHkxPSI5MCIgeDI9IjMyMCIgeTI9IjgxMCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9IjY0MCIgeTE9IjkwIiB4Mj0iNjQwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iOTYwIiB5MT0iOTAiIHgyPSI5NjAiIHkyPSI4MTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSIxMjgwIiB5MT0iOTAiIHgyPSIxMjgwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="Gebze OSB'de kurulu endüstriyel ters ozmoz hattı" loading="lazy" width="1600" height="900">
<span class="shot__cap"><strong>120 m³/gün ters ozmoz hattı</strong><span>Gebze OSB · 2025</span></span>
</button>
<button class="shot" type="button" data-cat="endustriyel"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwMSkiLz48cmVjdCB4PSI3MiIgeT0iNDYyIiB3aWR0aD0iMTUyIiBoZWlnaHQ9IjMxMiIgcng9IjY0IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuNDEiLz48cmVjdCB4PSIxMDIiIHk9IjU1MCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjE1NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iMjkyIiB5PSIzMTkiIHdpZHRoPSIxNDEiIGhlaWdodD0iNDU1IiByeD0iNTkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxyZWN0IHg9IjMyMCIgeT0iNDQ2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjI4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDgiLz48cmVjdCB4PSI0NjgiIHk9IjMxMCIgd2lkdGg9IjEyNCIgaGVpZ2h0PSI0NjQiIHJ4PSI1MiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PHJlY3QgeD0iNDkyIiB5PSI0NDAiIHdpZHRoPSIxNyIgaGVpZ2h0PSIyMzIiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxyZWN0IHg9IjY2MiIgeT0iNDYzIiB3aWR0aD0iMTAzIiBoZWlnaHQ9IjMxMSIgcng9IjQzIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2ODIiIHk9IjU1MCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE1NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PHJlY3QgeD0iODI2IiB5PSIzNzgiIHdpZHRoPSIxMzEiIGhlaWdodD0iMzk2IiByeD0iNTUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yNiIvPjxyZWN0IHg9Ijg1MiIgeT0iNDg5IiB3aWR0aD0iMTgiIGhlaWdodD0iMTk4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDkiLz48cmVjdCB4PSIxMDExIiB5PSI0NTgiIHdpZHRoPSIxMzUiIGhlaWdodD0iMzE2IiByeD0iNTciIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxyZWN0IHg9IjEwMzgiIHk9IjU0NyIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE1OCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMCIgeT0iNzc0IiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC41Ii8+PGxpbmUgeDE9IjAiIHkxPSI2NjYiIHgyPSIxMjAwIiB5Mj0iNjY2IiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjYiLz48bGluZSB4MT0iMCIgeTE9IjU0OSIgeDI9IjEyMDAiIHkyPSI1NDkiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNSIvPjxsaW5lIHgxPSIwIiB5MT0iNDMyIiB4Mj0iMTIwMCIgeTI9IjQzMiIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4="
data-caption="Çorlu — Tekstil boyahanesi için yumuşatma ve RO kombinasyonu, 2024">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwMSkiLz48cmVjdCB4PSI3MiIgeT0iNDYyIiB3aWR0aD0iMTUyIiBoZWlnaHQ9IjMxMiIgcng9IjY0IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuNDEiLz48cmVjdCB4PSIxMDIiIHk9IjU1MCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjE1NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iMjkyIiB5PSIzMTkiIHdpZHRoPSIxNDEiIGhlaWdodD0iNDU1IiByeD0iNTkiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yMyIvPjxyZWN0IHg9IjMyMCIgeT0iNDQ2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjI4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDgiLz48cmVjdCB4PSI0NjgiIHk9IjMxMCIgd2lkdGg9IjEyNCIgaGVpZ2h0PSI0NjQiIHJ4PSI1MiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PHJlY3QgeD0iNDkyIiB5PSI0NDAiIHdpZHRoPSIxNyIgaGVpZ2h0PSIyMzIiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxyZWN0IHg9IjY2MiIgeT0iNDYzIiB3aWR0aD0iMTAzIiBoZWlnaHQ9IjMxMSIgcng9IjQzIiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48cmVjdCB4PSI2ODIiIHk9IjU1MCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE1NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PHJlY3QgeD0iODI2IiB5PSIzNzgiIHdpZHRoPSIxMzEiIGhlaWdodD0iMzk2IiByeD0iNTUiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yNiIvPjxyZWN0IHg9Ijg1MiIgeT0iNDg5IiB3aWR0aD0iMTgiIGhlaWdodD0iMTk4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDkiLz48cmVjdCB4PSIxMDExIiB5PSI0NTgiIHdpZHRoPSIxMzUiIGhlaWdodD0iMzE2IiByeD0iNTciIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxyZWN0IHg9IjEwMzgiIHk9IjU0NyIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE1OCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PHJlY3QgeD0iMCIgeT0iNzc0IiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC41Ii8+PGxpbmUgeDE9IjAiIHkxPSI2NjYiIHgyPSIxMjAwIiB5Mj0iNjY2IiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjYiLz48bGluZSB4MT0iMCIgeTE9IjU0OSIgeDI9IjEyMDAiIHkyPSI1NDkiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNSIvPjxsaW5lIHgxPSIwIiB5MT0iNDMyIiB4Mj0iMTIwMCIgeTI9IjQzMiIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="Tekstil boyahanesi arıtma ünitesi" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Boyahane proses suyu</strong><span>Çorlu · 2024</span></span>
</button>
<button class="shot" type="button" data-cat="merkezi"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCOERDRjMiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwMiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0I4RENGMyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTEzQTYyIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwMikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwMikiLz48ZyBvcGFjaXR5PSIwLjUiPjxsaW5lIHgxPSItOTE4IiB5MT0iMCIgeDI9Ii0xOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTkxOCIgeTE9IjAiIHgyPSItMTgxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSIxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSItMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSI1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSItMTc1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSI4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSItMTcxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTc4MiIgeTE9IjAiIHgyPSIxMTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03ODIiIHkxPSIwIiB4Mj0iLTE2ODIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03NDgiIHkxPSIwIiB4Mj0iMTUyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzQ4IiB5MT0iMCIgeDI9Ii0xNjQ4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzE0IiB5MT0iMCIgeDI9IjE4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTcxNCIgeTE9IjAiIHgyPSItMTYxNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4MCIgeTE9IjAiIHgyPSIyMjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02ODAiIHkxPSIwIiB4Mj0iLTE1ODAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02NDYiIHkxPSIwIiB4Mj0iMjU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjQ2IiB5MT0iMCIgeDI9Ii0xNTQ2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjEyIiB5MT0iMCIgeDI9IjI4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTYxMiIgeTE9IjAiIHgyPSItMTUxMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTU3OCIgeTE9IjAiIHgyPSIzMjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iLTE0NzgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NDQiIHkxPSIwIiB4Mj0iMzU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTQ0IiB5MT0iMCIgeDI9Ii0xNDQ0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTEwIiB5MT0iMCIgeDI9IjM5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTUxMCIgeTE9IjAiIHgyPSItMTQxMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQ3NiIgeTE9IjAiIHgyPSI0MjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NzYiIHkxPSIwIiB4Mj0iLTEzNzYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NDIiIHkxPSIwIiB4Mj0iNDU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDQyIiB5MT0iMCIgeDI9Ii0xMzQyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDA4IiB5MT0iMCIgeDI9IjQ5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQwOCIgeTE9IjAiIHgyPSItMTMwOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM3NCIgeTE9IjAiIHgyPSI1MjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNzQiIHkxPSIwIiB4Mj0iLTEyNzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNDAiIHkxPSIwIiB4Mj0iNTYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzQwIiB5MT0iMCIgeDI9Ii0xMjQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzA2IiB5MT0iMCIgeDI9IjU5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTMwNiIgeTE9IjAiIHgyPSItMTIwNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTI3MiIgeTE9IjAiIHgyPSI2MjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yNzIiIHkxPSIwIiB4Mj0iLTExNzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yMzgiIHkxPSIwIiB4Mj0iNjYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjM4IiB5MT0iMCIgeDI9Ii0xMTM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjA0IiB5MT0iMCIgeDI9IjY5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIwNCIgeTE9IjAiIHgyPSItMTEwNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTE3MCIgeTE9IjAiIHgyPSI3MzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xNzAiIHkxPSIwIiB4Mj0iLTEwNzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xMzYiIHkxPSIwIiB4Mj0iNzY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTM2IiB5MT0iMCIgeDI9Ii0xMDM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTAyIiB5MT0iMCIgeDI9Ijc5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEwMiIgeTE9IjAiIHgyPSItMTAwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9IjgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9Ii05NjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSI4NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSItOTM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjkwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMCIgeTE9IjAiIHgyPSItOTAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNCIgeTE9IjAiIHgyPSI5MzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0IiB5MT0iMCIgeDI9Ii04NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4IiB5MT0iMCIgeDI9Ijk2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgiIHkxPSIwIiB4Mj0iLTgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyIiB5MT0iMCIgeDI9IjEwMDIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwMiIgeTE9IjAiIHgyPSItNzk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYiIHkxPSIwIiB4Mj0iMTAzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ii03NjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSIxMDcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAiIHkxPSIwIiB4Mj0iLTczMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0IiB5MT0iMCIgeDI9IjExMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNCIgeTE9IjAiIHgyPSItNjk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMzgiIHkxPSIwIiB4Mj0iMTEzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ii02NjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSIxMTcyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyNzIiIHkxPSIwIiB4Mj0iLTYyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzA2IiB5MT0iMCIgeDI9IjEyMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjAiIHgyPSItNTk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNDAiIHkxPSIwIiB4Mj0iMTI0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQwIiB5MT0iMCIgeDI9Ii01NjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM3NCIgeTE9IjAiIHgyPSIxMjc0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNzQiIHkxPSIwIiB4Mj0iLTUyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDA4IiB5MT0iMCIgeDI9IjEzMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQwOCIgeTE9IjAiIHgyPSItNDkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NDIiIHkxPSIwIiB4Mj0iMTM0MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDQyIiB5MT0iMCIgeDI9Ii00NTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQ3NiIgeTE9IjAiIHgyPSIxMzc2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NzYiIHkxPSIwIiB4Mj0iLTQyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTEwIiB5MT0iMCIgeDI9IjE0MTAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjUxMCIgeTE9IjAiIHgyPSItMzkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NDQiIHkxPSIwIiB4Mj0iMTQ0NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTQ0IiB5MT0iMCIgeDI9Ii0zNTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjU3OCIgeTE9IjAiIHgyPSIxNDc4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NzgiIHkxPSIwIiB4Mj0iLTMyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjEyIiB5MT0iMCIgeDI9IjE1MTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjYxMiIgeTE9IjAiIHgyPSItMjg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2NDYiIHkxPSIwIiB4Mj0iMTU0NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjQ2IiB5MT0iMCIgeDI9Ii0yNTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4MCIgeTE9IjAiIHgyPSIxNTgwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2ODAiIHkxPSIwIiB4Mj0iLTIyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzE0IiB5MT0iMCIgeDI9IjE2MTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjcxNCIgeTE9IjAiIHgyPSItMTg2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3NDgiIHkxPSIwIiB4Mj0iMTY0OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzQ4IiB5MT0iMCIgeDI9Ii0xNTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc4MiIgeTE9IjAiIHgyPSIxNjgyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3ODIiIHkxPSIwIiB4Mj0iLTExOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODE2IiB5MT0iMCIgeDI9IjE3MTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjgxNiIgeTE9IjAiIHgyPSItODQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg1MCIgeTE9IjAiIHgyPSIxNzUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4NTAiIHkxPSIwIiB4Mj0iLTUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4ODQiIHkxPSIwIiB4Mj0iMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODg0IiB5MT0iMCIgeDI9Ii0xNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTE4IiB5MT0iMCIgeDI9IjE4MTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjkxOCIgeTE9IjAiIHgyPSIxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTUyIiB5MT0iMCIgeDI9IjE4NTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk1MiIgeTE9IjAiIHgyPSI1MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTg2IiB5MT0iMCIgeDI9IjE4ODYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk4NiIgeTE9IjAiIHgyPSI4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyMCIgeTE9IjAiIHgyPSIxOTIwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIwIiB5MT0iMCIgeDI9IjEyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA1NCIgeTE9IjAiIHgyPSIxOTU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDU0IiB5MT0iMCIgeDI9IjE1NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA4OCIgeTE9IjAiIHgyPSIxOTg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDg4IiB5MT0iMCIgeDI9IjE4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTEyMiIgeTE9IjAiIHgyPSIyMDIyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTIyIiB5MT0iMCIgeDI9IjIyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE1NiIgeTE9IjAiIHgyPSIyMDU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTU2IiB5MT0iMCIgeDI9IjI1NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE5MCIgeTE9IjAiIHgyPSIyMDkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTkwIiB5MT0iMCIgeDI9IjI5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTIyNCIgeTE9IjAiIHgyPSIyMTI0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjI0IiB5MT0iMCIgeDI9IjMyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI1OCIgeTE9IjAiIHgyPSIyMTU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjU4IiB5MT0iMCIgeDI9IjM1OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI5MiIgeTE9IjAiIHgyPSIyMTkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjkyIiB5MT0iMCIgeDI9IjM5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTMyNiIgeTE9IjAiIHgyPSIyMjI2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzI2IiB5MT0iMCIgeDI9IjQyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2MCIgeTE9IjAiIHgyPSIyMjYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYwIiB5MT0iMCIgeDI9IjQ2MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM5NCIgeTE9IjAiIHgyPSIyMjk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzk0IiB5MT0iMCIgeDI9IjQ5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQyOCIgeTE9IjAiIHgyPSIyMzI4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDI4IiB5MT0iMCIgeDI9IjUyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ2MiIgeTE9IjAiIHgyPSIyMzYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDYyIiB5MT0iMCIgeDI9IjU2MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ5NiIgeTE9IjAiIHgyPSIyMzk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDk2IiB5MT0iMCIgeDI9IjU5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTUzMCIgeTE9IjAiIHgyPSIyNDMwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTMwIiB5MT0iMCIgeDI9IjYzMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU2NCIgeTE9IjAiIHgyPSIyNDY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTY0IiB5MT0iMCIgeDI9IjY2NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU5OCIgeTE9IjAiIHgyPSIyNDk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTk4IiB5MT0iMCIgeDI9IjY5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTYzMiIgeTE9IjAiIHgyPSIyNTMyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjMyIiB5MT0iMCIgeDI9IjczMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTY2NiIgeTE9IjAiIHgyPSIyNTY2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjY2IiB5MT0iMCIgeDI9Ijc2NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTcwMCIgeTE9IjAiIHgyPSIyNjAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAwIiB5MT0iMCIgeDI9IjgwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTczNCIgeTE9IjAiIHgyPSIyNjM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzM0IiB5MT0iMCIgeDI9IjgzNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTc2OCIgeTE9IjAiIHgyPSIyNjY4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzY4IiB5MT0iMCIgeDI9Ijg2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgwMiIgeTE9IjAiIHgyPSIyNzAyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODAyIiB5MT0iMCIgeDI9IjkwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgzNiIgeTE9IjAiIHgyPSIyNzM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODM2IiB5MT0iMCIgeDI9IjkzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTg3MCIgeTE9IjAiIHgyPSIyNzcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODcwIiB5MT0iMCIgeDI9Ijk3MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkwNCIgeTE9IjAiIHgyPSIyODA0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTA0IiB5MT0iMCIgeDI9IjEwMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5MzgiIHkxPSIwIiB4Mj0iMjgzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkzOCIgeTE9IjAiIHgyPSIxMDM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTcyIiB5MT0iMCIgeDI9IjI4NzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5NzIiIHkxPSIwIiB4Mj0iMTA3MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjAwNiIgeTE9IjAiIHgyPSIyOTA2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDA2IiB5MT0iMCIgeDI9IjExMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNDAiIHkxPSIwIiB4Mj0iMjk0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0MCIgeTE9IjAiIHgyPSIxMTQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDc0IiB5MT0iMCIgeDI9IjI5NzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNzQiIHkxPSIwIiB4Mj0iMTE3NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjEwOCIgeTE9IjAiIHgyPSIzMDA4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMTA4IiB5MT0iMCIgeDI9IjEyMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PC9nPjxjaXJjbGUgY3g9IjI2MiIgY3k9IjUyMyIgcj0iNDQiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjgwNCIgY3k9IjUxOCIgcj0iNjEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjcxMyIgY3k9IjQ5MiIgcj0iMzMiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjYyOSIgY3k9IjUyNSIgcj0iNzIiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijk2NCIgY3k9IjU5OCIgcj0iNjAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjMzOCIgY3k9IjIxNiIgcj0iOTUiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijc4MiIgY3k9IjUxOSIgcj0iNjUiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjYwMSIgY3k9IjI3NSIgcj0iNzIiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjI2MCIgY3k9IjUyNiIgcj0iODAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjkwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"
data-caption="Beylikdüzü — 48 daireli site girişi merkezi yumuşatma sistemi, 2025">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCOERDRjMiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwMiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0I4RENGMyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTEzQTYyIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwMikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwMikiLz48ZyBvcGFjaXR5PSIwLjUiPjxsaW5lIHgxPSItOTE4IiB5MT0iMCIgeDI9Ii0xOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTkxOCIgeTE9IjAiIHgyPSItMTgxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSIxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSItMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSI1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSItMTc1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSI4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSItMTcxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTc4MiIgeTE9IjAiIHgyPSIxMTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03ODIiIHkxPSIwIiB4Mj0iLTE2ODIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03NDgiIHkxPSIwIiB4Mj0iMTUyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzQ4IiB5MT0iMCIgeDI9Ii0xNjQ4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzE0IiB5MT0iMCIgeDI9IjE4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTcxNCIgeTE9IjAiIHgyPSItMTYxNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4MCIgeTE9IjAiIHgyPSIyMjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02ODAiIHkxPSIwIiB4Mj0iLTE1ODAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02NDYiIHkxPSIwIiB4Mj0iMjU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjQ2IiB5MT0iMCIgeDI9Ii0xNTQ2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjEyIiB5MT0iMCIgeDI9IjI4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTYxMiIgeTE9IjAiIHgyPSItMTUxMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTU3OCIgeTE9IjAiIHgyPSIzMjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iLTE0NzgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NDQiIHkxPSIwIiB4Mj0iMzU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTQ0IiB5MT0iMCIgeDI9Ii0xNDQ0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTEwIiB5MT0iMCIgeDI9IjM5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTUxMCIgeTE9IjAiIHgyPSItMTQxMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQ3NiIgeTE9IjAiIHgyPSI0MjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NzYiIHkxPSIwIiB4Mj0iLTEzNzYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NDIiIHkxPSIwIiB4Mj0iNDU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDQyIiB5MT0iMCIgeDI9Ii0xMzQyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDA4IiB5MT0iMCIgeDI9IjQ5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQwOCIgeTE9IjAiIHgyPSItMTMwOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM3NCIgeTE9IjAiIHgyPSI1MjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNzQiIHkxPSIwIiB4Mj0iLTEyNzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNDAiIHkxPSIwIiB4Mj0iNTYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzQwIiB5MT0iMCIgeDI9Ii0xMjQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzA2IiB5MT0iMCIgeDI9IjU5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTMwNiIgeTE9IjAiIHgyPSItMTIwNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTI3MiIgeTE9IjAiIHgyPSI2MjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yNzIiIHkxPSIwIiB4Mj0iLTExNzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yMzgiIHkxPSIwIiB4Mj0iNjYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjM4IiB5MT0iMCIgeDI9Ii0xMTM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjA0IiB5MT0iMCIgeDI9IjY5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIwNCIgeTE9IjAiIHgyPSItMTEwNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTE3MCIgeTE9IjAiIHgyPSI3MzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xNzAiIHkxPSIwIiB4Mj0iLTEwNzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xMzYiIHkxPSIwIiB4Mj0iNzY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTM2IiB5MT0iMCIgeDI9Ii0xMDM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTAyIiB5MT0iMCIgeDI9Ijc5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEwMiIgeTE9IjAiIHgyPSItMTAwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9IjgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9Ii05NjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSI4NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSItOTM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjkwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMCIgeTE9IjAiIHgyPSItOTAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNCIgeTE9IjAiIHgyPSI5MzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0IiB5MT0iMCIgeDI9Ii04NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4IiB5MT0iMCIgeDI9Ijk2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgiIHkxPSIwIiB4Mj0iLTgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyIiB5MT0iMCIgeDI9IjEwMDIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwMiIgeTE9IjAiIHgyPSItNzk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYiIHkxPSIwIiB4Mj0iMTAzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ii03NjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSIxMDcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAiIHkxPSIwIiB4Mj0iLTczMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0IiB5MT0iMCIgeDI9IjExMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNCIgeTE9IjAiIHgyPSItNjk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMzgiIHkxPSIwIiB4Mj0iMTEzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ii02NjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSIxMTcyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyNzIiIHkxPSIwIiB4Mj0iLTYyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzA2IiB5MT0iMCIgeDI9IjEyMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjAiIHgyPSItNTk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNDAiIHkxPSIwIiB4Mj0iMTI0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQwIiB5MT0iMCIgeDI9Ii01NjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM3NCIgeTE9IjAiIHgyPSIxMjc0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNzQiIHkxPSIwIiB4Mj0iLTUyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDA4IiB5MT0iMCIgeDI9IjEzMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQwOCIgeTE9IjAiIHgyPSItNDkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NDIiIHkxPSIwIiB4Mj0iMTM0MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDQyIiB5MT0iMCIgeDI9Ii00NTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQ3NiIgeTE9IjAiIHgyPSIxMzc2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NzYiIHkxPSIwIiB4Mj0iLTQyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTEwIiB5MT0iMCIgeDI9IjE0MTAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjUxMCIgeTE9IjAiIHgyPSItMzkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NDQiIHkxPSIwIiB4Mj0iMTQ0NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTQ0IiB5MT0iMCIgeDI9Ii0zNTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjU3OCIgeTE9IjAiIHgyPSIxNDc4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NzgiIHkxPSIwIiB4Mj0iLTMyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjEyIiB5MT0iMCIgeDI9IjE1MTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjYxMiIgeTE9IjAiIHgyPSItMjg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2NDYiIHkxPSIwIiB4Mj0iMTU0NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjQ2IiB5MT0iMCIgeDI9Ii0yNTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4MCIgeTE9IjAiIHgyPSIxNTgwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2ODAiIHkxPSIwIiB4Mj0iLTIyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzE0IiB5MT0iMCIgeDI9IjE2MTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjcxNCIgeTE9IjAiIHgyPSItMTg2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3NDgiIHkxPSIwIiB4Mj0iMTY0OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzQ4IiB5MT0iMCIgeDI9Ii0xNTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc4MiIgeTE9IjAiIHgyPSIxNjgyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3ODIiIHkxPSIwIiB4Mj0iLTExOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODE2IiB5MT0iMCIgeDI9IjE3MTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjgxNiIgeTE9IjAiIHgyPSItODQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg1MCIgeTE9IjAiIHgyPSIxNzUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4NTAiIHkxPSIwIiB4Mj0iLTUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4ODQiIHkxPSIwIiB4Mj0iMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODg0IiB5MT0iMCIgeDI9Ii0xNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTE4IiB5MT0iMCIgeDI9IjE4MTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjkxOCIgeTE9IjAiIHgyPSIxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTUyIiB5MT0iMCIgeDI9IjE4NTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk1MiIgeTE9IjAiIHgyPSI1MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTg2IiB5MT0iMCIgeDI9IjE4ODYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk4NiIgeTE9IjAiIHgyPSI4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyMCIgeTE9IjAiIHgyPSIxOTIwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIwIiB5MT0iMCIgeDI9IjEyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA1NCIgeTE9IjAiIHgyPSIxOTU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDU0IiB5MT0iMCIgeDI9IjE1NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA4OCIgeTE9IjAiIHgyPSIxOTg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDg4IiB5MT0iMCIgeDI9IjE4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTEyMiIgeTE9IjAiIHgyPSIyMDIyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTIyIiB5MT0iMCIgeDI9IjIyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE1NiIgeTE9IjAiIHgyPSIyMDU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTU2IiB5MT0iMCIgeDI9IjI1NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE5MCIgeTE9IjAiIHgyPSIyMDkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTkwIiB5MT0iMCIgeDI9IjI5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTIyNCIgeTE9IjAiIHgyPSIyMTI0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjI0IiB5MT0iMCIgeDI9IjMyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI1OCIgeTE9IjAiIHgyPSIyMTU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjU4IiB5MT0iMCIgeDI9IjM1OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI5MiIgeTE9IjAiIHgyPSIyMTkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjkyIiB5MT0iMCIgeDI9IjM5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTMyNiIgeTE9IjAiIHgyPSIyMjI2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzI2IiB5MT0iMCIgeDI9IjQyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2MCIgeTE9IjAiIHgyPSIyMjYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYwIiB5MT0iMCIgeDI9IjQ2MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM5NCIgeTE9IjAiIHgyPSIyMjk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzk0IiB5MT0iMCIgeDI9IjQ5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQyOCIgeTE9IjAiIHgyPSIyMzI4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDI4IiB5MT0iMCIgeDI9IjUyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ2MiIgeTE9IjAiIHgyPSIyMzYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDYyIiB5MT0iMCIgeDI9IjU2MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ5NiIgeTE9IjAiIHgyPSIyMzk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDk2IiB5MT0iMCIgeDI9IjU5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTUzMCIgeTE9IjAiIHgyPSIyNDMwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTMwIiB5MT0iMCIgeDI9IjYzMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU2NCIgeTE9IjAiIHgyPSIyNDY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTY0IiB5MT0iMCIgeDI9IjY2NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU5OCIgeTE9IjAiIHgyPSIyNDk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTk4IiB5MT0iMCIgeDI9IjY5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTYzMiIgeTE9IjAiIHgyPSIyNTMyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjMyIiB5MT0iMCIgeDI9IjczMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTY2NiIgeTE9IjAiIHgyPSIyNTY2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjY2IiB5MT0iMCIgeDI9Ijc2NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTcwMCIgeTE9IjAiIHgyPSIyNjAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAwIiB5MT0iMCIgeDI9IjgwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTczNCIgeTE9IjAiIHgyPSIyNjM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzM0IiB5MT0iMCIgeDI9IjgzNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTc2OCIgeTE9IjAiIHgyPSIyNjY4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzY4IiB5MT0iMCIgeDI9Ijg2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgwMiIgeTE9IjAiIHgyPSIyNzAyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODAyIiB5MT0iMCIgeDI9IjkwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgzNiIgeTE9IjAiIHgyPSIyNzM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODM2IiB5MT0iMCIgeDI9IjkzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTg3MCIgeTE9IjAiIHgyPSIyNzcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODcwIiB5MT0iMCIgeDI9Ijk3MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkwNCIgeTE9IjAiIHgyPSIyODA0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTA0IiB5MT0iMCIgeDI9IjEwMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5MzgiIHkxPSIwIiB4Mj0iMjgzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkzOCIgeTE9IjAiIHgyPSIxMDM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTcyIiB5MT0iMCIgeDI9IjI4NzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5NzIiIHkxPSIwIiB4Mj0iMTA3MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjAwNiIgeTE9IjAiIHgyPSIyOTA2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDA2IiB5MT0iMCIgeDI9IjExMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNDAiIHkxPSIwIiB4Mj0iMjk0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0MCIgeTE9IjAiIHgyPSIxMTQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDc0IiB5MT0iMCIgeDI9IjI5NzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNzQiIHkxPSIwIiB4Mj0iMTE3NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjEwOCIgeTE9IjAiIHgyPSIzMDA4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMTA4IiB5MT0iMCIgeDI9IjEyMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PC9nPjxjaXJjbGUgY3g9IjI2MiIgY3k9IjUyMyIgcj0iNDQiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjgwNCIgY3k9IjUxOCIgcj0iNjEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjcxMyIgY3k9IjQ5MiIgcj0iMzMiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjYyOSIgY3k9IjUyNSIgcj0iNzIiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijk2NCIgY3k9IjU5OCIgcj0iNjAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjMzOCIgY3k9IjIxNiIgcj0iOTUiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijc4MiIgY3k9IjUxOSIgcj0iNjUiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjYwMSIgY3k9IjI3NSIgcj0iNzIiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjI2MCIgY3k9IjUyNiIgcj0iODAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjkwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" alt="Site girişi merkezi yumuşatma sistemi" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Site girişi yumuşatma</strong><span>Beylikdüzü · 2025</span></span>
</button>
<button class="shot shot--tall" type="button" data-cat="evsel"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDE1MDAiIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEwNSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFBNTU4OSIvPjxzdG9wIG9mZnNldD0iMC41NSIgc3RvcC1jb2xvcj0iIzNBOTNEQSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0QwRTlGNiIvPjwvbGluZWFyR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJyMTA1IiBjeD0iMC4zIiBjeT0iMC4yMiIgcj0iMC44NSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRDBFOUY2IiBzdG9wLW9wYWNpdHk9IjAuNTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxQTU1ODkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiIGZpbGw9InVybCgjZzEwNSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSJ1cmwoI3IxMDUpIi8+PHBvbHlnb24gcG9pbnRzPSIwLDE1MDAgMCw0NTIuMyAxMiw0NTIuMCAyNCw0NTEuOCAzNiw0NTEuNSA0OCw0NTEuMiA2MCw0NTAuOSA3Miw0NTAuNiA4NCw0NTAuNCA5Niw0NTAuMSAxMDgsNDQ5LjkgMTIwLDQ0OS43IDEzMiw0NDkuNSAxNDQsNDQ5LjQgMTU2LDQ0OS40IDE2OCw0NDkuNCAxODAsNDQ5LjUgMTkyLDQ0OS43IDIwNCw0NDkuOSAyMTYsNDUwLjMgMjI4LDQ1MC44IDI0MCw0NTEuMyAyNTIsNDUyLjAgMjY0LDQ1Mi44IDI3Niw0NTMuNyAyODgsNDU0LjcgMzAwLDQ1NS45IDMxMiw0NTcuMSAzMjQsNDU4LjUgMzM2LDQ2MC4wIDM0OCw0NjEuNyAzNjAsNDYzLjQgMzcyLDQ2NS4yIDM4NCw0NjcuMiAzOTYsNDY5LjIgNDA4LDQ3MS4zIDQyMCw0NzMuNSA0MzIsNDc1LjggNDQ0LDQ3OC4yIDQ1Niw0ODAuNiA0NjgsNDgzLjAgNDgwLDQ4NS41IDQ5Miw0ODguMCA1MDQsNDkwLjUgNTE2LDQ5My4wIDUyOCw0OTUuNCA1NDAsNDk3LjkgNTUyLDUwMC4zIDU2NCw1MDIuNyA1NzYsNTA1LjAgNTg4LDUwNy4zIDYwMCw1MDkuNCA2MTIsNTExLjUgNjI0LDUxMy41IDYzNiw1MTUuNCA2NDgsNTE3LjEgNjYwLDUxOC43IDY3Miw1MjAuMiA2ODQsNTIxLjYgNjk2LDUyMi44IDcwOCw1MjMuOCA3MjAsNTI0LjcgNzMyLDUyNS41IDc0NCw1MjYuMSA3NTYsNTI2LjUgNzY4LDUyNi44IDc4MCw1MjYuOSA3OTIsNTI2LjkgODA0LDUyNi44IDgxNiw1MjYuNSA4MjgsNTI2LjAgODQwLDUyNS41IDg1Miw1MjQuOCA4NjQsNTI0LjAgODc2LDUyMy4xIDg4OCw1MjIuMSA5MDAsNTIxLjAgOTEyLDUxOS44IDkyNCw1MTguNSA5MzYsNTE3LjIgOTQ4LDUxNS44IDk2MCw1MTQuNCA5NzIsNTEzLjAgOTg0LDUxMS41IDk5Niw1MTAuMSAxMDA4LDUwOC42IDEwMjAsNTA3LjEgMTAzMiw1MDUuNyAxMDQ0LDUwNC4zIDEwNTYsNTAyLjkgMTA2OCw1MDEuNSAxMDgwLDUwMC4yIDEwOTIsNDk4LjkgMTEwNCw0OTcuNyAxMTE2LDQ5Ni41IDExMjgsNDk1LjQgMTE0MCw0OTQuNCAxMTUyLDQ5My40IDExNjQsNDkyLjUgMTE3Niw0OTEuNiAxMTg4LDQ5MC44IDEyMDAsNDkwLjEgMTIwMCwxNTAwIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cG9seWdvbiBwb2ludHM9IjAsMTUwMCAwLDYxNi4xIDEyLDYxNS45IDI0LDYxNS42IDM2LDYxNS4zIDQ4LDYxNS4wIDYwLDYxNC43IDcyLDYxNC4zIDg0LDYxNC4wIDk2LDYxMy42IDEwOCw2MTMuMyAxMjAsNjEzLjAgMTMyLDYxMi43IDE0NCw2MTIuNCAxNTYsNjEyLjEgMTY4LDYxMS45IDE4MCw2MTEuNyAxOTIsNjExLjYgMjA0LDYxMS42IDIxNiw2MTEuNiAyMjgsNjExLjcgMjQwLDYxMS45IDI1Miw2MTIuMiAyNjQsNjEyLjUgMjc2LDYxMy4wIDI4OCw2MTMuNiAzMDAsNjE0LjMgMzEyLDYxNS4xIDMyNCw2MTYuMCAzMzYsNjE3LjAgMzQ4LDYxOC4xIDM2MCw2MTkuNCAzNzIsNjIwLjggMzg0LDYyMi4zIDM5Niw2MjMuOSA0MDgsNjI1LjYgNDIwLDYyNy40IDQzMiw2MjkuMyA0NDQsNjMxLjMgNDU2LDYzMy40IDQ2OCw2MzUuNiA0ODAsNjM3LjkgNDkyLDY0MC4yIDUwNCw2NDIuNiA1MTYsNjQ1LjAgNTI4LDY0Ny41IDU0MCw2NTAuMCA1NTIsNjUyLjUgNTY0LDY1NS4wIDU3Niw2NTcuNiA1ODgsNjYwLjEgNjAwLDY2Mi42IDYxMiw2NjUuMCA2MjQsNjY3LjQgNjM2LDY2OS44IDY0OCw2NzIuMSA2NjAsNjc0LjMgNjcyLDY3Ni41IDY4NCw2NzguNSA2OTYsNjgwLjQgNzA4LDY4Mi4zIDcyMCw2ODQuMCA3MzIsNjg1LjYgNzQ0LDY4Ny4wIDc1Niw2ODguNCA3NjgsNjg5LjYgNzgwLDY5MC42IDc5Miw2OTEuNSA4MDQsNjkyLjMgODE2LDY5Mi45IDgyOCw2OTMuNCA4NDAsNjkzLjcgODUyLDY5My45IDg2NCw2OTMuOSA4NzYsNjkzLjggODg4LDY5My42IDkwMCw2OTMuMiA5MTIsNjkyLjcgOTI0LDY5Mi4xIDkzNiw2OTEuNCA5NDgsNjkwLjYgOTYwLDY4OS42IDk3Miw2ODguNiA5ODQsNjg3LjUgOTk2LDY4Ni40IDEwMDgsNjg1LjEgMTAyMCw2ODMuOSAxMDMyLDY4Mi41IDEwNDQsNjgxLjIgMTA1Niw2NzkuOCAxMDY4LDY3OC40IDEwODAsNjc3LjAgMTA5Miw2NzUuNSAxMTA0LDY3NC4xIDExMTYsNjcyLjcgMTEyOCw2NzEuNCAxMTQwLDY3MC4wIDExNTIsNjY4LjcgMTE2NCw2NjcuNCAxMTc2LDY2Ni4yIDExODgsNjY1LjAgMTIwMCw2NjMuOSAxMjAwLDE1MDAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xNSIvPjxwb2x5Z29uIHBvaW50cz0iMCwxNTAwIDAsODI1LjIgMTIsODI0LjQgMjQsODIzLjYgMzYsODIyLjggNDgsODIyLjAgNjAsODIxLjIgNzIsODIwLjQgODQsODE5LjcgOTYsODE4LjkgMTA4LDgxOC4yIDEyMCw4MTcuNSAxMzIsODE2LjggMTQ0LDgxNi4yIDE1Niw4MTUuNSAxNjgsODE0LjkgMTgwLDgxNC4zIDE5Miw4MTMuOCAyMDQsODEzLjMgMjE2LDgxMi44IDIyOCw4MTIuMyAyNDAsODExLjggMjUyLDgxMS40IDI2NCw4MTEuMCAyNzYsODEwLjYgMjg4LDgxMC4zIDMwMCw4MDkuOSAzMTIsODA5LjYgMzI0LDgwOS4zIDMzNiw4MDkuMCAzNDgsODA4LjggMzYwLDgwOC41IDM3Miw4MDguMyAzODQsODA4LjEgMzk2LDgwNy45IDQwOCw4MDcuNyA0MjAsODA3LjUgNDMyLDgwNy4zIDQ0NCw4MDcuMSA0NTYsODA2LjkgNDY4LDgwNi43IDQ4MCw4MDYuNSA0OTIsODA2LjMgNTA0LDgwNi4xIDUxNiw4MDUuOSA1MjgsODA1LjcgNTQwLDgwNS40IDU1Miw4MDUuMiA1NjQsODA0LjkgNTc2LDgwNC42IDU4OCw4MDQuMyA2MDAsODA0LjAgNjEyLDgwMy42IDYyNCw4MDMuMyA2MzYsODAyLjkgNjQ4LDgwMi41IDY2MCw4MDIuMCA2NzIsODAxLjYgNjg0LDgwMS4xIDY5Niw4MDAuNiA3MDgsODAwLjEgNzIwLDc5OS42IDczMiw3OTkuMCA3NDQsNzk4LjQgNzU2LDc5Ny44IDc2OCw3OTcuMiA3ODAsNzk2LjYgNzkyLDc5NS45IDgwNCw3OTUuMyA4MTYsNzk0LjYgODI4LDc5NC4wIDg0MCw3OTMuMyA4NTIsNzkyLjYgODY0LDc5MS45IDg3Niw3OTEuMiA4ODgsNzkwLjUgOTAwLDc4OS45IDkxMiw3ODkuMiA5MjQsNzg4LjUgOTM2LDc4Ny45IDk0OCw3ODcuMyA5NjAsNzg2LjcgOTcyLDc4Ni4xIDk4NCw3ODUuNSA5OTYsNzg1LjAgMTAwOCw3ODQuNSAxMDIwLDc4NC4wIDEwMzIsNzgzLjYgMTA0NCw3ODMuMiAxMDU2LDc4Mi44IDEwNjgsNzgyLjUgMTA4MCw3ODIuMiAxMDkyLDc4Mi4wIDExMDQsNzgxLjggMTExNiw3ODEuNiAxMTI4LDc4MS41IDExNDAsNzgxLjUgMTE1Miw3ODEuNSAxMTY0LDc4MS42IDExNzYsNzgxLjcgMTE4OCw3ODEuOSAxMjAwLDc4Mi4xIDEyMDAsMTUwMCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PHBvbHlnb24gcG9pbnRzPSIwLDE1MDAgMCw5NTIuOCAxMiw5NTIuNyAyNCw5NTIuNyAzNiw5NTIuNiA0OCw5NTIuNiA2MCw5NTIuNSA3Miw5NTIuNCA4NCw5NTIuMyA5Niw5NTIuMSAxMDgsOTUyLjAgMTIwLDk1MS44IDEzMiw5NTEuNiAxNDQsOTUxLjMgMTU2LDk1MS4xIDE2OCw5NTAuOCAxODAsOTUwLjUgMTkyLDk1MC4yIDIwNCw5NDkuOSAyMTYsOTQ5LjUgMjI4LDk0OS4yIDI0MCw5NDguOCAyNTIsOTQ4LjQgMjY0LDk0OC4wIDI3Niw5NDcuNSAyODgsOTQ3LjEgMzAwLDk0Ni43IDMxMiw5NDYuMyAzMjQsOTQ1LjggMzM2LDk0NS40IDM0OCw5NDUuMCAzNjAsOTQ0LjYgMzcyLDk0NC4yIDM4NCw5NDMuOCAzOTYsOTQzLjUgNDA4LDk0My4xIDQyMCw5NDIuOCA0MzIsOTQyLjUgNDQ0LDk0Mi4zIDQ1Niw5NDIuMSA0NjgsOTQxLjkgNDgwLDk0MS44IDQ5Miw5NDEuNyA1MDQsOTQxLjYgNTE2LDk0MS43IDUyOCw5NDEuNyA1NDAsOTQxLjggNTUyLDk0Mi4wIDU2NCw5NDIuMiA1NzYsOTQyLjUgNTg4LDk0Mi45IDYwMCw5NDMuMyA2MTIsOTQzLjggNjI0LDk0NC4zIDYzNiw5NDUuMCA2NDgsOTQ1LjYgNjYwLDk0Ni40IDY3Miw5NDcuMiA2ODQsOTQ4LjEgNjk2LDk0OS4wIDcwOCw5NTAuMCA3MjAsOTUxLjEgNzMyLDk1Mi4yIDc0NCw5NTMuNCA3NTYsOTU0LjYgNzY4LDk1Ni4wIDc4MCw5NTcuMyA3OTIsOTU4LjcgODA0LDk2MC4yIDgxNiw5NjEuNyA4MjgsOTYzLjIgODQwLDk2NC44IDg1Miw5NjYuNCA4NjQsOTY4LjAgODc2LDk2OS43IDg4OCw5NzEuNCA5MDAsOTczLjEgOTEyLDk3NC44IDkyNCw5NzYuNiA5MzYsOTc4LjMgOTQ4LDk4MC4wIDk2MCw5ODEuOCA5NzIsOTgzLjUgOTg0LDk4NS4yIDk5Niw5ODYuOSAxMDA4LDk4OC42IDEwMjAsOTkwLjIgMTAzMiw5OTEuOSAxMDQ0LDk5My41IDEwNTYsOTk1LjAgMTA2OCw5OTYuNSAxMDgwLDk5OC4wIDEwOTIsOTk5LjQgMTEwNCwxMDAwLjggMTExNiwxMDAyLjEgMTEyOCwxMDAzLjQgMTE0MCwxMDA0LjYgMTE1MiwxMDA1LjcgMTE2NCwxMDA2LjggMTE3NiwxMDA3LjggMTE4OCwxMDA4LjcgMTIwMCwxMDA5LjYgMTIwMCwxNTAwIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMjciLz48cG9seWdvbiBwb2ludHM9IjAsMTUwMCAwLDExNDMuMSAxMiwxMTQyLjQgMjQsMTE0MS43IDM2LDExNDEuMSA0OCwxMTQwLjQgNjAsMTEzOS45IDcyLDExMzkuMyA4NCwxMTM4LjggOTYsMTEzOC4zIDEwOCwxMTM3LjggMTIwLDExMzcuNCAxMzIsMTEzNy4wIDE0NCwxMTM2LjYgMTU2LDExMzYuMyAxNjgsMTEzNi4wIDE4MCwxMTM1LjcgMTkyLDExMzUuNCAyMDQsMTEzNS4xIDIxNiwxMTM0LjkgMjI4LDExMzQuNiAyNDAsMTEzNC40IDI1MiwxMTM0LjIgMjY0LDExMzQuMCAyNzYsMTEzMy44IDI4OCwxMTMzLjcgMzAwLDExMzMuNSAzMTIsMTEzMy4zIDMyNCwxMTMzLjIgMzM2LDExMzMuMCAzNDgsMTEzMi44IDM2MCwxMTMyLjYgMzcyLDExMzIuNCAzODQsMTEzMi4zIDM5NiwxMTMyLjAgNDA4LDExMzEuOCA0MjAsMTEzMS42IDQzMiwxMTMxLjMgNDQ0LDExMzEuMSA0NTYsMTEzMC44IDQ2OCwxMTMwLjUgNDgwLDExMzAuMiA0OTIsMTEyOS44IDUwNCwxMTI5LjUgNTE2LDExMjkuMSA1MjgsMTEyOC43IDU0MCwxMTI4LjMgNTUyLDExMjcuOCA1NjQsMTEyNy40IDU3NiwxMTI2LjkgNTg4LDExMjYuNCA2MDAsMTEyNS45IDYxMiwxMTI1LjMgNjI0LDExMjQuOCA2MzYsMTEyNC4yIDY0OCwxMTIzLjYgNjYwLDExMjMuMSA2NzIsMTEyMi41IDY4NCwxMTIxLjkgNjk2LDExMjEuMyA3MDgsMTEyMC43IDcyMCwxMTIwLjEgNzMyLDExMTkuNSA3NDQsMTExOC45IDc1NiwxMTE4LjMgNzY4LDExMTcuNyA3ODAsMTExNy4yIDc5MiwxMTE2LjYgODA0LDExMTYuMSA4MTYsMTExNS42IDgyOCwxMTE1LjEgODQwLDExMTQuNyA4NTIsMTExNC4yIDg2NCwxMTEzLjkgODc2LDExMTMuNSA4ODgsMTExMy4yIDkwMCwxMTEyLjkgOTEyLDExMTIuNyA5MjQsMTExMi41IDkzNiwxMTEyLjQgOTQ4LDExMTIuMyA5NjAsMTExMi4yIDk3MiwxMTEyLjIgOTg0LDExMTIuMyA5OTYsMTExMi40IDEwMDgsMTExMi41IDEwMjAsMTExMi44IDEwMzIsMTExMy4wIDEwNDQsMTExMy4zIDEwNTYsMTExMy43IDEwNjgsMTExNC4yIDEwODAsMTExNC42IDEwOTIsMTExNS4yIDExMDQsMTExNS44IDExMTYsMTExNi40IDExMjgsMTExNy4xIDExNDAsMTExNy45IDExNTIsMTExOC43IDExNjQsMTExOS41IDExNzYsMTEyMC40IDExODgsMTEyMS4zIDEyMDAsMTEyMi4zIDEyMDAsMTUwMCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PHBvbHlnb24gcG9pbnRzPSIwLDE1MDAgMCwxMjg4LjIgMTIsMTI4OC4zIDI0LDEyODguMyAzNiwxMjg4LjQgNDgsMTI4OC42IDYwLDEyODguOCA3MiwxMjg5LjEgODQsMTI4OS41IDk2LDEyOTAuMCAxMDgsMTI5MC41IDEyMCwxMjkxLjEgMTMyLDEyOTEuOSAxNDQsMTI5Mi43IDE1NiwxMjkzLjYgMTY4LDEyOTQuNSAxODAsMTI5NS42IDE5MiwxMjk2LjggMjA0LDEyOTguMSAyMTYsMTI5OS40IDIyOCwxMzAwLjggMjQwLDEzMDIuMyAyNTIsMTMwMy45IDI2NCwxMzA1LjUgMjc2LDEzMDcuMiAyODgsMTMwOC45IDMwMCwxMzEwLjYgMzEyLDEzMTIuNCAzMjQsMTMxNC4xIDMzNiwxMzE1LjkgMzQ4LDEzMTcuNyAzNjAsMTMxOS40IDM3MiwxMzIxLjEgMzg0LDEzMjIuOCAzOTYsMTMyNC40IDQwOCwxMzI1LjkgNDIwLDEzMjcuMyA0MzIsMTMyOC43IDQ0NCwxMzMwLjAgNDU2LDEzMzEuMiA0NjgsMTMzMi4zIDQ4MCwxMzMzLjIgNDkyLDEzMzQuMCA1MDQsMTMzNC43IDUxNiwxMzM1LjMgNTI4LDEzMzUuOCA1NDAsMTMzNi4xIDU1MiwxMzM2LjMgNTY0LDEzMzYuMyA1NzYsMTMzNi4yIDU4OCwxMzM2LjAgNjAwLDEzMzUuNyA2MTIsMTMzNS4yIDYyNCwxMzM0LjcgNjM2LDEzMzQuMCA2NDgsMTMzMy4yIDY2MCwxMzMyLjQgNjcyLDEzMzEuNCA2ODQsMTMzMC40IDY5NiwxMzI5LjMgNzA4LDEzMjguMiA3MjAsMTMyNy4wIDczMiwxMzI1LjggNzQ0LDEzMjQuNiA3NTYsMTMyMy40IDc2OCwxMzIyLjEgNzgwLDEzMjAuOSA3OTIsMTMxOS42IDgwNCwxMzE4LjQgODE2LDEzMTcuMyA4MjgsMTMxNi4xIDg0MCwxMzE1LjAgODUyLDEzMTMuOSA4NjQsMTMxMi45IDg3NiwxMzEyLjAgODg4LDEzMTEuMSA5MDAsMTMxMC4zIDkxMiwxMzA5LjUgOTI0LDEzMDguOCA5MzYsMTMwOC4xIDk0OCwxMzA3LjUgOTYwLDEzMDcuMCA5NzIsMTMwNi41IDk4NCwxMzA2LjAgOTk2LDEzMDUuNiAxMDA4LDEzMDUuMiAxMDIwLDEzMDQuOCAxMDMyLDEzMDQuNSAxMDQ0LDEzMDQuMiAxMDU2LDEzMDMuOSAxMDY4LDEzMDMuNiAxMDgwLDEzMDMuMiAxMDkyLDEzMDIuOSAxMTA0LDEzMDIuNiAxMTE2LDEzMDIuMiAxMTI4LDEzMDEuOCAxMTQwLDEzMDEuMyAxMTUyLDEzMDAuOSAxMTY0LDEzMDAuMyAxMTc2LDEyOTkuNyAxMTg4LDEyOTkuMSAxMjAwLDEyOTguNCAxMjAwLDE1MDAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4zOCIvPjxwb2x5Z29uIHBvaW50cz0iMCwxNTAwIDAsMTQ1Ni4xIDEyLDE0NTcuMCAyNCwxNDU4LjAgMzYsMTQ1OS4xIDQ4LDE0NjAuMyA2MCwxNDYxLjUgNzIsMTQ2Mi44IDg0LDE0NjQuMiA5NiwxNDY1LjYgMTA4LDE0NjcuMSAxMjAsMTQ2OC42IDEzMiwxNDcwLjMgMTQ0LDE0NzEuOSAxNTYsMTQ3My43IDE2OCwxNDc1LjUgMTgwLDE0NzcuMyAxOTIsMTQ3OS4xIDIwNCwxNDgxLjAgMjE2LDE0ODIuOSAyMjgsMTQ4NC45IDI0MCwxNDg2LjggMjUyLDE0ODguOCAyNjQsMTQ5MC44IDI3NiwxNDkyLjcgMjg4LDE0OTQuNyAzMDAsMTQ5Ni42IDMxMiwxNDk4LjUgMzI0LDE1MDAuMyAzMzYsMTUwMi4yIDM0OCwxNTAzLjkgMzYwLDE1MDUuNiAzNzIsMTUwNy4zIDM4NCwxNTA4LjkgMzk2LDE1MTAuNCA0MDgsMTUxMS45IDQyMCwxNTEzLjIgNDMyLDE1MTQuNSA0NDQsMTUxNS42IDQ1NiwxNTE2LjcgNDY4LDE1MTcuNyA0ODAsMTUxOC42IDQ5MiwxNTE5LjMgNTA0LDE1MTkuOSA1MTYsMTUyMC41IDUyOCwxNTIwLjkgNTQwLDE1MjEuMiA1NTIsMTUyMS4zIDU2NCwxNTIxLjQgNTc2LDE1MjEuMyA1ODgsMTUyMS4yIDYwMCwxNTIwLjkgNjEyLDE1MjAuNSA2MjQsMTUxOS45IDYzNiwxNTE5LjMgNjQ4LDE1MTguNiA2NjAsMTUxNy44IDY3MiwxNTE2LjggNjg0LDE1MTUuOCA2OTYsMTUxNC43IDcwOCwxNTEzLjUgNzIwLDE1MTIuMyA3MzIsMTUxMC45IDc0NCwxNTA5LjUgNzU2LDE1MDguMSA3NjgsMTUwNi42IDc4MCwxNTA1LjAgNzkyLDE1MDMuNCA4MDQsMTUwMS44IDgxNiwxNTAwLjEgODI4LDE0OTguNSA4NDAsMTQ5Ni44IDg1MiwxNDk1LjEgODY0LDE0OTMuNCA4NzYsMTQ5MS43IDg4OCwxNDkwLjEgOTAwLDE0ODguNCA5MTIsMTQ4Ni44IDkyNCwxNDg1LjIgOTM2LDE0ODMuNiA5NDgsMTQ4Mi4xIDk2MCwxNDgwLjYgOTcyLDE0NzkuMiA5ODQsMTQ3Ny44IDk5NiwxNDc2LjUgMTAwOCwxNDc1LjIgMTAyMCwxNDc0LjAgMTAzMiwxNDcyLjggMTA0NCwxNDcxLjcgMTA1NiwxNDcwLjcgMTA2OCwxNDY5LjcgMTA4MCwxNDY4LjcgMTA5MiwxNDY3LjkgMTEwNCwxNDY3LjEgMTExNiwxNDY2LjMgMTEyOCwxNDY1LjYgMTE0MCwxNDY0LjkgMTE1MiwxNDY0LjMgMTE2NCwxNDYzLjggMTE3NiwxNDYzLjMgMTE4OCwxNDYyLjggMTIwMCwxNDYyLjMgMTIwMCwxNTAwIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuNDMiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4="
data-caption="Ataşehir — Tezgâh altı 7 kademeli pompalı sistem, mineral ve UV kademeli, 2026">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDE1MDAiIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEwNSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFBNTU4OSIvPjxzdG9wIG9mZnNldD0iMC41NSIgc3RvcC1jb2xvcj0iIzNBOTNEQSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0QwRTlGNiIvPjwvbGluZWFyR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJyMTA1IiBjeD0iMC4zIiBjeT0iMC4yMiIgcj0iMC44NSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRDBFOUY2IiBzdG9wLW9wYWNpdHk9IjAuNTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxQTU1ODkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiIGZpbGw9InVybCgjZzEwNSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSJ1cmwoI3IxMDUpIi8+PHBvbHlnb24gcG9pbnRzPSIwLDE1MDAgMCw0NTIuMyAxMiw0NTIuMCAyNCw0NTEuOCAzNiw0NTEuNSA0OCw0NTEuMiA2MCw0NTAuOSA3Miw0NTAuNiA4NCw0NTAuNCA5Niw0NTAuMSAxMDgsNDQ5LjkgMTIwLDQ0OS43IDEzMiw0NDkuNSAxNDQsNDQ5LjQgMTU2LDQ0OS40IDE2OCw0NDkuNCAxODAsNDQ5LjUgMTkyLDQ0OS43IDIwNCw0NDkuOSAyMTYsNDUwLjMgMjI4LDQ1MC44IDI0MCw0NTEuMyAyNTIsNDUyLjAgMjY0LDQ1Mi44IDI3Niw0NTMuNyAyODgsNDU0LjcgMzAwLDQ1NS45IDMxMiw0NTcuMSAzMjQsNDU4LjUgMzM2LDQ2MC4wIDM0OCw0NjEuNyAzNjAsNDYzLjQgMzcyLDQ2NS4yIDM4NCw0NjcuMiAzOTYsNDY5LjIgNDA4LDQ3MS4zIDQyMCw0NzMuNSA0MzIsNDc1LjggNDQ0LDQ3OC4yIDQ1Niw0ODAuNiA0NjgsNDgzLjAgNDgwLDQ4NS41IDQ5Miw0ODguMCA1MDQsNDkwLjUgNTE2LDQ5My4wIDUyOCw0OTUuNCA1NDAsNDk3LjkgNTUyLDUwMC4zIDU2NCw1MDIuNyA1NzYsNTA1LjAgNTg4LDUwNy4zIDYwMCw1MDkuNCA2MTIsNTExLjUgNjI0LDUxMy41IDYzNiw1MTUuNCA2NDgsNTE3LjEgNjYwLDUxOC43IDY3Miw1MjAuMiA2ODQsNTIxLjYgNjk2LDUyMi44IDcwOCw1MjMuOCA3MjAsNTI0LjcgNzMyLDUyNS41IDc0NCw1MjYuMSA3NTYsNTI2LjUgNzY4LDUyNi44IDc4MCw1MjYuOSA3OTIsNTI2LjkgODA0LDUyNi44IDgxNiw1MjYuNSA4MjgsNTI2LjAgODQwLDUyNS41IDg1Miw1MjQuOCA4NjQsNTI0LjAgODc2LDUyMy4xIDg4OCw1MjIuMSA5MDAsNTIxLjAgOTEyLDUxOS44IDkyNCw1MTguNSA5MzYsNTE3LjIgOTQ4LDUxNS44IDk2MCw1MTQuNCA5NzIsNTEzLjAgOTg0LDUxMS41IDk5Niw1MTAuMSAxMDA4LDUwOC42IDEwMjAsNTA3LjEgMTAzMiw1MDUuNyAxMDQ0LDUwNC4zIDEwNTYsNTAyLjkgMTA2OCw1MDEuNSAxMDgwLDUwMC4yIDEwOTIsNDk4LjkgMTEwNCw0OTcuNyAxMTE2LDQ5Ni41IDExMjgsNDk1LjQgMTE0MCw0OTQuNCAxMTUyLDQ5My40IDExNjQsNDkyLjUgMTE3Niw0OTEuNiAxMTg4LDQ5MC44IDEyMDAsNDkwLjEgMTIwMCwxNTAwIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cG9seWdvbiBwb2ludHM9IjAsMTUwMCAwLDYxNi4xIDEyLDYxNS45IDI0LDYxNS42IDM2LDYxNS4zIDQ4LDYxNS4wIDYwLDYxNC43IDcyLDYxNC4zIDg0LDYxNC4wIDk2LDYxMy42IDEwOCw2MTMuMyAxMjAsNjEzLjAgMTMyLDYxMi43IDE0NCw2MTIuNCAxNTYsNjEyLjEgMTY4LDYxMS45IDE4MCw2MTEuNyAxOTIsNjExLjYgMjA0LDYxMS42IDIxNiw2MTEuNiAyMjgsNjExLjcgMjQwLDYxMS45IDI1Miw2MTIuMiAyNjQsNjEyLjUgMjc2LDYxMy4wIDI4OCw2MTMuNiAzMDAsNjE0LjMgMzEyLDYxNS4xIDMyNCw2MTYuMCAzMzYsNjE3LjAgMzQ4LDYxOC4xIDM2MCw2MTkuNCAzNzIsNjIwLjggMzg0LDYyMi4zIDM5Niw2MjMuOSA0MDgsNjI1LjYgNDIwLDYyNy40IDQzMiw2MjkuMyA0NDQsNjMxLjMgNDU2LDYzMy40IDQ2OCw2MzUuNiA0ODAsNjM3LjkgNDkyLDY0MC4yIDUwNCw2NDIuNiA1MTYsNjQ1LjAgNTI4LDY0Ny41IDU0MCw2NTAuMCA1NTIsNjUyLjUgNTY0LDY1NS4wIDU3Niw2NTcuNiA1ODgsNjYwLjEgNjAwLDY2Mi42IDYxMiw2NjUuMCA2MjQsNjY3LjQgNjM2LDY2OS44IDY0OCw2NzIuMSA2NjAsNjc0LjMgNjcyLDY3Ni41IDY4NCw2NzguNSA2OTYsNjgwLjQgNzA4LDY4Mi4zIDcyMCw2ODQuMCA3MzIsNjg1LjYgNzQ0LDY4Ny4wIDc1Niw2ODguNCA3NjgsNjg5LjYgNzgwLDY5MC42IDc5Miw2OTEuNSA4MDQsNjkyLjMgODE2LDY5Mi45IDgyOCw2OTMuNCA4NDAsNjkzLjcgODUyLDY5My45IDg2NCw2OTMuOSA4NzYsNjkzLjggODg4LDY5My42IDkwMCw2OTMuMiA5MTIsNjkyLjcgOTI0LDY5Mi4xIDkzNiw2OTEuNCA5NDgsNjkwLjYgOTYwLDY4OS42IDk3Miw2ODguNiA5ODQsNjg3LjUgOTk2LDY4Ni40IDEwMDgsNjg1LjEgMTAyMCw2ODMuOSAxMDMyLDY4Mi41IDEwNDQsNjgxLjIgMTA1Niw2NzkuOCAxMDY4LDY3OC40IDEwODAsNjc3LjAgMTA5Miw2NzUuNSAxMTA0LDY3NC4xIDExMTYsNjcyLjcgMTEyOCw2NzEuNCAxMTQwLDY3MC4wIDExNTIsNjY4LjcgMTE2NCw2NjcuNCAxMTc2LDY2Ni4yIDExODgsNjY1LjAgMTIwMCw2NjMuOSAxMjAwLDE1MDAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xNSIvPjxwb2x5Z29uIHBvaW50cz0iMCwxNTAwIDAsODI1LjIgMTIsODI0LjQgMjQsODIzLjYgMzYsODIyLjggNDgsODIyLjAgNjAsODIxLjIgNzIsODIwLjQgODQsODE5LjcgOTYsODE4LjkgMTA4LDgxOC4yIDEyMCw4MTcuNSAxMzIsODE2LjggMTQ0LDgxNi4yIDE1Niw4MTUuNSAxNjgsODE0LjkgMTgwLDgxNC4zIDE5Miw4MTMuOCAyMDQsODEzLjMgMjE2LDgxMi44IDIyOCw4MTIuMyAyNDAsODExLjggMjUyLDgxMS40IDI2NCw4MTEuMCAyNzYsODEwLjYgMjg4LDgxMC4zIDMwMCw4MDkuOSAzMTIsODA5LjYgMzI0LDgwOS4zIDMzNiw4MDkuMCAzNDgsODA4LjggMzYwLDgwOC41IDM3Miw4MDguMyAzODQsODA4LjEgMzk2LDgwNy45IDQwOCw4MDcuNyA0MjAsODA3LjUgNDMyLDgwNy4zIDQ0NCw4MDcuMSA0NTYsODA2LjkgNDY4LDgwNi43IDQ4MCw4MDYuNSA0OTIsODA2LjMgNTA0LDgwNi4xIDUxNiw4MDUuOSA1MjgsODA1LjcgNTQwLDgwNS40IDU1Miw4MDUuMiA1NjQsODA0LjkgNTc2LDgwNC42IDU4OCw4MDQuMyA2MDAsODA0LjAgNjEyLDgwMy42IDYyNCw4MDMuMyA2MzYsODAyLjkgNjQ4LDgwMi41IDY2MCw4MDIuMCA2NzIsODAxLjYgNjg0LDgwMS4xIDY5Niw4MDAuNiA3MDgsODAwLjEgNzIwLDc5OS42IDczMiw3OTkuMCA3NDQsNzk4LjQgNzU2LDc5Ny44IDc2OCw3OTcuMiA3ODAsNzk2LjYgNzkyLDc5NS45IDgwNCw3OTUuMyA4MTYsNzk0LjYgODI4LDc5NC4wIDg0MCw3OTMuMyA4NTIsNzkyLjYgODY0LDc5MS45IDg3Niw3OTEuMiA4ODgsNzkwLjUgOTAwLDc4OS45IDkxMiw3ODkuMiA5MjQsNzg4LjUgOTM2LDc4Ny45IDk0OCw3ODcuMyA5NjAsNzg2LjcgOTcyLDc4Ni4xIDk4NCw3ODUuNSA5OTYsNzg1LjAgMTAwOCw3ODQuNSAxMDIwLDc4NC4wIDEwMzIsNzgzLjYgMTA0NCw3ODMuMiAxMDU2LDc4Mi44IDEwNjgsNzgyLjUgMTA4MCw3ODIuMiAxMDkyLDc4Mi4wIDExMDQsNzgxLjggMTExNiw3ODEuNiAxMTI4LDc4MS41IDExNDAsNzgxLjUgMTE1Miw3ODEuNSAxMTY0LDc4MS42IDExNzYsNzgxLjcgMTE4OCw3ODEuOSAxMjAwLDc4Mi4xIDEyMDAsMTUwMCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PHBvbHlnb24gcG9pbnRzPSIwLDE1MDAgMCw5NTIuOCAxMiw5NTIuNyAyNCw5NTIuNyAzNiw5NTIuNiA0OCw5NTIuNiA2MCw5NTIuNSA3Miw5NTIuNCA4NCw5NTIuMyA5Niw5NTIuMSAxMDgsOTUyLjAgMTIwLDk1MS44IDEzMiw5NTEuNiAxNDQsOTUxLjMgMTU2LDk1MS4xIDE2OCw5NTAuOCAxODAsOTUwLjUgMTkyLDk1MC4yIDIwNCw5NDkuOSAyMTYsOTQ5LjUgMjI4LDk0OS4yIDI0MCw5NDguOCAyNTIsOTQ4LjQgMjY0LDk0OC4wIDI3Niw5NDcuNSAyODgsOTQ3LjEgMzAwLDk0Ni43IDMxMiw5NDYuMyAzMjQsOTQ1LjggMzM2LDk0NS40IDM0OCw5NDUuMCAzNjAsOTQ0LjYgMzcyLDk0NC4yIDM4NCw5NDMuOCAzOTYsOTQzLjUgNDA4LDk0My4xIDQyMCw5NDIuOCA0MzIsOTQyLjUgNDQ0LDk0Mi4zIDQ1Niw5NDIuMSA0NjgsOTQxLjkgNDgwLDk0MS44IDQ5Miw5NDEuNyA1MDQsOTQxLjYgNTE2LDk0MS43IDUyOCw5NDEuNyA1NDAsOTQxLjggNTUyLDk0Mi4wIDU2NCw5NDIuMiA1NzYsOTQyLjUgNTg4LDk0Mi45IDYwMCw5NDMuMyA2MTIsOTQzLjggNjI0LDk0NC4zIDYzNiw5NDUuMCA2NDgsOTQ1LjYgNjYwLDk0Ni40IDY3Miw5NDcuMiA2ODQsOTQ4LjEgNjk2LDk0OS4wIDcwOCw5NTAuMCA3MjAsOTUxLjEgNzMyLDk1Mi4yIDc0NCw5NTMuNCA3NTYsOTU0LjYgNzY4LDk1Ni4wIDc4MCw5NTcuMyA3OTIsOTU4LjcgODA0LDk2MC4yIDgxNiw5NjEuNyA4MjgsOTYzLjIgODQwLDk2NC44IDg1Miw5NjYuNCA4NjQsOTY4LjAgODc2LDk2OS43IDg4OCw5NzEuNCA5MDAsOTczLjEgOTEyLDk3NC44IDkyNCw5NzYuNiA5MzYsOTc4LjMgOTQ4LDk4MC4wIDk2MCw5ODEuOCA5NzIsOTgzLjUgOTg0LDk4NS4yIDk5Niw5ODYuOSAxMDA4LDk4OC42IDEwMjAsOTkwLjIgMTAzMiw5OTEuOSAxMDQ0LDk5My41IDEwNTYsOTk1LjAgMTA2OCw5OTYuNSAxMDgwLDk5OC4wIDEwOTIsOTk5LjQgMTEwNCwxMDAwLjggMTExNiwxMDAyLjEgMTEyOCwxMDAzLjQgMTE0MCwxMDA0LjYgMTE1MiwxMDA1LjcgMTE2NCwxMDA2LjggMTE3NiwxMDA3LjggMTE4OCwxMDA4LjcgMTIwMCwxMDA5LjYgMTIwMCwxNTAwIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMjciLz48cG9seWdvbiBwb2ludHM9IjAsMTUwMCAwLDExNDMuMSAxMiwxMTQyLjQgMjQsMTE0MS43IDM2LDExNDEuMSA0OCwxMTQwLjQgNjAsMTEzOS45IDcyLDExMzkuMyA4NCwxMTM4LjggOTYsMTEzOC4zIDEwOCwxMTM3LjggMTIwLDExMzcuNCAxMzIsMTEzNy4wIDE0NCwxMTM2LjYgMTU2LDExMzYuMyAxNjgsMTEzNi4wIDE4MCwxMTM1LjcgMTkyLDExMzUuNCAyMDQsMTEzNS4xIDIxNiwxMTM0LjkgMjI4LDExMzQuNiAyNDAsMTEzNC40IDI1MiwxMTM0LjIgMjY0LDExMzQuMCAyNzYsMTEzMy44IDI4OCwxMTMzLjcgMzAwLDExMzMuNSAzMTIsMTEzMy4zIDMyNCwxMTMzLjIgMzM2LDExMzMuMCAzNDgsMTEzMi44IDM2MCwxMTMyLjYgMzcyLDExMzIuNCAzODQsMTEzMi4zIDM5NiwxMTMyLjAgNDA4LDExMzEuOCA0MjAsMTEzMS42IDQzMiwxMTMxLjMgNDQ0LDExMzEuMSA0NTYsMTEzMC44IDQ2OCwxMTMwLjUgNDgwLDExMzAuMiA0OTIsMTEyOS44IDUwNCwxMTI5LjUgNTE2LDExMjkuMSA1MjgsMTEyOC43IDU0MCwxMTI4LjMgNTUyLDExMjcuOCA1NjQsMTEyNy40IDU3NiwxMTI2LjkgNTg4LDExMjYuNCA2MDAsMTEyNS45IDYxMiwxMTI1LjMgNjI0LDExMjQuOCA2MzYsMTEyNC4yIDY0OCwxMTIzLjYgNjYwLDExMjMuMSA2NzIsMTEyMi41IDY4NCwxMTIxLjkgNjk2LDExMjEuMyA3MDgsMTEyMC43IDcyMCwxMTIwLjEgNzMyLDExMTkuNSA3NDQsMTExOC45IDc1NiwxMTE4LjMgNzY4LDExMTcuNyA3ODAsMTExNy4yIDc5MiwxMTE2LjYgODA0LDExMTYuMSA4MTYsMTExNS42IDgyOCwxMTE1LjEgODQwLDExMTQuNyA4NTIsMTExNC4yIDg2NCwxMTEzLjkgODc2LDExMTMuNSA4ODgsMTExMy4yIDkwMCwxMTEyLjkgOTEyLDExMTIuNyA5MjQsMTExMi41IDkzNiwxMTEyLjQgOTQ4LDExMTIuMyA5NjAsMTExMi4yIDk3MiwxMTEyLjIgOTg0LDExMTIuMyA5OTYsMTExMi40IDEwMDgsMTExMi41IDEwMjAsMTExMi44IDEwMzIsMTExMy4wIDEwNDQsMTExMy4zIDEwNTYsMTExMy43IDEwNjgsMTExNC4yIDEwODAsMTExNC42IDEwOTIsMTExNS4yIDExMDQsMTExNS44IDExMTYsMTExNi40IDExMjgsMTExNy4xIDExNDAsMTExNy45IDExNTIsMTExOC43IDExNjQsMTExOS41IDExNzYsMTEyMC40IDExODgsMTEyMS4zIDEyMDAsMTEyMi4zIDEyMDAsMTUwMCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PHBvbHlnb24gcG9pbnRzPSIwLDE1MDAgMCwxMjg4LjIgMTIsMTI4OC4zIDI0LDEyODguMyAzNiwxMjg4LjQgNDgsMTI4OC42IDYwLDEyODguOCA3MiwxMjg5LjEgODQsMTI4OS41IDk2LDEyOTAuMCAxMDgsMTI5MC41IDEyMCwxMjkxLjEgMTMyLDEyOTEuOSAxNDQsMTI5Mi43IDE1NiwxMjkzLjYgMTY4LDEyOTQuNSAxODAsMTI5NS42IDE5MiwxMjk2LjggMjA0LDEyOTguMSAyMTYsMTI5OS40IDIyOCwxMzAwLjggMjQwLDEzMDIuMyAyNTIsMTMwMy45IDI2NCwxMzA1LjUgMjc2LDEzMDcuMiAyODgsMTMwOC45IDMwMCwxMzEwLjYgMzEyLDEzMTIuNCAzMjQsMTMxNC4xIDMzNiwxMzE1LjkgMzQ4LDEzMTcuNyAzNjAsMTMxOS40IDM3MiwxMzIxLjEgMzg0LDEzMjIuOCAzOTYsMTMyNC40IDQwOCwxMzI1LjkgNDIwLDEzMjcuMyA0MzIsMTMyOC43IDQ0NCwxMzMwLjAgNDU2LDEzMzEuMiA0NjgsMTMzMi4zIDQ4MCwxMzMzLjIgNDkyLDEzMzQuMCA1MDQsMTMzNC43IDUxNiwxMzM1LjMgNTI4LDEzMzUuOCA1NDAsMTMzNi4xIDU1MiwxMzM2LjMgNTY0LDEzMzYuMyA1NzYsMTMzNi4yIDU4OCwxMzM2LjAgNjAwLDEzMzUuNyA2MTIsMTMzNS4yIDYyNCwxMzM0LjcgNjM2LDEzMzQuMCA2NDgsMTMzMy4yIDY2MCwxMzMyLjQgNjcyLDEzMzEuNCA2ODQsMTMzMC40IDY5NiwxMzI5LjMgNzA4LDEzMjguMiA3MjAsMTMyNy4wIDczMiwxMzI1LjggNzQ0LDEzMjQuNiA3NTYsMTMyMy40IDc2OCwxMzIyLjEgNzgwLDEzMjAuOSA3OTIsMTMxOS42IDgwNCwxMzE4LjQgODE2LDEzMTcuMyA4MjgsMTMxNi4xIDg0MCwxMzE1LjAgODUyLDEzMTMuOSA4NjQsMTMxMi45IDg3NiwxMzEyLjAgODg4LDEzMTEuMSA5MDAsMTMxMC4zIDkxMiwxMzA5LjUgOTI0LDEzMDguOCA5MzYsMTMwOC4xIDk0OCwxMzA3LjUgOTYwLDEzMDcuMCA5NzIsMTMwNi41IDk4NCwxMzA2LjAgOTk2LDEzMDUuNiAxMDA4LDEzMDUuMiAxMDIwLDEzMDQuOCAxMDMyLDEzMDQuNSAxMDQ0LDEzMDQuMiAxMDU2LDEzMDMuOSAxMDY4LDEzMDMuNiAxMDgwLDEzMDMuMiAxMDkyLDEzMDIuOSAxMTA0LDEzMDIuNiAxMTE2LDEzMDIuMiAxMTI4LDEzMDEuOCAxMTQwLDEzMDEuMyAxMTUyLDEzMDAuOSAxMTY0LDEzMDAuMyAxMTc2LDEyOTkuNyAxMTg4LDEyOTkuMSAxMjAwLDEyOTguNCAxMjAwLDE1MDAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4zOCIvPjxwb2x5Z29uIHBvaW50cz0iMCwxNTAwIDAsMTQ1Ni4xIDEyLDE0NTcuMCAyNCwxNDU4LjAgMzYsMTQ1OS4xIDQ4LDE0NjAuMyA2MCwxNDYxLjUgNzIsMTQ2Mi44IDg0LDE0NjQuMiA5NiwxNDY1LjYgMTA4LDE0NjcuMSAxMjAsMTQ2OC42IDEzMiwxNDcwLjMgMTQ0LDE0NzEuOSAxNTYsMTQ3My43IDE2OCwxNDc1LjUgMTgwLDE0NzcuMyAxOTIsMTQ3OS4xIDIwNCwxNDgxLjAgMjE2LDE0ODIuOSAyMjgsMTQ4NC45IDI0MCwxNDg2LjggMjUyLDE0ODguOCAyNjQsMTQ5MC44IDI3NiwxNDkyLjcgMjg4LDE0OTQuNyAzMDAsMTQ5Ni42IDMxMiwxNDk4LjUgMzI0LDE1MDAuMyAzMzYsMTUwMi4yIDM0OCwxNTAzLjkgMzYwLDE1MDUuNiAzNzIsMTUwNy4zIDM4NCwxNTA4LjkgMzk2LDE1MTAuNCA0MDgsMTUxMS45IDQyMCwxNTEzLjIgNDMyLDE1MTQuNSA0NDQsMTUxNS42IDQ1NiwxNTE2LjcgNDY4LDE1MTcuNyA0ODAsMTUxOC42IDQ5MiwxNTE5LjMgNTA0LDE1MTkuOSA1MTYsMTUyMC41IDUyOCwxNTIwLjkgNTQwLDE1MjEuMiA1NTIsMTUyMS4zIDU2NCwxNTIxLjQgNTc2LDE1MjEuMyA1ODgsMTUyMS4yIDYwMCwxNTIwLjkgNjEyLDE1MjAuNSA2MjQsMTUxOS45IDYzNiwxNTE5LjMgNjQ4LDE1MTguNiA2NjAsMTUxNy44IDY3MiwxNTE2LjggNjg0LDE1MTUuOCA2OTYsMTUxNC43IDcwOCwxNTEzLjUgNzIwLDE1MTIuMyA3MzIsMTUxMC45IDc0NCwxNTA5LjUgNzU2LDE1MDguMSA3NjgsMTUwNi42IDc4MCwxNTA1LjAgNzkyLDE1MDMuNCA4MDQsMTUwMS44IDgxNiwxNTAwLjEgODI4LDE0OTguNSA4NDAsMTQ5Ni44IDg1MiwxNDk1LjEgODY0LDE0OTMuNCA4NzYsMTQ5MS43IDg4OCwxNDkwLjEgOTAwLDE0ODguNCA5MTIsMTQ4Ni44IDkyNCwxNDg1LjIgOTM2LDE0ODMuNiA5NDgsMTQ4Mi4xIDk2MCwxNDgwLjYgOTcyLDE0NzkuMiA5ODQsMTQ3Ny44IDk5NiwxNDc2LjUgMTAwOCwxNDc1LjIgMTAyMCwxNDc0LjAgMTAzMiwxNDcyLjggMTA0NCwxNDcxLjcgMTA1NiwxNDcwLjcgMTA2OCwxNDY5LjcgMTA4MCwxNDY4LjcgMTA5MiwxNDY3LjkgMTEwNCwxNDY3LjEgMTExNiwxNDY2LjMgMTEyOCwxNDY1LjYgMTE0MCwxNDY0LjkgMTE1MiwxNDY0LjMgMTE2NCwxNDYzLjggMTE3NiwxNDYzLjMgMTE4OCwxNDYyLjggMTIwMCwxNDYyLjMgMTIwMCwxNTAwIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuNDMiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="Tezgâh altı ters ozmoz kurulumu" loading="lazy" width="1200" height="1500">
<span class="shot__cap"><strong>Tezgâh altı 7 kademe</strong><span>Ataşehir · 2026</span></span>
</button>
<button class="shot" type="button" data-cat="laboratuvar"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDMiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwMyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwMykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwMykiLz48cGF0aCBkPSJNIDYwMC4wIDc2LjUgQyA4NTYuNSAzNzMuNSA4NzAuMCA1ODEuNCA2MDAuMCA3MzguMCBDIDMzMC4wIDU4MS40IDM0My41IDM3My41IDYwMC4wIDc2LjUgWiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PHBhdGggZD0iTSA2MDAuMCA3Ni41IEMgODU2LjUgMzczLjUgODcwLjAgNTgxLjQgNjAwLjAgNzM4LjAgQyAzMzAuMCA1ODEuNCAzNDMuNSAzNzMuNSA2MDAuMCA3Ni41IFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMzAiIHN0cm9rZS13aWR0aD0iMiIvPjxlbGxpcHNlIGN4PSI1MTkiIGN5PSI0MTQiIHJ4PSI0MyIgcnk9IjY1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzUiIHRyYW5zZm9ybT0icm90YXRlKC0yMCA1MTkgNDE0KSIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI4MDYiIHJ4PSI0MDUiIHJ5PSI4OSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iODA2IiByeD0iNTE4IiByeT0iMTE0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI5IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI4MDYiIHJ4PSI2MzIiIHJ5PSIxMzkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjMiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjgwNiIgcng9Ijc0NSIgcnk9IjE2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xOCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iODA2IiByeD0iODU5IiByeT0iMTg5IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI4MDYiIHJ4PSI5NzIiIHJ5PSIyMTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMDciIHN0cm9rZS13aWR0aD0iMS42Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4="
data-caption="Merkez ofis — Numune kabul ve ön analiz masası">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDMiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwMyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwMykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwMykiLz48cGF0aCBkPSJNIDYwMC4wIDc2LjUgQyA4NTYuNSAzNzMuNSA4NzAuMCA1ODEuNCA2MDAuMCA3MzguMCBDIDMzMC4wIDU4MS40IDM0My41IDM3My41IDYwMC4wIDc2LjUgWiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+PHBhdGggZD0iTSA2MDAuMCA3Ni41IEMgODU2LjUgMzczLjUgODcwLjAgNTgxLjQgNjAwLjAgNzM4LjAgQyAzMzAuMCA1ODEuNCAzNDMuNSAzNzMuNSA2MDAuMCA3Ni41IFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMzAiIHN0cm9rZS13aWR0aD0iMiIvPjxlbGxpcHNlIGN4PSI1MTkiIGN5PSI0MTQiIHJ4PSI0MyIgcnk9IjY1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMzUiIHRyYW5zZm9ybT0icm90YXRlKC0yMCA1MTkgNDE0KSIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI4MDYiIHJ4PSI0MDUiIHJ5PSI4OSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iODA2IiByeD0iNTE4IiByeT0iMTE0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI5IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI4MDYiIHJ4PSI2MzIiIHJ5PSIxMzkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjMiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjgwNiIgcng9Ijc0NSIgcnk9IjE2NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xOCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iODA2IiByeD0iODU5IiByeT0iMTg5IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSI2MDAiIGN5PSI4MDYiIHJ4PSI5NzIiIHJ5PSIyMTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMDciIHN0cm9rZS13aWR0aD0iMS42Ii8+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjA2IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=" alt="Numune analiz masası" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Numune ön analizi</strong><span>Merkez ofis</span></span>
</button>
<button class="shot" type="button" data-cat="endustriyel"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDYiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwNiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkI3REM1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwNikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwNikiLz48Y2lyY2xlIGN4PSI4NTMiIGN5PSI4MTEiIHI9IjQiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4zMCIvPjxjaXJjbGUgY3g9Ijk4NSIgY3k9IjUxIiByPSIzMyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjI3Ii8+PGNpcmNsZSBjeD0iOTc1IiBjeT0iNDEiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxjaXJjbGUgY3g9IjIyNSIgY3k9Ijg3NCIgcj0iMTYiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xNyIvPjxjaXJjbGUgY3g9IjIyMCIgY3k9Ijg2OSIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iNzg1IiBjeT0iNjIxIiByPSIzMSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzc1IiBjeT0iNjEyIiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1ODEiIGN5PSIxMjQiIHI9IjEzIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4OSIgY3k9IjMxNCIgcj0iMzMiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijc5IiBjeT0iMzA0IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDgiLz48Y2lyY2xlIGN4PSI1MjAiIGN5PSIzNCIgcj0iMzAiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxjaXJjbGUgY3g9IjUxMSIgY3k9IjI1IiByPSI1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIyMTgiIGN5PSI2NzEiIHI9IjE5IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSIyMTIiIGN5PSI2NjUiIHI9IjMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjczMSIgY3k9IjQ0NyIgcj0iMTkiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9IjcyNSIgY3k9IjQ0MSIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PGNpcmNsZSBjeD0iMTcxIiBjeT0iMTgzIiByPSIxMiIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMTA3MCIgY3k9IjE5MiIgcj0iOCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iMTU4IiBjeT0iNzQ2IiByPSIzOCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTQ3IiBjeT0iNzM1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSIxMTQ0IiBjeT0iNDk1IiByPSIyMCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+PGNpcmNsZSBjeD0iMTEzOCIgY3k9IjQ4OSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iNzgzIiBjeT0iMjE1IiByPSIyMiIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iNzc2IiBjeT0iMjA5IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI4MDIiIGN5PSI3ODQiIHI9IjI3IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDkiLz48Y2lyY2xlIGN4PSI3OTQiIGN5PSI3NzYiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wNyIvPjxjaXJjbGUgY3g9IjcxMiIgY3k9IjY1OCIgcj0iMjMiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4wNyIvPjxjaXJjbGUgY3g9IjcwNSIgY3k9IjY1MSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PGNpcmNsZSBjeD0iMTEzIiBjeT0iNDg1IiByPSIzMCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMTA0IiBjeT0iNDc2IiByPSI1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI4NzQiIGN5PSI0OTUiIHI9IjMzIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSI4NjQiIGN5PSI0ODUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9Ijk5OCIgY3k9IjY3NCIgcj0iNyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzUyIiBjeT0iNzA3IiByPSIyNyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PGNpcmNsZSBjeD0iMzQ0IiBjeT0iNjk5IiByPSI1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48Y2lyY2xlIGN4PSI4ODIiIGN5PSIyNzYiIHI9IjM1IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI4NzIiIGN5PSIyNjYiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjEyMiIgY3k9IjI5OCIgcj0iMjAiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xNyIvPjxjaXJjbGUgY3g9IjExNiIgY3k9IjI5MiIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNjQ1IiBjeT0iOTciIHI9IjEzIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIxMTg0IiBjeT0iNDM5IiByPSIxNCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iNzI2IiBjeT0iNCIgcj0iOSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PGNpcmNsZSBjeD0iNjMzIiBjeT0iNjM3IiByPSIzNCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iNjIzIiBjeT0iNjI3IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSI5MTYiIGN5PSI3MjUiIHI9IjM0IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSI5MDYiIGN5PSI3MTUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjkxNiIgY3k9IjMxIiByPSIxMCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iNjY2IiBjeT0iNTUwIiByPSIxOCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjA2Ii8+PGNpcmNsZSBjeD0iNjYwIiBjeT0iNTQ0IiByPSIzIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48Y2lyY2xlIGN4PSIzODQiIGN5PSIxODAiIHI9IjI4IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSIzNzYiIGN5PSIxNzEiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9IjkxMiIgY3k9IjQ4MiIgcj0iMTciIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjkwNyIgY3k9IjQ3NyIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTA2NyIgY3k9IjI5OSIgcj0iNSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjI4Ii8+PGNpcmNsZSBjeD0iMzQ4IiBjeT0iODAzIiByPSIyMSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iMzQxIiBjeT0iNzk3IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIxMDExIiBjeT0iMTAzIiByPSIzNSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iMTAwMCIgY3k9IjkyIiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MzEiIGN5PSI4NjEiIHI9IjM0IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz48Y2lyY2xlIGN4PSI5MjEiIGN5PSI4NTAiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjExNjEiIGN5PSI0NzUiIHI9IjE0IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIxMDIiIGN5PSI1NjciIHI9IjE5IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5NiIgY3k9IjU2MiIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iMTA2MiIgY3k9IjQwNSIgcj0iNCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA0IiBjeT0iNTM4IiByPSIyMyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iOTciIGN5PSI1MzEiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9Ijc5MyIgY3k9IjgwIiByPSIxNiIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iNzg4IiBjeT0iNzUiIHI9IjMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxjaXJjbGUgY3g9IjI1OCIgY3k9IjEwNyIgcj0iMTEiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxjaXJjbGUgY3g9IjExNzMiIGN5PSI1NTQiIHI9IjMyIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48Y2lyY2xlIGN4PSIxMTY0IiBjeT0iNTQ1IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDQiLz48Y2lyY2xlIGN4PSI0MDciIGN5PSI2NDkiIHI9IjM3IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIzOTYiIGN5PSI2MzgiIHI9IjciIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wNSIvPjxjaXJjbGUgY3g9IjExODkiIGN5PSI4NzQiIHI9IjYiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjEwOTYiIGN5PSIzMTAiIHI9IjkiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxjaXJjbGUgY3g9Ijc0OSIgY3k9IjY5NCIgcj0iMTEiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjkwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"
data-caption="Kocaeli — Kazan besi suyu demineralizasyon hattı, 2024">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDYiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwNiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkI3REM1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwNikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwNikiLz48Y2lyY2xlIGN4PSI4NTMiIGN5PSI4MTEiIHI9IjQiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4zMCIvPjxjaXJjbGUgY3g9Ijk4NSIgY3k9IjUxIiByPSIzMyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjI3Ii8+PGNpcmNsZSBjeD0iOTc1IiBjeT0iNDEiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxjaXJjbGUgY3g9IjIyNSIgY3k9Ijg3NCIgcj0iMTYiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xNyIvPjxjaXJjbGUgY3g9IjIyMCIgY3k9Ijg2OSIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iNzg1IiBjeT0iNjIxIiByPSIzMSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNzc1IiBjeT0iNjEyIiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1ODEiIGN5PSIxMjQiIHI9IjEzIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48Y2lyY2xlIGN4PSI4OSIgY3k9IjMxNCIgcj0iMzMiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijc5IiBjeT0iMzA0IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDgiLz48Y2lyY2xlIGN4PSI1MjAiIGN5PSIzNCIgcj0iMzAiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxjaXJjbGUgY3g9IjUxMSIgY3k9IjI1IiByPSI1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIyMTgiIGN5PSI2NzEiIHI9IjE5IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSIyMTIiIGN5PSI2NjUiIHI9IjMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjczMSIgY3k9IjQ0NyIgcj0iMTkiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9IjcyNSIgY3k9IjQ0MSIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PGNpcmNsZSBjeD0iMTcxIiBjeT0iMTgzIiByPSIxMiIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iMTA3MCIgY3k9IjE5MiIgcj0iOCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iMTU4IiBjeT0iNzQ2IiByPSIzOCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PGNpcmNsZSBjeD0iMTQ3IiBjeT0iNzM1IiByPSI3IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48Y2lyY2xlIGN4PSIxMTQ0IiBjeT0iNDk1IiByPSIyMCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE1Ii8+PGNpcmNsZSBjeD0iMTEzOCIgY3k9IjQ4OSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iNzgzIiBjeT0iMjE1IiByPSIyMiIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iNzc2IiBjeT0iMjA5IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI4MDIiIGN5PSI3ODQiIHI9IjI3IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDkiLz48Y2lyY2xlIGN4PSI3OTQiIGN5PSI3NzYiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wNyIvPjxjaXJjbGUgY3g9IjcxMiIgY3k9IjY1OCIgcj0iMjMiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4wNyIvPjxjaXJjbGUgY3g9IjcwNSIgY3k9IjY1MSIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PGNpcmNsZSBjeD0iMTEzIiBjeT0iNDg1IiByPSIzMCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE4Ii8+PGNpcmNsZSBjeD0iMTA0IiBjeT0iNDc2IiByPSI1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSI4NzQiIGN5PSI0OTUiIHI9IjMzIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSI4NjQiIGN5PSI0ODUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9Ijk5OCIgY3k9IjY3NCIgcj0iNyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iMzUyIiBjeT0iNzA3IiByPSIyNyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjA3Ii8+PGNpcmNsZSBjeD0iMzQ0IiBjeT0iNjk5IiByPSI1IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48Y2lyY2xlIGN4PSI4ODIiIGN5PSIyNzYiIHI9IjM1IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTIiLz48Y2lyY2xlIGN4PSI4NzIiIGN5PSIyNjYiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjEyMiIgY3k9IjI5OCIgcj0iMjAiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xNyIvPjxjaXJjbGUgY3g9IjExNiIgY3k9IjI5MiIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PGNpcmNsZSBjeD0iNjQ1IiBjeT0iOTciIHI9IjEzIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIxMTg0IiBjeT0iNDM5IiByPSIxNCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEwIi8+PGNpcmNsZSBjeD0iNzI2IiBjeT0iNCIgcj0iOSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PGNpcmNsZSBjeD0iNjMzIiBjeT0iNjM3IiByPSIzNCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGNpcmNsZSBjeD0iNjIzIiBjeT0iNjI3IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSI5MTYiIGN5PSI3MjUiIHI9IjM0IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTkiLz48Y2lyY2xlIGN4PSI5MDYiIGN5PSI3MTUiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjkxNiIgY3k9IjMxIiByPSIxMCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iNjY2IiBjeT0iNTUwIiByPSIxOCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjA2Ii8+PGNpcmNsZSBjeD0iNjYwIiBjeT0iNTQ0IiByPSIzIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48Y2lyY2xlIGN4PSIzODQiIGN5PSIxODAiIHI9IjI4IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTEiLz48Y2lyY2xlIGN4PSIzNzYiIGN5PSIxNzEiIHI9IjUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjxjaXJjbGUgY3g9IjkxMiIgY3k9IjQ4MiIgcj0iMTciIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4yMiIvPjxjaXJjbGUgY3g9IjkwNyIgY3k9IjQ3NyIgcj0iMyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iMTA2NyIgY3k9IjI5OSIgcj0iNSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjI4Ii8+PGNpcmNsZSBjeD0iMzQ4IiBjeT0iODAzIiByPSIyMSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iMzQxIiBjeT0iNzk3IiByPSI0IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTMiLz48Y2lyY2xlIGN4PSIxMDExIiBjeT0iMTAzIiByPSIzNSIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PGNpcmNsZSBjeD0iMTAwMCIgY3k9IjkyIiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5MzEiIGN5PSI4NjEiIHI9IjM0IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTQiLz48Y2lyY2xlIGN4PSI5MjEiIGN5PSI4NTAiIHI9IjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMSIvPjxjaXJjbGUgY3g9IjExNjEiIGN5PSI0NzUiIHI9IjE0IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48Y2lyY2xlIGN4PSIxMDIiIGN5PSI1NjciIHI9IjE5IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48Y2lyY2xlIGN4PSI5NiIgY3k9IjU2MiIgcj0iNCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE2Ii8+PGNpcmNsZSBjeD0iMTA2MiIgY3k9IjQwNSIgcj0iNCIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjIxIi8+PGNpcmNsZSBjeD0iMTA0IiBjeT0iNTM4IiByPSIyMyIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjE3Ii8+PGNpcmNsZSBjeD0iOTciIGN5PSI1MzEiIHI9IjQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xNCIvPjxjaXJjbGUgY3g9Ijc5MyIgY3k9IjgwIiByPSIxNiIgZmlsbD0iIzBBMkI0RCIgZmlsbC1vcGFjaXR5PSIwLjExIi8+PGNpcmNsZSBjeD0iNzg4IiBjeT0iNzUiIHI9IjMiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxjaXJjbGUgY3g9IjI1OCIgY3k9IjEwNyIgcj0iMTEiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4yOCIvPjxjaXJjbGUgY3g9IjExNzMiIGN5PSI1NTQiIHI9IjMyIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48Y2lyY2xlIGN4PSIxMTY0IiBjeT0iNTQ1IiByPSI2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDQiLz48Y2lyY2xlIGN4PSI0MDciIGN5PSI2NDkiIHI9IjM3IiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMDYiLz48Y2lyY2xlIGN4PSIzOTYiIGN5PSI2MzgiIHI9IjciIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wNSIvPjxjaXJjbGUgY3g9IjExODkiIGN5PSI4NzQiIHI9IjYiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xNiIvPjxjaXJjbGUgY3g9IjEwOTYiIGN5PSIzMTAiIHI9IjkiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4yMSIvPjxjaXJjbGUgY3g9Ijc0OSIgY3k9IjY5NCIgcj0iMTEiIGZpbGw9IiMwQTJCNEQiIGZpbGwtb3BhY2l0eT0iMC4xOSIvPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjkwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" alt="Kazan besi suyu demineralizasyon hattı" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Kazan besi suyu hattı</strong><span>Kocaeli · 2024</span></span>
</button>
<button class="shot" type="button" data-cat="merkezi"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwNyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwNykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwNykiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjI2IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjUwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjUwOSIgY3k9IjQ2NSIgcj0iNTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuNDciIHN0cm9rZS13aWR0aD0iMi4wIi8+PGNpcmNsZSBjeD0iNTA5IiBjeT0iNDY1IiByPSI4NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40MyIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjExMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40MCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjEzNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjE5NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zMyIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjIxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjIyMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjI3MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yNCIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjMxMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjM1OSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjMzNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xNCIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjM2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjM4MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="
data-caption="Bahçelievler — Otel girişi kum ve aktif karbon filtre grubu, 2023">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDciIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNTE3MzciLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwNyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzNBOTNEQSIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDUxNzM3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwNykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwNykiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjI2IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjUwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjUwOSIgY3k9IjQ2NSIgcj0iNTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuNDciIHN0cm9rZS13aWR0aD0iMi4wIi8+PGNpcmNsZSBjeD0iNTA5IiBjeT0iNDY1IiByPSI4NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40MyIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjExMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40MCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjEzNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjE5NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zMyIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjIxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjIyMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjI3MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yNCIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjMxMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjM1OSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjMzNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xNCIgc3Ryb2tlLXdpZHRoPSIyLjgiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjM2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSI1MDkiIGN5PSI0NjUiIHI9IjM4MyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="Otel girişi filtre grubu" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Otel filtre grubu</strong><span>Bahçelievler · 2023</span></span>
</button>
<button class="shot shot--wide" type="button" data-cat="endustriyel"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDgiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCOERDRjMiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwOCIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0I4RENGMyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTEzQTYyIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwOCkiLz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwOCkiLz48cmVjdCB4PSI5NiIgeT0iMjcyIiB3aWR0aD0iMTQ1IiBoZWlnaHQ9IjUwMiIgcng9IjYxIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMzkiLz48cmVjdCB4PSIxMjUiIHk9IjQxMyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI1MSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iMjk3IiB5PSI0NjIiIHdpZHRoPSIxNjMiIGhlaWdodD0iMzEyIiByeD0iNjkiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjMzMCIgeT0iNTQ5IiB3aWR0aD0iMjMiIGhlaWdodD0iMTU2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDciLz48cmVjdCB4PSI1MDciIHk9IjI2MSIgd2lkdGg9IjE1NCIgaGVpZ2h0PSI1MTMiIHJ4PSI2NSIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PHJlY3QgeD0iNTM3IiB5PSI0MDQiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNTciIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxyZWN0IHg9IjcwNSIgeT0iMjQxIiB3aWR0aD0iMjQ3IiBoZWlnaHQ9IjUzMyIgcng9IjEwNCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNzU0IiB5PSIzOTAiIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wNyIvPjxyZWN0IHg9IjEwMDQiIHk9IjQwMiIgd2lkdGg9IjI1NSIgaGVpZ2h0PSIzNzIiIHJ4PSIxMDciIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4zMyIvPjxyZWN0IHg9IjEwNTUiIHk9IjUwNyIgd2lkdGg9IjM2IiBoZWlnaHQ9IjE4NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iMTMzNSIgeT0iNTA1IiB3aWR0aD0iMjExIiBoZWlnaHQ9IjI2OSIgcng9Ijg5IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMzUiLz48cmVjdCB4PSIxMzc3IiB5PSI1ODAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMzQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMiIvPjxyZWN0IHg9IjAiIHk9Ijc3NCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iMTI2IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuNSIvPjxsaW5lIHgxPSIwIiB5MT0iNjY2IiB4Mj0iMTYwMCIgeTI9IjY2NiIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI2Ii8+PGxpbmUgeDE9IjAiIHkxPSI1NDkiIHgyPSIxNjAwIiB5Mj0iNTQ5IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjUiLz48bGluZSB4MT0iMCIgeTE9IjQzMiIgeDI9IjE2MDAiIHkyPSI0MzIiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNCIvPjxyZWN0IHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"
data-caption="Silivri — Gıda üretim tesisi için 60 m³/gün kapasiteli hat ve CIP ünitesi, 2025">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDgiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTNBNjIiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNCOERDRjMiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwOCIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0I4RENGMyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTEzQTYyIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwOCkiLz48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwOCkiLz48cmVjdCB4PSI5NiIgeT0iMjcyIiB3aWR0aD0iMTQ1IiBoZWlnaHQ9IjUwMiIgcng9IjYxIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMzkiLz48cmVjdCB4PSIxMjUiIHk9IjQxMyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI1MSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PHJlY3QgeD0iMjk3IiB5PSI0NjIiIHdpZHRoPSIxNjMiIGhlaWdodD0iMzEyIiByeD0iNjkiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxyZWN0IHg9IjMzMCIgeT0iNTQ5IiB3aWR0aD0iMjMiIGhlaWdodD0iMTU2IiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAuMDciLz48cmVjdCB4PSI1MDciIHk9IjI2MSIgd2lkdGg9IjE1NCIgaGVpZ2h0PSI1MTMiIHJ4PSI2NSIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PHJlY3QgeD0iNTM3IiB5PSI0MDQiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNTciIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wOCIvPjxyZWN0IHg9IjcwNSIgeT0iMjQxIiB3aWR0aD0iMjQ3IiBoZWlnaHQ9IjUzMyIgcng9IjEwNCIgZmlsbD0iI0QwRTlGNiIgZmlsbC1vcGFjaXR5PSIwLjIwIi8+PHJlY3QgeD0iNzU0IiB5PSIzOTAiIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNjYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4wNyIvPjxyZWN0IHg9IjEwMDQiIHk9IjQwMiIgd2lkdGg9IjI1NSIgaGVpZ2h0PSIzNzIiIHJ4PSIxMDciIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4zMyIvPjxyZWN0IHg9IjEwNTUiIHk9IjUwNyIgd2lkdGg9IjM2IiBoZWlnaHQ9IjE4NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+PHJlY3QgeD0iMTMzNSIgeT0iNTA1IiB3aWR0aD0iMjExIiBoZWlnaHQ9IjI2OSIgcng9Ijg5IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMzUiLz48cmVjdCB4PSIxMzc3IiB5PSI1ODAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMzQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4xMiIvPjxyZWN0IHg9IjAiIHk9Ijc3NCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iMTI2IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuNSIvPjxsaW5lIHgxPSIwIiB5MT0iNjY2IiB4Mj0iMTYwMCIgeTI9IjY2NiIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI2Ii8+PGxpbmUgeDE9IjAiIHkxPSI1NDkiIHgyPSIxNjAwIiB5Mj0iNTQ5IiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjUiLz48bGluZSB4MT0iMCIgeTE9IjQzMiIgeDI9IjE2MDAiIHkyPSI0MzIiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMjIiIHN0cm9rZS13aWR0aD0iNCIvPjxyZWN0IHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMC4wNiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" alt="Gıda tesisi arıtma hattı" loading="lazy" width="1600" height="900">
<span class="shot__cap"><strong>Gıda tesisi proses suyu</strong><span>Silivri · 2025</span></span>
</button>
<button class="shot" type="button" data-cat="evsel"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDkiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwOSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwOSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwOSkiLz48bGluZSB4MT0iMjQiIHkxPSIxMDgiIHgyPSI1MTMiIHkyPSIxMDgiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTgiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNTEzIiBjeT0iMTA4IiByPSI4IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48bGluZSB4MT0iMjM2IiB5MT0iMTk0IiB4Mj0iOTM4IiB5Mj0iMTk0IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjI2IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjkzOCIgY3k9IjE5NCIgcj0iNiIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PGxpbmUgeDE9IjExNiIgeTE9IjI3OSIgeDI9IjYwNSIgeTI9IjI3OSIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2MDUiIGN5PSIyNzkiIHI9IjUiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4zNCIvPjxsaW5lIHgxPSIzMDYiIHkxPSIzNjQiIHgyPSI3MzUiIHkyPSIzNjQiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMzgiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNzM1IiBjeT0iMzY0IiByPSI2IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48bGluZSB4MT0iMzI0IiB5MT0iNDUwIiB4Mj0iNjk3IiB5Mj0iNDUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjY5NyIgY3k9IjQ1MCIgcj0iOCIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGxpbmUgeDE9IjMwNCIgeTE9IjUzNiIgeDI9IjY2MiIgeTI9IjUzNiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yOSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2NjIiIGN5PSI1MzYiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yOSIvPjxsaW5lIHgxPSIxODciIHkxPSI2MjEiIHgyPSI3NjciIHkyPSI2MjEiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNzY3IiBjeT0iNjIxIiByPSIxMSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjM2Ii8+PGxpbmUgeDE9IjI4OSIgeTE9IjcwNiIgeDI9IjY2NiIgeTI9IjcwNiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2NjYiIGN5PSI3MDYiIHI9IjExIiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjIiLz48bGluZSB4MT0iMjAzIiB5MT0iNzkyIiB4Mj0iNjY3IiB5Mj0iNzkyIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjIzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjY2NyIgY3k9Ijc5MiIgcj0iNSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PGxpbmUgeDE9IjI0MCIgeTE9IjkwIiB4Mj0iMjQwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iNDgwIiB5MT0iOTAiIHgyPSI0ODAiIHkyPSI4MTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSI3MjAiIHkxPSI5MCIgeDI9IjcyMCIgeTI9IjgxMCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9Ijk2MCIgeTE9IjkwIiB4Mj0iOTYwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="
data-caption="Çekmeköy — Villa tipi merkezi arıtma ve tezgâh altı kombinasyonu, 2026">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMDkiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjEwOSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzEwOSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjEwOSkiLz48bGluZSB4MT0iMjQiIHkxPSIxMDgiIHgyPSI1MTMiIHkyPSIxMDgiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTgiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNTEzIiBjeT0iMTA4IiByPSI4IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMTgiLz48bGluZSB4MT0iMjM2IiB5MT0iMTk0IiB4Mj0iOTM4IiB5Mj0iMTk0IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjI2IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjkzOCIgY3k9IjE5NCIgcj0iNiIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+PGxpbmUgeDE9IjExNiIgeTE9IjI3OSIgeDI9IjYwNSIgeTI9IjI3OSIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2MDUiIGN5PSIyNzkiIHI9IjUiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4zNCIvPjxsaW5lIHgxPSIzMDYiIHkxPSIzNjQiIHgyPSI3MzUiIHkyPSIzNjQiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMzgiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNzM1IiBjeT0iMzY0IiByPSI2IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48bGluZSB4MT0iMzI0IiB5MT0iNDUwIiB4Mj0iNjk3IiB5Mj0iNDUwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjY5NyIgY3k9IjQ1MCIgcj0iOCIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjE0Ii8+PGxpbmUgeDE9IjMwNCIgeTE9IjUzNiIgeDI9IjY2MiIgeTI9IjUzNiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yOSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2NjIiIGN5PSI1MzYiIHI9IjgiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4yOSIvPjxsaW5lIHgxPSIxODciIHkxPSI2MjEiIHgyPSI3NjciIHkyPSI2MjEiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMzYiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNzY3IiBjeT0iNjIxIiByPSIxMSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjM2Ii8+PGxpbmUgeDE9IjI4OSIgeTE9IjcwNiIgeDI9IjY2NiIgeTI9IjcwNiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yMiIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI2NjYiIGN5PSI3MDYiIHI9IjExIiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjIiLz48bGluZSB4MT0iMjAzIiB5MT0iNzkyIiB4Mj0iNjY3IiB5Mj0iNzkyIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjIzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjY2NyIgY3k9Ijc5MiIgcj0iNSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjIzIi8+PGxpbmUgeDE9IjI0MCIgeTE9IjkwIiB4Mj0iMjQwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iNDgwIiB5MT0iOTAiIHgyPSI0ODAiIHkyPSI4MTAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSI3MjAiIHkxPSI5MCIgeDI9IjcyMCIgeTI9IjgxMCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9Ijk2MCIgeTE9IjkwIiB4Mj0iOTYwIiB5Mj0iODEwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="Villa tipi arıtma kurulumu" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Villa tipi kurulum</strong><span>Çekmeköy · 2026</span></span>
</button>
<button class="shot shot--tall" type="button" data-cat="laboratuvar"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDE1MDAiIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZzExMCIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzA1MTczNyIvPjxzdG9wIG9mZnNldD0iMC41NSIgc3RvcC1jb2xvcj0iIzBBMkI0RCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJCN0RDNSIvPjwvbGluZWFyR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJyMTEwIiBjeD0iMC4zIiBjeT0iMC4yMiIgcj0iMC44NSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMkI3REM1IiBzdG9wLW9wYWNpdHk9IjAuNTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNTE3MzciIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiIGZpbGw9InVybCgjZzExMCkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSJ1cmwoI3IxMTApIi8+PHBhdGggZD0iTSA2MDAuMCAyNTguMCBDIDk0Mi4wIDY1NC4wIDk2MC4wIDkzMS4yIDYwMC4wIDExNDAuMCBDIDI0MC4wIDkzMS4yIDI1OC4wIDY1NC4wIDYwMC4wIDI1OC4wIFoiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zMiIvPjxwYXRoIGQ9Ik0gNjAwLjAgMjU4LjAgQyA5NDIuMCA2NTQuMCA5NjAuMCA5MzEuMiA2MDAuMCAxMTQwLjAgQyAyNDAuMCA5MzEuMiAyNTguMCA2NTQuMCA2MDAuMCAyNTguMCBaIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjMwIiBzdHJva2Utd2lkdGg9IjIiLz48ZWxsaXBzZSBjeD0iNDkyIiBjeT0iNzA4IiByeD0iNTgiIHJ5PSI4NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjM1IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjAgNDkyIDcwOCkiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9IjU0MCIgcnk9IjExOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9IjY5MSIgcnk9IjE1MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yOSIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9Ijg0MiIgcnk9IjE4NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9Ijk5NCIgcnk9IjIxOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xOCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9IjExNDUiIHJ5PSIyNTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjEyMzAiIHJ4PSIxMjk2IiByeT0iMjg1IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="
data-caption="Membran performans testi — basınç ve iletkenlik ölçümü">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDE1MDAiIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZzExMCIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzA1MTczNyIvPjxzdG9wIG9mZnNldD0iMC41NSIgc3RvcC1jb2xvcj0iIzBBMkI0RCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJCN0RDNSIvPjwvbGluZWFyR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJyMTEwIiBjeD0iMC4zIiBjeT0iMC4yMiIgcj0iMC44NSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMkI3REM1IiBzdG9wLW9wYWNpdHk9IjAuNTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNTE3MzciIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiIGZpbGw9InVybCgjZzExMCkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxNTAwIiBmaWxsPSJ1cmwoI3IxMTApIi8+PHBhdGggZD0iTSA2MDAuMCAyNTguMCBDIDk0Mi4wIDY1NC4wIDk2MC4wIDkzMS4yIDYwMC4wIDExNDAuMCBDIDI0MC4wIDkzMS4yIDI1OC4wIDY1NC4wIDYwMC4wIDI1OC4wIFoiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC4zMiIvPjxwYXRoIGQ9Ik0gNjAwLjAgMjU4LjAgQyA5NDIuMCA2NTQuMCA5NjAuMCA5MzEuMiA2MDAuMCAxMTQwLjAgQyAyNDAuMCA5MzEuMiAyNTguMCA2NTQuMCA2MDAuMCAyNTguMCBaIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1vcGFjaXR5PSIwLjMwIiBzdHJva2Utd2lkdGg9IjIiLz48ZWxsaXBzZSBjeD0iNDkyIiBjeT0iNzA4IiByeD0iNTgiIHJ5PSI4NiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjM1IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjAgNDkyIDcwOCkiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9IjU0MCIgcnk9IjExOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4zNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9IjY5MSIgcnk9IjE1MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yOSIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9Ijg0MiIgcnk9IjE4NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4yMyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9Ijk5NCIgcnk9IjIxOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC4xOCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iNjAwIiBjeT0iMTIzMCIgcng9IjExNDUiIHJ5PSIyNTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMS42Ii8+PGVsbGlwc2UgY3g9IjYwMCIgY3k9IjEyMzAiIHJ4PSIxMjk2IiByeT0iMjg1IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="Membran performans testi" loading="lazy" width="1200" height="1500">
<span class="shot__cap"><strong>Membran performans testi</strong><span>Teknik servis</span></span>
</button>
<button class="shot" type="button" data-cat="merkezi"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMTEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjExMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUE1NTg5IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzExMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjExMSkiLz48ZyBvcGFjaXR5PSIwLjUiPjxsaW5lIHgxPSItOTE4IiB5MT0iMCIgeDI9Ii0xOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTkxOCIgeTE9IjAiIHgyPSItMTgxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSIxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSItMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSI1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSItMTc1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSI4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSItMTcxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTc4MiIgeTE9IjAiIHgyPSIxMTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03ODIiIHkxPSIwIiB4Mj0iLTE2ODIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03NDgiIHkxPSIwIiB4Mj0iMTUyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzQ4IiB5MT0iMCIgeDI9Ii0xNjQ4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzE0IiB5MT0iMCIgeDI9IjE4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTcxNCIgeTE9IjAiIHgyPSItMTYxNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4MCIgeTE9IjAiIHgyPSIyMjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02ODAiIHkxPSIwIiB4Mj0iLTE1ODAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02NDYiIHkxPSIwIiB4Mj0iMjU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjQ2IiB5MT0iMCIgeDI9Ii0xNTQ2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjEyIiB5MT0iMCIgeDI9IjI4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTYxMiIgeTE9IjAiIHgyPSItMTUxMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTU3OCIgeTE9IjAiIHgyPSIzMjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iLTE0NzgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NDQiIHkxPSIwIiB4Mj0iMzU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTQ0IiB5MT0iMCIgeDI9Ii0xNDQ0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTEwIiB5MT0iMCIgeDI9IjM5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTUxMCIgeTE9IjAiIHgyPSItMTQxMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQ3NiIgeTE9IjAiIHgyPSI0MjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NzYiIHkxPSIwIiB4Mj0iLTEzNzYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NDIiIHkxPSIwIiB4Mj0iNDU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDQyIiB5MT0iMCIgeDI9Ii0xMzQyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDA4IiB5MT0iMCIgeDI9IjQ5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQwOCIgeTE9IjAiIHgyPSItMTMwOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM3NCIgeTE9IjAiIHgyPSI1MjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNzQiIHkxPSIwIiB4Mj0iLTEyNzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNDAiIHkxPSIwIiB4Mj0iNTYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzQwIiB5MT0iMCIgeDI9Ii0xMjQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzA2IiB5MT0iMCIgeDI9IjU5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTMwNiIgeTE9IjAiIHgyPSItMTIwNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTI3MiIgeTE9IjAiIHgyPSI2MjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yNzIiIHkxPSIwIiB4Mj0iLTExNzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yMzgiIHkxPSIwIiB4Mj0iNjYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjM4IiB5MT0iMCIgeDI9Ii0xMTM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjA0IiB5MT0iMCIgeDI9IjY5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIwNCIgeTE9IjAiIHgyPSItMTEwNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTE3MCIgeTE9IjAiIHgyPSI3MzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xNzAiIHkxPSIwIiB4Mj0iLTEwNzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xMzYiIHkxPSIwIiB4Mj0iNzY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTM2IiB5MT0iMCIgeDI9Ii0xMDM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTAyIiB5MT0iMCIgeDI9Ijc5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEwMiIgeTE9IjAiIHgyPSItMTAwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9IjgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9Ii05NjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSI4NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSItOTM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjkwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMCIgeTE9IjAiIHgyPSItOTAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNCIgeTE9IjAiIHgyPSI5MzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0IiB5MT0iMCIgeDI9Ii04NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4IiB5MT0iMCIgeDI9Ijk2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgiIHkxPSIwIiB4Mj0iLTgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyIiB5MT0iMCIgeDI9IjEwMDIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwMiIgeTE9IjAiIHgyPSItNzk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYiIHkxPSIwIiB4Mj0iMTAzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ii03NjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSIxMDcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAiIHkxPSIwIiB4Mj0iLTczMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0IiB5MT0iMCIgeDI9IjExMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNCIgeTE9IjAiIHgyPSItNjk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMzgiIHkxPSIwIiB4Mj0iMTEzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ii02NjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSIxMTcyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyNzIiIHkxPSIwIiB4Mj0iLTYyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzA2IiB5MT0iMCIgeDI9IjEyMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjAiIHgyPSItNTk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNDAiIHkxPSIwIiB4Mj0iMTI0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQwIiB5MT0iMCIgeDI9Ii01NjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM3NCIgeTE9IjAiIHgyPSIxMjc0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNzQiIHkxPSIwIiB4Mj0iLTUyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDA4IiB5MT0iMCIgeDI9IjEzMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQwOCIgeTE9IjAiIHgyPSItNDkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NDIiIHkxPSIwIiB4Mj0iMTM0MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDQyIiB5MT0iMCIgeDI9Ii00NTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQ3NiIgeTE9IjAiIHgyPSIxMzc2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NzYiIHkxPSIwIiB4Mj0iLTQyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTEwIiB5MT0iMCIgeDI9IjE0MTAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjUxMCIgeTE9IjAiIHgyPSItMzkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NDQiIHkxPSIwIiB4Mj0iMTQ0NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTQ0IiB5MT0iMCIgeDI9Ii0zNTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjU3OCIgeTE9IjAiIHgyPSIxNDc4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NzgiIHkxPSIwIiB4Mj0iLTMyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjEyIiB5MT0iMCIgeDI9IjE1MTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjYxMiIgeTE9IjAiIHgyPSItMjg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2NDYiIHkxPSIwIiB4Mj0iMTU0NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjQ2IiB5MT0iMCIgeDI9Ii0yNTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4MCIgeTE9IjAiIHgyPSIxNTgwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2ODAiIHkxPSIwIiB4Mj0iLTIyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzE0IiB5MT0iMCIgeDI9IjE2MTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjcxNCIgeTE9IjAiIHgyPSItMTg2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3NDgiIHkxPSIwIiB4Mj0iMTY0OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzQ4IiB5MT0iMCIgeDI9Ii0xNTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc4MiIgeTE9IjAiIHgyPSIxNjgyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3ODIiIHkxPSIwIiB4Mj0iLTExOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODE2IiB5MT0iMCIgeDI9IjE3MTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjgxNiIgeTE9IjAiIHgyPSItODQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg1MCIgeTE9IjAiIHgyPSIxNzUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4NTAiIHkxPSIwIiB4Mj0iLTUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4ODQiIHkxPSIwIiB4Mj0iMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODg0IiB5MT0iMCIgeDI9Ii0xNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTE4IiB5MT0iMCIgeDI9IjE4MTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjkxOCIgeTE9IjAiIHgyPSIxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTUyIiB5MT0iMCIgeDI9IjE4NTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk1MiIgeTE9IjAiIHgyPSI1MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTg2IiB5MT0iMCIgeDI9IjE4ODYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk4NiIgeTE9IjAiIHgyPSI4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyMCIgeTE9IjAiIHgyPSIxOTIwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIwIiB5MT0iMCIgeDI9IjEyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA1NCIgeTE9IjAiIHgyPSIxOTU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDU0IiB5MT0iMCIgeDI9IjE1NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA4OCIgeTE9IjAiIHgyPSIxOTg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDg4IiB5MT0iMCIgeDI9IjE4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTEyMiIgeTE9IjAiIHgyPSIyMDIyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTIyIiB5MT0iMCIgeDI9IjIyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE1NiIgeTE9IjAiIHgyPSIyMDU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTU2IiB5MT0iMCIgeDI9IjI1NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE5MCIgeTE9IjAiIHgyPSIyMDkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTkwIiB5MT0iMCIgeDI9IjI5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTIyNCIgeTE9IjAiIHgyPSIyMTI0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjI0IiB5MT0iMCIgeDI9IjMyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI1OCIgeTE9IjAiIHgyPSIyMTU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjU4IiB5MT0iMCIgeDI9IjM1OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI5MiIgeTE9IjAiIHgyPSIyMTkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjkyIiB5MT0iMCIgeDI9IjM5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTMyNiIgeTE9IjAiIHgyPSIyMjI2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzI2IiB5MT0iMCIgeDI9IjQyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2MCIgeTE9IjAiIHgyPSIyMjYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYwIiB5MT0iMCIgeDI9IjQ2MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM5NCIgeTE9IjAiIHgyPSIyMjk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzk0IiB5MT0iMCIgeDI9IjQ5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQyOCIgeTE9IjAiIHgyPSIyMzI4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDI4IiB5MT0iMCIgeDI9IjUyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ2MiIgeTE9IjAiIHgyPSIyMzYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDYyIiB5MT0iMCIgeDI9IjU2MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ5NiIgeTE9IjAiIHgyPSIyMzk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDk2IiB5MT0iMCIgeDI9IjU5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTUzMCIgeTE9IjAiIHgyPSIyNDMwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTMwIiB5MT0iMCIgeDI9IjYzMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU2NCIgeTE9IjAiIHgyPSIyNDY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTY0IiB5MT0iMCIgeDI9IjY2NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU5OCIgeTE9IjAiIHgyPSIyNDk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTk4IiB5MT0iMCIgeDI9IjY5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTYzMiIgeTE9IjAiIHgyPSIyNTMyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjMyIiB5MT0iMCIgeDI9IjczMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTY2NiIgeTE9IjAiIHgyPSIyNTY2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjY2IiB5MT0iMCIgeDI9Ijc2NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTcwMCIgeTE9IjAiIHgyPSIyNjAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAwIiB5MT0iMCIgeDI9IjgwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTczNCIgeTE9IjAiIHgyPSIyNjM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzM0IiB5MT0iMCIgeDI9IjgzNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTc2OCIgeTE9IjAiIHgyPSIyNjY4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzY4IiB5MT0iMCIgeDI9Ijg2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgwMiIgeTE9IjAiIHgyPSIyNzAyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODAyIiB5MT0iMCIgeDI9IjkwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgzNiIgeTE9IjAiIHgyPSIyNzM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODM2IiB5MT0iMCIgeDI9IjkzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTg3MCIgeTE9IjAiIHgyPSIyNzcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODcwIiB5MT0iMCIgeDI9Ijk3MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkwNCIgeTE9IjAiIHgyPSIyODA0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTA0IiB5MT0iMCIgeDI9IjEwMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5MzgiIHkxPSIwIiB4Mj0iMjgzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkzOCIgeTE9IjAiIHgyPSIxMDM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTcyIiB5MT0iMCIgeDI9IjI4NzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5NzIiIHkxPSIwIiB4Mj0iMTA3MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjAwNiIgeTE9IjAiIHgyPSIyOTA2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDA2IiB5MT0iMCIgeDI9IjExMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNDAiIHkxPSIwIiB4Mj0iMjk0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0MCIgeTE9IjAiIHgyPSIxMTQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDc0IiB5MT0iMCIgeDI9IjI5NzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNzQiIHkxPSIwIiB4Mj0iMTE3NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjEwOCIgeTE9IjAiIHgyPSIzMDA4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMTA4IiB5MT0iMCIgeDI9IjEyMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PC9nPjxjaXJjbGUgY3g9IjkxNCIgY3k9IjI2OSIgcj0iMTA1IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTQiIGN5PSIzODUiIHI9Ijc5IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIyODMiIGN5PSIyNTciIHI9IjY0IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzNDEiIGN5PSI1NTciIHI9IjYzIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0ODgiIGN5PSIzMTAiIHI9IjQ4IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI4MDgiIGN5PSI3MDQiIHI9IjU4IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI4OTIiIGN5PSIzMzIiIHI9IjkxIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzNDkiIGN5PSI0OTMiIHI9IjYzIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5NTYiIGN5PSI2MTUiIHI9IjM5IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="
data-caption="Kadıköy — Kafe zinciri için merkezi filtrasyon ve kireç önleme, 2025">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMTEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjExMSIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUE1NTg5IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzExMSkiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjExMSkiLz48ZyBvcGFjaXR5PSIwLjUiPjxsaW5lIHgxPSItOTE4IiB5MT0iMCIgeDI9Ii0xOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTkxOCIgeTE9IjAiIHgyPSItMTgxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSIxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSItMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSI1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSItMTc1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSI4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSItMTcxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTc4MiIgeTE9IjAiIHgyPSIxMTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03ODIiIHkxPSIwIiB4Mj0iLTE2ODIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03NDgiIHkxPSIwIiB4Mj0iMTUyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzQ4IiB5MT0iMCIgeDI9Ii0xNjQ4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzE0IiB5MT0iMCIgeDI9IjE4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTcxNCIgeTE9IjAiIHgyPSItMTYxNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4MCIgeTE9IjAiIHgyPSIyMjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02ODAiIHkxPSIwIiB4Mj0iLTE1ODAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02NDYiIHkxPSIwIiB4Mj0iMjU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjQ2IiB5MT0iMCIgeDI9Ii0xNTQ2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjEyIiB5MT0iMCIgeDI9IjI4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTYxMiIgeTE9IjAiIHgyPSItMTUxMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTU3OCIgeTE9IjAiIHgyPSIzMjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iLTE0NzgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NDQiIHkxPSIwIiB4Mj0iMzU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTQ0IiB5MT0iMCIgeDI9Ii0xNDQ0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTEwIiB5MT0iMCIgeDI9IjM5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTUxMCIgeTE9IjAiIHgyPSItMTQxMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQ3NiIgeTE9IjAiIHgyPSI0MjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NzYiIHkxPSIwIiB4Mj0iLTEzNzYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NDIiIHkxPSIwIiB4Mj0iNDU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDQyIiB5MT0iMCIgeDI9Ii0xMzQyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDA4IiB5MT0iMCIgeDI9IjQ5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQwOCIgeTE9IjAiIHgyPSItMTMwOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM3NCIgeTE9IjAiIHgyPSI1MjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNzQiIHkxPSIwIiB4Mj0iLTEyNzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNDAiIHkxPSIwIiB4Mj0iNTYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzQwIiB5MT0iMCIgeDI9Ii0xMjQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzA2IiB5MT0iMCIgeDI9IjU5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTMwNiIgeTE9IjAiIHgyPSItMTIwNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTI3MiIgeTE9IjAiIHgyPSI2MjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yNzIiIHkxPSIwIiB4Mj0iLTExNzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yMzgiIHkxPSIwIiB4Mj0iNjYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjM4IiB5MT0iMCIgeDI9Ii0xMTM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjA0IiB5MT0iMCIgeDI9IjY5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIwNCIgeTE9IjAiIHgyPSItMTEwNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTE3MCIgeTE9IjAiIHgyPSI3MzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xNzAiIHkxPSIwIiB4Mj0iLTEwNzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xMzYiIHkxPSIwIiB4Mj0iNzY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTM2IiB5MT0iMCIgeDI9Ii0xMDM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTAyIiB5MT0iMCIgeDI9Ijc5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEwMiIgeTE9IjAiIHgyPSItMTAwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9IjgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9Ii05NjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSI4NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSItOTM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjkwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMCIgeTE9IjAiIHgyPSItOTAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNCIgeTE9IjAiIHgyPSI5MzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0IiB5MT0iMCIgeDI9Ii04NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4IiB5MT0iMCIgeDI9Ijk2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgiIHkxPSIwIiB4Mj0iLTgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyIiB5MT0iMCIgeDI9IjEwMDIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwMiIgeTE9IjAiIHgyPSItNzk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYiIHkxPSIwIiB4Mj0iMTAzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ii03NjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSIxMDcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAiIHkxPSIwIiB4Mj0iLTczMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0IiB5MT0iMCIgeDI9IjExMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNCIgeTE9IjAiIHgyPSItNjk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMzgiIHkxPSIwIiB4Mj0iMTEzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ii02NjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSIxMTcyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyNzIiIHkxPSIwIiB4Mj0iLTYyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzA2IiB5MT0iMCIgeDI9IjEyMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjAiIHgyPSItNTk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNDAiIHkxPSIwIiB4Mj0iMTI0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQwIiB5MT0iMCIgeDI9Ii01NjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM3NCIgeTE9IjAiIHgyPSIxMjc0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNzQiIHkxPSIwIiB4Mj0iLTUyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDA4IiB5MT0iMCIgeDI9IjEzMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQwOCIgeTE9IjAiIHgyPSItNDkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NDIiIHkxPSIwIiB4Mj0iMTM0MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDQyIiB5MT0iMCIgeDI9Ii00NTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQ3NiIgeTE9IjAiIHgyPSIxMzc2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NzYiIHkxPSIwIiB4Mj0iLTQyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTEwIiB5MT0iMCIgeDI9IjE0MTAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjUxMCIgeTE9IjAiIHgyPSItMzkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NDQiIHkxPSIwIiB4Mj0iMTQ0NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTQ0IiB5MT0iMCIgeDI9Ii0zNTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjU3OCIgeTE9IjAiIHgyPSIxNDc4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NzgiIHkxPSIwIiB4Mj0iLTMyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjEyIiB5MT0iMCIgeDI9IjE1MTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjYxMiIgeTE9IjAiIHgyPSItMjg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2NDYiIHkxPSIwIiB4Mj0iMTU0NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjQ2IiB5MT0iMCIgeDI9Ii0yNTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4MCIgeTE9IjAiIHgyPSIxNTgwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2ODAiIHkxPSIwIiB4Mj0iLTIyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzE0IiB5MT0iMCIgeDI9IjE2MTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjcxNCIgeTE9IjAiIHgyPSItMTg2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3NDgiIHkxPSIwIiB4Mj0iMTY0OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzQ4IiB5MT0iMCIgeDI9Ii0xNTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc4MiIgeTE9IjAiIHgyPSIxNjgyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3ODIiIHkxPSIwIiB4Mj0iLTExOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODE2IiB5MT0iMCIgeDI9IjE3MTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjgxNiIgeTE9IjAiIHgyPSItODQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg1MCIgeTE9IjAiIHgyPSIxNzUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4NTAiIHkxPSIwIiB4Mj0iLTUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4ODQiIHkxPSIwIiB4Mj0iMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODg0IiB5MT0iMCIgeDI9Ii0xNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTE4IiB5MT0iMCIgeDI9IjE4MTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjkxOCIgeTE9IjAiIHgyPSIxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTUyIiB5MT0iMCIgeDI9IjE4NTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk1MiIgeTE9IjAiIHgyPSI1MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTg2IiB5MT0iMCIgeDI9IjE4ODYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk4NiIgeTE9IjAiIHgyPSI4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyMCIgeTE9IjAiIHgyPSIxOTIwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIwIiB5MT0iMCIgeDI9IjEyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA1NCIgeTE9IjAiIHgyPSIxOTU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDU0IiB5MT0iMCIgeDI9IjE1NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA4OCIgeTE9IjAiIHgyPSIxOTg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDg4IiB5MT0iMCIgeDI9IjE4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTEyMiIgeTE9IjAiIHgyPSIyMDIyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTIyIiB5MT0iMCIgeDI9IjIyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE1NiIgeTE9IjAiIHgyPSIyMDU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTU2IiB5MT0iMCIgeDI9IjI1NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE5MCIgeTE9IjAiIHgyPSIyMDkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTkwIiB5MT0iMCIgeDI9IjI5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTIyNCIgeTE9IjAiIHgyPSIyMTI0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjI0IiB5MT0iMCIgeDI9IjMyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI1OCIgeTE9IjAiIHgyPSIyMTU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjU4IiB5MT0iMCIgeDI9IjM1OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI5MiIgeTE9IjAiIHgyPSIyMTkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjkyIiB5MT0iMCIgeDI9IjM5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTMyNiIgeTE9IjAiIHgyPSIyMjI2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzI2IiB5MT0iMCIgeDI9IjQyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2MCIgeTE9IjAiIHgyPSIyMjYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYwIiB5MT0iMCIgeDI9IjQ2MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM5NCIgeTE9IjAiIHgyPSIyMjk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzk0IiB5MT0iMCIgeDI9IjQ5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQyOCIgeTE9IjAiIHgyPSIyMzI4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDI4IiB5MT0iMCIgeDI9IjUyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ2MiIgeTE9IjAiIHgyPSIyMzYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDYyIiB5MT0iMCIgeDI9IjU2MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ5NiIgeTE9IjAiIHgyPSIyMzk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDk2IiB5MT0iMCIgeDI9IjU5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTUzMCIgeTE9IjAiIHgyPSIyNDMwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTMwIiB5MT0iMCIgeDI9IjYzMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU2NCIgeTE9IjAiIHgyPSIyNDY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTY0IiB5MT0iMCIgeDI9IjY2NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU5OCIgeTE9IjAiIHgyPSIyNDk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTk4IiB5MT0iMCIgeDI9IjY5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTYzMiIgeTE9IjAiIHgyPSIyNTMyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjMyIiB5MT0iMCIgeDI9IjczMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTY2NiIgeTE9IjAiIHgyPSIyNTY2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjY2IiB5MT0iMCIgeDI9Ijc2NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTcwMCIgeTE9IjAiIHgyPSIyNjAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAwIiB5MT0iMCIgeDI9IjgwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTczNCIgeTE9IjAiIHgyPSIyNjM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzM0IiB5MT0iMCIgeDI9IjgzNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTc2OCIgeTE9IjAiIHgyPSIyNjY4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzY4IiB5MT0iMCIgeDI9Ijg2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgwMiIgeTE9IjAiIHgyPSIyNzAyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODAyIiB5MT0iMCIgeDI9IjkwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgzNiIgeTE9IjAiIHgyPSIyNzM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODM2IiB5MT0iMCIgeDI9IjkzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTg3MCIgeTE9IjAiIHgyPSIyNzcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODcwIiB5MT0iMCIgeDI9Ijk3MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkwNCIgeTE9IjAiIHgyPSIyODA0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTA0IiB5MT0iMCIgeDI9IjEwMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5MzgiIHkxPSIwIiB4Mj0iMjgzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkzOCIgeTE9IjAiIHgyPSIxMDM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTcyIiB5MT0iMCIgeDI9IjI4NzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5NzIiIHkxPSIwIiB4Mj0iMTA3MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjAwNiIgeTE9IjAiIHgyPSIyOTA2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDA2IiB5MT0iMCIgeDI9IjExMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNDAiIHkxPSIwIiB4Mj0iMjk0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0MCIgeTE9IjAiIHgyPSIxMTQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDc0IiB5MT0iMCIgeDI9IjI5NzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNzQiIHkxPSIwIiB4Mj0iMTE3NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjEwOCIgeTE9IjAiIHgyPSIzMDA4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMTA4IiB5MT0iMCIgeDI9IjEyMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PC9nPjxjaXJjbGUgY3g9IjkxNCIgY3k9IjI2OSIgcj0iMTA1IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI1OTQiIGN5PSIzODUiIHI9Ijc5IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIyODMiIGN5PSIyNTciIHI9IjY0IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzNDEiIGN5PSI1NTciIHI9IjYzIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI0ODgiIGN5PSIzMTAiIHI9IjQ4IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI4MDgiIGN5PSI3MDQiIHI9IjU4IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI4OTIiIGN5PSIzMzIiIHI9IjkxIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSIzNDkiIGN5PSI0OTMiIHI9IjYzIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48Y2lyY2xlIGN4PSI5NTYiIGN5PSI2MTUiIHI9IjM5IiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="Kafe zinciri filtrasyon sistemi" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Kafe zinciri filtrasyonu</strong><span>Kadıköy · 2025</span></span>
</button>
<button class="shot" type="button" data-cat="evsel"
data-full="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMTIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjExMiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkI3REM1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzExMikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjExMikiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsMjcyLjAgMTIsMjcxLjkgMjQsMjcxLjggMzYsMjcxLjcgNDgsMjcxLjYgNjAsMjcxLjQgNzIsMjcxLjIgODQsMjcwLjkgOTYsMjcwLjYgMTA4LDI3MC4yIDEyMCwyNjkuNyAxMzIsMjY5LjIgMTQ0LDI2OC42IDE1NiwyNjguMCAxNjgsMjY3LjMgMTgwLDI2Ni42IDE5MiwyNjUuOCAyMDQsMjY1LjEgMjE2LDI2NC4zIDIyOCwyNjMuNiAyNDAsMjYyLjkgMjUyLDI2Mi4zIDI2NCwyNjEuOCAyNzYsMjYxLjMgMjg4LDI2MS4wIDMwMCwyNjAuNyAzMTIsMjYwLjcgMzI0LDI2MC43IDMzNiwyNjEuMCAzNDgsMjYxLjQgMzYwLDI2Mi4wIDM3MiwyNjIuOCAzODQsMjYzLjggMzk2LDI2NC45IDQwOCwyNjYuMyA0MjAsMjY3LjggNDMyLDI2OS42IDQ0NCwyNzEuNCA0NTYsMjczLjUgNDY4LDI3NS43IDQ4MCwyNzguMCA0OTIsMjgwLjQgNTA0LDI4Mi45IDUxNiwyODUuNCA1MjgsMjg4LjAgNTQwLDI5MC42IDU1MiwyOTMuMiA1NjQsMjk1LjggNTc2LDI5OC4zIDU4OCwzMDAuNyA2MDAsMzAzLjAgNjEyLDMwNS4yIDYyNCwzMDcuMyA2MzYsMzA5LjIgNjQ4LDMxMC45IDY2MCwzMTIuNSA2NzIsMzEzLjkgNjg0LDMxNS4wIDY5NiwzMTYuMCA3MDgsMzE2LjggNzIwLDMxNy40IDczMiwzMTcuNyA3NDQsMzE3LjkgNzU2LDMxNy45IDc2OCwzMTcuNyA3ODAsMzE3LjQgNzkyLDMxNi45IDgwNCwzMTYuMyA4MTYsMzE1LjYgODI4LDMxNC44IDg0MCwzMTMuOSA4NTIsMzEyLjkgODY0LDMxMS45IDg3NiwzMTAuOSA4ODgsMzA5LjkgOTAwLDMwOC45IDkxMiwzMDcuOSA5MjQsMzA3LjAgOTM2LDMwNi4xIDk0OCwzMDUuMyA5NjAsMzA0LjUgOTcyLDMwMy44IDk4NCwzMDMuMiA5OTYsMzAyLjYgMTAwOCwzMDIuMSAxMDIwLDMwMS43IDEwMzIsMzAxLjMgMTA0NCwzMDEuMCAxMDU2LDMwMC43IDEwNjgsMzAwLjQgMTA4MCwzMDAuMiAxMDkyLDMwMC4wIDExMDQsMjk5LjcgMTExNiwyOTkuNCAxMTI4LDI5OS4xIDExNDAsMjk4LjcgMTE1MiwyOTguMiAxMTY0LDI5Ny43IDExNzYsMjk3LjAgMTE4OCwyOTYuMyAxMjAwLDI5NS40IDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsMzYzLjMgMTIsMzYzLjAgMjQsMzYyLjYgMzYsMzYyLjEgNDgsMzYxLjYgNjAsMzYxLjAgNzIsMzYwLjQgODQsMzU5LjkgOTYsMzU5LjQgMTA4LDM1OS4wIDEyMCwzNTguOCAxMzIsMzU4LjcgMTQ0LDM1OC44IDE1NiwzNTkuMiAxNjgsMzU5LjggMTgwLDM2MC43IDE5MiwzNjEuOSAyMDQsMzYzLjUgMjE2LDM2NS4zIDIyOCwzNjcuNCAyNDAsMzY5LjkgMjUyLDM3Mi42IDI2NCwzNzUuNiAyNzYsMzc4LjkgMjg4LDM4Mi4zIDMwMCwzODUuOSAzMTIsMzg5LjYgMzI0LDM5My4zIDMzNiwzOTcuMSAzNDgsNDAwLjkgMzYwLDQwNC41IDM3Miw0MDguMCAzODQsNDExLjMgMzk2LDQxNC40IDQwOCw0MTcuMiA0MjAsNDE5LjcgNDMyLDQyMS45IDQ0NCw0MjMuNyA0NTYsNDI1LjEgNDY4LDQyNi4xIDQ4MCw0MjYuOCA0OTIsNDI3LjAgNTA0LDQyNi45IDUxNiw0MjYuNSA1MjgsNDI1LjcgNTQwLDQyNC42IDU1Miw0MjMuMyA1NjQsNDIxLjcgNTc2LDQyMC4wIDU4OCw0MTguMSA2MDAsNDE2LjEgNjEyLDQxNC4xIDYyNCw0MTIuMSA2MzYsNDEwLjEgNjQ4LDQwOC4xIDY2MCw0MDYuMiA2NzIsNDA0LjUgNjg0LDQwMi44IDY5Niw0MDEuNCA3MDgsNDAwLjAgNzIwLDM5OC44IDczMiwzOTcuOCA3NDQsMzk2LjkgNzU2LDM5Ni4xIDc2OCwzOTUuNCA3ODAsMzk0LjggNzkyLDM5NC4yIDgwNCwzOTMuNiA4MTYsMzkzLjAgODI4LDM5Mi40IDg0MCwzOTEuNiA4NTIsMzkwLjggODY0LDM4OS44IDg3NiwzODguNiA4ODgsMzg3LjMgOTAwLDM4NS44IDkxMiwzODQuMCA5MjQsMzgyLjEgOTM2LDM4MC4wIDk0OCwzNzcuNyA5NjAsMzc1LjMgOTcyLDM3Mi43IDk4NCwzNzAuMCA5OTYsMzY3LjIgMTAwOCwzNjQuNCAxMDIwLDM2MS42IDEwMzIsMzU4LjggMTA0NCwzNTYuMiAxMDU2LDM1My43IDEwNjgsMzUxLjQgMTA4MCwzNDkuMyAxMDkyLDM0Ny41IDExMDQsMzQ2LjEgMTExNiwzNDQuOSAxMTI4LDM0NC4yIDExNDAsMzQzLjggMTE1MiwzNDMuOCAxMTY0LDM0NC4zIDExNzYsMzQ1LjEgMTE4OCwzNDYuNCAxMjAwLDM0OC4wIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsNDg1LjcgMTIsNDg1LjIgMjQsNDg0LjcgMzYsNDg0LjMgNDgsNDgzLjkgNjAsNDgzLjUgNzIsNDgzLjEgODQsNDgyLjggOTYsNDgyLjQgMTA4LDQ4Mi4yIDEyMCw0ODEuOSAxMzIsNDgxLjYgMTQ0LDQ4MS40IDE1Niw0ODEuMiAxNjgsNDgxLjAgMTgwLDQ4MC44IDE5Miw0ODAuNyAyMDQsNDgwLjUgMjE2LDQ4MC40IDIyOCw0ODAuMiAyNDAsNDgwLjEgMjUyLDQ4MC4wIDI2NCw0NzkuOCAyNzYsNDc5LjcgMjg4LDQ3OS42IDMwMCw0NzkuNCAzMTIsNDc5LjMgMzI0LDQ3OS4xIDMzNiw0NzguOSAzNDgsNDc4LjggMzYwLDQ3OC42IDM3Miw0NzguMyAzODQsNDc4LjEgMzk2LDQ3Ny45IDQwOCw0NzcuNiA0MjAsNDc3LjMgNDMyLDQ3Ny4wIDQ0NCw0NzYuNyA0NTYsNDc2LjQgNDY4LDQ3Ni4wIDQ4MCw0NzUuNyA0OTIsNDc1LjMgNTA0LDQ3NC45IDUxNiw0NzQuNSA1MjgsNDc0LjAgNTQwLDQ3My42IDU1Miw0NzMuMSA1NjQsNDcyLjcgNTc2LDQ3Mi4yIDU4OCw0NzEuNyA2MDAsNDcxLjIgNjEyLDQ3MC43IDYyNCw0NzAuMyA2MzYsNDY5LjggNjQ4LDQ2OS4zIDY2MCw0NjguOCA2NzIsNDY4LjQgNjg0LDQ2OC4wIDY5Niw0NjcuNSA3MDgsNDY3LjEgNzIwLDQ2Ni44IDczMiw0NjYuNCA3NDQsNDY2LjEgNzU2LDQ2NS44IDc2OCw0NjUuNSA3ODAsNDY1LjMgNzkyLDQ2NS4xIDgwNCw0NjQuOSA4MTYsNDY0LjggODI4LDQ2NC43IDg0MCw0NjQuNyA4NTIsNDY0LjcgODY0LDQ2NC44IDg3Niw0NjQuOSA4ODgsNDY1LjEgOTAwLDQ2NS4zIDkxMiw0NjUuNSA5MjQsNDY1LjggOTM2LDQ2Ni4yIDk0OCw0NjYuNiA5NjAsNDY3LjEgOTcyLDQ2Ny42IDk4NCw0NjguMSA5OTYsNDY4LjcgMTAwOCw0NjkuNCAxMDIwLDQ3MC4xIDEwMzIsNDcwLjggMTA0NCw0NzEuNiAxMDU2LDQ3Mi40IDEwNjgsNDczLjIgMTA4MCw0NzQuMSAxMDkyLDQ3NS4wIDExMDQsNDc1LjkgMTExNiw0NzYuOSAxMTI4LDQ3Ny45IDExNDAsNDc4LjggMTE1Miw0NzkuOSAxMTY0LDQ4MC45IDExNzYsNDgxLjkgMTE4OCw0ODIuOSAxMjAwLDQ4NC4wIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsNTY3LjggMTIsNTY3LjYgMjQsNTY3LjMgMzYsNTY2LjkgNDgsNTY2LjUgNjAsNTY2LjAgNzIsNTY1LjUgODQsNTY1LjAgOTYsNTY0LjUgMTA4LDU2NC4wIDEyMCw1NjMuNyAxMzIsNTYzLjQgMTQ0LDU2My4zIDE1Niw1NjMuMyAxNjgsNTYzLjYgMTgwLDU2NC4xIDE5Miw1NjQuOCAyMDQsNTY1LjcgMjE2LDU2Ni45IDIyOCw1NjguNCAyNDAsNTcwLjEgMjUyLDU3Mi4xIDI2NCw1NzQuMyAyNzYsNTc2LjcgMjg4LDU3OS4zIDMwMCw1ODIuMSAzMTIsNTg0LjkgMzI0LDU4Ny44IDMzNiw1OTAuOCAzNDgsNTkzLjcgMzYwLDU5Ni42IDM3Miw1OTkuNCAzODQsNjAyLjAgMzk2LDYwNC40IDQwOCw2MDYuNiA0MjAsNjA4LjYgNDMyLDYxMC4zIDQ0NCw2MTEuOCA0NTYsNjEyLjkgNDY4LDYxMy43IDQ4MCw2MTQuMiA0OTIsNjE0LjMgNTA0LDYxNC4yIDUxNiw2MTMuOCA1MjgsNjEzLjIgNTQwLDYxMi4zIDU1Miw2MTEuMyA1NjQsNjEwLjAgNTc2LDYwOC43IDU4OCw2MDcuMyA2MDAsNjA1LjggNjEyLDYwNC4zIDYyNCw2MDIuOCA2MzYsNjAxLjMgNjQ4LDU5OS45IDY2MCw1OTguNiA2NzIsNTk3LjQgNjg0LDU5Ni4zIDY5Niw1OTUuMyA3MDgsNTk0LjUgNzIwLDU5My43IDczMiw1OTMuMSA3NDQsNTkyLjUgNzU2LDU5Mi4wIDc2OCw1OTEuNiA3ODAsNTkxLjIgNzkyLDU5MC43IDgwNCw1OTAuMyA4MTYsNTg5LjcgODI4LDU4OS4xIDg0MCw1ODguNCA4NTIsNTg3LjUgODY0LDU4Ni41IDg3Niw1ODUuMyA4ODgsNTg0LjAgOTAwLDU4Mi41IDkxMiw1ODAuOCA5MjQsNTc5LjAgOTM2LDU3Ny4xIDk0OCw1NzUuMCA5NjAsNTcyLjkgOTcyLDU3MC42IDk4NCw1NjguNCA5OTYsNTY2LjIgMTAwOCw1NjQuMCAxMDIwLDU2MS45IDEwMzIsNTYwLjAgMTA0NCw1NTguMiAxMDU2LDU1Ni42IDEwNjgsNTU1LjMgMTA4MCw1NTQuMiAxMDkyLDU1My40IDExMDQsNTUyLjkgMTExNiw1NTIuOCAxMTI4LDU1My4wIDExNDAsNTUzLjUgMTE1Miw1NTQuMyAxMTY0LDU1NS41IDExNzYsNTU2LjkgMTE4OCw1NTguNyAxMjAwLDU2MC42IDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjciLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsNzE2LjIgMTIsNzE1LjcgMjQsNzE1LjEgMzYsNzE0LjUgNDgsNzEzLjggNjAsNzEzLjAgNzIsNzEyLjIgODQsNzExLjMgOTYsNzEwLjQgMTA4LDcwOS40IDEyMCw3MDguNCAxMzIsNzA3LjQgMTQ0LDcwNi40IDE1Niw3MDUuMyAxNjgsNzA0LjMgMTgwLDcwMy4yIDE5Miw3MDIuMiAyMDQsNzAxLjEgMjE2LDcwMC4xIDIyOCw2OTkuMSAyNDAsNjk4LjIgMjUyLDY5Ny4zIDI2NCw2OTYuNCAyNzYsNjk1LjUgMjg4LDY5NC43IDMwMCw2OTQuMCAzMTIsNjkzLjMgMzI0LDY5Mi42IDMzNiw2OTIuMCAzNDgsNjkxLjQgMzYwLDY5MC45IDM3Miw2OTAuNCAzODQsNjg5LjkgMzk2LDY4OS41IDQwOCw2ODkuMSA0MjAsNjg4LjcgNDMyLDY4OC40IDQ0NCw2ODguMCA0NTYsNjg3LjcgNDY4LDY4Ny40IDQ4MCw2ODcuMSA0OTIsNjg2LjkgNTA0LDY4Ni42IDUxNiw2ODYuMyA1MjgsNjg1LjkgNTQwLDY4NS42IDU1Miw2ODUuMiA1NjQsNjg0LjggNTc2LDY4NC40IDU4OCw2ODMuOSA2MDAsNjgzLjQgNjEyLDY4Mi45IDYyNCw2ODIuMyA2MzYsNjgxLjYgNjQ4LDY4MC45IDY2MCw2ODAuMSA2NzIsNjc5LjMgNjg0LDY3OC41IDY5Niw2NzcuNiA3MDgsNjc2LjYgNzIwLDY3NS42IDczMiw2NzQuNSA3NDQsNjczLjUgNzU2LDY3Mi4zIDc2OCw2NzEuMiA3ODAsNjcwLjAgNzkyLDY2OC43IDgwNCw2NjcuNSA4MTYsNjY2LjMgODI4LDY2NS4wIDg0MCw2NjMuNyA4NTIsNjYyLjUgODY0LDY2MS4zIDg3Niw2NjAuMSA4ODgsNjU4LjkgOTAwLDY1Ny43IDkxMiw2NTYuNyA5MjQsNjU1LjYgOTM2LDY1NC42IDk0OCw2NTMuNyA5NjAsNjUyLjkgOTcyLDY1Mi4xIDk4NCw2NTEuNCA5OTYsNjUwLjkgMTAwOCw2NTAuNCAxMDIwLDY1MC4wIDEwMzIsNjQ5LjcgMTA0NCw2NDkuNSAxMDU2LDY0OS40IDEwNjgsNjQ5LjUgMTA4MCw2NDkuNiAxMDkyLDY0OS45IDExMDQsNjUwLjMgMTExNiw2NTAuOCAxMTI4LDY1MS40IDExNDAsNjUyLjEgMTE1Miw2NTIuOSAxMTY0LDY1My44IDExNzYsNjU0LjggMTE4OCw2NTUuOSAxMjAwLDY1Ny4xIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsODE4LjggMTIsODE5LjQgMjQsODE5LjYgMzYsODE5LjQgNDgsODE4LjkgNjAsODE4LjEgNzIsODE3LjEgODQsODE1LjggOTYsODE0LjMgMTA4LDgxMi43IDEyMCw4MTAuOSAxMzIsODA5LjEgMTQ0LDgwNy4yIDE1Niw4MDUuNCAxNjgsODAzLjYgMTgwLDgwMS44IDE5Miw4MDAuMiAyMDQsNzk4LjYgMjE2LDc5Ny4yIDIyOCw3OTUuOSAyNDAsNzk0LjggMjUyLDc5My44IDI2NCw3OTMuMCAyNzYsNzkyLjIgMjg4LDc5MS42IDMwMCw3OTEuMCAzMTIsNzkwLjQgMzI0LDc4OS45IDMzNiw3ODkuNCAzNDgsNzg4LjggMzYwLDc4OC4xIDM3Miw3ODcuMyAzODQsNzg2LjQgMzk2LDc4NS40IDQwOCw3ODQuMiA0MjAsNzgyLjggNDMyLDc4MS4xIDQ0NCw3NzkuNCA0NTYsNzc3LjQgNDY4LDc3NS4yIDQ4MCw3NzIuOSA0OTIsNzcwLjQgNTA0LDc2Ny45IDUxNiw3NjUuMyA1MjgsNzYyLjYgNTQwLDc1OS45IDU1Miw3NTcuMyA1NjQsNzU0LjggNTc2LDc1Mi41IDU4OCw3NTAuMyA2MDAsNzQ4LjMgNjEyLDc0Ni42IDYyNCw3NDUuMyA2MzYsNzQ0LjIgNjQ4LDc0My41IDY2MCw3NDMuMiA2NzIsNzQzLjIgNjg0LDc0My43IDY5Niw3NDQuNSA3MDgsNzQ1LjcgNzIwLDc0Ny4zIDczMiw3NDkuMiA3NDQsNzUxLjQgNzU2LDc1My45IDc2OCw3NTYuNiA3ODAsNzU5LjUgNzkyLDc2Mi41IDgwNCw3NjUuNiA4MTYsNzY4LjggODI4LDc3MS45IDg0MCw3NzUuMCA4NTIsNzc4LjAgODY0LDc4MC45IDg3Niw3ODMuNyA4ODgsNzg2LjIgOTAwLDc4OC41IDkxMiw3OTAuNiA5MjQsNzkyLjUgOTM2LDc5NC4xIDk0OCw3OTUuNSA5NjAsNzk2LjYgOTcyLDc5Ny42IDk4NCw3OTguMyA5OTYsNzk4LjkgMTAwOCw3OTkuMyAxMDIwLDc5OS42IDEwMzIsNzk5LjggMTA0NCw4MDAuMCAxMDU2LDgwMC4yIDEwNjgsODAwLjQgMTA4MCw4MDAuNiAxMDkyLDgwMC45IDExMDQsODAxLjIgMTExNiw4MDEuNyAxMTI4LDgwMi4zIDExNDAsODAzLjAgMTE1Miw4MDMuOCAxMTY0LDgwNC43IDExNzYsODA1LjcgMTE4OCw4MDYuOCAxMjAwLDgwNy45IDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsODY2LjkgMTIsODY2LjggMjQsODY2LjcgMzYsODY2LjcgNDgsODY2LjYgNjAsODY2LjUgNzIsODY2LjQgODQsODY2LjMgOTYsODY2LjIgMTA4LDg2Ni4wIDEyMCw4NjUuOSAxMzIsODY1LjcgMTQ0LDg2NS40IDE1Niw4NjUuMSAxNjgsODY0LjggMTgwLDg2NC41IDE5Miw4NjQuMSAyMDQsODYzLjggMjE2LDg2My4zIDIyOCw4NjIuOSAyNDAsODYyLjQgMjUyLDg2MS45IDI2NCw4NjEuNCAyNzYsODYwLjkgMjg4LDg2MC40IDMwMCw4NTkuOCAzMTIsODU5LjMgMzI0LDg1OC44IDMzNiw4NTguMyAzNDgsODU3LjggMzYwLDg1Ny4zIDM3Miw4NTYuOSAzODQsODU2LjUgMzk2LDg1Ni4xIDQwOCw4NTUuOCA0MjAsODU1LjYgNDMyLDg1NS40IDQ0NCw4NTUuMiA0NTYsODU1LjIgNDY4LDg1NS4yIDQ4MCw4NTUuMyA0OTIsODU1LjUgNTA0LDg1NS44IDUxNiw4NTYuMSA1MjgsODU2LjYgNTQwLDg1Ny4xIDU1Miw4NTcuNyA1NjQsODU4LjUgNTc2LDg1OS4zIDU4OCw4NjAuMiA2MDAsODYxLjIgNjEyLDg2Mi4zIDYyNCw4NjMuNSA2MzYsODY0LjcgNjQ4LDg2Ni4xIDY2MCw4NjcuNSA2NzIsODY5LjAgNjg0LDg3MC41IDY5Niw4NzIuMSA3MDgsODczLjcgNzIwLDg3NS40IDczMiw4NzcuMSA3NDQsODc4LjkgNzU2LDg4MC43IDc2OCw4ODIuNSA3ODAsODg0LjIgNzkyLDg4Ni4wIDgwNCw4ODcuOCA4MTYsODg5LjUgODI4LDg5MS4yIDg0MCw4OTIuOSA4NTIsODk0LjYgODY0LDg5Ni4yIDg3Niw4OTcuNyA4ODgsODk5LjIgOTAwLDkwMC42IDkxMiw5MDEuOSA5MjQsOTAzLjEgOTM2LDkwNC4zIDk0OCw5MDUuMyA5NjAsOTA2LjMgOTcyLDkwNy4yIDk4NCw5MDguMCA5OTYsOTA4LjcgMTAwOCw5MDkuMyAxMDIwLDkwOS44IDEwMzIsOTEwLjEgMTA0NCw5MTAuNCAxMDU2LDkxMC43IDEwNjgsOTEwLjggMTA4MCw5MTAuOCAxMDkyLDkxMC43IDExMDQsOTEwLjYgMTExNiw5MTAuNCAxMTI4LDkxMC4xIDExNDAsOTA5LjggMTE1Miw5MDkuMyAxMTY0LDkwOC45IDExNzYsOTA4LjQgMTE4OCw5MDcuOCAxMjAwLDkwNy4yIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuNDMiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=="
data-caption="Bakırköy — Daire içi kurulum sonrası çıkış suyu ölçümü, 2026">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxMTIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyQjdEQzUiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjExMiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkI3REM1IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzExMikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjExMikiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsMjcyLjAgMTIsMjcxLjkgMjQsMjcxLjggMzYsMjcxLjcgNDgsMjcxLjYgNjAsMjcxLjQgNzIsMjcxLjIgODQsMjcwLjkgOTYsMjcwLjYgMTA4LDI3MC4yIDEyMCwyNjkuNyAxMzIsMjY5LjIgMTQ0LDI2OC42IDE1NiwyNjguMCAxNjgsMjY3LjMgMTgwLDI2Ni42IDE5MiwyNjUuOCAyMDQsMjY1LjEgMjE2LDI2NC4zIDIyOCwyNjMuNiAyNDAsMjYyLjkgMjUyLDI2Mi4zIDI2NCwyNjEuOCAyNzYsMjYxLjMgMjg4LDI2MS4wIDMwMCwyNjAuNyAzMTIsMjYwLjcgMzI0LDI2MC43IDMzNiwyNjEuMCAzNDgsMjYxLjQgMzYwLDI2Mi4wIDM3MiwyNjIuOCAzODQsMjYzLjggMzk2LDI2NC45IDQwOCwyNjYuMyA0MjAsMjY3LjggNDMyLDI2OS42IDQ0NCwyNzEuNCA0NTYsMjczLjUgNDY4LDI3NS43IDQ4MCwyNzguMCA0OTIsMjgwLjQgNTA0LDI4Mi45IDUxNiwyODUuNCA1MjgsMjg4LjAgNTQwLDI5MC42IDU1MiwyOTMuMiA1NjQsMjk1LjggNTc2LDI5OC4zIDU4OCwzMDAuNyA2MDAsMzAzLjAgNjEyLDMwNS4yIDYyNCwzMDcuMyA2MzYsMzA5LjIgNjQ4LDMxMC45IDY2MCwzMTIuNSA2NzIsMzEzLjkgNjg0LDMxNS4wIDY5NiwzMTYuMCA3MDgsMzE2LjggNzIwLDMxNy40IDczMiwzMTcuNyA3NDQsMzE3LjkgNzU2LDMxNy45IDc2OCwzMTcuNyA3ODAsMzE3LjQgNzkyLDMxNi45IDgwNCwzMTYuMyA4MTYsMzE1LjYgODI4LDMxNC44IDg0MCwzMTMuOSA4NTIsMzEyLjkgODY0LDMxMS45IDg3NiwzMTAuOSA4ODgsMzA5LjkgOTAwLDMwOC45IDkxMiwzMDcuOSA5MjQsMzA3LjAgOTM2LDMwNi4xIDk0OCwzMDUuMyA5NjAsMzA0LjUgOTcyLDMwMy44IDk4NCwzMDMuMiA5OTYsMzAyLjYgMTAwOCwzMDIuMSAxMDIwLDMwMS43IDEwMzIsMzAxLjMgMTA0NCwzMDEuMCAxMDU2LDMwMC43IDEwNjgsMzAwLjQgMTA4MCwzMDAuMiAxMDkyLDMwMC4wIDExMDQsMjk5LjcgMTExNiwyOTkuNCAxMTI4LDI5OS4xIDExNDAsMjk4LjcgMTE1MiwyOTguMiAxMTY0LDI5Ny43IDExNzYsMjk3LjAgMTE4OCwyOTYuMyAxMjAwLDI5NS40IDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsMzYzLjMgMTIsMzYzLjAgMjQsMzYyLjYgMzYsMzYyLjEgNDgsMzYxLjYgNjAsMzYxLjAgNzIsMzYwLjQgODQsMzU5LjkgOTYsMzU5LjQgMTA4LDM1OS4wIDEyMCwzNTguOCAxMzIsMzU4LjcgMTQ0LDM1OC44IDE1NiwzNTkuMiAxNjgsMzU5LjggMTgwLDM2MC43IDE5MiwzNjEuOSAyMDQsMzYzLjUgMjE2LDM2NS4zIDIyOCwzNjcuNCAyNDAsMzY5LjkgMjUyLDM3Mi42IDI2NCwzNzUuNiAyNzYsMzc4LjkgMjg4LDM4Mi4zIDMwMCwzODUuOSAzMTIsMzg5LjYgMzI0LDM5My4zIDMzNiwzOTcuMSAzNDgsNDAwLjkgMzYwLDQwNC41IDM3Miw0MDguMCAzODQsNDExLjMgMzk2LDQxNC40IDQwOCw0MTcuMiA0MjAsNDE5LjcgNDMyLDQyMS45IDQ0NCw0MjMuNyA0NTYsNDI1LjEgNDY4LDQyNi4xIDQ4MCw0MjYuOCA0OTIsNDI3LjAgNTA0LDQyNi45IDUxNiw0MjYuNSA1MjgsNDI1LjcgNTQwLDQyNC42IDU1Miw0MjMuMyA1NjQsNDIxLjcgNTc2LDQyMC4wIDU4OCw0MTguMSA2MDAsNDE2LjEgNjEyLDQxNC4xIDYyNCw0MTIuMSA2MzYsNDEwLjEgNjQ4LDQwOC4xIDY2MCw0MDYuMiA2NzIsNDA0LjUgNjg0LDQwMi44IDY5Niw0MDEuNCA3MDgsNDAwLjAgNzIwLDM5OC44IDczMiwzOTcuOCA3NDQsMzk2LjkgNzU2LDM5Ni4xIDc2OCwzOTUuNCA3ODAsMzk0LjggNzkyLDM5NC4yIDgwNCwzOTMuNiA4MTYsMzkzLjAgODI4LDM5Mi40IDg0MCwzOTEuNiA4NTIsMzkwLjggODY0LDM4OS44IDg3NiwzODguNiA4ODgsMzg3LjMgOTAwLDM4NS44IDkxMiwzODQuMCA5MjQsMzgyLjEgOTM2LDM4MC4wIDk0OCwzNzcuNyA5NjAsMzc1LjMgOTcyLDM3Mi43IDk4NCwzNzAuMCA5OTYsMzY3LjIgMTAwOCwzNjQuNCAxMDIwLDM2MS42IDEwMzIsMzU4LjggMTA0NCwzNTYuMiAxMDU2LDM1My43IDEwNjgsMzUxLjQgMTA4MCwzNDkuMyAxMDkyLDM0Ny41IDExMDQsMzQ2LjEgMTExNiwzNDQuOSAxMTI4LDM0NC4yIDExNDAsMzQzLjggMTE1MiwzNDMuOCAxMTY0LDM0NC4zIDExNzYsMzQ1LjEgMTE4OCwzNDYuNCAxMjAwLDM0OC4wIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMTUiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsNDg1LjcgMTIsNDg1LjIgMjQsNDg0LjcgMzYsNDg0LjMgNDgsNDgzLjkgNjAsNDgzLjUgNzIsNDgzLjEgODQsNDgyLjggOTYsNDgyLjQgMTA4LDQ4Mi4yIDEyMCw0ODEuOSAxMzIsNDgxLjYgMTQ0LDQ4MS40IDE1Niw0ODEuMiAxNjgsNDgxLjAgMTgwLDQ4MC44IDE5Miw0ODAuNyAyMDQsNDgwLjUgMjE2LDQ4MC40IDIyOCw0ODAuMiAyNDAsNDgwLjEgMjUyLDQ4MC4wIDI2NCw0NzkuOCAyNzYsNDc5LjcgMjg4LDQ3OS42IDMwMCw0NzkuNCAzMTIsNDc5LjMgMzI0LDQ3OS4xIDMzNiw0NzguOSAzNDgsNDc4LjggMzYwLDQ3OC42IDM3Miw0NzguMyAzODQsNDc4LjEgMzk2LDQ3Ny45IDQwOCw0NzcuNiA0MjAsNDc3LjMgNDMyLDQ3Ny4wIDQ0NCw0NzYuNyA0NTYsNDc2LjQgNDY4LDQ3Ni4wIDQ4MCw0NzUuNyA0OTIsNDc1LjMgNTA0LDQ3NC45IDUxNiw0NzQuNSA1MjgsNDc0LjAgNTQwLDQ3My42IDU1Miw0NzMuMSA1NjQsNDcyLjcgNTc2LDQ3Mi4yIDU4OCw0NzEuNyA2MDAsNDcxLjIgNjEyLDQ3MC43IDYyNCw0NzAuMyA2MzYsNDY5LjggNjQ4LDQ2OS4zIDY2MCw0NjguOCA2NzIsNDY4LjQgNjg0LDQ2OC4wIDY5Niw0NjcuNSA3MDgsNDY3LjEgNzIwLDQ2Ni44IDczMiw0NjYuNCA3NDQsNDY2LjEgNzU2LDQ2NS44IDc2OCw0NjUuNSA3ODAsNDY1LjMgNzkyLDQ2NS4xIDgwNCw0NjQuOSA4MTYsNDY0LjggODI4LDQ2NC43IDg0MCw0NjQuNyA4NTIsNDY0LjcgODY0LDQ2NC44IDg3Niw0NjQuOSA4ODgsNDY1LjEgOTAwLDQ2NS4zIDkxMiw0NjUuNSA5MjQsNDY1LjggOTM2LDQ2Ni4yIDk0OCw0NjYuNiA5NjAsNDY3LjEgOTcyLDQ2Ny42IDk4NCw0NjguMSA5OTYsNDY4LjcgMTAwOCw0NjkuNCAxMDIwLDQ3MC4xIDEwMzIsNDcwLjggMTA0NCw0NzEuNiAxMDU2LDQ3Mi40IDEwNjgsNDczLjIgMTA4MCw0NzQuMSAxMDkyLDQ3NS4wIDExMDQsNDc1LjkgMTExNiw0NzYuOSAxMTI4LDQ3Ny45IDExNDAsNDc4LjggMTE1Miw0NzkuOSAxMTY0LDQ4MC45IDExNzYsNDgxLjkgMTE4OCw0ODIuOSAxMjAwLDQ4NC4wIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjEiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsNTY3LjggMTIsNTY3LjYgMjQsNTY3LjMgMzYsNTY2LjkgNDgsNTY2LjUgNjAsNTY2LjAgNzIsNTY1LjUgODQsNTY1LjAgOTYsNTY0LjUgMTA4LDU2NC4wIDEyMCw1NjMuNyAxMzIsNTYzLjQgMTQ0LDU2My4zIDE1Niw1NjMuMyAxNjgsNTYzLjYgMTgwLDU2NC4xIDE5Miw1NjQuOCAyMDQsNTY1LjcgMjE2LDU2Ni45IDIyOCw1NjguNCAyNDAsNTcwLjEgMjUyLDU3Mi4xIDI2NCw1NzQuMyAyNzYsNTc2LjcgMjg4LDU3OS4zIDMwMCw1ODIuMSAzMTIsNTg0LjkgMzI0LDU4Ny44IDMzNiw1OTAuOCAzNDgsNTkzLjcgMzYwLDU5Ni42IDM3Miw1OTkuNCAzODQsNjAyLjAgMzk2LDYwNC40IDQwOCw2MDYuNiA0MjAsNjA4LjYgNDMyLDYxMC4zIDQ0NCw2MTEuOCA0NTYsNjEyLjkgNDY4LDYxMy43IDQ4MCw2MTQuMiA0OTIsNjE0LjMgNTA0LDYxNC4yIDUxNiw2MTMuOCA1MjgsNjEzLjIgNTQwLDYxMi4zIDU1Miw2MTEuMyA1NjQsNjEwLjAgNTc2LDYwOC43IDU4OCw2MDcuMyA2MDAsNjA1LjggNjEyLDYwNC4zIDYyNCw2MDIuOCA2MzYsNjAxLjMgNjQ4LDU5OS45IDY2MCw1OTguNiA2NzIsNTk3LjQgNjg0LDU5Ni4zIDY5Niw1OTUuMyA3MDgsNTk0LjUgNzIwLDU5My43IDczMiw1OTMuMSA3NDQsNTkyLjUgNzU2LDU5Mi4wIDc2OCw1OTEuNiA3ODAsNTkxLjIgNzkyLDU5MC43IDgwNCw1OTAuMyA4MTYsNTg5LjcgODI4LDU4OS4xIDg0MCw1ODguNCA4NTIsNTg3LjUgODY0LDU4Ni41IDg3Niw1ODUuMyA4ODgsNTg0LjAgOTAwLDU4Mi41IDkxMiw1ODAuOCA5MjQsNTc5LjAgOTM2LDU3Ny4xIDk0OCw1NzUuMCA5NjAsNTcyLjkgOTcyLDU3MC42IDk4NCw1NjguNCA5OTYsNTY2LjIgMTAwOCw1NjQuMCAxMDIwLDU2MS45IDEwMzIsNTYwLjAgMTA0NCw1NTguMiAxMDU2LDU1Ni42IDEwNjgsNTU1LjMgMTA4MCw1NTQuMiAxMDkyLDU1My40IDExMDQsNTUyLjkgMTExNiw1NTIuOCAxMTI4LDU1My4wIDExNDAsNTUzLjUgMTE1Miw1NTQuMyAxMTY0LDU1NS41IDExNzYsNTU2LjkgMTE4OCw1NTguNyAxMjAwLDU2MC42IDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMjciLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsNzE2LjIgMTIsNzE1LjcgMjQsNzE1LjEgMzYsNzE0LjUgNDgsNzEzLjggNjAsNzEzLjAgNzIsNzEyLjIgODQsNzExLjMgOTYsNzEwLjQgMTA4LDcwOS40IDEyMCw3MDguNCAxMzIsNzA3LjQgMTQ0LDcwNi40IDE1Niw3MDUuMyAxNjgsNzA0LjMgMTgwLDcwMy4yIDE5Miw3MDIuMiAyMDQsNzAxLjEgMjE2LDcwMC4xIDIyOCw2OTkuMSAyNDAsNjk4LjIgMjUyLDY5Ny4zIDI2NCw2OTYuNCAyNzYsNjk1LjUgMjg4LDY5NC43IDMwMCw2OTQuMCAzMTIsNjkzLjMgMzI0LDY5Mi42IDMzNiw2OTIuMCAzNDgsNjkxLjQgMzYwLDY5MC45IDM3Miw2OTAuNCAzODQsNjg5LjkgMzk2LDY4OS41IDQwOCw2ODkuMSA0MjAsNjg4LjcgNDMyLDY4OC40IDQ0NCw2ODguMCA0NTYsNjg3LjcgNDY4LDY4Ny40IDQ4MCw2ODcuMSA0OTIsNjg2LjkgNTA0LDY4Ni42IDUxNiw2ODYuMyA1MjgsNjg1LjkgNTQwLDY4NS42IDU1Miw2ODUuMiA1NjQsNjg0LjggNTc2LDY4NC40IDU4OCw2ODMuOSA2MDAsNjgzLjQgNjEyLDY4Mi45IDYyNCw2ODIuMyA2MzYsNjgxLjYgNjQ4LDY4MC45IDY2MCw2ODAuMSA2NzIsNjc5LjMgNjg0LDY3OC41IDY5Niw2NzcuNiA3MDgsNjc2LjYgNzIwLDY3NS42IDczMiw2NzQuNSA3NDQsNjczLjUgNzU2LDY3Mi4zIDc2OCw2NzEuMiA3ODAsNjcwLjAgNzkyLDY2OC43IDgwNCw2NjcuNSA4MTYsNjY2LjMgODI4LDY2NS4wIDg0MCw2NjMuNyA4NTIsNjYyLjUgODY0LDY2MS4zIDg3Niw2NjAuMSA4ODgsNjU4LjkgOTAwLDY1Ny43IDkxMiw2NTYuNyA5MjQsNjU1LjYgOTM2LDY1NC42IDk0OCw2NTMuNyA5NjAsNjUyLjkgOTcyLDY1Mi4xIDk4NCw2NTEuNCA5OTYsNjUwLjkgMTAwOCw2NTAuNCAxMDIwLDY1MC4wIDEwMzIsNjQ5LjcgMTA0NCw2NDkuNSAxMDU2LDY0OS40IDEwNjgsNjQ5LjUgMTA4MCw2NDkuNiAxMDkyLDY0OS45IDExMDQsNjUwLjMgMTExNiw2NTAuOCAxMTI4LDY1MS40IDExNDAsNjUyLjEgMTE1Miw2NTIuOSAxMTY0LDY1My44IDExNzYsNjU0LjggMTE4OCw2NTUuOSAxMjAwLDY1Ny4xIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsODE4LjggMTIsODE5LjQgMjQsODE5LjYgMzYsODE5LjQgNDgsODE4LjkgNjAsODE4LjEgNzIsODE3LjEgODQsODE1LjggOTYsODE0LjMgMTA4LDgxMi43IDEyMCw4MTAuOSAxMzIsODA5LjEgMTQ0LDgwNy4yIDE1Niw4MDUuNCAxNjgsODAzLjYgMTgwLDgwMS44IDE5Miw4MDAuMiAyMDQsNzk4LjYgMjE2LDc5Ny4yIDIyOCw3OTUuOSAyNDAsNzk0LjggMjUyLDc5My44IDI2NCw3OTMuMCAyNzYsNzkyLjIgMjg4LDc5MS42IDMwMCw3OTEuMCAzMTIsNzkwLjQgMzI0LDc4OS45IDMzNiw3ODkuNCAzNDgsNzg4LjggMzYwLDc4OC4xIDM3Miw3ODcuMyAzODQsNzg2LjQgMzk2LDc4NS40IDQwOCw3ODQuMiA0MjAsNzgyLjggNDMyLDc4MS4xIDQ0NCw3NzkuNCA0NTYsNzc3LjQgNDY4LDc3NS4yIDQ4MCw3NzIuOSA0OTIsNzcwLjQgNTA0LDc2Ny45IDUxNiw3NjUuMyA1MjgsNzYyLjYgNTQwLDc1OS45IDU1Miw3NTcuMyA1NjQsNzU0LjggNTc2LDc1Mi41IDU4OCw3NTAuMyA2MDAsNzQ4LjMgNjEyLDc0Ni42IDYyNCw3NDUuMyA2MzYsNzQ0LjIgNjQ4LDc0My41IDY2MCw3NDMuMiA2NzIsNzQzLjIgNjg0LDc0My43IDY5Niw3NDQuNSA3MDgsNzQ1LjcgNzIwLDc0Ny4zIDczMiw3NDkuMiA3NDQsNzUxLjQgNzU2LDc1My45IDc2OCw3NTYuNiA3ODAsNzU5LjUgNzkyLDc2Mi41IDgwNCw3NjUuNiA4MTYsNzY4LjggODI4LDc3MS45IDg0MCw3NzUuMCA4NTIsNzc4LjAgODY0LDc4MC45IDg3Niw3ODMuNyA4ODgsNzg2LjIgOTAwLDc4OC41IDkxMiw3OTAuNiA5MjQsNzkyLjUgOTM2LDc5NC4xIDk0OCw3OTUuNSA5NjAsNzk2LjYgOTcyLDc5Ny42IDk4NCw3OTguMyA5OTYsNzk4LjkgMTAwOCw3OTkuMyAxMDIwLDc5OS42IDEwMzIsNzk5LjggMTA0NCw4MDAuMCAxMDU2LDgwMC4yIDEwNjgsODAwLjQgMTA4MCw4MDAuNiAxMDkyLDgwMC45IDExMDQsODAxLjIgMTExNiw4MDEuNyAxMTI4LDgwMi4zIDExNDAsODAzLjAgMTE1Miw4MDMuOCAxMTY0LDgwNC43IDExNzYsODA1LjcgMTE4OCw4MDYuOCAxMjAwLDgwNy45IDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuMzgiLz48cG9seWdvbiBwb2ludHM9IjAsOTAwIDAsODY2LjkgMTIsODY2LjggMjQsODY2LjcgMzYsODY2LjcgNDgsODY2LjYgNjAsODY2LjUgNzIsODY2LjQgODQsODY2LjMgOTYsODY2LjIgMTA4LDg2Ni4wIDEyMCw4NjUuOSAxMzIsODY1LjcgMTQ0LDg2NS40IDE1Niw4NjUuMSAxNjgsODY0LjggMTgwLDg2NC41IDE5Miw4NjQuMSAyMDQsODYzLjggMjE2LDg2My4zIDIyOCw4NjIuOSAyNDAsODYyLjQgMjUyLDg2MS45IDI2NCw4NjEuNCAyNzYsODYwLjkgMjg4LDg2MC40IDMwMCw4NTkuOCAzMTIsODU5LjMgMzI0LDg1OC44IDMzNiw4NTguMyAzNDgsODU3LjggMzYwLDg1Ny4zIDM3Miw4NTYuOSAzODQsODU2LjUgMzk2LDg1Ni4xIDQwOCw4NTUuOCA0MjAsODU1LjYgNDMyLDg1NS40IDQ0NCw4NTUuMiA0NTYsODU1LjIgNDY4LDg1NS4yIDQ4MCw4NTUuMyA0OTIsODU1LjUgNTA0LDg1NS44IDUxNiw4NTYuMSA1MjgsODU2LjYgNTQwLDg1Ny4xIDU1Miw4NTcuNyA1NjQsODU4LjUgNTc2LDg1OS4zIDU4OCw4NjAuMiA2MDAsODYxLjIgNjEyLDg2Mi4zIDYyNCw4NjMuNSA2MzYsODY0LjcgNjQ4LDg2Ni4xIDY2MCw4NjcuNSA2NzIsODY5LjAgNjg0LDg3MC41IDY5Niw4NzIuMSA3MDgsODczLjcgNzIwLDg3NS40IDczMiw4NzcuMSA3NDQsODc4LjkgNzU2LDg4MC43IDc2OCw4ODIuNSA3ODAsODg0LjIgNzkyLDg4Ni4wIDgwNCw4ODcuOCA4MTYsODg5LjUgODI4LDg5MS4yIDg0MCw4OTIuOSA4NTIsODk0LjYgODY0LDg5Ni4yIDg3Niw4OTcuNyA4ODgsODk5LjIgOTAwLDkwMC42IDkxMiw5MDEuOSA5MjQsOTAzLjEgOTM2LDkwNC4zIDk0OCw5MDUuMyA5NjAsOTA2LjMgOTcyLDkwNy4yIDk4NCw5MDguMCA5OTYsOTA4LjcgMTAwOCw5MDkuMyAxMDIwLDkwOS44IDEwMzIsOTEwLjEgMTA0NCw5MTAuNCAxMDU2LDkxMC43IDEwNjgsOTEwLjggMTA4MCw5MTAuOCAxMDkyLDkxMC43IDExMDQsOTEwLjYgMTExNiw5MTAuNCAxMTI4LDkxMC4xIDExNDAsOTA5LjggMTE1Miw5MDkuMyAxMTY0LDkwOC45IDExNzYsOTA4LjQgMTE4OCw5MDcuOCAxMjAwLDkwNy4yIDEyMDAsOTAwIiBmaWxsPSIjMEEyQjREIiBmaWxsLW9wYWNpdHk9IjAuNDMiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="Kurulum sonrası çıkış suyu ölçümü" loading="lazy" width="1200" height="900">
<span class="shot__cap"><strong>Kurulum sonrası ölçüm</strong><span>Bakırköy · 2026</span></span>
</button>
</div>
</div>
</section>
<!-- Proje künyeleri -->
<section class="section section--sunk">
<div class="wrap">
<div class="section-head reveal">
<p class="eyebrow">Seçilmiş referanslar</p>
<h2>Üç projenin teknik künyesi.</h2>
<p class="lede">Her projede işe suyun analiziyle başladık; kapasite ve kademe seçimi o rapordan çıktı.</p>
</div>
<div class="grid grid--3">
<article class="card reveal">
<p class="tag">Endüstriyel</p>
<h3>Gıda üretim tesisi — Silivri</h3>
<p>Proses suyunda yüksek sertlik ve nitrat tespit edildi. Yumuşatma + ters ozmoz kombinasyonu kuruldu.</p>
<ul class="card__list">
<li>Kapasite: 60 m³/gün</li>
<li>Giriş TDS 640 ppm → Çıkış 18 ppm</li>
<li>CIP ünitesi ve PLC otomasyon</li>
<li>Devreye alma: 11 gün</li>
</ul>
<p class="card__meta">2025 · Bakım sözleşmesi aktif</p>
</article>
<article class="card reveal" data-delay="1">
<p class="tag">Merkezi</p>
<h3>48 daireli site — Beylikdüzü</h3>
<p>Kombi ve tesisatta kireç şikâyeti. Bina girişine otomatik rejenerasyonlu yumuşatma hattı kuruldu.</p>
<ul class="card__list">
<li>Kapasite: 6 m³/saat</li>
<li>Sertlik 24 °fH → 4 °fH</li>
<li>Otomatik ters yıkama vanası</li>
<li>Devreye alma: 3 gün</li>
</ul>
<p class="card__meta">2025 · Yıllık bakım</p>
</article>
<article class="card reveal" data-delay="2">
<p class="tag">Endüstriyel</p>
<h3>Tekstil boyahanesi — Çorlu</h3>
<p>Boya banyosunda renk tutarsızlığı. Nedeni suyun sertlik dalgalanmasıydı; hat buna göre kuruldu.</p>
<ul class="card__list">
<li>Kapasite: 40 m³/gün</li>
<li>Sürekli iletkenlik izleme</li>
<li>Atık su geri kazanım: %35</li>
<li>Devreye alma: 9 gün</li>
</ul>
<p class="card__meta">2024 · Uzaktan izleme aktif</p>
</article>
</div>
</div>
</section>
<section class="section section--tight">
<div class="wrap">
<div class="cta-band reveal">
<div class="cta-band__inner">
<div>
<h2>Benzer bir proje mi planlıyorsunuz?</h2>
<p>Tesisinizi görelim, suyunuzu ölçelim ve kapasiteyi birlikte belirleyelim.</p>
</div>
<div class="hero__cta">
<a class="btn btn--lg" href="iletisim.html">Keşif talebi oluştur</a>
<a class="btn btn--lg btn--on-deep" href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> 0212 000 00 00</a>
</div>
</div>
</div>
</div>
</section>
<!-- Lightbox -->
<div class="lightbox" id="lightbox" aria-hidden="true" role="dialog" aria-modal="true" aria-label="Görsel önizleme">
<button class="lightbox__close" type="button" aria-label="Kapat"><svg class="ico"><use href="#i-x"></use></svg></button>
<button class="lightbox__nav lightbox__nav--prev" type="button" aria-label="Önceki görsel"><svg class="ico"><use href="#i-left"></use></svg></button>
<button class="lightbox__nav lightbox__nav--next" type="button" aria-label="Sonraki görsel"><svg class="ico"><use href="#i-right"></use></svg></button>
<div class="lightbox__inner">
<img src="" alt="">
<p class="lightbox__cap"></p>
</div>
</div>
</main>
<!-- ===== Footer ===== -->
<footer class="site-footer">
<div class="wrap">
<div class="footer__top">
<div class="footer__brand">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<p>Evsel, merkezi ve endüstriyel su arıtma sistemlerinde analizden bakıma kadar tek sorumlu. 2009'dan beri İstanbul merkezli hizmet veriyoruz.</p>
<div class="social">
<a href="#" aria-label="Instagram"><svg class="ico"><use href="#i-ig"></use></svg></a>
<a href="#" aria-label="LinkedIn"><svg class="ico"><use href="#i-in"></use></svg></a>
<a href="#" aria-label="Facebook"><svg class="ico"><use href="#i-fb"></use></svg></a>
<a href="#" aria-label="YouTube"><svg class="ico"><use href="#i-yt"></use></svg></a>
</div>
</div>
<div class="footer__col">
<h4>Kurumsal</h4>
<ul>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="galeri.html">Galeri</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Hizmetler</h4>
<ul>
<li><a href="index.html#hizmetler">Evsel su arıtma</a></li>
<li><a href="index.html#hizmetler">Merkezi sistem</a></li>
<li><a href="index.html#hizmetler">Endüstriyel arıtma</a></li>
<li><a href="index.html#hizmetler">Periyodik bakım</a></li>
<li><a href="index.html#hizmetler">Su analizi</a></li>
</ul>
</div>
<div class="footer__col">
<h4>İletişim</h4>
<ul>
<li><a href="tel:+902120000000">0212 000 00 00</a></li>
<li><a href="mailto:info@hidrolin.com.tr">info@hidrolin.com.tr</a></li>
<li>Yenibosna Mah. Su Sanayi Cad. No: 42<br>Bahçelievler / İstanbul</li>
<li>Hafta içi 08:30 – 18:30<br>Cumartesi 09:00 – 14:00</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<span>© 2026 HİDROLİN Su Arıtma Sistemleri — Örnek tasarım sunumu, içerikler temsilidir.</span>
<nav aria-label="Yasal">
<a href="#">KVKK Aydınlatma Metni</a>
<a href="#">Gizlilik Politikası</a>
<a href="#">Çerez Politikası</a>
</nav>
</div>
</div>
</footer>
<!-- Mobil hızlı erişim -->
<div class="mobile-cta">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> Ara</a>
<a href="#" aria-label="WhatsApp"><svg class="ico"><use href="#i-wa"></use></svg> WhatsApp</a>
<a href="iletisim.html"><svg class="ico"><use href="#i-flask"></use></svg> Su Analizi</a>
</div>
<script>
/* ==========================================================================
HİDROLİN — arayüz davranışları
Tüm modüller kendi elemanı sayfada yoksa sessizce devre dışı kalır,
böylece aynı dosya beş sayfada da güvenle çalışır.
========================================================================== */
(function () {
'use strict';
var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ---------- 1. Mobil menü ---------- */
function initNav() {
var toggle = document.querySelector('.nav-toggle');
var nav = document.getElementById('primary-nav');
if (!toggle || !nav) return;
toggle.addEventListener('click', function () {
var open = toggle.getAttribute('aria-expanded') === 'true';
toggle.setAttribute('aria-expanded', String(!open));
nav.classList.toggle('is-open', !open);
});
nav.addEventListener('click', function (e) {
if (e.target.closest('a')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
}
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && nav.classList.contains('is-open')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
toggle.focus();
}
});
}
/* ---------- 2. Yapışkan başlık gölgesi ---------- */
function initHeader() {
var header = document.querySelector('.site-header');
if (!header) return;
var onScroll = function () {
header.classList.toggle('is-stuck', window.scrollY > 8);
};
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
}
/* ---------- 3. Kaydırmayla görünme ---------- */
function initReveal() {
var items = document.querySelectorAll('.reveal');
if (!items.length) return;
if (reduceMotion || !('IntersectionObserver' in window)) {
items.forEach(function (el) { el.classList.add('is-in'); });
return;
}
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-in');
io.unobserve(entry.target);
}
});
}, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });
items.forEach(function (el) { io.observe(el); });
}
/* ---------- 4. Sayaçlar ---------- */
function initCounters() {
var nums = document.querySelectorAll('[data-count]');
if (!nums.length) return;
var run = function (el) {
var target = parseFloat(el.getAttribute('data-count'));
var suffix = el.getAttribute('data-suffix') || '';
var decimals = (el.getAttribute('data-decimals') | 0);
if (reduceMotion) { el.textContent = target.toFixed(decimals) + suffix; return; }
var start = null, dur = 1500;
var tick = function (ts) {
if (start === null) start = ts;
var p = Math.min((ts - start) / dur, 1);
var eased = 1 - Math.pow(1 - p, 3);
el.textContent = (target * eased).toFixed(decimals) + suffix;
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
};
if (!('IntersectionObserver' in window)) { nums.forEach(run); return; }
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { run(e.target); io.unobserve(e.target); }
});
}, { threshold: 0.4 });
nums.forEach(function (el) { io.observe(el); });
}
/* ---------- 5. Su kalitesi göstergeleri ---------- */
function initGauges() {
var fills = document.querySelectorAll('.gauge__fill');
if (!fills.length) return;
setTimeout(function () {
fills.forEach(function (f) { f.style.width = (f.getAttribute('data-pct') || 0) + '%'; });
}, 350);
}
/* ---------- 6. Hero su yüzeyi (canvas dalgalar) ---------- */
function initWaterCanvas() {
var canvas = document.querySelector('.hero__canvas');
if (!canvas) return;
var ctx = canvas.getContext('2d');
var w = 0, h = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);
var layers = [
{ amp: 26, len: 0.0042, speed: 0.00028, y: 0.62, color: 'rgba(58,147,218,0.30)' },
{ amp: 34, len: 0.0031, speed: 0.00019, y: 0.72, color: 'rgba(43,125,197,0.34)' },
{ amp: 20, len: 0.0058, speed: 0.00040, y: 0.83, color: 'rgba(17,58,98,0.55)' },
{ amp: 30, len: 0.0025, speed: 0.00013, y: 0.93, color: 'rgba(10,43,77,0.75)' }
];
function resize() {
var r = canvas.getBoundingClientRect();
w = Math.max(r.width, 1); h = Math.max(r.height, 1);
canvas.width = w * dpr; canvas.height = h * dpr;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
}
function draw(t) {
ctx.clearRect(0, 0, w, h);
for (var i = 0; i < layers.length; i++) {
var L = layers[i];
ctx.beginPath();
ctx.moveTo(0, h);
var baseY = h * L.y;
for (var x = 0; x <= w; x += 6) {
var y = baseY
+ Math.sin(x * L.len + t * L.speed) * L.amp
+ Math.sin(x * L.len * 2.3 + t * L.speed * 1.6) * (L.amp * 0.35);
if (x === 0) ctx.lineTo(0, y);
else ctx.lineTo(x, y);
}
ctx.lineTo(w, h);
ctx.closePath();
ctx.fillStyle = L.color;
ctx.fill();
}
if (!reduceMotion) frame = requestAnimationFrame(draw);
}
var frame;
resize();
if (reduceMotion) { draw(0); }
else { frame = requestAnimationFrame(draw); }
var rt;
window.addEventListener('resize', function () {
clearTimeout(rt);
rt = setTimeout(function () { resize(); if (reduceMotion) draw(0); }, 150);
});
document.addEventListener('visibilitychange', function () {
if (document.hidden) { cancelAnimationFrame(frame); }
else if (!reduceMotion) { frame = requestAnimationFrame(draw); }
});
}
/* ---------- 7. Filtreler (galeri + blog) ---------- */
function initFilters() {
document.querySelectorAll('[data-filter-group]').forEach(function (group) {
var targetSel = group.getAttribute('data-filter-target');
var items = document.querySelectorAll(targetSel + ' [data-cat]');
if (!items.length) return;
group.addEventListener('click', function (e) {
var chip = e.target.closest('.chip');
if (!chip) return;
group.querySelectorAll('.chip').forEach(function (c) {
c.classList.toggle('is-active', c === chip);
c.setAttribute('aria-pressed', String(c === chip));
});
var cat = chip.getAttribute('data-cat-filter');
items.forEach(function (item) {
var match = cat === 'all' || item.getAttribute('data-cat') === cat;
item.classList.toggle('is-hidden', !match);
item.style.display = match ? '' : 'none';
});
});
});
}
/* ---------- 8. Galeri lightbox ---------- */
function initLightbox() {
var box = document.getElementById('lightbox');
if (!box) return;
var img = box.querySelector('img');
var cap = box.querySelector('.lightbox__cap');
var shots = Array.prototype.slice.call(document.querySelectorAll('.shot'));
var index = 0;
function visibleShots() {
return shots.filter(function (s) { return s.style.display !== 'none'; });
}
function show(i) {
var list = visibleShots();
if (!list.length) return;
index = (i + list.length) % list.length;
var shot = list[index];
var src = shot.getAttribute('data-full') || shot.querySelector('img').src;
img.src = src;
img.alt = shot.querySelector('img').alt;
cap.textContent = shot.getAttribute('data-caption') || '';
box.classList.add('is-open');
box.setAttribute('aria-hidden', 'false');
document.body.style.overflow = 'hidden';
}
function close() {
box.classList.remove('is-open');
box.setAttribute('aria-hidden', 'true');
document.body.style.overflow = '';
}
shots.forEach(function (shot) {
shot.addEventListener('click', function () {
show(visibleShots().indexOf(shot));
});
});
box.querySelector('.lightbox__close').addEventListener('click', close);
box.querySelector('.lightbox__nav--prev').addEventListener('click', function () { show(index - 1); });
box.querySelector('.lightbox__nav--next').addEventListener('click', function () { show(index + 1); });
box.addEventListener('click', function (e) { if (e.target === box) close(); });
document.addEventListener('keydown', function (e) {
if (!box.classList.contains('is-open')) return;
if (e.key === 'Escape') close();
if (e.key === 'ArrowLeft') show(index - 1);
if (e.key === 'ArrowRight') show(index + 1);
});
}
/* ---------- 9. SSS akordeon ---------- */
function initFaq() {
document.querySelectorAll('.faq').forEach(function (faq) {
faq.addEventListener('click', function (e) {
var q = e.target.closest('.faq__q');
if (!q) return;
var item = q.closest('.faq__item');
var open = item.classList.contains('is-open');
faq.querySelectorAll('.faq__item').forEach(function (i) {
i.classList.remove('is-open');
i.querySelector('.faq__q').setAttribute('aria-expanded', 'false');
});
if (!open) {
item.classList.add('is-open');
q.setAttribute('aria-expanded', 'true');
}
});
});
}
/* ---------- 10. İletişim formu (mockup davranışı) ---------- */
function initForm() {
var form = document.getElementById('contact-form');
if (!form) return;
var status = form.querySelector('.form__status');
form.addEventListener('submit', function (e) {
e.preventDefault();
if (!form.checkValidity()) { form.reportValidity(); return; }
var name = (form.querySelector('#ad') || {}).value || '';
status.textContent = name.trim()
? name.trim().split(' ')[0] + ', talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.'
: 'Talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.';
status.classList.add('is-visible');
form.reset();
status.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'center' });
});
}
/* ---------- Başlat ---------- */
function boot() {
initNav();
initHeader();
initReveal();
initCounters();
initGauges();
initWaterCanvas();
initFilters();
initLightbox();
initFaq();
initForm();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
})();
</script>
</body>
</html>
Hakkımızda
HTML
Kopyala
⤢
↓
Hakkımızda Sayfası
Claude ve WordPress ile Site Yapımı Part 1
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hakkımızda — HİDROLİN Su Arıtma Sistemleri</title>
<meta name="description" content="2009'dan bu yana su arıtma sistemleri kuran HİDROLİN'in hikâyesi, ekibi, belgeleri ve çalışma prensipleri.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap">
<style>
/* ==========================================================================
HİDROLİN Su Arıtma Sistemleri — Tasarım Sistemi
Renk paleti: müşteri tarafından verilen 10 kademeli mavi skalası
Yapı: WordPress (Elementor / Kadence) bölümlerine birebir aktarılabilir
========================================================================== */
/* --------------------------------------------------------------------------
1. TOKENLAR
-------------------------------------------------------------------------- */
:root {
/* Ham palet — referans görselden alındı */
--paper: #F1F3F4;
--blue-50: #D0E9F6;
--blue-100: #B8DCF3;
--blue-300: #71B6E7;
--blue-500: #3A93DA;
--blue-600: #2B7DC5;
--blue-700: #1A5589;
--blue-800: #113A62;
--blue-900: #0A2B4D;
--blue-950: #051737;
/* Anlamsal tokenlar — AÇIK tema */
--bg: #F7F9FB;
--surface: #FFFFFF;
--surface-2: var(--paper);
--surface-sunk: var(--blue-50);
--ink: #08213C;
--ink-2: #476682;
--ink-3: #7B93AC;
--line: #DEE6ED;
--line-strong: #C4D4E1;
--accent: var(--blue-600);
--accent-hover: var(--blue-700);
--accent-quiet: var(--blue-50);
--on-accent: #FFFFFF;
--deep: var(--blue-950);
--deep-2: var(--blue-900);
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-500);
--img-dim: none;
--shadow-sm: 0 1px 2px rgba(8,33,60,.06), 0 2px 8px rgba(8,33,60,.05);
--shadow-md: 0 2px 4px rgba(8,33,60,.05), 0 12px 32px -8px rgba(8,33,60,.14);
--shadow-lg: 0 4px 8px rgba(8,33,60,.06), 0 28px 64px -16px rgba(8,33,60,.22);
/* Tipografi */
--font-display: "Archivo", "Segoe UI", Tahoma, sans-serif;
--font-body: "Source Sans 3", "Segoe UI", Tahoma, sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;
--fs-2xs: 0.6875rem;
--fs-xs: 0.78125rem;
--fs-sm: 0.875rem;
--fs-base: 1.0625rem;
--fs-lg: 1.1875rem;
--fs-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.4375rem);
--fs-2xl: clamp(1.5rem, 1.3rem + 0.9vw, 1.875rem);
--fs-3xl: clamp(1.875rem, 1.55rem + 1.5vw, 2.5rem);
--fs-4xl: clamp(2.25rem, 1.7rem + 2.6vw, 3.375rem);
--fs-5xl: clamp(2.5rem, 1.85rem + 3.1vw, 3.625rem);
/* Ölçü */
--wrap: 1200px;
--wrap-narrow: 760px;
--gutter: clamp(1.25rem, 4vw, 2.5rem);
--section-y: clamp(4rem, 8vw, 7.5rem);
--r-sm: 6px;
--r-md: 10px;
--r-lg: 16px;
--r-xl: 24px;
--header-h: 76px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
}
:root[data-theme="dark"] {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
/* --------------------------------------------------------------------------
2. TEMEL
-------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
margin: 0;
background: var(--bg);
color: var(--ink);
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
h1, h2, h3, h4, h5 {
font-family: var(--font-display);
font-weight: 600;
line-height: 1.12;
letter-spacing: -0.022em;
text-wrap: balance;
margin: 0;
color: var(--ink);
}
h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }
p { margin: 0; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }
img, svg, canvas { max-width: 100%; display: block; }
ul, ol { margin: 0; padding: 0; }
button, input, textarea, select { font: inherit; color: inherit; }
:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 3px;
border-radius: var(--r-sm);
}
.skip-link {
position: absolute; left: 12px; top: -60px; z-index: 200;
background: var(--accent); color: var(--on-accent);
padding: .6rem 1rem; border-radius: var(--r-sm);
transition: top .18s ease;
}
.skip-link:focus { top: 12px; }
/* --------------------------------------------------------------------------
3. YARDIMCI SINIFLAR
-------------------------------------------------------------------------- */
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--narrow { max-width: var(--wrap-narrow); }
.section { padding-block: var(--section-y); }
.section--tight { padding-block: clamp(3rem, 5vw, 4.5rem); }
.section--sunk { background: var(--surface-2); }
.section--deep { background: var(--deep); color: var(--on-deep); }
.section--deep h1, .section--deep h2, .section--deep h3 { color: var(--on-deep); }
.section--deep p { color: var(--on-deep-2); }
.stack { display: flex; flex-direction: column; }
.gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-12 { gap: 3rem; }
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.eyebrow {
font-family: var(--font-mono);
font-size: var(--fs-2xs);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: .55rem;
margin: 0;
}
.eyebrow::before {
content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6;
}
.section--deep .eyebrow { color: var(--blue-300); }
.lede { font-size: var(--fs-lg); color: var(--ink-2); max-width: 62ch; }
.section--deep .lede { color: var(--on-deep-2); }
.muted { color: var(--ink-2); }
.small { font-size: var(--fs-sm); color: var(--ink-2); }
.section-head { display: flex; flex-direction: column; gap: .9rem; margin-bottom: clamp(2rem, 4vw, 3.25rem); max-width: 640px; }
.section-head--split { max-width: none; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.section-head--split > div:not(.chips) { display: flex; flex-direction: column; gap: .9rem; max-width: 620px; }
.section-head--split .chips { flex: 1 1 340px; justify-content: flex-end; }
@media (max-width: 760px) { .section-head--split .chips { justify-content: flex-start; } }
/* Butonlar */
.btn {
--btn-bg: var(--accent);
--btn-fg: var(--on-accent);
display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
background: var(--btn-bg); color: var(--btn-fg);
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
letter-spacing: .01em;
padding: .85rem 1.5rem;
border: 1px solid transparent; border-radius: var(--r-md);
cursor: pointer; text-align: center;
transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.btn:hover { --btn-bg: var(--accent-hover); color: var(--btn-fg); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn:active { transform: translateY(0); }
.btn--lg { padding: 1.05rem 1.9rem; font-size: var(--fs-base); }
.btn--ghost { --btn-bg: transparent; --btn-fg: var(--ink); border-color: var(--line-strong); }
.btn--ghost:hover { --btn-bg: var(--accent-quiet); --btn-fg: var(--accent-hover); border-color: var(--accent); box-shadow: none; }
.btn--on-deep { --btn-bg: transparent; --btn-fg: var(--on-deep); border-color: rgba(184,220,243,.34); }
.btn--on-deep:hover { --btn-bg: rgba(184,220,243,.12); --btn-fg: #FFF; border-color: rgba(184,220,243,.6); box-shadow: none; }
.btn--wa { --btn-bg: var(--blue-800); }
.btn .ico { width: 18px; height: 18px; flex: none; }
.link-arrow {
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
display: inline-flex; align-items: center; gap: .45rem;
}
.link-arrow .ico { width: 16px; height: 16px; transition: transform .2s ease; }
.link-arrow:hover .ico { transform: translateX(4px); }
/* Rozet */
.tag {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em;
text-transform: uppercase; color: var(--accent);
background: var(--accent-quiet); border-radius: 100px; padding: .3rem .7rem;
display: inline-block;
}
/* --------------------------------------------------------------------------
4. HEADER + NAVİGASYON
-------------------------------------------------------------------------- */
.topbar {
background: var(--deep); color: var(--on-deep-2);
font-size: var(--fs-xs);
border-bottom: 1px solid rgba(184,220,243,.1);
}
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 40px; }
.topbar a { color: var(--on-deep-2); }
.topbar a:hover { color: #FFF; }
.topbar__contact { display: flex; gap: 1.5rem; align-items: center; }
.topbar__contact span, .topbar__contact a { display: inline-flex; align-items: center; gap: .45rem; }
.topbar .ico { width: 14px; height: 14px; opacity: .8; }
@media (max-width: 860px) { .topbar { display: none; } }
.site-header {
position: sticky; top: 0; z-index: 100;
background: color-mix(in srgb, var(--surface) 88%, transparent);
backdrop-filter: blur(14px) saturate(1.4);
-webkit-backdrop-filter: blur(14px) saturate(1.4);
border-bottom: 1px solid var(--line);
transition: box-shadow .2s ease;
}
.site-header.is-stuck { box-shadow: var(--shadow-sm); }
.site-header .wrap {
display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
min-height: var(--header-h);
}
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--ink); }
.brand:hover { color: var(--ink); }
.brand__mark { width: 38px; height: 38px; flex: none; }
.brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.brand__name {
font-family: var(--font-display); font-weight: 700; font-size: 1.3rem;
letter-spacing: -0.02em;
}
.brand__sub {
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .13em; text-transform: uppercase; color: var(--ink-3);
}
.nav { display: flex; align-items: center; gap: .25rem; }
.nav a {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
color: var(--ink-2); padding: .55rem .85rem; border-radius: var(--r-sm);
position: relative; transition: color .16s ease, background-color .16s ease;
}
.nav a:hover { color: var(--ink); background: var(--accent-quiet); }
.nav a[aria-current="page"] { color: var(--accent); }
.nav a[aria-current="page"]::after {
content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .2rem;
height: 2px; background: var(--accent); border-radius: 2px;
}
.nav > .btn { display: none; } /* yalnızca mobil menüde görünür */
.header__actions { display: flex; align-items: center; gap: .6rem; }
.nav-toggle {
display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
background: transparent; border: 1px solid var(--line-strong); border-radius: var(--r-sm);
cursor: pointer;
}
.nav-toggle .ico { width: 20px; height: 20px; }
.nav-toggle .ico--close { display: none; }
.nav-toggle[aria-expanded="true"] .ico--open { display: none; }
.nav-toggle[aria-expanded="true"] .ico--close { display: block; }
@media (max-width: 980px) {
.nav-toggle { display: inline-flex; }
.header__actions .btn { display: none; }
.nav {
position: fixed; inset: var(--header-h) 0 auto 0;
flex-direction: column; align-items: stretch; gap: 0;
background: var(--surface); border-bottom: 1px solid var(--line);
padding: .5rem var(--gutter) 1.5rem;
box-shadow: var(--shadow-lg);
transform: translateY(-8px); opacity: 0; pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
max-height: calc(100dvh - var(--header-h)); overflow-y: auto;
}
.nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
.nav a { padding: .95rem .25rem; border-bottom: 1px solid var(--line); border-radius: 0; font-size: var(--fs-lg); }
.nav a[aria-current="page"]::after { display: none; }
.nav > .btn { display: inline-flex; margin-top: 1rem; }
}
/* --------------------------------------------------------------------------
5. HERO
-------------------------------------------------------------------------- */
.hero {
position: relative; overflow: hidden;
background: linear-gradient(160deg, var(--blue-950) 0%, var(--blue-900) 45%, var(--blue-800) 100%);
color: var(--on-deep);
isolation: isolate;
}
.hero__canvas {
position: absolute; inset: 0; width: 100%; height: 100%;
z-index: -1; opacity: .85;
}
.hero::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(120% 80% at 78% 12%, rgba(58,147,218,.34), transparent 62%);
pointer-events: none;
}
.hero .wrap {
display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
padding-block: clamp(4rem, 8vw, 7rem);
}
.hero h1 { color: #FFF; font-size: var(--fs-5xl); font-weight: 700; letter-spacing: -0.03em; }
.hero h1 em { font-style: normal; color: var(--blue-300); }
.hero__lede { color: var(--on-deep-2); font-size: var(--fs-lg); max-width: 52ch; }
.hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .5rem; }
.hero__eyebrow { color: var(--blue-300); }
.hero__proof { display: flex; flex-wrap: wrap; gap: 2rem 2.75rem; margin-top: 2.75rem; padding-top: 2rem; border-top: 1px solid rgba(184,220,243,.16); }
.hero__proof-item { display: flex; flex-direction: column; gap: .15rem; }
.hero__proof-num {
font-family: var(--font-display); font-weight: 700; font-size: 1.9rem;
color: #FFF; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.hero__proof-label { font-size: var(--fs-xs); color: var(--on-deep-2); letter-spacing: .02em; }
/* Su kalitesi kartı — hero görseli yerine "canlı ölçüm" paneli */
.gauge-card {
background: rgba(6,26,49,.55);
border: 1px solid rgba(184,220,243,.2);
border-radius: var(--r-xl);
padding: 1.75rem;
backdrop-filter: blur(8px);
box-shadow: 0 30px 70px -20px rgba(0,0,0,.6);
display: flex; flex-direction: column; gap: 1.35rem;
}
.gauge-card__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.gauge-card__title { font-family: var(--font-display); font-weight: 600; color: #FFF; font-size: var(--fs-base); }
.gauge-card__live {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .12em; text-transform: uppercase;
color: var(--blue-300); display: inline-flex; align-items: center; gap: .45rem;
}
.gauge-card__live::before {
content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-300);
box-shadow: 0 0 0 0 rgba(113,182,231,.7); animation: pulse 2.4s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(113,182,231,.55); }
70% { box-shadow: 0 0 0 9px rgba(113,182,231,0); }
100% { box-shadow: 0 0 0 0 rgba(113,182,231,0); }
}
.gauge { display: flex; flex-direction: column; gap: .45rem; }
.gauge__row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.gauge__name { font-size: var(--fs-sm); color: var(--on-deep-2); }
.gauge__val {
font-family: var(--font-mono); font-size: var(--fs-sm); color: #FFF;
font-variant-numeric: tabular-nums;
}
.gauge__track { height: 6px; border-radius: 100px; background: rgba(184,220,243,.16); overflow: hidden; }
.gauge__fill {
height: 100%; border-radius: 100px;
background: linear-gradient(90deg, var(--blue-500), var(--blue-300));
width: 0; transition: width 1.4s cubic-bezier(.16,.8,.24,1);
}
.gauge--warn .gauge__fill { background: linear-gradient(90deg, var(--blue-700), var(--blue-600)); }
.gauge-card__foot {
font-size: var(--fs-xs); color: var(--on-deep-2);
border-top: 1px solid rgba(184,220,243,.14); padding-top: 1rem;
display: flex; align-items: center; gap: .5rem;
}
.gauge-card__foot .ico { width: 15px; height: 15px; color: var(--blue-300); flex: none; }
@media (max-width: 900px) {
.hero .wrap { grid-template-columns: 1fr; }
.hero__proof { gap: 1.5rem 2rem; }
.hero__proof-num { font-size: 1.6rem; }
}
/* İç sayfa başlığı */
.page-hero {
background: linear-gradient(150deg, var(--blue-950), var(--blue-800));
color: var(--on-deep); position: relative; overflow: hidden;
}
.page-hero::after {
content: ""; position: absolute; inset: 0;
background:
radial-gradient(90% 120% at 88% 0%, rgba(58,147,218,.32), transparent 60%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 60c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.09' stroke-width='1.5'/%3E%3Cpath d='M0 90c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3Cpath d='M0 30c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E");
pointer-events: none;
}
.page-hero .wrap { position: relative; z-index: 1; padding-block: clamp(3rem, 6vw, 5.5rem); display: flex; flex-direction: column; gap: 1rem; }
.page-hero h1 { color: #FFF; }
.page-hero p { color: var(--on-deep-2); max-width: 60ch; font-size: var(--fs-lg); }
.page-hero .eyebrow { color: var(--blue-300); }
.crumbs { font-size: var(--fs-xs); color: var(--on-deep-2); display: flex; gap: .5rem; align-items: center; }
.crumbs a { color: var(--on-deep-2); }
.crumbs a:hover { color: #FFF; }
.crumbs span { opacity: .5; }
/* --------------------------------------------------------------------------
6. GÜVEN ŞERİDİ
-------------------------------------------------------------------------- */
.trustbar { background: var(--surface); border-bottom: 1px solid var(--line); }
.trustbar .wrap {
display: flex; align-items: center; justify-content: space-between;
gap: 1.5rem 2.5rem; flex-wrap: wrap; padding-block: 1.35rem;
}
.trustbar__label {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--ink-3);
}
.trustbar__items { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.cert {
display: inline-flex; align-items: center; gap: .55rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
color: var(--ink-2);
}
.cert .ico { width: 20px; height: 20px; color: var(--accent); flex: none; }
/* --------------------------------------------------------------------------
7. KART IZGARALARI
-------------------------------------------------------------------------- */
.grid { display: grid; gap: clamp(1rem, 2vw, 1.5rem); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 980px) { .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }
.card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.75rem; display: flex; flex-direction: column; gap: .85rem;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.card--link:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.card__icon {
width: 48px; height: 48px; border-radius: var(--r-md);
background: var(--accent-quiet); color: var(--accent);
display: grid; place-items: center; flex: none;
}
.card__icon .ico { width: 24px; height: 24px; }
.card h3 { font-size: var(--fs-lg); }
.card p { color: var(--ink-2); font-size: var(--fs-sm); }
.card__meta {
margin-top: auto; padding-top: .5rem;
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3);
}
.card__list { display: flex; flex-direction: column; gap: .4rem; list-style: none; }
.card__list li {
font-size: var(--fs-sm); color: var(--ink-2);
display: flex; gap: .5rem; align-items: flex-start;
}
.card__list li::before {
content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue-300);
flex: none; margin-top: .55em;
}
/* --------------------------------------------------------------------------
8. ARITMA SÜRECİ (sıralı — numaralandırma bilgi taşır)
-------------------------------------------------------------------------- */
.process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; position: relative; }
.process::before {
content: ""; position: absolute; left: 0; right: 0; top: 27px; height: 2px;
background: linear-gradient(90deg, var(--blue-100), var(--blue-500), var(--blue-800));
border-radius: 2px;
}
.step { display: flex; flex-direction: column; gap: .7rem; padding-right: 1.25rem; position: relative; }
.step__dot {
width: 56px; height: 56px; border-radius: 50%; flex: none;
background: var(--surface); border: 2px solid var(--blue-300);
display: grid; place-items: center; position: relative; z-index: 1;
font-family: var(--font-mono); font-weight: 600; font-size: var(--fs-sm);
color: var(--accent);
}
.step:nth-child(1) .step__dot { border-color: var(--blue-100); }
.step:nth-child(2) .step__dot { border-color: var(--blue-300); }
.step:nth-child(3) .step__dot { border-color: var(--blue-500); }
.step:nth-child(4) .step__dot { border-color: var(--blue-600); }
.step:nth-child(5) .step__dot { border-color: var(--blue-800); }
.step h3 { font-size: var(--fs-base); }
.step p { font-size: var(--fs-sm); color: var(--ink-2); }
.step__spec {
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--accent);
letter-spacing: .06em;
}
@media (max-width: 900px) {
.process { grid-template-columns: 1fr; gap: 1.75rem; }
.process::before { left: 27px; right: auto; top: 0; bottom: 0; width: 2px; height: auto;
background: linear-gradient(180deg, var(--blue-100), var(--blue-500), var(--blue-800)); }
.step { flex-direction: row; gap: 1.25rem; padding-right: 0; }
.step__body { display: flex; flex-direction: column; gap: .45rem; }
}
/* --------------------------------------------------------------------------
9. AVANTAJLAR / SPLIT BÖLÜM
-------------------------------------------------------------------------- */
.split {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
}
.split--wide-left { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.split--top { align-items: start; }
@media (max-width: 900px) { .split, .split--wide-left { grid-template-columns: 1fr; } }
.feature-list { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; }
.feature-list li { display: flex; gap: 1rem; align-items: flex-start; }
.feature-list .ico-box {
width: 42px; height: 42px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.feature-list .ico-box .ico { width: 21px; height: 21px; }
.feature-list h3 { font-size: var(--fs-base); margin-bottom: .2rem; }
.feature-list p { font-size: var(--fs-sm); color: var(--ink-2); }
.figure {
border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); box-shadow: var(--shadow-md);
}
.figure img { width: 100%; height: 100%; object-fit: cover; }
.figure figcaption {
padding: .85rem 1.15rem; font-size: var(--fs-xs); color: var(--ink-2);
background: var(--surface); border-top: 1px solid var(--line);
}
/* Sayaç şeridi */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.stat { background: var(--surface); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: .3rem; }
.stat__num {
font-family: var(--font-display); font-weight: 700; font-size: clamp(1.75rem, 3vw, 2.5rem);
color: var(--accent); letter-spacing: -0.03em; font-variant-numeric: tabular-nums;
}
.stat__label { font-size: var(--fs-sm); color: var(--ink-2); }
@media (max-width: 760px) { .stats { grid-template-columns: repeat(2, minmax(0,1fr)); } }
/* --------------------------------------------------------------------------
10. ÜRÜNLER
-------------------------------------------------------------------------- */
.product {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.product:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.product__media { aspect-ratio: 4 / 3; background: var(--surface-sunk); position: relative; }
.product__media img { width: 100%; height: 100%; object-fit: cover; }
.product__badge {
position: absolute; top: .85rem; left: .85rem;
background: var(--surface); color: var(--accent); border: 1px solid var(--line);
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase;
padding: .28rem .6rem; border-radius: 100px;
}
.product__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.product__body h3 { font-size: var(--fs-base); }
.product__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.product__spec {
display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin-top: auto; padding-top: .75rem;
border-top: 1px dashed var(--line-strong);
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--ink-3); letter-spacing: .04em;
}
/* --------------------------------------------------------------------------
11. REFERANSLAR
-------------------------------------------------------------------------- */
.quote {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.85rem; display: flex; flex-direction: column; gap: 1.15rem;
}
.quote__stars { display: flex; gap: .18rem; color: var(--blue-500); }
.quote__stars .ico { width: 16px; height: 16px; }
.quote blockquote { margin: 0; font-size: var(--fs-base); color: var(--ink); line-height: 1.6; }
.quote__author { display: flex; align-items: center; gap: .8rem; margin-top: auto; }
.avatar {
width: 42px; height: 42px; border-radius: 50%; flex: none;
background: var(--blue-800); color: #FFF;
display: grid; place-items: center;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
}
.quote__name { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.quote__role { font-size: var(--fs-xs); color: var(--ink-3); }
/* --------------------------------------------------------------------------
12. CTA ŞERİDİ
-------------------------------------------------------------------------- */
.cta-band {
background: linear-gradient(120deg, var(--blue-900), var(--blue-700));
color: var(--on-deep); border-radius: var(--r-xl); overflow: hidden;
position: relative; isolation: isolate;
}
.cta-band::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(80% 140% at 100% 0%, rgba(113,182,231,.28), transparent 60%);
}
.cta-band__inner {
padding: clamp(2.25rem, 5vw, 3.5rem);
display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
}
.cta-band h2 { color: #FFF; font-size: var(--fs-2xl); }
.cta-band p { color: var(--on-deep-2); max-width: 48ch; margin-top: .6rem; }
.cta-band .btn { --btn-bg: #FFF; --btn-fg: var(--blue-900); }
.cta-band .btn:hover { --btn-bg: var(--blue-50); }
.cta-band .btn--on-deep { --btn-bg: transparent; --btn-fg: #FFF; }
/* --------------------------------------------------------------------------
13. BLOG
-------------------------------------------------------------------------- */
.post {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.post:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.post__media { aspect-ratio: 16 / 10; background: var(--surface-sunk); }
.post__media img { width: 100%; height: 100%; object-fit: cover; }
.post__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .65rem; flex: 1; }
.post__meta {
display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .08em;
text-transform: uppercase; color: var(--ink-3);
}
.post__body h3 { font-size: var(--fs-base); line-height: 1.3; }
.post__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.post__foot { margin-top: auto; padding-top: .85rem; }
.post--featured { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.post--featured .post__media { aspect-ratio: auto; height: 100%; min-height: 320px; }
.post--featured .post__body { padding: clamp(1.75rem, 4vw, 2.75rem); gap: .9rem; justify-content: center; }
.post--featured h2 { font-size: var(--fs-2xl); }
@media (max-width: 820px) { .post--featured { grid-template-columns: 1fr; } .post--featured .post__media { min-height: 220px; } }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
padding: .5rem 1rem; border-radius: 100px; border: 1px solid var(--line-strong);
background: var(--surface); color: var(--ink-2); cursor: pointer;
transition: all .16s ease;
}
.chip:hover { border-color: var(--accent); color: var(--accent); }
.chip.is-active { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
/* --------------------------------------------------------------------------
14. GALERİ
-------------------------------------------------------------------------- */
/* Mozaik ızgara: satır yüksekliği sabit, kutular satır/sütun kaplar */
.gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: clamp(88px, 8.5vw, 124px);
grid-auto-flow: dense;
gap: clamp(.75rem, 1.5vw, 1.15rem);
}
@media (max-width: 900px) { .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(96px, 13vw, 140px); } }
@media (max-width: 560px) { .gallery { grid-template-columns: 1fr; grid-auto-rows: clamp(110px, 30vw, 150px); } }
.shot {
position: relative; border-radius: var(--r-md); overflow: hidden; cursor: zoom-in;
border: 1px solid var(--line); background: var(--surface-sunk);
padding: 0; display: block; width: 100%; height: 100%;
grid-row: span 2;
}
.shot--tall { grid-row: span 3; }
.shot--wide { grid-column: span 2; grid-row: span 2; }
@media (max-width: 560px) { .shot--wide { grid-column: span 1; } }
.shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.16,.8,.24,1); }
.shot:hover img { transform: scale(1.05); }
.shot__cap {
position: absolute; inset: auto 0 0 0; padding: 1.5rem 1rem .85rem;
background: linear-gradient(180deg, transparent, rgba(5,23,55,.88));
color: #FFF; text-align: left;
display: flex; flex-direction: column; gap: .1rem;
}
.shot__cap strong { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.shot__cap span { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .09em; text-transform: uppercase; color: var(--blue-100); }
.shot.is-hidden { display: none; }
.lightbox {
position: fixed; inset: 0; z-index: 200; display: none;
background: rgba(5,23,55,.92); backdrop-filter: blur(6px);
align-items: center; justify-content: center; padding: clamp(1rem, 4vw, 3rem);
}
.lightbox.is-open { display: flex; }
.lightbox__inner { max-width: 1000px; width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.lightbox img { width: 100%; border-radius: var(--r-md); box-shadow: var(--shadow-lg); }
.lightbox__cap { color: var(--blue-100); font-size: var(--fs-sm); text-align: center; }
.lightbox__close {
position: absolute; top: 1.25rem; right: 1.25rem;
width: 44px; height: 44px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__close:hover { background: rgba(255,255,255,.2); }
.lightbox__nav {
position: absolute; top: 50%; transform: translateY(-50%);
width: 48px; height: 48px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__nav:hover { background: rgba(255,255,255,.2); }
.lightbox__nav--prev { left: 1rem; }
.lightbox__nav--next { right: 1rem; }
.lightbox .ico { width: 20px; height: 20px; }
/* --------------------------------------------------------------------------
15. ZAMAN ÇİZELGESİ (Hakkımızda)
-------------------------------------------------------------------------- */
.timeline { list-style: none; display: flex; flex-direction: column; gap: 0; position: relative; }
.timeline::before {
content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px;
background: linear-gradient(180deg, var(--blue-100), var(--blue-600));
}
.timeline li { display: grid; grid-template-columns: 34px 1fr; gap: 1.25rem; padding-bottom: 2.25rem; }
.timeline li:last-child { padding-bottom: 0; }
.timeline__dot {
width: 16px; height: 16px; border-radius: 50%; margin-top: .45rem;
background: var(--surface); border: 3px solid var(--accent); position: relative; z-index: 1;
}
.timeline__year {
font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--accent);
letter-spacing: .1em; display: block; margin-bottom: .25rem;
}
.timeline h3 { font-size: var(--fs-base); margin-bottom: .3rem; }
.timeline p { font-size: var(--fs-sm); color: var(--ink-2); }
/* Ekip */
.person { display: flex; flex-direction: column; gap: .9rem; }
.person__photo {
aspect-ratio: 1; border-radius: var(--r-lg); overflow: hidden;
background: var(--surface-sunk); border: 1px solid var(--line);
}
.person__photo img { width: 100%; height: 100%; object-fit: cover; }
.person h3 { font-size: var(--fs-base); }
.person p { font-size: var(--fs-sm); color: var(--ink-2); }
.person__role { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
/* Değerler */
.value-card {
background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--accent);
border-radius: var(--r-md); padding: 1.5rem; display: flex; flex-direction: column; gap: .5rem;
}
.value-card h3 { font-size: var(--fs-base); }
.value-card p { font-size: var(--fs-sm); color: var(--ink-2); }
/* --------------------------------------------------------------------------
16. İLETİŞİM + FORM
-------------------------------------------------------------------------- */
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }
.info-card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.5rem; display: flex; gap: 1rem; align-items: flex-start;
}
.info-card .ico-box {
width: 44px; height: 44px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.info-card .ico-box .ico { width: 22px; height: 22px; }
.info-card h3 { font-size: var(--fs-sm); font-family: var(--font-mono); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .35rem; }
.info-card p, .info-card a { font-size: var(--fs-base); color: var(--ink); }
.info-card a:hover { color: var(--accent); }
.info-card .small { font-size: var(--fs-sm); color: var(--ink-2); }
.form {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: clamp(1.5rem, 3vw, 2.25rem); display: flex; flex-direction: column; gap: 1.15rem;
}
.field { display: flex; flex-direction: column; gap: .4rem; }
.field label { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.field label .req { color: var(--accent); }
.field input, .field select, .field textarea {
background: var(--bg); border: 1px solid var(--line-strong); border-radius: var(--r-sm);
padding: .75rem .9rem; font-size: var(--fs-base); font-family: var(--font-body);
transition: border-color .16s ease, box-shadow .16s ease;
width: 100%;
}
.field input:focus, .field select:focus, .field textarea:focus {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-quiet);
}
.field textarea { resize: vertical; min-height: 130px; }
.field__hint { font-size: var(--fs-xs); color: var(--ink-3); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; }
@media (max-width: 600px) { .field-row { grid-template-columns: 1fr; } }
.check { display: flex; gap: .65rem; align-items: flex-start; font-size: var(--fs-sm); color: var(--ink-2); }
.check input { width: 18px; height: 18px; margin-top: .18rem; flex: none; accent-color: var(--accent); }
.form__note { font-size: var(--fs-xs); color: var(--ink-3); }
.form__status {
display: none; padding: .85rem 1rem; border-radius: var(--r-sm);
background: var(--accent-quiet); color: var(--accent-hover);
font-size: var(--fs-sm); border: 1px solid var(--accent);
}
.form__status.is-visible { display: block; }
.map-frame {
border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); position: relative; aspect-ratio: 21 / 9;
}
.map-frame img { width: 100%; height: 100%; object-fit: cover; filter: var(--img-dim); }
.map-frame__pin {
position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%);
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
padding: .7rem 1rem; box-shadow: var(--shadow-md);
display: flex; align-items: center; gap: .6rem; font-size: var(--fs-sm); font-weight: 600;
font-family: var(--font-display);
}
.map-frame__pin .ico { width: 18px; height: 18px; color: var(--accent); }
/* SSS */
.faq { display: flex; flex-direction: column; gap: .6rem; }
.faq__item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.faq__q {
width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
padding: 1.15rem 1.35rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-base); color: var(--ink);
}
.faq__q .ico { width: 20px; height: 20px; color: var(--accent); flex: none; transition: transform .25s ease; }
.faq__item.is-open .faq__q .ico { transform: rotate(45deg); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; }
.faq__item.is-open .faq__a { grid-template-rows: 1fr; }
.faq__a > div { overflow: hidden; }
.faq__a p { padding: 0 1.35rem 1.25rem; font-size: var(--fs-sm); color: var(--ink-2); max-width: 68ch; }
/* --------------------------------------------------------------------------
17. FOOTER
-------------------------------------------------------------------------- */
.site-footer { background: var(--deep); color: var(--on-deep-2); margin-top: 0; }
.site-footer a { color: var(--on-deep-2); }
.site-footer a:hover { color: #FFF; }
.footer__top {
display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
gap: 2.5rem; padding-block: clamp(3rem, 6vw, 4.5rem);
}
@media (max-width: 900px) { .footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__top { grid-template-columns: 1fr; } }
.footer__brand { display: flex; flex-direction: column; gap: 1.15rem; max-width: 34ch; }
.footer__brand .brand { color: #FFF; }
.footer__brand .brand:hover { color: #FFF; }
.footer__brand .brand__sub { color: var(--blue-300); }
.footer__brand p { font-size: var(--fs-sm); }
.footer__col h4 {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--blue-300); font-weight: 500; margin-bottom: 1.1rem;
}
.footer__col ul { list-style: none; display: flex; flex-direction: column; gap: .65rem; }
.footer__col li { font-size: var(--fs-sm); }
.social { display: flex; gap: .6rem; }
.social a {
width: 38px; height: 38px; border-radius: var(--r-sm);
border: 1px solid rgba(184,220,243,.22); display: grid; place-items: center;
transition: background-color .16s ease, border-color .16s ease;
}
.social a:hover { background: rgba(184,220,243,.12); border-color: rgba(184,220,243,.45); }
.social .ico { width: 18px; height: 18px; }
.footer__bottom {
border-top: 1px solid rgba(184,220,243,.12);
padding-block: 1.35rem;
display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
font-size: var(--fs-xs);
}
.footer__bottom nav { display: flex; gap: 1.35rem; flex-wrap: wrap; }
/* Sabit mobil çağrı şeridi */
.mobile-cta {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
display: none; gap: 1px; background: var(--line);
border-top: 1px solid var(--line); box-shadow: 0 -6px 24px rgba(8,33,60,.14);
}
.mobile-cta a {
flex: 1; background: var(--surface); padding: .9rem .5rem;
display: flex; flex-direction: column; align-items: center; gap: .2rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-xs); color: var(--ink);
}
.mobile-cta a .ico { width: 19px; height: 19px; color: var(--accent); }
@media (max-width: 700px) {
.mobile-cta { display: flex; }
body { padding-bottom: 68px; }
}
/* --------------------------------------------------------------------------
18. GİRİŞ ANİMASYONU
-------------------------------------------------------------------------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,.8,.24,1); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-delay="1"] { transition-delay: .08s; }
.reveal[data-delay="2"] { transition-delay: .16s; }
.reveal[data-delay="3"] { transition-delay: .24s; }
.reveal[data-delay="4"] { transition-delay: .32s; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
.reveal { opacity: 1; transform: none; }
}
/* Koyu temada görsel parlaklığını zemine oturtur */
.figure img, .post__media img, .product__media img,
.shot img, .person__photo img { filter: var(--img-dim); }
/* --------------------------------------------------------------------------
19. YAZDIRMA
-------------------------------------------------------------------------- */
@media print {
.site-header, .topbar, .mobile-cta, .hero__canvas { display: none !important; }
body { background: #FFF; color: #000; }
}
</style>
</head>
<body>
<a class="skip-link" href="#main">İçeriğe geç</a>
<!-- ===== İkon seti ===== -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false"><defs>
<symbol id="i-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></symbol>
<symbol id="i-mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></symbol>
<symbol id="i-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
<symbol id="i-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
<symbol id="i-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5Z"/><path d="m9 12 2 2 4-4"/></symbol>
<symbol id="i-drop" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2.5S5.5 9.6 5.5 14a6.5 6.5 0 0 0 13 0C18.5 9.6 12 2.5 12 2.5Z"/></symbol>
<symbol id="i-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v7l-4 2v-9Z"/></symbol>
<symbol id="i-wrench" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a4 4 0 0 0 5 5l-9.2 9.2a2.5 2.5 0 0 1-3.6-3.6Z"/><path d="m18.5 2.5-3 3 3 3 3-3Z"/></symbol>
<symbol id="i-flask" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 2v6.5L4.4 18a2 2 0 0 0 1.7 3h11.8a2 2 0 0 0 1.7-3L14 8.5V2"/><path d="M9 2h6M7.5 14h9"/></symbol>
<symbol id="i-truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h11v10H2z"/><path d="M13 9h4l4 4v3h-8z"/><circle cx="6.5" cy="18.5" r="1.8"/><circle cx="17.5" cy="18.5" r="1.8"/></symbol>
<symbol id="i-headset" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14v-2a8 8 0 0 1 16 0v2"/><path d="M4 14h3v6H5a2 2 0 0 1-2-2v-4Zm16 0h-3v6h2a2 2 0 0 0 2-2v-4Z"/><path d="M17 20a3 3 0 0 1-3 2h-2"/></symbol>
<symbol id="i-leaf" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20c0-9 6-14 16-15 0 10-5 16-13 16H4Z"/><path d="M9 16c1.5-3.5 4-6 8-8"/></symbol>
<symbol id="i-award" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="9" r="6"/><path d="m8.5 14-1.5 8 5-3 5 3-1.5-8"/></symbol>
<symbol id="i-gauge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 18a9 9 0 1 1 16 0"/><path d="m12 14 4-4"/></symbol>
<symbol id="i-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></symbol>
<symbol id="i-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m6 6 12 12M18 6 6 18"/></symbol>
<symbol id="i-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 6-6 6 6 6"/></symbol>
<symbol id="i-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></symbol>
<symbol id="i-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11Z"/><circle cx="12" cy="10" r="2.6"/></symbol>
<symbol id="i-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></symbol>
<symbol id="i-star" viewBox="0 0 24 24" fill="currentColor"><path d="m12 2 2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.1 6.1 20.2l1.2-6.6L2.5 9l6.6-.9Z"/></symbol>
<symbol id="i-chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5Z"/></symbol>
<symbol id="i-ig" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.1" fill="currentColor" stroke="none"/></symbol>
<symbol id="i-in" viewBox="0 0 24 24" fill="currentColor"><path d="M4.5 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3 9h3v12H3Zm6 0h2.9v1.7h.05c.4-.76 1.4-1.9 3.15-1.9 3.35 0 4 2.2 4 5.1V21h-3v-5.4c0-1.3 0-3-1.85-3s-2.15 1.4-2.15 2.9V21H9Z"/></symbol>
<symbol id="i-fb" viewBox="0 0 24 24" fill="currentColor"><path d="M14 8.5V6.8c0-.8.2-1.3 1.4-1.3H17V2.6c-.3 0-1.2-.1-2.3-.1-2.4 0-4 1.4-4 4.1v1.9H8V12h2.7v9H14v-9h2.6l.4-3.5Z"/></symbol>
<symbol id="i-yt" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12s0-3.3-.4-4.9a2.6 2.6 0 0 0-1.8-1.8C18.1 5 12 5 12 5s-6.1 0-7.8.3a2.6 2.6 0 0 0-1.8 1.8C2 8.7 2 12 2 12s0 3.3.4 4.9c.2.9.9 1.6 1.8 1.8C5.9 19 12 19 12 19s6.1 0 7.8-.3a2.6 2.6 0 0 0 1.8-1.8c.4-1.6.4-4.9.4-4.9ZM10 15V9l5.2 3Z"/></symbol>
<symbol id="i-wa" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.3A10 10 0 1 0 12 2Zm5.2 13.9c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.7-.1a11 11 0 0 1-5.9-5.2c-.4-.8-.6-1.5-.5-2.2.1-.6.4-1.1.8-1.5.2-.2.4-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 1.9c.1.2 0 .4-.1.6l-.4.5c-.1.2-.3.3-.1.6a8 8 0 0 0 3.5 3c.3.1.5.1.6-.1l.7-.8c.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.4.3v.7Z"/></symbol>
</defs></svg>
<!-- ===== Üst şerit ===== -->
<div class="topbar">
<div class="wrap">
<span>Ücretsiz su analizi ve keşif — İstanbul, Kocaeli ve Tekirdağ'da aynı gün</span>
<div class="topbar__contact">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> 0212 000 00 00</a>
<a href="mailto:info@hidrolin.com.tr"><svg class="ico"><use href="#i-mail"></use></svg> info@hidrolin.com.tr</a>
<span><svg class="ico"><use href="#i-clock"></use></svg> Hafta içi 08:30 – 18:30</span>
</div>
</div>
</div>
<!-- ===== Header ===== -->
<header class="site-header">
<div class="wrap">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<nav class="nav" id="primary-nav" aria-label="Ana menü">
<a href="index.html">Anasayfa</a>
<a href="hakkimizda.html" aria-current="page">Hakkımızda</a>
<a href="galeri.html">Galeri</a>
<a href="blog.html">Blog</a>
<a href="iletisim.html">İletişim</a>
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
</nav>
<div class="header__actions">
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="primary-nav" aria-label="Menüyü aç">
<svg class="ico ico--open"><use href="#i-menu"></use></svg>
<svg class="ico ico--close"><use href="#i-x"></use></svg>
</button>
</div>
</div>
</header>
<main id="main">
<section class="page-hero">
<div class="wrap">
<p class="crumbs"><a href="index.html">Anasayfa</a> <span>/</span> Hakkımızda</p>
<p class="eyebrow">Kurumsal</p>
<h1>Bir su arıtma firmasının işi, satıştan sonra başlar.</h1>
<p>2009'da tek servis aracıyla başladık. Bugün 12 ilde saha ekibimiz var — ama kuruluş günündeki kuralımız değişmedi: analiz yapmadan sistem satmayız.</p>
</div>
</section>
<!-- Hikâye -->
<section class="section">
<div class="wrap split">
<div class="stack gap-6 reveal">
<p class="eyebrow">Hikâyemiz</p>
<h2>Yanlış kurulan bir sistemi sökerek başladık.</h2>
<p class="lede">
Kurucumuz Mehmet Aydın, 2009'da bir tekstil atölyesinde arızalanan arıtma ünitesini incelemeye gittiğinde
cihazın yanlış seçildiğini gördü: suyun sertliği hiç ölçülmemiş, membran altı ayda tıkanmıştı.
</p>
<p class="muted">
O gün ortaya çıkan basit gerçek, firmanın kuruluş fikri oldu — su arıtma bir ürün satışı değil, bir ölçüm işidir.
Aynı yıl kurduğumuz ilk laboratuvar köşesinde numune analiz etmeye başladık. Bugün yılda 3.000'in üzerinde
numuneyi akredite laboratuvara gönderiyor, her sistemi o rapora göre projelendiriyoruz.
</p>
<p class="muted">
17 yılda 4.200'ün üzerinde sistem kurduk. Bunların yaklaşık %60'ı hâlâ bizim bakım sözleşmemiz altında —
bizim için en anlamlı referans bu oran.
</p>
</div>
<figure class="figure reveal" data-delay="2">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDkwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iOTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9Imc0MDIiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMzQTkzREEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMEU5RjYiLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjQwMiIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0QwRTlGNiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMUE1NTg5IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZzQwMikiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjcjQwMikiLz48ZyBvcGFjaXR5PSIwLjUiPjxsaW5lIHgxPSItOTE4IiB5MT0iMCIgeDI9Ii0xOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTkxOCIgeTE9IjAiIHgyPSItMTgxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSIxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg4NCIgeTE9IjAiIHgyPSItMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSI1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTg1MCIgeTE9IjAiIHgyPSItMTc1MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSI4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTgxNiIgeTE9IjAiIHgyPSItMTcxNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTc4MiIgeTE9IjAiIHgyPSIxMTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03ODIiIHkxPSIwIiB4Mj0iLTE2ODIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii03NDgiIHkxPSIwIiB4Mj0iMTUyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzQ4IiB5MT0iMCIgeDI9Ii0xNjQ4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNzE0IiB5MT0iMCIgeDI9IjE4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTcxNCIgeTE9IjAiIHgyPSItMTYxNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4MCIgeTE9IjAiIHgyPSIyMjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02ODAiIHkxPSIwIiB4Mj0iLTE1ODAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii02NDYiIHkxPSIwIiB4Mj0iMjU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjQ2IiB5MT0iMCIgeDI9Ii0xNTQ2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNjEyIiB5MT0iMCIgeDI9IjI4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTYxMiIgeTE9IjAiIHgyPSItMTUxMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTU3OCIgeTE9IjAiIHgyPSIzMjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NzgiIHkxPSIwIiB4Mj0iLTE0NzgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii01NDQiIHkxPSIwIiB4Mj0iMzU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTQ0IiB5MT0iMCIgeDI9Ii0xNDQ0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNTEwIiB5MT0iMCIgeDI9IjM5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTUxMCIgeTE9IjAiIHgyPSItMTQxMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQ3NiIgeTE9IjAiIHgyPSI0MjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NzYiIHkxPSIwIiB4Mj0iLTEzNzYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii00NDIiIHkxPSIwIiB4Mj0iNDU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDQyIiB5MT0iMCIgeDI9Ii0xMzQyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItNDA4IiB5MT0iMCIgeDI9IjQ5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTQwOCIgeTE9IjAiIHgyPSItMTMwOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTM3NCIgeTE9IjAiIHgyPSI1MjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNzQiIHkxPSIwIiB4Mj0iLTEyNzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNDAiIHkxPSIwIiB4Mj0iNTYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzQwIiB5MT0iMCIgeDI9Ii0xMjQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMzA2IiB5MT0iMCIgeDI9IjU5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTMwNiIgeTE9IjAiIHgyPSItMTIwNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTI3MiIgeTE9IjAiIHgyPSI2MjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yNzIiIHkxPSIwIiB4Mj0iLTExNzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0yMzgiIHkxPSIwIiB4Mj0iNjYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjM4IiB5MT0iMCIgeDI9Ii0xMTM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMjA0IiB5MT0iMCIgeDI9IjY5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTIwNCIgeTE9IjAiIHgyPSItMTEwNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTE3MCIgeTE9IjAiIHgyPSI3MzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xNzAiIHkxPSIwIiB4Mj0iLTEwNzAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0xMzYiIHkxPSIwIiB4Mj0iNzY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTM2IiB5MT0iMCIgeDI9Ii0xMDM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSItMTAyIiB5MT0iMCIgeDI9Ijc5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTEwMiIgeTE9IjAiIHgyPSItMTAwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9IjgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iLTY4IiB5MT0iMCIgeDI9Ii05NjgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSI4NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ii0zNCIgeTE9IjAiIHgyPSItOTM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjkwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMCIgeTE9IjAiIHgyPSItOTAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNCIgeTE9IjAiIHgyPSI5MzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM0IiB5MT0iMCIgeDI9Ii04NjYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4IiB5MT0iMCIgeDI9Ijk2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjgiIHkxPSIwIiB4Mj0iLTgzMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyIiB5MT0iMCIgeDI9IjEwMDIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjEwMiIgeTE9IjAiIHgyPSItNzk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYiIHkxPSIwIiB4Mj0iMTAzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2IiB5MT0iMCIgeDI9Ii03NjQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE3MCIgeTE9IjAiIHgyPSIxMDcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAiIHkxPSIwIiB4Mj0iLTczMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0IiB5MT0iMCIgeDI9IjExMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNCIgeTE9IjAiIHgyPSItNjk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMzgiIHkxPSIwIiB4Mj0iMTEzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjM4IiB5MT0iMCIgeDI9Ii02NjIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjI3MiIgeTE9IjAiIHgyPSIxMTcyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyNzIiIHkxPSIwIiB4Mj0iLTYyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzA2IiB5MT0iMCIgeDI9IjEyMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjMwNiIgeTE9IjAiIHgyPSItNTk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNDAiIHkxPSIwIiB4Mj0iMTI0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMzQwIiB5MT0iMCIgeDI9Ii01NjAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjM3NCIgeTE9IjAiIHgyPSIxMjc0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIzNzQiIHkxPSIwIiB4Mj0iLTUyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDA4IiB5MT0iMCIgeDI9IjEzMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQwOCIgeTE9IjAiIHgyPSItNDkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NDIiIHkxPSIwIiB4Mj0iMTM0MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNDQyIiB5MT0iMCIgeDI9Ii00NTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjQ3NiIgeTE9IjAiIHgyPSIxMzc2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI0NzYiIHkxPSIwIiB4Mj0iLTQyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTEwIiB5MT0iMCIgeDI9IjE0MTAiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjUxMCIgeTE9IjAiIHgyPSItMzkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NDQiIHkxPSIwIiB4Mj0iMTQ0NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNTQ0IiB5MT0iMCIgeDI9Ii0zNTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjU3OCIgeTE9IjAiIHgyPSIxNDc4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI1NzgiIHkxPSIwIiB4Mj0iLTMyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjEyIiB5MT0iMCIgeDI9IjE1MTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjYxMiIgeTE9IjAiIHgyPSItMjg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2NDYiIHkxPSIwIiB4Mj0iMTU0NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNjQ2IiB5MT0iMCIgeDI9Ii0yNTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjY4MCIgeTE9IjAiIHgyPSIxNTgwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI2ODAiIHkxPSIwIiB4Mj0iLTIyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzE0IiB5MT0iMCIgeDI9IjE2MTQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjcxNCIgeTE9IjAiIHgyPSItMTg2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3NDgiIHkxPSIwIiB4Mj0iMTY0OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iNzQ4IiB5MT0iMCIgeDI9Ii0xNTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijc4MiIgeTE9IjAiIHgyPSIxNjgyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI3ODIiIHkxPSIwIiB4Mj0iLTExOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODE2IiB5MT0iMCIgeDI9IjE3MTYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjgxNiIgeTE9IjAiIHgyPSItODQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijg1MCIgeTE9IjAiIHgyPSIxNzUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4NTAiIHkxPSIwIiB4Mj0iLTUwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSI4ODQiIHkxPSIwIiB4Mj0iMTc4NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iODg0IiB5MT0iMCIgeDI9Ii0xNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTE4IiB5MT0iMCIgeDI9IjE4MTgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjkxOCIgeTE9IjAiIHgyPSIxOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTUyIiB5MT0iMCIgeDI9IjE4NTIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk1MiIgeTE9IjAiIHgyPSI1MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iOTg2IiB5MT0iMCIgeDI9IjE4ODYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9Ijk4NiIgeTE9IjAiIHgyPSI4NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTAyMCIgeTE9IjAiIHgyPSIxOTIwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDIwIiB5MT0iMCIgeDI9IjEyMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA1NCIgeTE9IjAiIHgyPSIxOTU0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDU0IiB5MT0iMCIgeDI9IjE1NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTA4OCIgeTE9IjAiIHgyPSIxOTg4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMDg4IiB5MT0iMCIgeDI9IjE4OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTEyMiIgeTE9IjAiIHgyPSIyMDIyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTIyIiB5MT0iMCIgeDI9IjIyMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE1NiIgeTE9IjAiIHgyPSIyMDU2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTU2IiB5MT0iMCIgeDI9IjI1NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTE5MCIgeTE9IjAiIHgyPSIyMDkwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMTkwIiB5MT0iMCIgeDI9IjI5MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTIyNCIgeTE9IjAiIHgyPSIyMTI0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjI0IiB5MT0iMCIgeDI9IjMyNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI1OCIgeTE9IjAiIHgyPSIyMTU4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjU4IiB5MT0iMCIgeDI9IjM1OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTI5MiIgeTE9IjAiIHgyPSIyMTkyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMjkyIiB5MT0iMCIgeDI9IjM5MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTMyNiIgeTE9IjAiIHgyPSIyMjI2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzI2IiB5MT0iMCIgeDI9IjQyNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM2MCIgeTE9IjAiIHgyPSIyMjYwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzYwIiB5MT0iMCIgeDI9IjQ2MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTM5NCIgeTE9IjAiIHgyPSIyMjk0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxMzk0IiB5MT0iMCIgeDI9IjQ5NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQyOCIgeTE9IjAiIHgyPSIyMzI4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDI4IiB5MT0iMCIgeDI9IjUyOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ2MiIgeTE9IjAiIHgyPSIyMzYyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDYyIiB5MT0iMCIgeDI9IjU2MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTQ5NiIgeTE9IjAiIHgyPSIyMzk2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNDk2IiB5MT0iMCIgeDI9IjU5NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTUzMCIgeTE9IjAiIHgyPSIyNDMwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTMwIiB5MT0iMCIgeDI9IjYzMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU2NCIgeTE9IjAiIHgyPSIyNDY0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTY0IiB5MT0iMCIgeDI9IjY2NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTU5OCIgeTE9IjAiIHgyPSIyNDk4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNTk4IiB5MT0iMCIgeDI9IjY5OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTYzMiIgeTE9IjAiIHgyPSIyNTMyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjMyIiB5MT0iMCIgeDI9IjczMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTY2NiIgeTE9IjAiIHgyPSIyNTY2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNjY2IiB5MT0iMCIgeDI9Ijc2NiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTcwMCIgeTE9IjAiIHgyPSIyNjAwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzAwIiB5MT0iMCIgeDI9IjgwMCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTczNCIgeTE9IjAiIHgyPSIyNjM0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzM0IiB5MT0iMCIgeDI9IjgzNCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTc2OCIgeTE9IjAiIHgyPSIyNjY4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxNzY4IiB5MT0iMCIgeDI9Ijg2OCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgwMiIgeTE9IjAiIHgyPSIyNzAyIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODAyIiB5MT0iMCIgeDI9IjkwMiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTgzNiIgeTE9IjAiIHgyPSIyNzM2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODM2IiB5MT0iMCIgeDI9IjkzNiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTg3MCIgeTE9IjAiIHgyPSIyNzcwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxODcwIiB5MT0iMCIgeDI9Ijk3MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkwNCIgeTE9IjAiIHgyPSIyODA0IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTA0IiB5MT0iMCIgeDI9IjEwMDQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5MzgiIHkxPSIwIiB4Mj0iMjgzOCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMTkzOCIgeTE9IjAiIHgyPSIxMDM4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIxOTcyIiB5MT0iMCIgeDI9IjI4NzIiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjE5NzIiIHkxPSIwIiB4Mj0iMTA3MiIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjAwNiIgeTE9IjAiIHgyPSIyOTA2IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDA2IiB5MT0iMCIgeDI9IjExMDYiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNDAiIHkxPSIwIiB4Mj0iMjk0MCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xNiIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjA0MCIgeTE9IjAiIHgyPSIxMTQwIiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMDc0IiB5MT0iMCIgeDI9IjI5NzQiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGxpbmUgeDE9IjIwNzQiIHkxPSIwIiB4Mj0iMTE3NCIgeTI9IjkwMCIgc3Ryb2tlPSIjRDBFOUY2IiBzdHJva2Utb3BhY2l0eT0iMC4xMCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48bGluZSB4MT0iMjEwOCIgeTE9IjAiIHgyPSIzMDA4IiB5Mj0iOTAwIiBzdHJva2U9IiNEMEU5RjYiIHN0cm9rZS1vcGFjaXR5PSIwLjE2IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxsaW5lIHgxPSIyMTA4IiB5MT0iMCIgeDI9IjEyMDgiIHkyPSI5MDAiIHN0cm9rZT0iI0QwRTlGNiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTAiIHN0cm9rZS13aWR0aD0iMS40Ii8+PC9nPjxjaXJjbGUgY3g9IjkwOSIgY3k9IjE5NiIgcj0iODEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjUwOSIgY3k9IjQ4MSIgcj0iNjMiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjUwOSIgY3k9IjU2NSIgcj0iOTciIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjI4NCIgY3k9IjYxOSIgcj0iODAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjU3OCIgY3k9IjU3MiIgcj0iOTEiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijc4MyIgY3k9IjQ0MSIgcj0iOTYiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9Ijg2MiIgY3k9IjQzNiIgcj0iNDIiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjQwMSIgY3k9IjMwMiIgcj0iNjAiIGZpbGw9IiNEMEU5RjYiIGZpbGwtb3BhY2l0eT0iMC4xMCIvPjxjaXJjbGUgY3g9IjEwMDAiIGN5PSIyMDkiIHI9IjkwIiBmaWxsPSIjRDBFOUY2IiBmaWxsLW9wYWNpdHk9IjAuMTAiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="HİDROLİN numune hazırlama ve ön analiz masası" loading="lazy" width="1200" height="900">
<figcaption>Merkez ofisimizdeki ön analiz masası — TDS, pH, sertlik ve iletkenlik yerinde ölçülür.</figcaption>
</figure>
</div>
</section>
<!-- Zaman çizelgesi: sıralı, tarih bilgisi taşıyor -->
<section class="section section--sunk">
<div class="wrap split split--wide-left split--top">
<div class="stack gap-6 reveal">
<p class="eyebrow">Yol haritası</p>
<h2>2009'dan bugüne.</h2>
<p class="lede">Büyümeyi acele etmedik. Her yeni hizmet, önce mevcut müşterilerimizin ihtiyacından doğdu.</p>
</div>
<ol class="timeline reveal" data-delay="1">
<li>
<span class="timeline__dot"></span>
<div>
<span class="timeline__year">2009</span>
<h3>Kuruluş</h3>
<p>Bahçelievler'de tek servis aracı ve iki kişilik ekiple evsel arıtma kurulumlarına başladık.</p>
</div>
</li>
<li>
<span class="timeline__dot"></span>
<div>
<span class="timeline__year">2013</span>
<h3>Endüstriyel projelere geçiş</h3>
<p>Çorlu'daki ilk tekstil boyahanesi projemizle 40 m³/gün kapasiteli ters ozmoz hattını devreye aldık.</p>
</div>
</li>
<li>
<span class="timeline__dot"></span>
<div>
<span class="timeline__year">2016</span>
<h3>TSE Hizmet Yeterlilik Belgesi</h3>
<p>Montaj ve satış sonrası servis süreçlerimiz belgelendirildi; bakım sözleşmesi modeline geçtik.</p>
</div>
</li>
<li>
<span class="timeline__dot"></span>
<div>
<span class="timeline__year">2019</span>
<h3>Kocaeli servis merkezi</h3>
<p>Marmara sanayi bölgesindeki müşterilerimize 8 saatlik müdahale süresi taahhüdü verebilmek için ikinci merkezi açtık.</p>
</div>
</li>
<li>
<span class="timeline__dot"></span>
<div>
<span class="timeline__year">2023</span>
<h3>Uzaktan izleme</h3>
<p>Endüstriyel sistemlere iletkenlik ve basınç sensörleri ekledik; arızayı müşteri fark etmeden görüyoruz.</p>
</div>
</li>
<li>
<span class="timeline__dot"></span>
<div>
<span class="timeline__year">2026</span>
<h3>12 ilde servis ağı</h3>
<p>Marmara ve Ege'de yetkili servis ağımızı tamamladık; 38 kişilik kadroyla çalışıyoruz.</p>
</div>
</li>
</ol>
</div>
</section>
<!-- Misyon / Vizyon / Değerler -->
<section class="section">
<div class="wrap">
<div class="section-head reveal">
<p class="eyebrow">Çalışma prensiplerimiz</p>
<h2>Dört kural, on yedi yıldır aynı.</h2>
</div>
<div class="grid grid--2">
<div class="value-card reveal">
<h3>Ölçmeden öneri yok</h3>
<p>Suyun analizi yapılmadan hiçbir sistem teklifi vermiyoruz. Analiz ücretsizdir ve sonucunda bize iş çıkmasa da raporu size bırakırız.</p>
</div>
<div class="value-card reveal" data-delay="1">
<h3>İhtiyaçtan fazlası satılmaz</h3>
<p>Suyunuz yumuşatma ile çözülüyorsa size ters ozmoz satmayız. Fazla kademe, gereksiz maliyet ve gereksiz atık su demektir.</p>
</div>
<div class="value-card reveal" data-delay="2">
<h3>Kurulumu kendi ekibimiz yapar</h3>
<p>Montaj taşerona verilmez. Sahaya gelen teknisyen kadrolu, sertifikalı ve o sistemi daha önce defalarca kurmuş kişidir.</p>
</div>
<div class="value-card reveal" data-delay="3">
<h3>Bakımı biz hatırlatırız</h3>
<p>Filtre ömrü dolmadan sizi ararız. Takip edilmeyen bir arıtma cihazı, zamanla arıtmadığı gibi kirlilik de biriktirir.</p>
</div>
</div>
</div>
</section>
<!-- Ekip -->
<section class="section section--sunk">
<div class="wrap">
<div class="section-head section-head--split reveal">
<div>
<p class="eyebrow">Ekip</p>
<h2>Sahayı tanıyan kadro.</h2>
<p class="lede">38 kişilik ekibimizin 21'i saha teknisyeni. Karar veren ekip, sahaya çıkan ekiple aynı masada oturur.</p>
</div>
</div>
<div class="grid grid--4">
<article class="person reveal">
<div class="person__photo"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNjAwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnNTAxIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDUxNzM3Ii8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMTEzQTYyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM0E5M0RBIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InI1MDEiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzQTkzREEiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA1MTczNyIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSI2MDAiIGZpbGw9InVybCgjZzUwMSkiLz48cmVjdCB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0idXJsKCNyNTAxKSIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuNTAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMzI1IiBjeT0iMzE1IiByPSI1OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40NyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSIzMjUiIGN5PSIzMTUiIHI9IjgzIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMTEzIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMTUzIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjM3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMTcwIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMjI3IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMjM0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMjU4IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMjYxIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMzQ3IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMzMxIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iMzgyIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMyNSIgY3k9IjMxNSIgcj0iNDM0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMwMCIgY3k9IjIzOCIgcj0iODYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxwYXRoIGQ9Ik0gMzAwIDM0NCBDIDE5NiAzNDQgMTM4IDQxMiAxMjggNTAwIEwgNDcyIDUwMCBDIDQ2MiA0MTIgNDA0IDM0NCAzMDAgMzQ0IFoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjx0ZXh0IHg9IjMwMCIgeT0iNTU4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjM0IiBsZXR0ZXItc3BhY2luZz0iOCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjU1Ij5NLkEuPC90ZXh0Pjwvc3ZnPg==" alt="Mehmet Aydın" loading="lazy" width="600" height="600"></div>
<div>
<span class="person__role">Kurucu Ortak</span>
<h3>Mehmet Aydın</h3>
<p>Çevre mühendisi. 22 yıldır su arıtma projelendirmesi yapıyor.</p>
</div>
</article>
<article class="person reveal" data-delay="1">
<div class="person__photo"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNjAwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnNTAyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMTEzQTYyIi8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMkI3REM1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQjhEQ0YzIi8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InI1MDIiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNCOERDRjMiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzExM0E2MiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSI2MDAiIGZpbGw9InVybCgjZzUwMikiLz48cmVjdCB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0idXJsKCNyNTAyKSIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuNTAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMzAxIiBjeT0iMjYwIiByPSI1OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40NyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSIzMDEiIGN5PSIyNjAiIHI9Ijg5IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMTA4IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMTU4IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjM3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMTkwIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMTg0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMjQ0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMjU4IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMjY2IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMzEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMzY5IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMzQ4IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjMwMSIgY3k9IjI2MCIgcj0iMzk3IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMwMCIgY3k9IjIzOCIgcj0iODYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxwYXRoIGQ9Ik0gMzAwIDM0NCBDIDE5NiAzNDQgMTM4IDQxMiAxMjggNTAwIEwgNDcyIDUwMCBDIDQ2MiA0MTIgNDA0IDM0NCAzMDAgMzQ0IFoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjx0ZXh0IHg9IjMwMCIgeT0iNTU4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjM0IiBsZXR0ZXItc3BhY2luZz0iOCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjU1Ij5TLkQuPC90ZXh0Pjwvc3ZnPg==" alt="Selin Demir" loading="lazy" width="600" height="600"></div>
<div>
<span class="person__role">Teknik Müdür</span>
<h3>Selin Demir</h3>
<p>Endüstriyel proses hatlarının tasarım ve devreye alma sorumlusu.</p>
</div>
</article>
<article class="person reveal" data-delay="2">
<div class="person__photo"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNjAwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnNTAzIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDUxNzM3Ii8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMEEyQjREIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkI3REM1Ii8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InI1MDMiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyQjdEQzUiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA1MTczNyIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSI2MDAiIGZpbGw9InVybCgjZzUwMykiLz48cmVjdCB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0idXJsKCNyNTAzKSIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuNTAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMjQxIiBjeT0iMjgyIiByPSI1NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40NyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSIyNDEiIGN5PSIyODIiIHI9IjkyIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMTA0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMTU1IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjM3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMTg0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMTgzIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMjEwIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMjcwIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMzI1IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMzIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iMzc2IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iNDE4IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI0MSIgY3k9IjI4MiIgcj0iNDY3IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMwMCIgY3k9IjIzOCIgcj0iODYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxwYXRoIGQ9Ik0gMzAwIDM0NCBDIDE5NiAzNDQgMTM4IDQxMiAxMjggNTAwIEwgNDcyIDUwMCBDIDQ2MiA0MTIgNDA0IDM0NCAzMDAgMzQ0IFoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjx0ZXh0IHg9IjMwMCIgeT0iNTU4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjM0IiBsZXR0ZXItc3BhY2luZz0iOCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjU1Ij5FLksuPC90ZXh0Pjwvc3ZnPg==" alt="Emre Koç" loading="lazy" width="600" height="600"></div>
<div>
<span class="person__role">Saha Operasyon Şefi</span>
<h3>Emre Koç</h3>
<p>Montaj ve bakım ekiplerinin planlaması, SLA takibi.</p>
</div>
</article>
<article class="person reveal" data-delay="3">
<div class="person__photo"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNjAwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnNTA0IiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMEEyQjREIi8+PHN0b3Agb2Zmc2V0PSIwLjU1IiBzdG9wLWNvbG9yPSIjMUE1NTg5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFCNkU3Ii8+PC9saW5lYXJHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9InI1MDQiIGN4PSIwLjMiIGN5PSIwLjIyIiByPSIwLjg1Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MUI2RTciIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBBMkI0RCIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSI2MDAiIGZpbGw9InVybCgjZzUwNCkiLz48cmVjdCB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0idXJsKCNyNTA0KSIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0I4RENGMyIgc3Ryb2tlLW9wYWNpdHk9IjAuNTAiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMjkzIiBjeT0iMzA5IiByPSI1OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQjhEQ0YzIiBzdHJva2Utb3BhY2l0eT0iMC40NyIgc3Ryb2tlLXdpZHRoPSIyLjAiLz48Y2lyY2xlIGN4PSIyOTMiIGN5PSIzMDkiIHI9IjgxIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMTA4IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjQwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMTU0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjM3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMTg0IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMzIiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMjEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjMwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMjYzIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMjY5IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjI0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMjgyIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjIwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMzEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iMzE1IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjE0IiBzdHJva2Utd2lkdGg9IjIuOCIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iNDE1IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjEwIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxjaXJjbGUgY3g9IjI5MyIgY3k9IjMwOSIgcj0iNDA2IiBmaWxsPSJub25lIiBzdHJva2U9IiNCOERDRjMiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjIuMCIvPjxjaXJjbGUgY3g9IjMwMCIgY3k9IjIzOCIgcj0iODYiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjxwYXRoIGQ9Ik0gMzAwIDM0NCBDIDE5NiAzNDQgMTM4IDQxMiAxMjggNTAwIEwgNDcyIDUwMCBDIDQ2MiA0MTIgNDA0IDM0NCAzMDAgMzQ0IFoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMC4yMCIvPjx0ZXh0IHg9IjMwMCIgeT0iNTU4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjM0IiBsZXR0ZXItc3BhY2luZz0iOCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwLjU1Ij5CLlkuPC90ZXh0Pjwvc3ZnPg==" alt="Burcu Yıldız" loading="lazy" width="600" height="600"></div>
<div>
<span class="person__role">Laboratuvar Sorumlusu</span>
<h3>Burcu Yıldız</h3>
<p>Numune kabul, ön analiz ve akredite laboratuvar koordinasyonu.</p>
</div>
</article>
</div>
</div>
</section>
<!-- Belgeler -->
<section class="section">
<div class="wrap">
<div class="split">
<div class="stack gap-6 reveal">
<p class="eyebrow">Belgeler</p>
<h2>Neye göre çalıştığımız kayıt altında.</h2>
<p class="lede">
Kullandığımız tüm filtre ve membranlar temas ettiği suya uygunluk belgelidir. Belgelerin güncel
kopyalarını talep ettiğinizde e-posta ile paylaşırız.
</p>
<ul class="feature-list">
<li>
<span class="ico-box"><svg class="ico"><use href="#i-award"></use></svg></span>
<div>
<h3>TSE Hizmet Yeterlilik Belgesi</h3>
<p>Montaj ve satış sonrası servis süreçleri için, 2016'dan bu yana kesintisiz.</p>
</div>
</li>
<li>
<span class="ico-box"><svg class="ico"><use href="#i-shield"></use></svg></span>
<div>
<h3>Sağlık Bakanlığı İzin Belgesi</h3>
<p>İnsani tüketim amaçlı suyla temas eden ekipmanlar için gerekli izinler.</p>
</div>
</li>
<li>
<span class="ico-box"><svg class="ico"><use href="#i-flask"></use></svg></span>
<div>
<h3>TS 266 uygunluk raporlaması</h3>
<p>Kurulum sonrası çıkış suyu, içme suyu standardı parametrelerine göre raporlanır.</p>
</div>
</li>
<li>
<span class="ico-box"><svg class="ico"><use href="#i-leaf"></use></svg></span>
<div>
<h3>ISO 9001 ve ISO 14001</h3>
<p>Kalite ve çevre yönetim sistemleri; atık su geri kazanım oranımızı her yıl raporluyoruz.</p>
</div>
</li>
</ul>
</div>
<figure class="figure reveal" data-delay="2">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iODAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9Imc0MDMiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwQTJCNEQiLz48c3RvcCBvZmZzZXQ9IjAuNTUiIHN0b3AtY29sb3I9IiMxQTU1ODkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3MUI2RTciLz48L2xpbmVhckdyYWRpZW50PjxyYWRpYWxHcmFkaWVudCBpZD0icjQwMyIgY3g9IjAuMyIgY3k9IjAuMjIiIHI9IjAuODUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzcxQjZFNyIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEEyQjREIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI4MDAiIGZpbGw9InVybCgjZzQwMykiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI4MDAiIGZpbGw9InVybCgjcjQwMykiLz48bGluZSB4MT0iNjgiIHkxPSI5NiIgeDI9IjM4MyIgeTI9Ijk2IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjI5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjM4MyIgY3k9Ijk2IiByPSI2IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjkiLz48bGluZSB4MT0iMjAxIiB5MT0iMTcyIiB4Mj0iODA4IiB5Mj0iMTcyIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjQwIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjgwOCIgY3k9IjE3MiIgcj0iOCIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjQwIi8+PGxpbmUgeDE9IjE2NyIgeTE9IjI0OCIgeDI9Ijg0MyIgeTI9IjI0OCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zMyIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI4NDMiIGN5PSIyNDgiIHI9IjExIiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMzMiLz48bGluZSB4MT0iMzg0IiB5MT0iMzI0IiB4Mj0iMTA1NCIgeTI9IjMyNCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4zMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSIxMDU0IiBjeT0iMzI0IiByPSI1IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMzAiLz48bGluZSB4MT0iMzQ2IiB5MT0iNDAwIiB4Mj0iNzI2IiB5Mj0iNDAwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjI1IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjcyNiIgY3k9IjQwMCIgcj0iNiIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjI1Ii8+PGxpbmUgeDE9IjMxOSIgeTE9IjQ3NiIgeDI9Ijk2MCIgeTI9IjQ3NiIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4yNSIgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48Y2lyY2xlIGN4PSI5NjAiIGN5PSI0NzYiIHI9IjExIiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjUiLz48bGluZSB4MT0iMjg0IiB5MT0iNTUyIiB4Mj0iNTg2IiB5Mj0iNTUyIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjMzIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjU4NiIgY3k9IjU1MiIgcj0iMTEiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC4zMyIvPjxsaW5lIHgxPSIxNTMiIHkxPSI2MjgiIHgyPSI2MDEiIHkyPSI2MjgiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMjAiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNjAxIiBjeT0iNjI4IiByPSI4IiBmaWxsPSIjNzFCNkU3IiBmaWxsLW9wYWNpdHk9IjAuMjAiLz48bGluZSB4MT0iNDA5IiB5MT0iNzA0IiB4Mj0iOTgwIiB5Mj0iNzA0IiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjIyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9Ijk4MCIgY3k9IjcwNCIgcj0iNSIgZmlsbD0iIzcxQjZFNyIgZmlsbC1vcGFjaXR5PSIwLjIyIi8+PGxpbmUgeDE9IjI0MCIgeTE9IjgwIiB4Mj0iMjQwIiB5Mj0iNzIwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48bGluZSB4MT0iNDgwIiB5MT0iODAiIHgyPSI0ODAiIHkyPSI3MjAiIHN0cm9rZT0iIzcxQjZFNyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTIiIHN0cm9rZS13aWR0aD0iMiIvPjxsaW5lIHgxPSI3MjAiIHkxPSI4MCIgeDI9IjcyMCIgeTI9IjcyMCIgc3Ryb2tlPSIjNzFCNkU3IiBzdHJva2Utb3BhY2l0eT0iMC4xMiIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgeDE9Ijk2MCIgeTE9IjgwIiB4Mj0iOTYwIiB5Mj0iNzIwIiBzdHJva2U9IiM3MUI2RTciIHN0cm9rZS1vcGFjaXR5PSIwLjEyIiBzdHJva2Utd2lkdGg9IjIiLz48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI4MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW9wYWNpdHk9IjAuMDYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==" alt="Saha kurulum ekibimiz" loading="lazy" width="1200" height="800">
<figcaption>Kocaeli servis merkezimizden çıkan montaj ekibi — her araçta kritik yedek parça stoğu bulunur.</figcaption>
</figure>
</div>
</div>
</section>
<!-- CTA -->
<section class="section section--tight">
<div class="wrap">
<div class="cta-band reveal">
<div class="cta-band__inner">
<div>
<h2>Tesisinizi görelim, suyunuzu ölçelim.</h2>
<p>Keşif ve analiz ücretsiz. Sonuç ne çıkarsa çıksın raporu size bırakıyoruz.</p>
</div>
<div class="hero__cta">
<a class="btn btn--lg" href="iletisim.html">Randevu oluştur</a>
<a class="btn btn--lg btn--on-deep" href="galeri.html">Projelerimizi görün</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- ===== Footer ===== -->
<footer class="site-footer">
<div class="wrap">
<div class="footer__top">
<div class="footer__brand">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<p>Evsel, merkezi ve endüstriyel su arıtma sistemlerinde analizden bakıma kadar tek sorumlu. 2009'dan beri İstanbul merkezli hizmet veriyoruz.</p>
<div class="social">
<a href="#" aria-label="Instagram"><svg class="ico"><use href="#i-ig"></use></svg></a>
<a href="#" aria-label="LinkedIn"><svg class="ico"><use href="#i-in"></use></svg></a>
<a href="#" aria-label="Facebook"><svg class="ico"><use href="#i-fb"></use></svg></a>
<a href="#" aria-label="YouTube"><svg class="ico"><use href="#i-yt"></use></svg></a>
</div>
</div>
<div class="footer__col">
<h4>Kurumsal</h4>
<ul>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="galeri.html">Galeri</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Hizmetler</h4>
<ul>
<li><a href="index.html#hizmetler">Evsel su arıtma</a></li>
<li><a href="index.html#hizmetler">Merkezi sistem</a></li>
<li><a href="index.html#hizmetler">Endüstriyel arıtma</a></li>
<li><a href="index.html#hizmetler">Periyodik bakım</a></li>
<li><a href="index.html#hizmetler">Su analizi</a></li>
</ul>
</div>
<div class="footer__col">
<h4>İletişim</h4>
<ul>
<li><a href="tel:+902120000000">0212 000 00 00</a></li>
<li><a href="mailto:info@hidrolin.com.tr">info@hidrolin.com.tr</a></li>
<li>Yenibosna Mah. Su Sanayi Cad. No: 42<br>Bahçelievler / İstanbul</li>
<li>Hafta içi 08:30 – 18:30<br>Cumartesi 09:00 – 14:00</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<span>© 2026 HİDROLİN Su Arıtma Sistemleri — Örnek tasarım sunumu, içerikler temsilidir.</span>
<nav aria-label="Yasal">
<a href="#">KVKK Aydınlatma Metni</a>
<a href="#">Gizlilik Politikası</a>
<a href="#">Çerez Politikası</a>
</nav>
</div>
</div>
</footer>
<!-- Mobil hızlı erişim -->
<div class="mobile-cta">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> Ara</a>
<a href="#" aria-label="WhatsApp"><svg class="ico"><use href="#i-wa"></use></svg> WhatsApp</a>
<a href="iletisim.html"><svg class="ico"><use href="#i-flask"></use></svg> Su Analizi</a>
</div>
<script>
/* ==========================================================================
HİDROLİN — arayüz davranışları
Tüm modüller kendi elemanı sayfada yoksa sessizce devre dışı kalır,
böylece aynı dosya beş sayfada da güvenle çalışır.
========================================================================== */
(function () {
'use strict';
var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ---------- 1. Mobil menü ---------- */
function initNav() {
var toggle = document.querySelector('.nav-toggle');
var nav = document.getElementById('primary-nav');
if (!toggle || !nav) return;
toggle.addEventListener('click', function () {
var open = toggle.getAttribute('aria-expanded') === 'true';
toggle.setAttribute('aria-expanded', String(!open));
nav.classList.toggle('is-open', !open);
});
nav.addEventListener('click', function (e) {
if (e.target.closest('a')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
}
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && nav.classList.contains('is-open')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
toggle.focus();
}
});
}
/* ---------- 2. Yapışkan başlık gölgesi ---------- */
function initHeader() {
var header = document.querySelector('.site-header');
if (!header) return;
var onScroll = function () {
header.classList.toggle('is-stuck', window.scrollY > 8);
};
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
}
/* ---------- 3. Kaydırmayla görünme ---------- */
function initReveal() {
var items = document.querySelectorAll('.reveal');
if (!items.length) return;
if (reduceMotion || !('IntersectionObserver' in window)) {
items.forEach(function (el) { el.classList.add('is-in'); });
return;
}
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-in');
io.unobserve(entry.target);
}
});
}, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });
items.forEach(function (el) { io.observe(el); });
}
/* ---------- 4. Sayaçlar ---------- */
function initCounters() {
var nums = document.querySelectorAll('[data-count]');
if (!nums.length) return;
var run = function (el) {
var target = parseFloat(el.getAttribute('data-count'));
var suffix = el.getAttribute('data-suffix') || '';
var decimals = (el.getAttribute('data-decimals') | 0);
if (reduceMotion) { el.textContent = target.toFixed(decimals) + suffix; return; }
var start = null, dur = 1500;
var tick = function (ts) {
if (start === null) start = ts;
var p = Math.min((ts - start) / dur, 1);
var eased = 1 - Math.pow(1 - p, 3);
el.textContent = (target * eased).toFixed(decimals) + suffix;
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
};
if (!('IntersectionObserver' in window)) { nums.forEach(run); return; }
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { run(e.target); io.unobserve(e.target); }
});
}, { threshold: 0.4 });
nums.forEach(function (el) { io.observe(el); });
}
/* ---------- 5. Su kalitesi göstergeleri ---------- */
function initGauges() {
var fills = document.querySelectorAll('.gauge__fill');
if (!fills.length) return;
setTimeout(function () {
fills.forEach(function (f) { f.style.width = (f.getAttribute('data-pct') || 0) + '%'; });
}, 350);
}
/* ---------- 6. Hero su yüzeyi (canvas dalgalar) ---------- */
function initWaterCanvas() {
var canvas = document.querySelector('.hero__canvas');
if (!canvas) return;
var ctx = canvas.getContext('2d');
var w = 0, h = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);
var layers = [
{ amp: 26, len: 0.0042, speed: 0.00028, y: 0.62, color: 'rgba(58,147,218,0.30)' },
{ amp: 34, len: 0.0031, speed: 0.00019, y: 0.72, color: 'rgba(43,125,197,0.34)' },
{ amp: 20, len: 0.0058, speed: 0.00040, y: 0.83, color: 'rgba(17,58,98,0.55)' },
{ amp: 30, len: 0.0025, speed: 0.00013, y: 0.93, color: 'rgba(10,43,77,0.75)' }
];
function resize() {
var r = canvas.getBoundingClientRect();
w = Math.max(r.width, 1); h = Math.max(r.height, 1);
canvas.width = w * dpr; canvas.height = h * dpr;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
}
function draw(t) {
ctx.clearRect(0, 0, w, h);
for (var i = 0; i < layers.length; i++) {
var L = layers[i];
ctx.beginPath();
ctx.moveTo(0, h);
var baseY = h * L.y;
for (var x = 0; x <= w; x += 6) {
var y = baseY
+ Math.sin(x * L.len + t * L.speed) * L.amp
+ Math.sin(x * L.len * 2.3 + t * L.speed * 1.6) * (L.amp * 0.35);
if (x === 0) ctx.lineTo(0, y);
else ctx.lineTo(x, y);
}
ctx.lineTo(w, h);
ctx.closePath();
ctx.fillStyle = L.color;
ctx.fill();
}
if (!reduceMotion) frame = requestAnimationFrame(draw);
}
var frame;
resize();
if (reduceMotion) { draw(0); }
else { frame = requestAnimationFrame(draw); }
var rt;
window.addEventListener('resize', function () {
clearTimeout(rt);
rt = setTimeout(function () { resize(); if (reduceMotion) draw(0); }, 150);
});
document.addEventListener('visibilitychange', function () {
if (document.hidden) { cancelAnimationFrame(frame); }
else if (!reduceMotion) { frame = requestAnimationFrame(draw); }
});
}
/* ---------- 7. Filtreler (galeri + blog) ---------- */
function initFilters() {
document.querySelectorAll('[data-filter-group]').forEach(function (group) {
var targetSel = group.getAttribute('data-filter-target');
var items = document.querySelectorAll(targetSel + ' [data-cat]');
if (!items.length) return;
group.addEventListener('click', function (e) {
var chip = e.target.closest('.chip');
if (!chip) return;
group.querySelectorAll('.chip').forEach(function (c) {
c.classList.toggle('is-active', c === chip);
c.setAttribute('aria-pressed', String(c === chip));
});
var cat = chip.getAttribute('data-cat-filter');
items.forEach(function (item) {
var match = cat === 'all' || item.getAttribute('data-cat') === cat;
item.classList.toggle('is-hidden', !match);
item.style.display = match ? '' : 'none';
});
});
});
}
/* ---------- 8. Galeri lightbox ---------- */
function initLightbox() {
var box = document.getElementById('lightbox');
if (!box) return;
var img = box.querySelector('img');
var cap = box.querySelector('.lightbox__cap');
var shots = Array.prototype.slice.call(document.querySelectorAll('.shot'));
var index = 0;
function visibleShots() {
return shots.filter(function (s) { return s.style.display !== 'none'; });
}
function show(i) {
var list = visibleShots();
if (!list.length) return;
index = (i + list.length) % list.length;
var shot = list[index];
var src = shot.getAttribute('data-full') || shot.querySelector('img').src;
img.src = src;
img.alt = shot.querySelector('img').alt;
cap.textContent = shot.getAttribute('data-caption') || '';
box.classList.add('is-open');
box.setAttribute('aria-hidden', 'false');
document.body.style.overflow = 'hidden';
}
function close() {
box.classList.remove('is-open');
box.setAttribute('aria-hidden', 'true');
document.body.style.overflow = '';
}
shots.forEach(function (shot) {
shot.addEventListener('click', function () {
show(visibleShots().indexOf(shot));
});
});
box.querySelector('.lightbox__close').addEventListener('click', close);
box.querySelector('.lightbox__nav--prev').addEventListener('click', function () { show(index - 1); });
box.querySelector('.lightbox__nav--next').addEventListener('click', function () { show(index + 1); });
box.addEventListener('click', function (e) { if (e.target === box) close(); });
document.addEventListener('keydown', function (e) {
if (!box.classList.contains('is-open')) return;
if (e.key === 'Escape') close();
if (e.key === 'ArrowLeft') show(index - 1);
if (e.key === 'ArrowRight') show(index + 1);
});
}
/* ---------- 9. SSS akordeon ---------- */
function initFaq() {
document.querySelectorAll('.faq').forEach(function (faq) {
faq.addEventListener('click', function (e) {
var q = e.target.closest('.faq__q');
if (!q) return;
var item = q.closest('.faq__item');
var open = item.classList.contains('is-open');
faq.querySelectorAll('.faq__item').forEach(function (i) {
i.classList.remove('is-open');
i.querySelector('.faq__q').setAttribute('aria-expanded', 'false');
});
if (!open) {
item.classList.add('is-open');
q.setAttribute('aria-expanded', 'true');
}
});
});
}
/* ---------- 10. İletişim formu (mockup davranışı) ---------- */
function initForm() {
var form = document.getElementById('contact-form');
if (!form) return;
var status = form.querySelector('.form__status');
form.addEventListener('submit', function (e) {
e.preventDefault();
if (!form.checkValidity()) { form.reportValidity(); return; }
var name = (form.querySelector('#ad') || {}).value || '';
status.textContent = name.trim()
? name.trim().split(' ')[0] + ', talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.'
: 'Talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.';
status.classList.add('is-visible');
form.reset();
status.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'center' });
});
}
/* ---------- Başlat ---------- */
function boot() {
initNav();
initHeader();
initReveal();
initCounters();
initGauges();
initWaterCanvas();
initFilters();
initLightbox();
initFaq();
initForm();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
})();
</script>
</body>
</html>
İletişim
HTML
Kopyala
⤢
↓
İletişim Sayfası
Claude ve WordPress ile Site Yapımı Part 1
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>İletişim — Ücretsiz Su Analizi Talebi | HİDROLİN</title>
<meta name="description" content="Ücretsiz su analizi ve keşif için bize ulaşın. İstanbul, Kocaeli ve Tekirdağ'da aynı gün randevu.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap">
<style>
/* ==========================================================================
HİDROLİN Su Arıtma Sistemleri — Tasarım Sistemi
Renk paleti: müşteri tarafından verilen 10 kademeli mavi skalası
Yapı: WordPress (Elementor / Kadence) bölümlerine birebir aktarılabilir
========================================================================== */
/* --------------------------------------------------------------------------
1. TOKENLAR
-------------------------------------------------------------------------- */
:root {
/* Ham palet — referans görselden alındı */
--paper: #F1F3F4;
--blue-50: #D0E9F6;
--blue-100: #B8DCF3;
--blue-300: #71B6E7;
--blue-500: #3A93DA;
--blue-600: #2B7DC5;
--blue-700: #1A5589;
--blue-800: #113A62;
--blue-900: #0A2B4D;
--blue-950: #051737;
/* Anlamsal tokenlar — AÇIK tema */
--bg: #F7F9FB;
--surface: #FFFFFF;
--surface-2: var(--paper);
--surface-sunk: var(--blue-50);
--ink: #08213C;
--ink-2: #476682;
--ink-3: #7B93AC;
--line: #DEE6ED;
--line-strong: #C4D4E1;
--accent: var(--blue-600);
--accent-hover: var(--blue-700);
--accent-quiet: var(--blue-50);
--on-accent: #FFFFFF;
--deep: var(--blue-950);
--deep-2: var(--blue-900);
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-500);
--img-dim: none;
--shadow-sm: 0 1px 2px rgba(8,33,60,.06), 0 2px 8px rgba(8,33,60,.05);
--shadow-md: 0 2px 4px rgba(8,33,60,.05), 0 12px 32px -8px rgba(8,33,60,.14);
--shadow-lg: 0 4px 8px rgba(8,33,60,.06), 0 28px 64px -16px rgba(8,33,60,.22);
/* Tipografi */
--font-display: "Archivo", "Segoe UI", Tahoma, sans-serif;
--font-body: "Source Sans 3", "Segoe UI", Tahoma, sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace;
--fs-2xs: 0.6875rem;
--fs-xs: 0.78125rem;
--fs-sm: 0.875rem;
--fs-base: 1.0625rem;
--fs-lg: 1.1875rem;
--fs-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.4375rem);
--fs-2xl: clamp(1.5rem, 1.3rem + 0.9vw, 1.875rem);
--fs-3xl: clamp(1.875rem, 1.55rem + 1.5vw, 2.5rem);
--fs-4xl: clamp(2.25rem, 1.7rem + 2.6vw, 3.375rem);
--fs-5xl: clamp(2.5rem, 1.85rem + 3.1vw, 3.625rem);
/* Ölçü */
--wrap: 1200px;
--wrap-narrow: 760px;
--gutter: clamp(1.25rem, 4vw, 2.5rem);
--section-y: clamp(4rem, 8vw, 7.5rem);
--r-sm: 6px;
--r-md: 10px;
--r-lg: 16px;
--r-xl: 24px;
--header-h: 76px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
}
:root[data-theme="dark"] {
--bg: #061A31;
--surface: #0A2745;
--surface-2: #0C2E51;
--surface-sunk: #0A2340;
--ink: #E9F2FA;
--ink-2: #A7C2DA;
--ink-3: #7A99B7;
--line: rgba(184, 220, 243, .14);
--line-strong: rgba(184, 220, 243, .26);
--accent: var(--blue-300);
--accent-hover: var(--blue-100);
--accent-quiet: rgba(58, 147, 218, .16);
--on-accent: #041426;
--deep: #04122A;
--deep-2: #071F3A;
--on-deep: #E6F1FA;
--on-deep-2: #9FBFDB;
--ring: var(--blue-300);
--img-dim: brightness(.74) saturate(.85);
--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
--shadow-md: 0 12px 32px -8px rgba(0,0,0,.55);
--shadow-lg: 0 28px 64px -16px rgba(0,0,0,.7);
}
/* --------------------------------------------------------------------------
2. TEMEL
-------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
margin: 0;
background: var(--bg);
color: var(--ink);
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
h1, h2, h3, h4, h5 {
font-family: var(--font-display);
font-weight: 600;
line-height: 1.12;
letter-spacing: -0.022em;
text-wrap: balance;
margin: 0;
color: var(--ink);
}
h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }
p { margin: 0; }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); }
img, svg, canvas { max-width: 100%; display: block; }
ul, ol { margin: 0; padding: 0; }
button, input, textarea, select { font: inherit; color: inherit; }
:focus-visible {
outline: 2px solid var(--ring);
outline-offset: 3px;
border-radius: var(--r-sm);
}
.skip-link {
position: absolute; left: 12px; top: -60px; z-index: 200;
background: var(--accent); color: var(--on-accent);
padding: .6rem 1rem; border-radius: var(--r-sm);
transition: top .18s ease;
}
.skip-link:focus { top: 12px; }
/* --------------------------------------------------------------------------
3. YARDIMCI SINIFLAR
-------------------------------------------------------------------------- */
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--narrow { max-width: var(--wrap-narrow); }
.section { padding-block: var(--section-y); }
.section--tight { padding-block: clamp(3rem, 5vw, 4.5rem); }
.section--sunk { background: var(--surface-2); }
.section--deep { background: var(--deep); color: var(--on-deep); }
.section--deep h1, .section--deep h2, .section--deep h3 { color: var(--on-deep); }
.section--deep p { color: var(--on-deep-2); }
.stack { display: flex; flex-direction: column; }
.gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-12 { gap: 3rem; }
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.eyebrow {
font-family: var(--font-mono);
font-size: var(--fs-2xs);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: .55rem;
margin: 0;
}
.eyebrow::before {
content: ""; width: 22px; height: 1px; background: currentColor; opacity: .6;
}
.section--deep .eyebrow { color: var(--blue-300); }
.lede { font-size: var(--fs-lg); color: var(--ink-2); max-width: 62ch; }
.section--deep .lede { color: var(--on-deep-2); }
.muted { color: var(--ink-2); }
.small { font-size: var(--fs-sm); color: var(--ink-2); }
.section-head { display: flex; flex-direction: column; gap: .9rem; margin-bottom: clamp(2rem, 4vw, 3.25rem); max-width: 640px; }
.section-head--split { max-width: none; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.section-head--split > div:not(.chips) { display: flex; flex-direction: column; gap: .9rem; max-width: 620px; }
.section-head--split .chips { flex: 1 1 340px; justify-content: flex-end; }
@media (max-width: 760px) { .section-head--split .chips { justify-content: flex-start; } }
/* Butonlar */
.btn {
--btn-bg: var(--accent);
--btn-fg: var(--on-accent);
display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
background: var(--btn-bg); color: var(--btn-fg);
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
letter-spacing: .01em;
padding: .85rem 1.5rem;
border: 1px solid transparent; border-radius: var(--r-md);
cursor: pointer; text-align: center;
transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.btn:hover { --btn-bg: var(--accent-hover); color: var(--btn-fg); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn:active { transform: translateY(0); }
.btn--lg { padding: 1.05rem 1.9rem; font-size: var(--fs-base); }
.btn--ghost { --btn-bg: transparent; --btn-fg: var(--ink); border-color: var(--line-strong); }
.btn--ghost:hover { --btn-bg: var(--accent-quiet); --btn-fg: var(--accent-hover); border-color: var(--accent); box-shadow: none; }
.btn--on-deep { --btn-bg: transparent; --btn-fg: var(--on-deep); border-color: rgba(184,220,243,.34); }
.btn--on-deep:hover { --btn-bg: rgba(184,220,243,.12); --btn-fg: #FFF; border-color: rgba(184,220,243,.6); box-shadow: none; }
.btn--wa { --btn-bg: var(--blue-800); }
.btn .ico { width: 18px; height: 18px; flex: none; }
.link-arrow {
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
display: inline-flex; align-items: center; gap: .45rem;
}
.link-arrow .ico { width: 16px; height: 16px; transition: transform .2s ease; }
.link-arrow:hover .ico { transform: translateX(4px); }
/* Rozet */
.tag {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em;
text-transform: uppercase; color: var(--accent);
background: var(--accent-quiet); border-radius: 100px; padding: .3rem .7rem;
display: inline-block;
}
/* --------------------------------------------------------------------------
4. HEADER + NAVİGASYON
-------------------------------------------------------------------------- */
.topbar {
background: var(--deep); color: var(--on-deep-2);
font-size: var(--fs-xs);
border-bottom: 1px solid rgba(184,220,243,.1);
}
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 40px; }
.topbar a { color: var(--on-deep-2); }
.topbar a:hover { color: #FFF; }
.topbar__contact { display: flex; gap: 1.5rem; align-items: center; }
.topbar__contact span, .topbar__contact a { display: inline-flex; align-items: center; gap: .45rem; }
.topbar .ico { width: 14px; height: 14px; opacity: .8; }
@media (max-width: 860px) { .topbar { display: none; } }
.site-header {
position: sticky; top: 0; z-index: 100;
background: color-mix(in srgb, var(--surface) 88%, transparent);
backdrop-filter: blur(14px) saturate(1.4);
-webkit-backdrop-filter: blur(14px) saturate(1.4);
border-bottom: 1px solid var(--line);
transition: box-shadow .2s ease;
}
.site-header.is-stuck { box-shadow: var(--shadow-sm); }
.site-header .wrap {
display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
min-height: var(--header-h);
}
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--ink); }
.brand:hover { color: var(--ink); }
.brand__mark { width: 38px; height: 38px; flex: none; }
.brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.brand__name {
font-family: var(--font-display); font-weight: 700; font-size: 1.3rem;
letter-spacing: -0.02em;
}
.brand__sub {
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .13em; text-transform: uppercase; color: var(--ink-3);
}
.nav { display: flex; align-items: center; gap: .25rem; }
.nav a {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
color: var(--ink-2); padding: .55rem .85rem; border-radius: var(--r-sm);
position: relative; transition: color .16s ease, background-color .16s ease;
}
.nav a:hover { color: var(--ink); background: var(--accent-quiet); }
.nav a[aria-current="page"] { color: var(--accent); }
.nav a[aria-current="page"]::after {
content: ""; position: absolute; left: .85rem; right: .85rem; bottom: .2rem;
height: 2px; background: var(--accent); border-radius: 2px;
}
.nav > .btn { display: none; } /* yalnızca mobil menüde görünür */
.header__actions { display: flex; align-items: center; gap: .6rem; }
.nav-toggle {
display: none; width: 44px; height: 44px; align-items: center; justify-content: center;
background: transparent; border: 1px solid var(--line-strong); border-radius: var(--r-sm);
cursor: pointer;
}
.nav-toggle .ico { width: 20px; height: 20px; }
.nav-toggle .ico--close { display: none; }
.nav-toggle[aria-expanded="true"] .ico--open { display: none; }
.nav-toggle[aria-expanded="true"] .ico--close { display: block; }
@media (max-width: 980px) {
.nav-toggle { display: inline-flex; }
.header__actions .btn { display: none; }
.nav {
position: fixed; inset: var(--header-h) 0 auto 0;
flex-direction: column; align-items: stretch; gap: 0;
background: var(--surface); border-bottom: 1px solid var(--line);
padding: .5rem var(--gutter) 1.5rem;
box-shadow: var(--shadow-lg);
transform: translateY(-8px); opacity: 0; pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
max-height: calc(100dvh - var(--header-h)); overflow-y: auto;
}
.nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
.nav a { padding: .95rem .25rem; border-bottom: 1px solid var(--line); border-radius: 0; font-size: var(--fs-lg); }
.nav a[aria-current="page"]::after { display: none; }
.nav > .btn { display: inline-flex; margin-top: 1rem; }
}
/* --------------------------------------------------------------------------
5. HERO
-------------------------------------------------------------------------- */
.hero {
position: relative; overflow: hidden;
background: linear-gradient(160deg, var(--blue-950) 0%, var(--blue-900) 45%, var(--blue-800) 100%);
color: var(--on-deep);
isolation: isolate;
}
.hero__canvas {
position: absolute; inset: 0; width: 100%; height: 100%;
z-index: -1; opacity: .85;
}
.hero::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(120% 80% at 78% 12%, rgba(58,147,218,.34), transparent 62%);
pointer-events: none;
}
.hero .wrap {
display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
padding-block: clamp(4rem, 8vw, 7rem);
}
.hero h1 { color: #FFF; font-size: var(--fs-5xl); font-weight: 700; letter-spacing: -0.03em; }
.hero h1 em { font-style: normal; color: var(--blue-300); }
.hero__lede { color: var(--on-deep-2); font-size: var(--fs-lg); max-width: 52ch; }
.hero__cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .5rem; }
.hero__eyebrow { color: var(--blue-300); }
.hero__proof { display: flex; flex-wrap: wrap; gap: 2rem 2.75rem; margin-top: 2.75rem; padding-top: 2rem; border-top: 1px solid rgba(184,220,243,.16); }
.hero__proof-item { display: flex; flex-direction: column; gap: .15rem; }
.hero__proof-num {
font-family: var(--font-display); font-weight: 700; font-size: 1.9rem;
color: #FFF; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.hero__proof-label { font-size: var(--fs-xs); color: var(--on-deep-2); letter-spacing: .02em; }
/* Su kalitesi kartı — hero görseli yerine "canlı ölçüm" paneli */
.gauge-card {
background: rgba(6,26,49,.55);
border: 1px solid rgba(184,220,243,.2);
border-radius: var(--r-xl);
padding: 1.75rem;
backdrop-filter: blur(8px);
box-shadow: 0 30px 70px -20px rgba(0,0,0,.6);
display: flex; flex-direction: column; gap: 1.35rem;
}
.gauge-card__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.gauge-card__title { font-family: var(--font-display); font-weight: 600; color: #FFF; font-size: var(--fs-base); }
.gauge-card__live {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .12em; text-transform: uppercase;
color: var(--blue-300); display: inline-flex; align-items: center; gap: .45rem;
}
.gauge-card__live::before {
content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-300);
box-shadow: 0 0 0 0 rgba(113,182,231,.7); animation: pulse 2.4s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(113,182,231,.55); }
70% { box-shadow: 0 0 0 9px rgba(113,182,231,0); }
100% { box-shadow: 0 0 0 0 rgba(113,182,231,0); }
}
.gauge { display: flex; flex-direction: column; gap: .45rem; }
.gauge__row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.gauge__name { font-size: var(--fs-sm); color: var(--on-deep-2); }
.gauge__val {
font-family: var(--font-mono); font-size: var(--fs-sm); color: #FFF;
font-variant-numeric: tabular-nums;
}
.gauge__track { height: 6px; border-radius: 100px; background: rgba(184,220,243,.16); overflow: hidden; }
.gauge__fill {
height: 100%; border-radius: 100px;
background: linear-gradient(90deg, var(--blue-500), var(--blue-300));
width: 0; transition: width 1.4s cubic-bezier(.16,.8,.24,1);
}
.gauge--warn .gauge__fill { background: linear-gradient(90deg, var(--blue-700), var(--blue-600)); }
.gauge-card__foot {
font-size: var(--fs-xs); color: var(--on-deep-2);
border-top: 1px solid rgba(184,220,243,.14); padding-top: 1rem;
display: flex; align-items: center; gap: .5rem;
}
.gauge-card__foot .ico { width: 15px; height: 15px; color: var(--blue-300); flex: none; }
@media (max-width: 900px) {
.hero .wrap { grid-template-columns: 1fr; }
.hero__proof { gap: 1.5rem 2rem; }
.hero__proof-num { font-size: 1.6rem; }
}
/* İç sayfa başlığı */
.page-hero {
background: linear-gradient(150deg, var(--blue-950), var(--blue-800));
color: var(--on-deep); position: relative; overflow: hidden;
}
.page-hero::after {
content: ""; position: absolute; inset: 0;
background:
radial-gradient(90% 120% at 88% 0%, rgba(58,147,218,.32), transparent 60%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 60c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.09' stroke-width='1.5'/%3E%3Cpath d='M0 90c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3Cpath d='M0 30c15 0 15-14 30-14s15 14 30 14 15-14 30-14 15 14 30 14' fill='none' stroke='%23B8DCF3' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E");
pointer-events: none;
}
.page-hero .wrap { position: relative; z-index: 1; padding-block: clamp(3rem, 6vw, 5.5rem); display: flex; flex-direction: column; gap: 1rem; }
.page-hero h1 { color: #FFF; }
.page-hero p { color: var(--on-deep-2); max-width: 60ch; font-size: var(--fs-lg); }
.page-hero .eyebrow { color: var(--blue-300); }
.crumbs { font-size: var(--fs-xs); color: var(--on-deep-2); display: flex; gap: .5rem; align-items: center; }
.crumbs a { color: var(--on-deep-2); }
.crumbs a:hover { color: #FFF; }
.crumbs span { opacity: .5; }
/* --------------------------------------------------------------------------
6. GÜVEN ŞERİDİ
-------------------------------------------------------------------------- */
.trustbar { background: var(--surface); border-bottom: 1px solid var(--line); }
.trustbar .wrap {
display: flex; align-items: center; justify-content: space-between;
gap: 1.5rem 2.5rem; flex-wrap: wrap; padding-block: 1.35rem;
}
.trustbar__label {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--ink-3);
}
.trustbar__items { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.cert {
display: inline-flex; align-items: center; gap: .55rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
color: var(--ink-2);
}
.cert .ico { width: 20px; height: 20px; color: var(--accent); flex: none; }
/* --------------------------------------------------------------------------
7. KART IZGARALARI
-------------------------------------------------------------------------- */
.grid { display: grid; gap: clamp(1rem, 2vw, 1.5rem); }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 980px) { .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }
.card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.75rem; display: flex; flex-direction: column; gap: .85rem;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.card--link:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.card__icon {
width: 48px; height: 48px; border-radius: var(--r-md);
background: var(--accent-quiet); color: var(--accent);
display: grid; place-items: center; flex: none;
}
.card__icon .ico { width: 24px; height: 24px; }
.card h3 { font-size: var(--fs-lg); }
.card p { color: var(--ink-2); font-size: var(--fs-sm); }
.card__meta {
margin-top: auto; padding-top: .5rem;
font-family: var(--font-mono); font-size: var(--fs-2xs);
letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3);
}
.card__list { display: flex; flex-direction: column; gap: .4rem; list-style: none; }
.card__list li {
font-size: var(--fs-sm); color: var(--ink-2);
display: flex; gap: .5rem; align-items: flex-start;
}
.card__list li::before {
content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue-300);
flex: none; margin-top: .55em;
}
/* --------------------------------------------------------------------------
8. ARITMA SÜRECİ (sıralı — numaralandırma bilgi taşır)
-------------------------------------------------------------------------- */
.process { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; position: relative; }
.process::before {
content: ""; position: absolute; left: 0; right: 0; top: 27px; height: 2px;
background: linear-gradient(90deg, var(--blue-100), var(--blue-500), var(--blue-800));
border-radius: 2px;
}
.step { display: flex; flex-direction: column; gap: .7rem; padding-right: 1.25rem; position: relative; }
.step__dot {
width: 56px; height: 56px; border-radius: 50%; flex: none;
background: var(--surface); border: 2px solid var(--blue-300);
display: grid; place-items: center; position: relative; z-index: 1;
font-family: var(--font-mono); font-weight: 600; font-size: var(--fs-sm);
color: var(--accent);
}
.step:nth-child(1) .step__dot { border-color: var(--blue-100); }
.step:nth-child(2) .step__dot { border-color: var(--blue-300); }
.step:nth-child(3) .step__dot { border-color: var(--blue-500); }
.step:nth-child(4) .step__dot { border-color: var(--blue-600); }
.step:nth-child(5) .step__dot { border-color: var(--blue-800); }
.step h3 { font-size: var(--fs-base); }
.step p { font-size: var(--fs-sm); color: var(--ink-2); }
.step__spec {
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--accent);
letter-spacing: .06em;
}
@media (max-width: 900px) {
.process { grid-template-columns: 1fr; gap: 1.75rem; }
.process::before { left: 27px; right: auto; top: 0; bottom: 0; width: 2px; height: auto;
background: linear-gradient(180deg, var(--blue-100), var(--blue-500), var(--blue-800)); }
.step { flex-direction: row; gap: 1.25rem; padding-right: 0; }
.step__body { display: flex; flex-direction: column; gap: .45rem; }
}
/* --------------------------------------------------------------------------
9. AVANTAJLAR / SPLIT BÖLÜM
-------------------------------------------------------------------------- */
.split {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 4.5rem); align-items: center;
}
.split--wide-left { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.split--top { align-items: start; }
@media (max-width: 900px) { .split, .split--wide-left { grid-template-columns: 1fr; } }
.feature-list { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; }
.feature-list li { display: flex; gap: 1rem; align-items: flex-start; }
.feature-list .ico-box {
width: 42px; height: 42px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.feature-list .ico-box .ico { width: 21px; height: 21px; }
.feature-list h3 { font-size: var(--fs-base); margin-bottom: .2rem; }
.feature-list p { font-size: var(--fs-sm); color: var(--ink-2); }
.figure {
border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); box-shadow: var(--shadow-md);
}
.figure img { width: 100%; height: 100%; object-fit: cover; }
.figure figcaption {
padding: .85rem 1.15rem; font-size: var(--fs-xs); color: var(--ink-2);
background: var(--surface); border-top: 1px solid var(--line);
}
/* Sayaç şeridi */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.stat { background: var(--surface); padding: 1.75rem 1.5rem; display: flex; flex-direction: column; gap: .3rem; }
.stat__num {
font-family: var(--font-display); font-weight: 700; font-size: clamp(1.75rem, 3vw, 2.5rem);
color: var(--accent); letter-spacing: -0.03em; font-variant-numeric: tabular-nums;
}
.stat__label { font-size: var(--fs-sm); color: var(--ink-2); }
@media (max-width: 760px) { .stats { grid-template-columns: repeat(2, minmax(0,1fr)); } }
/* --------------------------------------------------------------------------
10. ÜRÜNLER
-------------------------------------------------------------------------- */
.product {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.product:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.product__media { aspect-ratio: 4 / 3; background: var(--surface-sunk); position: relative; }
.product__media img { width: 100%; height: 100%; object-fit: cover; }
.product__badge {
position: absolute; top: .85rem; left: .85rem;
background: var(--surface); color: var(--accent); border: 1px solid var(--line);
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase;
padding: .28rem .6rem; border-radius: 100px;
}
.product__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.product__body h3 { font-size: var(--fs-base); }
.product__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.product__spec {
display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin-top: auto; padding-top: .75rem;
border-top: 1px dashed var(--line-strong);
font-family: var(--font-mono); font-size: var(--fs-2xs); color: var(--ink-3); letter-spacing: .04em;
}
/* --------------------------------------------------------------------------
11. REFERANSLAR
-------------------------------------------------------------------------- */
.quote {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.85rem; display: flex; flex-direction: column; gap: 1.15rem;
}
.quote__stars { display: flex; gap: .18rem; color: var(--blue-500); }
.quote__stars .ico { width: 16px; height: 16px; }
.quote blockquote { margin: 0; font-size: var(--fs-base); color: var(--ink); line-height: 1.6; }
.quote__author { display: flex; align-items: center; gap: .8rem; margin-top: auto; }
.avatar {
width: 42px; height: 42px; border-radius: 50%; flex: none;
background: var(--blue-800); color: #FFF;
display: grid; place-items: center;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm);
}
.quote__name { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.quote__role { font-size: var(--fs-xs); color: var(--ink-3); }
/* --------------------------------------------------------------------------
12. CTA ŞERİDİ
-------------------------------------------------------------------------- */
.cta-band {
background: linear-gradient(120deg, var(--blue-900), var(--blue-700));
color: var(--on-deep); border-radius: var(--r-xl); overflow: hidden;
position: relative; isolation: isolate;
}
.cta-band::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: radial-gradient(80% 140% at 100% 0%, rgba(113,182,231,.28), transparent 60%);
}
.cta-band__inner {
padding: clamp(2.25rem, 5vw, 3.5rem);
display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
}
.cta-band h2 { color: #FFF; font-size: var(--fs-2xl); }
.cta-band p { color: var(--on-deep-2); max-width: 48ch; margin-top: .6rem; }
.cta-band .btn { --btn-bg: #FFF; --btn-fg: var(--blue-900); }
.cta-band .btn:hover { --btn-bg: var(--blue-50); }
.cta-band .btn--on-deep { --btn-bg: transparent; --btn-fg: #FFF; }
/* --------------------------------------------------------------------------
13. BLOG
-------------------------------------------------------------------------- */
.post {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
overflow: hidden; display: flex; flex-direction: column;
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.post:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.post__media { aspect-ratio: 16 / 10; background: var(--surface-sunk); }
.post__media img { width: 100%; height: 100%; object-fit: cover; }
.post__body { padding: 1.35rem; display: flex; flex-direction: column; gap: .65rem; flex: 1; }
.post__meta {
display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .08em;
text-transform: uppercase; color: var(--ink-3);
}
.post__body h3 { font-size: var(--fs-base); line-height: 1.3; }
.post__body p { font-size: var(--fs-sm); color: var(--ink-2); }
.post__foot { margin-top: auto; padding-top: .85rem; }
.post--featured { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.post--featured .post__media { aspect-ratio: auto; height: 100%; min-height: 320px; }
.post--featured .post__body { padding: clamp(1.75rem, 4vw, 2.75rem); gap: .9rem; justify-content: center; }
.post--featured h2 { font-size: var(--fs-2xl); }
@media (max-width: 820px) { .post--featured { grid-template-columns: 1fr; } .post--featured .post__media { min-height: 220px; } }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip {
font-family: var(--font-display); font-weight: 500; font-size: var(--fs-sm);
padding: .5rem 1rem; border-radius: 100px; border: 1px solid var(--line-strong);
background: var(--surface); color: var(--ink-2); cursor: pointer;
transition: all .16s ease;
}
.chip:hover { border-color: var(--accent); color: var(--accent); }
.chip.is-active { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
/* --------------------------------------------------------------------------
14. GALERİ
-------------------------------------------------------------------------- */
/* Mozaik ızgara: satır yüksekliği sabit, kutular satır/sütun kaplar */
.gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: clamp(88px, 8.5vw, 124px);
grid-auto-flow: dense;
gap: clamp(.75rem, 1.5vw, 1.15rem);
}
@media (max-width: 900px) { .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(96px, 13vw, 140px); } }
@media (max-width: 560px) { .gallery { grid-template-columns: 1fr; grid-auto-rows: clamp(110px, 30vw, 150px); } }
.shot {
position: relative; border-radius: var(--r-md); overflow: hidden; cursor: zoom-in;
border: 1px solid var(--line); background: var(--surface-sunk);
padding: 0; display: block; width: 100%; height: 100%;
grid-row: span 2;
}
.shot--tall { grid-row: span 3; }
.shot--wide { grid-column: span 2; grid-row: span 2; }
@media (max-width: 560px) { .shot--wide { grid-column: span 1; } }
.shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.16,.8,.24,1); }
.shot:hover img { transform: scale(1.05); }
.shot__cap {
position: absolute; inset: auto 0 0 0; padding: 1.5rem 1rem .85rem;
background: linear-gradient(180deg, transparent, rgba(5,23,55,.88));
color: #FFF; text-align: left;
display: flex; flex-direction: column; gap: .1rem;
}
.shot__cap strong { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.shot__cap span { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .09em; text-transform: uppercase; color: var(--blue-100); }
.shot.is-hidden { display: none; }
.lightbox {
position: fixed; inset: 0; z-index: 200; display: none;
background: rgba(5,23,55,.92); backdrop-filter: blur(6px);
align-items: center; justify-content: center; padding: clamp(1rem, 4vw, 3rem);
}
.lightbox.is-open { display: flex; }
.lightbox__inner { max-width: 1000px; width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.lightbox img { width: 100%; border-radius: var(--r-md); box-shadow: var(--shadow-lg); }
.lightbox__cap { color: var(--blue-100); font-size: var(--fs-sm); text-align: center; }
.lightbox__close {
position: absolute; top: 1.25rem; right: 1.25rem;
width: 44px; height: 44px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__close:hover { background: rgba(255,255,255,.2); }
.lightbox__nav {
position: absolute; top: 50%; transform: translateY(-50%);
width: 48px; height: 48px; border-radius: 50%;
background: rgba(255,255,255,.1); border: 1px solid rgba(184,220,243,.3);
color: #FFF; cursor: pointer; display: grid; place-items: center;
}
.lightbox__nav:hover { background: rgba(255,255,255,.2); }
.lightbox__nav--prev { left: 1rem; }
.lightbox__nav--next { right: 1rem; }
.lightbox .ico { width: 20px; height: 20px; }
/* --------------------------------------------------------------------------
15. ZAMAN ÇİZELGESİ (Hakkımızda)
-------------------------------------------------------------------------- */
.timeline { list-style: none; display: flex; flex-direction: column; gap: 0; position: relative; }
.timeline::before {
content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px;
background: linear-gradient(180deg, var(--blue-100), var(--blue-600));
}
.timeline li { display: grid; grid-template-columns: 34px 1fr; gap: 1.25rem; padding-bottom: 2.25rem; }
.timeline li:last-child { padding-bottom: 0; }
.timeline__dot {
width: 16px; height: 16px; border-radius: 50%; margin-top: .45rem;
background: var(--surface); border: 3px solid var(--accent); position: relative; z-index: 1;
}
.timeline__year {
font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--accent);
letter-spacing: .1em; display: block; margin-bottom: .25rem;
}
.timeline h3 { font-size: var(--fs-base); margin-bottom: .3rem; }
.timeline p { font-size: var(--fs-sm); color: var(--ink-2); }
/* Ekip */
.person { display: flex; flex-direction: column; gap: .9rem; }
.person__photo {
aspect-ratio: 1; border-radius: var(--r-lg); overflow: hidden;
background: var(--surface-sunk); border: 1px solid var(--line);
}
.person__photo img { width: 100%; height: 100%; object-fit: cover; }
.person h3 { font-size: var(--fs-base); }
.person p { font-size: var(--fs-sm); color: var(--ink-2); }
.person__role { font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
/* Değerler */
.value-card {
background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--accent);
border-radius: var(--r-md); padding: 1.5rem; display: flex; flex-direction: column; gap: .5rem;
}
.value-card h3 { font-size: var(--fs-base); }
.value-card p { font-size: var(--fs-sm); color: var(--ink-2); }
/* --------------------------------------------------------------------------
16. İLETİŞİM + FORM
-------------------------------------------------------------------------- */
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(2rem, 4vw, 3.5rem); align-items: start; }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }
.info-card {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: 1.5rem; display: flex; gap: 1rem; align-items: flex-start;
}
.info-card .ico-box {
width: 44px; height: 44px; border-radius: var(--r-md); flex: none;
background: var(--accent-quiet); color: var(--accent); display: grid; place-items: center;
}
.info-card .ico-box .ico { width: 22px; height: 22px; }
.info-card h3 { font-size: var(--fs-sm); font-family: var(--font-mono); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); margin-bottom: .35rem; }
.info-card p, .info-card a { font-size: var(--fs-base); color: var(--ink); }
.info-card a:hover { color: var(--accent); }
.info-card .small { font-size: var(--fs-sm); color: var(--ink-2); }
.form {
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
padding: clamp(1.5rem, 3vw, 2.25rem); display: flex; flex-direction: column; gap: 1.15rem;
}
.field { display: flex; flex-direction: column; gap: .4rem; }
.field label { font-family: var(--font-display); font-weight: 600; font-size: var(--fs-sm); }
.field label .req { color: var(--accent); }
.field input, .field select, .field textarea {
background: var(--bg); border: 1px solid var(--line-strong); border-radius: var(--r-sm);
padding: .75rem .9rem; font-size: var(--fs-base); font-family: var(--font-body);
transition: border-color .16s ease, box-shadow .16s ease;
width: 100%;
}
.field input:focus, .field select:focus, .field textarea:focus {
outline: none; border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-quiet);
}
.field textarea { resize: vertical; min-height: 130px; }
.field__hint { font-size: var(--fs-xs); color: var(--ink-3); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; }
@media (max-width: 600px) { .field-row { grid-template-columns: 1fr; } }
.check { display: flex; gap: .65rem; align-items: flex-start; font-size: var(--fs-sm); color: var(--ink-2); }
.check input { width: 18px; height: 18px; margin-top: .18rem; flex: none; accent-color: var(--accent); }
.form__note { font-size: var(--fs-xs); color: var(--ink-3); }
.form__status {
display: none; padding: .85rem 1rem; border-radius: var(--r-sm);
background: var(--accent-quiet); color: var(--accent-hover);
font-size: var(--fs-sm); border: 1px solid var(--accent);
}
.form__status.is-visible { display: block; }
.map-frame {
border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line);
background: var(--surface-sunk); position: relative; aspect-ratio: 21 / 9;
}
.map-frame img { width: 100%; height: 100%; object-fit: cover; filter: var(--img-dim); }
.map-frame__pin {
position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%);
background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
padding: .7rem 1rem; box-shadow: var(--shadow-md);
display: flex; align-items: center; gap: .6rem; font-size: var(--fs-sm); font-weight: 600;
font-family: var(--font-display);
}
.map-frame__pin .ico { width: 18px; height: 18px; color: var(--accent); }
/* SSS */
.faq { display: flex; flex-direction: column; gap: .6rem; }
.faq__item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.faq__q {
width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
padding: 1.15rem 1.35rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-base); color: var(--ink);
}
.faq__q .ico { width: 20px; height: 20px; color: var(--accent); flex: none; transition: transform .25s ease; }
.faq__item.is-open .faq__q .ico { transform: rotate(45deg); }
.faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; }
.faq__item.is-open .faq__a { grid-template-rows: 1fr; }
.faq__a > div { overflow: hidden; }
.faq__a p { padding: 0 1.35rem 1.25rem; font-size: var(--fs-sm); color: var(--ink-2); max-width: 68ch; }
/* --------------------------------------------------------------------------
17. FOOTER
-------------------------------------------------------------------------- */
.site-footer { background: var(--deep); color: var(--on-deep-2); margin-top: 0; }
.site-footer a { color: var(--on-deep-2); }
.site-footer a:hover { color: #FFF; }
.footer__top {
display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
gap: 2.5rem; padding-block: clamp(3rem, 6vw, 4.5rem);
}
@media (max-width: 900px) { .footer__top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .footer__top { grid-template-columns: 1fr; } }
.footer__brand { display: flex; flex-direction: column; gap: 1.15rem; max-width: 34ch; }
.footer__brand .brand { color: #FFF; }
.footer__brand .brand:hover { color: #FFF; }
.footer__brand .brand__sub { color: var(--blue-300); }
.footer__brand p { font-size: var(--fs-sm); }
.footer__col h4 {
font-family: var(--font-mono); font-size: var(--fs-2xs); letter-spacing: .14em;
text-transform: uppercase; color: var(--blue-300); font-weight: 500; margin-bottom: 1.1rem;
}
.footer__col ul { list-style: none; display: flex; flex-direction: column; gap: .65rem; }
.footer__col li { font-size: var(--fs-sm); }
.social { display: flex; gap: .6rem; }
.social a {
width: 38px; height: 38px; border-radius: var(--r-sm);
border: 1px solid rgba(184,220,243,.22); display: grid; place-items: center;
transition: background-color .16s ease, border-color .16s ease;
}
.social a:hover { background: rgba(184,220,243,.12); border-color: rgba(184,220,243,.45); }
.social .ico { width: 18px; height: 18px; }
.footer__bottom {
border-top: 1px solid rgba(184,220,243,.12);
padding-block: 1.35rem;
display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
font-size: var(--fs-xs);
}
.footer__bottom nav { display: flex; gap: 1.35rem; flex-wrap: wrap; }
/* Sabit mobil çağrı şeridi */
.mobile-cta {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
display: none; gap: 1px; background: var(--line);
border-top: 1px solid var(--line); box-shadow: 0 -6px 24px rgba(8,33,60,.14);
}
.mobile-cta a {
flex: 1; background: var(--surface); padding: .9rem .5rem;
display: flex; flex-direction: column; align-items: center; gap: .2rem;
font-family: var(--font-display); font-weight: 600; font-size: var(--fs-xs); color: var(--ink);
}
.mobile-cta a .ico { width: 19px; height: 19px; color: var(--accent); }
@media (max-width: 700px) {
.mobile-cta { display: flex; }
body { padding-bottom: 68px; }
}
/* --------------------------------------------------------------------------
18. GİRİŞ ANİMASYONU
-------------------------------------------------------------------------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.16,.8,.24,1); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-delay="1"] { transition-delay: .08s; }
.reveal[data-delay="2"] { transition-delay: .16s; }
.reveal[data-delay="3"] { transition-delay: .24s; }
.reveal[data-delay="4"] { transition-delay: .32s; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
.reveal { opacity: 1; transform: none; }
}
/* Koyu temada görsel parlaklığını zemine oturtur */
.figure img, .post__media img, .product__media img,
.shot img, .person__photo img { filter: var(--img-dim); }
/* --------------------------------------------------------------------------
19. YAZDIRMA
-------------------------------------------------------------------------- */
@media print {
.site-header, .topbar, .mobile-cta, .hero__canvas { display: none !important; }
body { background: #FFF; color: #000; }
}
</style>
</head>
<body>
<a class="skip-link" href="#main">İçeriğe geç</a>
<!-- ===== İkon seti ===== -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false"><defs>
<symbol id="i-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></symbol>
<symbol id="i-mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></symbol>
<symbol id="i-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
<symbol id="i-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
<symbol id="i-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5Z"/><path d="m9 12 2 2 4-4"/></symbol>
<symbol id="i-drop" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2.5S5.5 9.6 5.5 14a6.5 6.5 0 0 0 13 0C18.5 9.6 12 2.5 12 2.5Z"/></symbol>
<symbol id="i-filter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h18l-7 8v7l-4 2v-9Z"/></symbol>
<symbol id="i-wrench" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a4 4 0 0 0 5 5l-9.2 9.2a2.5 2.5 0 0 1-3.6-3.6Z"/><path d="m18.5 2.5-3 3 3 3 3-3Z"/></symbol>
<symbol id="i-flask" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 2v6.5L4.4 18a2 2 0 0 0 1.7 3h11.8a2 2 0 0 0 1.7-3L14 8.5V2"/><path d="M9 2h6M7.5 14h9"/></symbol>
<symbol id="i-truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6h11v10H2z"/><path d="M13 9h4l4 4v3h-8z"/><circle cx="6.5" cy="18.5" r="1.8"/><circle cx="17.5" cy="18.5" r="1.8"/></symbol>
<symbol id="i-headset" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14v-2a8 8 0 0 1 16 0v2"/><path d="M4 14h3v6H5a2 2 0 0 1-2-2v-4Zm16 0h-3v6h2a2 2 0 0 0 2-2v-4Z"/><path d="M17 20a3 3 0 0 1-3 2h-2"/></symbol>
<symbol id="i-leaf" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20c0-9 6-14 16-15 0 10-5 16-13 16H4Z"/><path d="M9 16c1.5-3.5 4-6 8-8"/></symbol>
<symbol id="i-award" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="9" r="6"/><path d="m8.5 14-1.5 8 5-3 5 3-1.5-8"/></symbol>
<symbol id="i-gauge" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 18a9 9 0 1 1 16 0"/><path d="m12 14 4-4"/></symbol>
<symbol id="i-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></symbol>
<symbol id="i-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m6 6 12 12M18 6 6 18"/></symbol>
<symbol id="i-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 6-6 6 6 6"/></symbol>
<symbol id="i-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></symbol>
<symbol id="i-pin" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s7-6.3 7-11a7 7 0 1 0-14 0c0 4.7 7 11 7 11Z"/><circle cx="12" cy="10" r="2.6"/></symbol>
<symbol id="i-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 7h16M4 12h16M4 17h16"/></symbol>
<symbol id="i-star" viewBox="0 0 24 24" fill="currentColor"><path d="m12 2 2.9 6.1 6.6.9-4.8 4.6 1.2 6.6L12 17.1 6.1 20.2l1.2-6.6L2.5 9l6.6-.9Z"/></symbol>
<symbol id="i-chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5Z"/></symbol>
<symbol id="i-ig" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.1" fill="currentColor" stroke="none"/></symbol>
<symbol id="i-in" viewBox="0 0 24 24" fill="currentColor"><path d="M4.5 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3 9h3v12H3Zm6 0h2.9v1.7h.05c.4-.76 1.4-1.9 3.15-1.9 3.35 0 4 2.2 4 5.1V21h-3v-5.4c0-1.3 0-3-1.85-3s-2.15 1.4-2.15 2.9V21H9Z"/></symbol>
<symbol id="i-fb" viewBox="0 0 24 24" fill="currentColor"><path d="M14 8.5V6.8c0-.8.2-1.3 1.4-1.3H17V2.6c-.3 0-1.2-.1-2.3-.1-2.4 0-4 1.4-4 4.1v1.9H8V12h2.7v9H14v-9h2.6l.4-3.5Z"/></symbol>
<symbol id="i-yt" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12s0-3.3-.4-4.9a2.6 2.6 0 0 0-1.8-1.8C18.1 5 12 5 12 5s-6.1 0-7.8.3a2.6 2.6 0 0 0-1.8 1.8C2 8.7 2 12 2 12s0 3.3.4 4.9c.2.9.9 1.6 1.8 1.8C5.9 19 12 19 12 19s6.1 0 7.8-.3a2.6 2.6 0 0 0 1.8-1.8c.4-1.6.4-4.9.4-4.9ZM10 15V9l5.2 3Z"/></symbol>
<symbol id="i-wa" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.3A10 10 0 1 0 12 2Zm5.2 13.9c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.7-.1a11 11 0 0 1-5.9-5.2c-.4-.8-.6-1.5-.5-2.2.1-.6.4-1.1.8-1.5.2-.2.4-.3.6-.3h.5c.2 0 .4 0 .6.4l.8 1.9c.1.2 0 .4-.1.6l-.4.5c-.1.2-.3.3-.1.6a8 8 0 0 0 3.5 3c.3.1.5.1.6-.1l.7-.8c.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.4.3v.7Z"/></symbol>
</defs></svg>
<!-- ===== Üst şerit ===== -->
<div class="topbar">
<div class="wrap">
<span>Ücretsiz su analizi ve keşif — İstanbul, Kocaeli ve Tekirdağ'da aynı gün</span>
<div class="topbar__contact">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> 0212 000 00 00</a>
<a href="mailto:info@hidrolin.com.tr"><svg class="ico"><use href="#i-mail"></use></svg> info@hidrolin.com.tr</a>
<span><svg class="ico"><use href="#i-clock"></use></svg> Hafta içi 08:30 – 18:30</span>
</div>
</div>
</div>
<!-- ===== Header ===== -->
<header class="site-header">
<div class="wrap">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<nav class="nav" id="primary-nav" aria-label="Ana menü">
<a href="index.html">Anasayfa</a>
<a href="hakkimizda.html">Hakkımızda</a>
<a href="galeri.html">Galeri</a>
<a href="blog.html">Blog</a>
<a href="iletisim.html" aria-current="page">İletişim</a>
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
</nav>
<div class="header__actions">
<a class="btn" href="iletisim.html">Ücretsiz Su Analizi</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="primary-nav" aria-label="Menüyü aç">
<svg class="ico ico--open"><use href="#i-menu"></use></svg>
<svg class="ico ico--close"><use href="#i-x"></use></svg>
</button>
</div>
</div>
</header>
<main id="main">
<section class="page-hero">
<div class="wrap">
<p class="crumbs"><a href="index.html">Anasayfa</a> <span>/</span> İletişim</p>
<p class="eyebrow">Bize ulaşın</p>
<h1>Ücretsiz su analizi ve keşif</h1>
<p>Formu doldurun ya da doğrudan arayın. İstanbul, Kocaeli ve Tekirdağ'da aynı gün, diğer illerde 48 saat içinde randevu veriyoruz.</p>
</div>
</section>
<section class="section">
<div class="wrap contact-grid">
<!-- Sol: iletişim bilgileri -->
<div class="stack gap-4 reveal">
<div class="info-card">
<span class="ico-box"><svg class="ico"><use href="#i-phone"></use></svg></span>
<div>
<h3>Telefon</h3>
<p><a href="tel:+902120000000">0212 000 00 00</a></p>
<p class="small">Hafta içi 08:30 – 18:30, Cumartesi 09:00 – 14:00</p>
</div>
</div>
<div class="info-card">
<span class="ico-box"><svg class="ico"><use href="#i-chat"></use></svg></span>
<div>
<h3>WhatsApp destek</h3>
<p><a href="#">0532 000 00 00</a></p>
<p class="small">Arıza bildirimi ve filtre siparişi için en hızlı kanal.</p>
</div>
</div>
<div class="info-card">
<span class="ico-box"><svg class="ico"><use href="#i-mail"></use></svg></span>
<div>
<h3>E-posta</h3>
<p><a href="mailto:info@hidrolin.com.tr">info@hidrolin.com.tr</a></p>
<p class="small">Teklif ve proje talepleri: <a href="mailto:proje@hidrolin.com.tr">proje@hidrolin.com.tr</a></p>
</div>
</div>
<div class="info-card">
<span class="ico-box"><svg class="ico"><use href="#i-pin"></use></svg></span>
<div>
<h3>Merkez ofis</h3>
<p>Yenibosna Mah. Su Sanayi Cad. No: 42<br>Bahçelievler / İstanbul</p>
<p class="small">Kocaeli servis merkezi: Çayırova Sanayi Sitesi B Blok No: 9</p>
</div>
</div>
<div class="info-card">
<span class="ico-box"><svg class="ico"><use href="#i-headset"></use></svg></span>
<div>
<h3>Arıza hattı</h3>
<p><a href="tel:+902120000001">0212 000 00 01</a></p>
<p class="small">Bakım sözleşmeli müşteriler için 7/24 açık. Müdahale süresi en geç 24 saat.</p>
</div>
</div>
</div>
<!-- Sağ: form -->
<form class="form reveal" id="contact-form" data-delay="1" novalidate>
<div class="stack gap-2">
<p class="eyebrow">Analiz talebi</p>
<h2>Suyunuzu ölçelim.</h2>
<p class="small">Zorunlu alanlar <span style="color:var(--accent)">*</span> ile işaretlidir. Keşif ve analiz ücretsizdir.</p>
</div>
<div class="form__status" role="status"></div>
<div class="field-row">
<div class="field">
<label for="ad">Ad Soyad <span class="req">*</span></label>
<input type="text" id="ad" name="ad" autocomplete="name" placeholder="Adınız ve soyadınız" required>
</div>
<div class="field">
<label for="telefon">Telefon <span class="req">*</span></label>
<input type="tel" id="telefon" name="telefon" autocomplete="tel" placeholder="05XX XXX XX XX" required>
</div>
</div>
<div class="field-row">
<div class="field">
<label for="eposta">E-posta</label>
<input type="email" id="eposta" name="eposta" autocomplete="email" placeholder="ornek@firma.com">
</div>
<div class="field">
<label for="sehir">Şehir / İlçe <span class="req">*</span></label>
<input type="text" id="sehir" name="sehir" placeholder="Örn. Bahçelievler / İstanbul" required>
</div>
</div>
<div class="field">
<label for="tur">Talebiniz hangi kapsamda? <span class="req">*</span></label>
<select id="tur" name="tur" required>
<option value="">Seçiniz</option>
<option>Evsel — tezgâh altı arıtma</option>
<option>Merkezi sistem — apartman / site</option>
<option>Endüstriyel — proses veya kazan besi suyu</option>
<option>Mevcut sistemim için bakım / arıza</option>
<option>Sadece su analizi istiyorum</option>
</select>
</div>
<div class="field">
<label for="mesaj">Kısaca durumu anlatın</label>
<textarea id="mesaj" name="mesaj" placeholder="Örn. Sitemizde kombi arızaları sıklaştı, suda kireç şikâyeti var. 48 daireli bir binayız."></textarea>
<span class="field__hint">Mevcut bir analiz raporunuz varsa keşif sırasında görmek isteriz.</span>
</div>
<label class="check">
<input type="checkbox" name="kvkk" required>
<span>Kişisel verilerimin, talebimin değerlendirilmesi amacıyla işlenmesine ilişkin <a href="#">KVKK Aydınlatma Metni</a>'ni okudum ve onaylıyorum. <span class="req" style="color:var(--accent)">*</span></span>
</label>
<button class="btn btn--lg" type="submit">Analiz talebini gönder <svg class="ico"><use href="#i-arrow"></use></svg></button>
<p class="form__note">Bu bir tasarım sunumudur; form gönderimi örnek amaçlıdır ve hiçbir veri kaydedilmez.</p>
</form>
</div>
</section>
<!-- Harita -->
<section class="section section--tight">
<div class="wrap stack gap-6">
<div class="section-head reveal" style="margin-bottom:0">
<p class="eyebrow">Konum</p>
<h2>Merkez ofisimiz Bahçelievler'de.</h2>
<p class="lede">Metrobüs Yenibosna durağına yürüme mesafesinde. Ziyaret öncesi randevu almanızı rica ederiz.</p>
</div>
<div class="map-frame reveal" data-delay="1">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAwIDYwMCIgd2lkdGg9IjE0MDAiIGhlaWdodD0iNjAwIj48cmVjdCB3aWR0aD0iMTQwMCIgaGVpZ2h0PSI2MDAiIGZpbGw9IiNEMEU5RjYiLz48cmVjdCB4PSIxMTE5IiB5PSIxOTYiIHdpZHRoPSI5OCIgaGVpZ2h0PSIxNDAiIHJ4PSI2IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48cmVjdCB4PSIxNjEiIHk9IjI4NiIgd2lkdGg9IjE0OSIgaGVpZ2h0PSIxMTciIHJ4PSI2IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48cmVjdCB4PSIyMDQiIHk9IjM3OCIgd2lkdGg9IjE0MCIgaGVpZ2h0PSIxNDQiIHJ4PSI2IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48cmVjdCB4PSI0MCIgeT0iNTc0IiB3aWR0aD0iODgiIGhlaWdodD0iMTM5IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iNzEwIiB5PSI1MDEiIHdpZHRoPSI4OSIgaGVpZ2h0PSI4NSIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjEyMiIgeT0iNDY3IiB3aWR0aD0iMTQ1IiBoZWlnaHQ9IjczIiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iMjY4IiB5PSI0OSIgd2lkdGg9IjkyIiBoZWlnaHQ9IjExMiIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjYxMyIgeT0iNDIzIiB3aWR0aD0iNzIiIGhlaWdodD0iMTQyIiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iMTM3NSIgeT0iNDQ0IiB3aWR0aD0iMTc5IiBoZWlnaHQ9IjE0MyIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjEzMyIgeT0iMjc3IiB3aWR0aD0iNzMiIGhlaWdodD0iMTM2IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iNzUzIiB5PSI2NCIgd2lkdGg9IjEzMSIgaGVpZ2h0PSIxMzUiIHJ4PSI2IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48cmVjdCB4PSI3NzMiIHk9IjczIiB3aWR0aD0iMjEwIiBoZWlnaHQ9IjU2IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iMTE4MCIgeT0iNTg0IiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE1NCIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9Ijc0MyIgeT0iMTMxIiB3aWR0aD0iMTM2IiBoZWlnaHQ9IjEzMSIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjEwNzYiIHk9IjIzMSIgd2lkdGg9IjIxMiIgaGVpZ2h0PSI1NCIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjY5NCIgeT0iMjQiIHdpZHRoPSIxMTciIGhlaWdodD0iMTU5IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iMTY1IiB5PSI1OTEiIHdpZHRoPSIyMDUiIGhlaWdodD0iMTI2IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iNzgiIHk9IjI4MyIgd2lkdGg9IjE3MSIgaGVpZ2h0PSI2MCIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjQxOCIgeT0iNTUiIHdpZHRoPSIxOTUiIGhlaWdodD0iMTUxIiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iMTI5MyIgeT0iNDUwIiB3aWR0aD0iMTUyIiBoZWlnaHQ9IjU3IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iNjc0IiB5PSI0NTYiIHdpZHRoPSIxODEiIGhlaWdodD0iNTMiIHJ4PSI2IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48cmVjdCB4PSIxMSIgeT0iNTMiIHdpZHRoPSIyMDgiIGhlaWdodD0iNjIiIHJ4PSI2IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48cmVjdCB4PSI1NDYiIHk9IjI4NiIgd2lkdGg9IjIwMSIgaGVpZ2h0PSI2NSIgcng9IjYiIGZpbGw9IiNCOERDRjMiIGZpbGwtb3BhY2l0eT0iMC44NSIvPjxyZWN0IHg9IjM2NiIgeT0iNDYzIiB3aWR0aD0iNzQiIGhlaWdodD0iNjgiIHJ4PSI2IiBmaWxsPSIjQjhEQ0YzIiBmaWxsLW9wYWNpdHk9IjAuODUiLz48cmVjdCB4PSIzNSIgeT0iNTc1IiB3aWR0aD0iOTciIGhlaWdodD0iMTA1IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PHJlY3QgeD0iNTMxIiB5PSI1ODkiIHdpZHRoPSIxNzQiIGhlaWdodD0iMTE2IiByeD0iNiIgZmlsbD0iI0I4RENGMyIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+PGxpbmUgeDE9IjAiIHkxPSI0OCIgeDI9IjE0MDAiIHkyPSI0OCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjE0Ii8+PGxpbmUgeDE9IjAiIHkxPSIxMzUiIHgyPSIxNDAwIiB5Mj0iMTM1IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTQiLz48bGluZSB4MT0iMCIgeTE9IjIyMiIgeDI9IjE0MDAiIHkyPSIyMjIiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxNCIvPjxsaW5lIHgxPSIwIiB5MT0iMzA5IiB4Mj0iMTQwMCIgeTI9IjMwOSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjE0Ii8+PGxpbmUgeDE9IjAiIHkxPSIzOTYiIHgyPSIxNDAwIiB5Mj0iMzk2IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTQiLz48bGluZSB4MT0iMCIgeTE9IjQ4MyIgeDI9IjE0MDAiIHkyPSI0ODMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxNCIvPjxsaW5lIHgxPSIwIiB5MT0iNTcwIiB4Mj0iMTQwMCIgeTI9IjU3MCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjE0Ii8+PGxpbmUgeDE9IjcwIiB5MT0iMCIgeDI9IjcwIiB5Mj0iNjAwIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTIiLz48bGluZSB4MT0iMjMxIiB5MT0iMCIgeDI9IjIzMSIgeTI9IjYwMCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEyIi8+PGxpbmUgeDE9IjM5MiIgeTE9IjAiIHgyPSIzOTIiIHkyPSI2MDAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMiIvPjxsaW5lIHgxPSI1NTMiIHkxPSIwIiB4Mj0iNTUzIiB5Mj0iNjAwIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMTIiLz48bGluZSB4MT0iNzE0IiB5MT0iMCIgeDI9IjcxNCIgeTI9IjYwMCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEyIi8+PGxpbmUgeDE9Ijg3NSIgeTE9IjAiIHgyPSI4NzUiIHkyPSI2MDAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMiIvPjxsaW5lIHgxPSIxMDM2IiB5MT0iMCIgeDI9IjEwMzYiIHkyPSI2MDAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMiIvPjxsaW5lIHgxPSIxMTk3IiB5MT0iMCIgeDI9IjExOTciIHkyPSI2MDAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMiIvPjxsaW5lIHgxPSIxMzU4IiB5MT0iMCIgeDI9IjEzNTgiIHkyPSI2MDAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMiIvPjxwYXRoIGQ9Ik0gMCA0NzAgQyAyMjAgNDMwIDM4MCA1MjAgNjIwIDQ3MCBDIDg2MCA0MjAgMTA1MCA1MDAgMTQwMCA0NTAgTCAxNDAwIDYwMCBMIDAgNjAwIFoiIGZpbGw9IiM3MUI2RTciIGZpbGwtb3BhY2l0eT0iMC41NSIvPjxwYXRoIGQ9Ik0gMCA1MDAgQyAyNDAgNDYyIDQwMCA1NDggNjQwIDUwMCBDIDg4MCA0NTIgMTA4MCA1MjggMTQwMCA0ODQgTCAxNDAwIDYwMCBMIDAgNjAwIFoiIGZpbGw9IiMzQTkzREEiIGZpbGwtb3BhY2l0eT0iMC40NSIvPjwvc3ZnPg==" alt="HİDROLİN merkez ofis konumu, Bahçelievler / İstanbul" loading="lazy" width="1400" height="600">
<span class="map-frame__pin"><svg class="ico"><use href="#i-pin"></use></svg> HİDROLİN Merkez Ofis</span>
</div>
<p class="small">Yayına alındığında bu alan gerçek Google Haritalar gömme çerçevesiyle değiştirilecektir.</p>
</div>
</section>
<!-- SSS -->
<section class="section section--sunk">
<div class="wrap wrap--narrow">
<div class="section-head reveal">
<p class="eyebrow">Sık sorulanlar</p>
<h2>Aramadan önce merak edilenler.</h2>
</div>
<div class="faq reveal">
<div class="faq__item is-open">
<button class="faq__q" type="button" aria-expanded="true">
Su analizi gerçekten ücretsiz mi?
<svg class="ico"><use href="#i-plus"></use></svg>
</button>
<div class="faq__a"><div>
<p>Evet. Yerinde yaptığımız ön ölçüm (TDS, pH, sertlik, iletkenlik) ve keşif tamamen ücretsizdir. Akredite laboratuvar raporu gerektiren detaylı analizlerde ise laboratuvar ücreti size iletilir, onayınız olmadan işlem başlatılmaz. Sonuç bizden sistem almamanız yönünde çıksa dahi raporu size bırakırız.</p>
</div></div>
</div>
<div class="faq__item">
<button class="faq__q" type="button" aria-expanded="false">
Kurulum ne kadar sürer, tesisatta değişiklik gerekir mi?
<svg class="ico"><use href="#i-plus"></use></svg>
</button>
<div class="faq__a"><div>
<p>Evsel tezgâh altı bir sistem ortalama 60–90 dakikada kurulur, mutfak dolabında küçük bir delik dışında değişiklik gerektirmez. Merkezi sistemlerde bina giriş hattına müdahale edildiği için süre 1–3 gündür. Endüstriyel projelerde kapasiteye göre 7–15 gün arasında devreye alma süresi öngörüyoruz.</p>
</div></div>
</div>
<div class="faq__item">
<button class="faq__q" type="button" aria-expanded="false">
Filtre değişimini kendim yapabilir miyim?
<svg class="ico"><use href="#i-plus"></use></svg>
</button>
<div class="faq__a"><div>
<p>Tortu ve karbon kademelerini kendiniz değiştirebilirsiniz; kartuşları kargoyla gönderiyoruz. Ancak membran değişimi ve sonrasındaki sanitasyon işlemi teknik ekip gerektirir — bu adım atlanırsa sistemde bakteriyel üreme riski oluşur. Bakım sözleşmesi kapsamındaki müşterilerimizde tüm kademeleri biz değiştiririz.</p>
</div></div>
</div>
<div class="faq__item">
<button class="faq__q" type="button" aria-expanded="false">
Arıza durumunda ne kadar sürede geliyorsunuz?
<svg class="ico"><use href="#i-plus"></use></svg>
</button>
<div class="faq__a"><div>
<p>Bakım sözleşmeli müşterilerimizde standart müdahale süremiz 24 saattir. Üretimi duran endüstriyel tesisler için 8 saatlik kritik SLA seçeneği sunuyoruz. Servis araçlarımızda en sık değişen yedek parçalar stoklu olduğu için arızaların büyük kısmı ilk ziyarette çözülür.</p>
</div></div>
</div>
<div class="faq__item">
<button class="faq__q" type="button" aria-expanded="false">
Garanti kapsamı nedir?
<svg class="ico"><use href="#i-plus"></use></svg>
</button>
<div class="faq__a"><div>
<p>Cihaz ve ekipmanlarda 2 yıl, montaj işçiliğinde 1 yıl garanti veriyoruz. Sarf malzemeler (filtre kartuşları, membran) garanti kapsamı dışındadır; bunların fiyatları sözleşmede sabitlenir ve yıl içinde değiştirilmez.</p>
</div></div>
</div>
<div class="faq__item">
<button class="faq__q" type="button" aria-expanded="false">
Hangi illerde hizmet veriyorsunuz?
<svg class="ico"><use href="#i-plus"></use></svg>
</button>
<div class="faq__a"><div>
<p>İstanbul, Kocaeli, Tekirdağ, Sakarya, Bursa, Yalova, Balıkesir, Çanakkale, İzmir, Manisa, Bilecik ve Edirne'de kendi ekiplerimizle çalışıyoruz. Diğer illerdeki endüstriyel projeler için proje bazlı değerlendirme yapıyoruz.</p>
</div></div>
</div>
</div>
</div>
</section>
</main>
<!-- ===== Footer ===== -->
<footer class="site-footer">
<div class="wrap">
<div class="footer__top">
<div class="footer__brand">
<a class="brand" href="index.html">
<svg class="brand__mark" viewBox="0 0 48 48" aria-hidden="true">
<circle cx="24" cy="24" r="23" fill="#0A2B4D"/>
<path d="M24 9s-9 10.2-9 16.4a9 9 0 0 0 18 0C33 19.2 24 9 24 9Z" fill="#3A93DA"/>
<path d="M24 9s-9 10.2-9 16.4c0 1 .2 2 .5 2.9 3.6 1.6 7.4 1.6 11 0 3.3-1.4 5.6-.8 6.4-.4.1-.8.1-1.6.1-2.5C33 19.2 24 9 24 9Z" fill="#B8DCF3"/>
<circle cx="24" cy="24" r="21.5" fill="none" stroke="#71B6E7" stroke-opacity=".45" stroke-width="1.5"/>
</svg>
<span class="brand__text">
<span class="brand__name">HİDROLİN</span>
<span class="brand__sub">Su Arıtma Sistemleri</span>
</span>
</a>
<p>Evsel, merkezi ve endüstriyel su arıtma sistemlerinde analizden bakıma kadar tek sorumlu. 2009'dan beri İstanbul merkezli hizmet veriyoruz.</p>
<div class="social">
<a href="#" aria-label="Instagram"><svg class="ico"><use href="#i-ig"></use></svg></a>
<a href="#" aria-label="LinkedIn"><svg class="ico"><use href="#i-in"></use></svg></a>
<a href="#" aria-label="Facebook"><svg class="ico"><use href="#i-fb"></use></svg></a>
<a href="#" aria-label="YouTube"><svg class="ico"><use href="#i-yt"></use></svg></a>
</div>
</div>
<div class="footer__col">
<h4>Kurumsal</h4>
<ul>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="galeri.html">Galeri</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Hizmetler</h4>
<ul>
<li><a href="index.html#hizmetler">Evsel su arıtma</a></li>
<li><a href="index.html#hizmetler">Merkezi sistem</a></li>
<li><a href="index.html#hizmetler">Endüstriyel arıtma</a></li>
<li><a href="index.html#hizmetler">Periyodik bakım</a></li>
<li><a href="index.html#hizmetler">Su analizi</a></li>
</ul>
</div>
<div class="footer__col">
<h4>İletişim</h4>
<ul>
<li><a href="tel:+902120000000">0212 000 00 00</a></li>
<li><a href="mailto:info@hidrolin.com.tr">info@hidrolin.com.tr</a></li>
<li>Yenibosna Mah. Su Sanayi Cad. No: 42<br>Bahçelievler / İstanbul</li>
<li>Hafta içi 08:30 – 18:30<br>Cumartesi 09:00 – 14:00</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<span>© 2026 HİDROLİN Su Arıtma Sistemleri — Örnek tasarım sunumu, içerikler temsilidir.</span>
<nav aria-label="Yasal">
<a href="#">KVKK Aydınlatma Metni</a>
<a href="#">Gizlilik Politikası</a>
<a href="#">Çerez Politikası</a>
</nav>
</div>
</div>
</footer>
<!-- Mobil hızlı erişim -->
<div class="mobile-cta">
<a href="tel:+902120000000"><svg class="ico"><use href="#i-phone"></use></svg> Ara</a>
<a href="#" aria-label="WhatsApp"><svg class="ico"><use href="#i-wa"></use></svg> WhatsApp</a>
<a href="iletisim.html"><svg class="ico"><use href="#i-flask"></use></svg> Su Analizi</a>
</div>
<script>
/* ==========================================================================
HİDROLİN — arayüz davranışları
Tüm modüller kendi elemanı sayfada yoksa sessizce devre dışı kalır,
böylece aynı dosya beş sayfada da güvenle çalışır.
========================================================================== */
(function () {
'use strict';
var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ---------- 1. Mobil menü ---------- */
function initNav() {
var toggle = document.querySelector('.nav-toggle');
var nav = document.getElementById('primary-nav');
if (!toggle || !nav) return;
toggle.addEventListener('click', function () {
var open = toggle.getAttribute('aria-expanded') === 'true';
toggle.setAttribute('aria-expanded', String(!open));
nav.classList.toggle('is-open', !open);
});
nav.addEventListener('click', function (e) {
if (e.target.closest('a')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
}
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && nav.classList.contains('is-open')) {
toggle.setAttribute('aria-expanded', 'false');
nav.classList.remove('is-open');
toggle.focus();
}
});
}
/* ---------- 2. Yapışkan başlık gölgesi ---------- */
function initHeader() {
var header = document.querySelector('.site-header');
if (!header) return;
var onScroll = function () {
header.classList.toggle('is-stuck', window.scrollY > 8);
};
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
}
/* ---------- 3. Kaydırmayla görünme ---------- */
function initReveal() {
var items = document.querySelectorAll('.reveal');
if (!items.length) return;
if (reduceMotion || !('IntersectionObserver' in window)) {
items.forEach(function (el) { el.classList.add('is-in'); });
return;
}
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-in');
io.unobserve(entry.target);
}
});
}, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });
items.forEach(function (el) { io.observe(el); });
}
/* ---------- 4. Sayaçlar ---------- */
function initCounters() {
var nums = document.querySelectorAll('[data-count]');
if (!nums.length) return;
var run = function (el) {
var target = parseFloat(el.getAttribute('data-count'));
var suffix = el.getAttribute('data-suffix') || '';
var decimals = (el.getAttribute('data-decimals') | 0);
if (reduceMotion) { el.textContent = target.toFixed(decimals) + suffix; return; }
var start = null, dur = 1500;
var tick = function (ts) {
if (start === null) start = ts;
var p = Math.min((ts - start) / dur, 1);
var eased = 1 - Math.pow(1 - p, 3);
el.textContent = (target * eased).toFixed(decimals) + suffix;
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
};
if (!('IntersectionObserver' in window)) { nums.forEach(run); return; }
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { run(e.target); io.unobserve(e.target); }
});
}, { threshold: 0.4 });
nums.forEach(function (el) { io.observe(el); });
}
/* ---------- 5. Su kalitesi göstergeleri ---------- */
function initGauges() {
var fills = document.querySelectorAll('.gauge__fill');
if (!fills.length) return;
setTimeout(function () {
fills.forEach(function (f) { f.style.width = (f.getAttribute('data-pct') || 0) + '%'; });
}, 350);
}
/* ---------- 6. Hero su yüzeyi (canvas dalgalar) ---------- */
function initWaterCanvas() {
var canvas = document.querySelector('.hero__canvas');
if (!canvas) return;
var ctx = canvas.getContext('2d');
var w = 0, h = 0, dpr = Math.min(window.devicePixelRatio || 1, 2);
var layers = [
{ amp: 26, len: 0.0042, speed: 0.00028, y: 0.62, color: 'rgba(58,147,218,0.30)' },
{ amp: 34, len: 0.0031, speed: 0.00019, y: 0.72, color: 'rgba(43,125,197,0.34)' },
{ amp: 20, len: 0.0058, speed: 0.00040, y: 0.83, color: 'rgba(17,58,98,0.55)' },
{ amp: 30, len: 0.0025, speed: 0.00013, y: 0.93, color: 'rgba(10,43,77,0.75)' }
];
function resize() {
var r = canvas.getBoundingClientRect();
w = Math.max(r.width, 1); h = Math.max(r.height, 1);
canvas.width = w * dpr; canvas.height = h * dpr;
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
}
function draw(t) {
ctx.clearRect(0, 0, w, h);
for (var i = 0; i < layers.length; i++) {
var L = layers[i];
ctx.beginPath();
ctx.moveTo(0, h);
var baseY = h * L.y;
for (var x = 0; x <= w; x += 6) {
var y = baseY
+ Math.sin(x * L.len + t * L.speed) * L.amp
+ Math.sin(x * L.len * 2.3 + t * L.speed * 1.6) * (L.amp * 0.35);
if (x === 0) ctx.lineTo(0, y);
else ctx.lineTo(x, y);
}
ctx.lineTo(w, h);
ctx.closePath();
ctx.fillStyle = L.color;
ctx.fill();
}
if (!reduceMotion) frame = requestAnimationFrame(draw);
}
var frame;
resize();
if (reduceMotion) { draw(0); }
else { frame = requestAnimationFrame(draw); }
var rt;
window.addEventListener('resize', function () {
clearTimeout(rt);
rt = setTimeout(function () { resize(); if (reduceMotion) draw(0); }, 150);
});
document.addEventListener('visibilitychange', function () {
if (document.hidden) { cancelAnimationFrame(frame); }
else if (!reduceMotion) { frame = requestAnimationFrame(draw); }
});
}
/* ---------- 7. Filtreler (galeri + blog) ---------- */
function initFilters() {
document.querySelectorAll('[data-filter-group]').forEach(function (group) {
var targetSel = group.getAttribute('data-filter-target');
var items = document.querySelectorAll(targetSel + ' [data-cat]');
if (!items.length) return;
group.addEventListener('click', function (e) {
var chip = e.target.closest('.chip');
if (!chip) return;
group.querySelectorAll('.chip').forEach(function (c) {
c.classList.toggle('is-active', c === chip);
c.setAttribute('aria-pressed', String(c === chip));
});
var cat = chip.getAttribute('data-cat-filter');
items.forEach(function (item) {
var match = cat === 'all' || item.getAttribute('data-cat') === cat;
item.classList.toggle('is-hidden', !match);
item.style.display = match ? '' : 'none';
});
});
});
}
/* ---------- 8. Galeri lightbox ---------- */
function initLightbox() {
var box = document.getElementById('lightbox');
if (!box) return;
var img = box.querySelector('img');
var cap = box.querySelector('.lightbox__cap');
var shots = Array.prototype.slice.call(document.querySelectorAll('.shot'));
var index = 0;
function visibleShots() {
return shots.filter(function (s) { return s.style.display !== 'none'; });
}
function show(i) {
var list = visibleShots();
if (!list.length) return;
index = (i + list.length) % list.length;
var shot = list[index];
var src = shot.getAttribute('data-full') || shot.querySelector('img').src;
img.src = src;
img.alt = shot.querySelector('img').alt;
cap.textContent = shot.getAttribute('data-caption') || '';
box.classList.add('is-open');
box.setAttribute('aria-hidden', 'false');
document.body.style.overflow = 'hidden';
}
function close() {
box.classList.remove('is-open');
box.setAttribute('aria-hidden', 'true');
document.body.style.overflow = '';
}
shots.forEach(function (shot) {
shot.addEventListener('click', function () {
show(visibleShots().indexOf(shot));
});
});
box.querySelector('.lightbox__close').addEventListener('click', close);
box.querySelector('.lightbox__nav--prev').addEventListener('click', function () { show(index - 1); });
box.querySelector('.lightbox__nav--next').addEventListener('click', function () { show(index + 1); });
box.addEventListener('click', function (e) { if (e.target === box) close(); });
document.addEventListener('keydown', function (e) {
if (!box.classList.contains('is-open')) return;
if (e.key === 'Escape') close();
if (e.key === 'ArrowLeft') show(index - 1);
if (e.key === 'ArrowRight') show(index + 1);
});
}
/* ---------- 9. SSS akordeon ---------- */
function initFaq() {
document.querySelectorAll('.faq').forEach(function (faq) {
faq.addEventListener('click', function (e) {
var q = e.target.closest('.faq__q');
if (!q) return;
var item = q.closest('.faq__item');
var open = item.classList.contains('is-open');
faq.querySelectorAll('.faq__item').forEach(function (i) {
i.classList.remove('is-open');
i.querySelector('.faq__q').setAttribute('aria-expanded', 'false');
});
if (!open) {
item.classList.add('is-open');
q.setAttribute('aria-expanded', 'true');
}
});
});
}
/* ---------- 10. İletişim formu (mockup davranışı) ---------- */
function initForm() {
var form = document.getElementById('contact-form');
if (!form) return;
var status = form.querySelector('.form__status');
form.addEventListener('submit', function (e) {
e.preventDefault();
if (!form.checkValidity()) { form.reportValidity(); return; }
var name = (form.querySelector('#ad') || {}).value || '';
status.textContent = name.trim()
? name.trim().split(' ')[0] + ', talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.'
: 'Talebiniz alındı. Ekibimiz aynı gün içinde size dönüş yapacak.';
status.classList.add('is-visible');
form.reset();
status.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'center' });
});
}
/* ---------- Başlat ---------- */
function boot() {
initNav();
initHeader();
initReveal();
initCounters();
initGauges();
initWaterCanvas();
initFilters();
initLightbox();
initFaq();
initForm();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', boot);
} else {
boot();
}
})();
</script>
</body>
</html>
FB Software SolutionsDers
