<style id="elementor-post-27">.elementor-27 .elementor-element.elementor-element-f333fa6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-6d92e2a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}</style>{"id":27,"date":"2022-05-11T07:54:18","date_gmt":"2022-05-11T07:54:18","guid":{"rendered":"https:\/\/demo.casethemes.net\/adsett\/?page_id=27"},"modified":"2026-10-12T11:08:35","modified_gmt":"2026-10-12T11:08:35","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/","title":{"rendered":"ANASAYFA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f333fa6 e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex e-con e-parent \" data-id=\"f333fa6\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-a2128c9 pxl-wg-bd-anm-no elementor-widget elementor-widget-html\" data-id=\"a2128c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n  AVANT-GARDE GLASS \/ ALUMINIUM\r\n  2026 ARCHITECTURAL HOMEPAGE\r\n  ELEMENTOR FULL WIDTH\r\n========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=Manrope:wght@400;500;600;700;800&family=Syne:wght@500;600;700;800&display=swap');\r\n\r\n#ag26{\r\n    --black:#090b0c;\r\n    --black2:#101314;\r\n    --white:#f6f5f1;\r\n    --paper:#ecebe6;\r\n    --lime:#d9ff43;\r\n    --gray:#8d9495;\r\n    --line:rgba(255,255,255,.14);\r\n\r\n    width:100vw;\r\n    max-width:100vw;\r\n    position:relative;\r\n    left:50%;\r\n    margin-left:-50vw;\r\n    overflow:hidden;\r\n    background:var(--white);\r\n    color:var(--black);\r\n    font-family:\"DM Sans\",sans-serif;\r\n}\r\n\r\n#ag26 *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#ag26 img{\r\n    display:block;\r\n    width:100%;\r\n}\r\n\r\n#ag26 a{\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n.ag-container{\r\n    width:min(1500px,92%);\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.ag-hero{\r\n    position:relative;\r\n    height:clamp(720px,92vh,980px);\r\n    min-height:720px;\r\n    background:#080a0b;\r\n    color:white;\r\n    overflow:hidden;\r\n}\r\n\r\n.ag-slides,\r\n.ag-slide{\r\n    position:absolute;\r\n    inset:0;\r\n}\r\n\r\n.ag-slide{\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transition:\r\n        opacity 1.2s ease,\r\n        visibility 1.2s ease;\r\n}\r\n\r\n.ag-slide.active{\r\n    opacity:1;\r\n    visibility:visible;\r\n}\r\n\r\n.ag-bg{\r\n    position:absolute;\r\n    inset:-30px;\r\n    background-size:cover;\r\n    background-position:center;\r\n    transform:scale(1.08);\r\n    transition:transform 7s cubic-bezier(.16,.8,.24,1);\r\n}\r\n\r\n.ag-slide.active .ag-bg{\r\n    transform:scale(1);\r\n}\r\n\r\n.ag-slide:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        rgba(4,6,7,.88) 0%,\r\n        rgba(4,6,7,.56) 35%,\r\n        rgba(4,6,7,.12) 72%\r\n    ),\r\n    linear-gradient(\r\n        0deg,\r\n        rgba(4,6,7,.76),\r\n        transparent 45%\r\n    );\r\n}\r\n\r\n\r\n\/* HERO FRAME *\/\r\n\r\n.ag-frame{\r\n    position:absolute;\r\n    inset:24px;\r\n    z-index:5;\r\n    pointer-events:none;\r\n    border:1px solid rgba(255,255,255,.22);\r\n}\r\n\r\n\r\n\/* TOP META *\/\r\n\r\n.ag-hero-top{\r\n    position:absolute;\r\n    z-index:10;\r\n    top:55px;\r\n    left:4%;\r\n    right:4%;\r\n\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n\r\n    font-family:\"Manrope\";\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ag-top-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n}\r\n\r\n.ag-dot{\r\n    width:9px;\r\n    height:9px;\r\n    border-radius:50%;\r\n    background:var(--lime);\r\n    box-shadow:0 0 20px var(--lime);\r\n}\r\n\r\n\r\n\/* HERO CONTENT *\/\r\n\r\n.ag-hero-content{\r\n    position:absolute;\r\n    z-index:10;\r\n    left:7%;\r\n    bottom:12%;\r\n    width:min(1050px,82%);\r\n}\r\n\r\n.ag-kicker{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:15px;\r\n\r\n    margin-bottom:25px;\r\n\r\n    font-family:\"Manrope\";\r\n    font-size:13px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--lime);\r\n}\r\n\r\n.ag-kicker:before{\r\n    content:\"\";\r\n    width:60px;\r\n    height:1px;\r\n    background:var(--lime);\r\n}\r\n\r\n.ag-hero h1{\r\n    margin:0;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n    font-size:clamp(62px,7vw,120px);\r\n    font-weight:600;\r\n    line-height:.84;\r\n    letter-spacing:-6px;\r\n}\r\n\r\n.ag-hero h1 .outline{\r\n    display:block;\r\n\r\n    color:transparent;\r\n    -webkit-text-stroke:1.5px rgba(255,255,255,.8);\r\n}\r\n\r\n.ag-description{\r\n    max-width:640px;\r\n    margin:38px 0 0 5px;\r\n\r\n    font-size:clamp(17px,1.2vw,20px);\r\n    line-height:1.75;\r\n\r\n    color:rgba(255,255,255,.74);\r\n}\r\n\r\n\r\n\/* BIG SLIDE NUMBER *\/\r\n\r\n.ag-number{\r\n    position:absolute;\r\n    z-index:10;\r\n    right:5%;\r\n    bottom:8%;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(80px,10vw,170px);\r\n    line-height:.7;\r\n    font-weight:600;\r\n\r\n    color:transparent;\r\n    -webkit-text-stroke:1px rgba(255,255,255,.38);\r\n}\r\n\r\n\r\n\/* VERTICAL TEXT *\/\r\n\r\n.ag-vertical{\r\n    position:absolute;\r\n    z-index:10;\r\n    right:44px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%) rotate(90deg);\r\n\r\n    font-family:\"Manrope\";\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:5px;\r\n    text-transform:uppercase;\r\n\r\n    color:rgba(255,255,255,.55);\r\n}\r\n\r\n\r\n\/* PROGRESS *\/\r\n\r\n.ag-progress{\r\n    position:absolute;\r\n    left:7%;\r\n    bottom:6%;\r\n    z-index:20;\r\n\r\n    width:220px;\r\n    height:2px;\r\n\r\n    background:rgba(255,255,255,.22);\r\n}\r\n\r\n.ag-progress-in{\r\n    width:0;\r\n    height:100%;\r\n    background:var(--lime);\r\n}\r\n\r\n.ag-progress-in.play{\r\n    animation:agprogress 5s linear forwards;\r\n}\r\n\r\n@keyframes agprogress{\r\n    to{width:100%}\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MARQUEE\r\n========================================================= *\/\r\n\r\n.ag-marquee{\r\n    overflow:hidden;\r\n    padding:28px 0;\r\n\r\n    background:var(--lime);\r\n    color:#090b0c;\r\n\r\n    transform:rotate(-1.3deg) scale(1.02);\r\n    position:relative;\r\n    z-index:20;\r\n    margin-top:-12px;\r\n}\r\n\r\n.ag-marquee-track{\r\n    width:max-content;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:45px;\r\n\r\n    animation:agmove 24s linear infinite;\r\n}\r\n\r\n.ag-marquee span{\r\n    font-family:\"Syne\";\r\n    font-size:clamp(22px,2vw,35px);\r\n    font-weight:700;\r\n    white-space:nowrap;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ag-marquee b{\r\n    font-size:20px;\r\n}\r\n\r\n@keyframes agmove{\r\n    to{\r\n        transform:translateX(-50%);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANIFESTO\r\n========================================================= *\/\r\n\r\n.ag-manifesto{\r\n    padding:160px 0 140px;\r\n    background:var(--white);\r\n}\r\n\r\n.ag-manifesto-grid{\r\n    display:grid;\r\n    grid-template-columns:.42fr 1.58fr;\r\n    gap:70px;\r\n}\r\n\r\n.ag-label{\r\n    font-family:\"Manrope\";\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ag-label span{\r\n    color:#9ba900;\r\n}\r\n\r\n.ag-manifesto h2{\r\n    max-width:1150px;\r\n    margin:0;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(48px,5.6vw,92px);\r\n    line-height:.98;\r\n    font-weight:600;\r\n    letter-spacing:-4px;\r\n}\r\n\r\n.ag-manifesto h2 em{\r\n    font-style:normal;\r\n    color:#9aa900;\r\n}\r\n\r\n.ag-manifesto-bottom{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:60px;\r\n\r\n    max-width:850px;\r\n    margin:55px 0 0 auto;\r\n}\r\n\r\n.ag-manifesto-bottom p{\r\n    margin:0;\r\n    font-size:17px;\r\n    line-height:1.85;\r\n    color:#606667;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES TITLE\r\n========================================================= *\/\r\n\r\n.ag-services{\r\n    padding:130px 0;\r\n    background:#0b0e0f;\r\n    color:white;\r\n}\r\n\r\n.ag-services-header{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    align-items:end;\r\n    margin-bottom:90px;\r\n}\r\n\r\n.ag-services-header h2{\r\n    margin:15px 0 0;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(55px,7vw,110px);\r\n    font-weight:600;\r\n    line-height:.82;\r\n    letter-spacing:-6px;\r\n}\r\n\r\n.ag-services-header h2 span{\r\n    color:transparent;\r\n    -webkit-text-stroke:1px rgba(255,255,255,.55);\r\n}\r\n\r\n.ag-services-intro{\r\n    max-width:520px;\r\n    margin-left:auto;\r\n\r\n    font-size:18px;\r\n    line-height:1.8;\r\n\r\n    color:#92999b;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHAOTIC \/ EDITORIAL SERVICE GRID\r\n========================================================= *\/\r\n\r\n.ag-projects{\r\n    display:grid;\r\n    grid-template-columns:repeat(12,1fr);\r\n    gap:26px;\r\n    align-items:start;\r\n}\r\n\r\n.ag-card{\r\n    position:relative;\r\n}\r\n\r\n.ag-card:nth-child(1){\r\n    grid-column:1 \/ 8;\r\n}\r\n\r\n.ag-card:nth-child(2){\r\n    grid-column:9 \/ 13;\r\n    margin-top:160px;\r\n}\r\n\r\n.ag-card:nth-child(3){\r\n    grid-column:2 \/ 6;\r\n    margin-top:80px;\r\n}\r\n\r\n.ag-card:nth-child(4){\r\n    grid-column:7 \/ 13;\r\n    margin-top:-40px;\r\n}\r\n\r\n.ag-card:nth-child(5){\r\n    grid-column:1 \/ 7;\r\n    margin-top:120px;\r\n}\r\n\r\n.ag-card:nth-child(6){\r\n    grid-column:8 \/ 13;\r\n    margin-top:30px;\r\n}\r\n\r\n.ag-card:nth-child(7){\r\n    grid-column:3 \/ 11;\r\n    margin-top:110px;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.ag-card-image{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:#222;\r\n}\r\n\r\n.ag-card:nth-child(odd) .ag-card-image{\r\n    aspect-ratio:16\/10;\r\n}\r\n\r\n.ag-card:nth-child(even) .ag-card-image{\r\n    aspect-ratio:4\/5;\r\n}\r\n\r\n.ag-card:nth-child(7) .ag-card-image{\r\n    aspect-ratio:16\/8;\r\n}\r\n\r\n.ag-card-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform 1s cubic-bezier(.16,.8,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n.ag-card:hover img{\r\n    transform:scale(1.055);\r\n}\r\n\r\n\r\n\/* IMAGE CORNER *\/\r\n\r\n.ag-card-image:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:65px;\r\n    height:65px;\r\n    right:0;\r\n    top:0;\r\n\r\n    border-top:2px solid var(--lime);\r\n    border-right:2px solid var(--lime);\r\n\r\n    opacity:0;\r\n    transform:translate(-20px,20px);\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.ag-card:hover .ag-card-image:after{\r\n    opacity:1;\r\n    transform:translate(-15px,15px);\r\n}\r\n\r\n\r\n\/* TEXT *\/\r\n\r\n.ag-card-meta{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:15px;\r\n\r\n    margin-top:20px;\r\n\r\n    font-family:\"Manrope\";\r\n    font-size:11px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n\r\n    color:#7d8587;\r\n}\r\n\r\n.ag-card h3{\r\n    margin:10px 0 0;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(28px,3vw,50px);\r\n    font-weight:600;\r\n    line-height:1;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.ag-card h3 span{\r\n    color:var(--lime);\r\n}\r\n\r\n.ag-card p{\r\n    max-width:550px;\r\n    margin:15px 0 0;\r\n\r\n    color:#8d9496;\r\n    font-size:15px;\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATEMENT\r\n========================================================= *\/\r\n\r\n.ag-statement{\r\n    position:relative;\r\n    padding:170px 0;\r\n    background:var(--paper);\r\n    overflow:hidden;\r\n}\r\n\r\n.ag-statement-number{\r\n    position:absolute;\r\n    right:-20px;\r\n    top:-90px;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:400px;\r\n    line-height:1;\r\n    font-weight:700;\r\n\r\n    color:rgba(0,0,0,.035);\r\n}\r\n\r\n.ag-statement-grid{\r\n    display:grid;\r\n    grid-template-columns:.75fr 1.25fr;\r\n    gap:100px;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.ag-statement h2{\r\n    margin:0;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(52px,6vw,100px);\r\n    font-weight:600;\r\n    line-height:.88;\r\n    letter-spacing:-5px;\r\n}\r\n\r\n.ag-statement h2 span{\r\n    color:#a4b500;\r\n}\r\n\r\n.ag-statement-copy{\r\n    align-self:end;\r\n    max-width:650px;\r\n}\r\n\r\n.ag-statement-copy > p{\r\n    margin:0 0 45px;\r\n\r\n    font-size:21px;\r\n    line-height:1.75;\r\n    color:#4e5556;\r\n}\r\n\r\n\r\n\/* FEATURES *\/\r\n\r\n.ag-feature-list{\r\n    border-top:1px solid #c7c7c0;\r\n}\r\n\r\n.ag-feature{\r\n    display:grid;\r\n    grid-template-columns:60px 1fr auto;\r\n    gap:20px;\r\n    align-items:center;\r\n\r\n    padding:24px 0;\r\n\r\n    border-bottom:1px solid #c7c7c0;\r\n}\r\n\r\n.ag-feature-no{\r\n    font-family:\"Syne\";\r\n    color:#9aaa00;\r\n    font-weight:700;\r\n}\r\n\r\n.ag-feature strong{\r\n    font-family:\"Syne\";\r\n    font-size:20px;\r\n    font-weight:600;\r\n}\r\n\r\n.ag-feature-icon{\r\n    width:34px;\r\n    height:34px;\r\n    border:1px solid #aaa;\r\n    border-radius:50%;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE IMAGE \/ KIS BAHCESI\r\n========================================================= *\/\r\n\r\n.ag-focus{\r\n    position:relative;\r\n    height:850px;\r\n    overflow:hidden;\r\n    background:#111;\r\n}\r\n\r\n.ag-focus img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.ag-focus:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,.75),\r\n            rgba(0,0,0,.08) 65%\r\n        );\r\n}\r\n\r\n.ag-focus-content{\r\n    position:absolute;\r\n    z-index:5;\r\n    left:7%;\r\n    bottom:10%;\r\n    max-width:850px;\r\n    color:white;\r\n}\r\n\r\n.ag-focus-tag{\r\n    display:inline-flex;\r\n    padding:10px 16px;\r\n    margin-bottom:25px;\r\n\r\n    background:var(--lime);\r\n    color:#080a0b;\r\n\r\n    font-family:\"Manrope\";\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ag-focus h2{\r\n    margin:0;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(55px,7vw,110px);\r\n    line-height:.86;\r\n    letter-spacing:-6px;\r\n    font-weight:600;\r\n}\r\n\r\n.ag-focus h2 span{\r\n    display:block;\r\n    color:transparent;\r\n    -webkit-text-stroke:1px white;\r\n}\r\n\r\n.ag-focus p{\r\n    max-width:570px;\r\n    margin:30px 0 0;\r\n\r\n    font-size:18px;\r\n    line-height:1.75;\r\n\r\n    color:rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   APPLICATIONS\r\n========================================================= *\/\r\n\r\n.ag-applications{\r\n    padding:130px 0;\r\n    background:#0b0e0f;\r\n    color:white;\r\n}\r\n\r\n.ag-app-top{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:50px;\r\n    margin-bottom:70px;\r\n}\r\n\r\n.ag-app-top h2{\r\n    margin:0;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(50px,6vw,90px);\r\n    line-height:.9;\r\n    letter-spacing:-5px;\r\n    font-weight:600;\r\n}\r\n\r\n.ag-app-list{\r\n    border-top:1px solid var(--line);\r\n}\r\n\r\n.ag-app-item{\r\n    display:grid;\r\n    grid-template-columns:100px 1fr auto;\r\n    align-items:center;\r\n\r\n    padding:28px 0;\r\n\r\n    border-bottom:1px solid var(--line);\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.ag-app-item:hover{\r\n    padding-left:25px;\r\n    background:rgba(217,255,67,.035);\r\n}\r\n\r\n.ag-app-num{\r\n    color:var(--lime);\r\n    font-family:\"Syne\";\r\n    font-weight:700;\r\n}\r\n\r\n.ag-app-name{\r\n    font-family:\"Syne\";\r\n    font-size:clamp(25px,3vw,44px);\r\n    font-weight:500;\r\n}\r\n\r\n.ag-app-type{\r\n    color:#697174;\r\n    font-size:13px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL\r\n========================================================= *\/\r\n\r\n.ag-final{\r\n    position:relative;\r\n    padding:180px 0;\r\n    background:var(--lime);\r\n    color:#080a0b;\r\n    overflow:hidden;\r\n}\r\n\r\n.ag-final:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:650px;\r\n    height:650px;\r\n    border:1px solid rgba(0,0,0,.2);\r\n    border-radius:50%;\r\n    right:-180px;\r\n    top:-250px;\r\n}\r\n\r\n.ag-final-inner{\r\n    width:min(1350px,90%);\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.ag-final-small{\r\n    font-family:\"Manrope\";\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ag-final h2{\r\n    max-width:1200px;\r\n    margin:25px 0;\r\n\r\n    font-family:\"Syne\";\r\n    font-size:clamp(60px,8vw,135px);\r\n    font-weight:600;\r\n    line-height:.82;\r\n    letter-spacing:-7px;\r\n}\r\n\r\n.ag-final p{\r\n    max-width:600px;\r\n    margin:35px 0 0;\r\n\r\n    font-size:19px;\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .ag-manifesto-grid,\r\n    .ag-statement-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ag-services-header{\r\n        grid-template-columns:1fr;\r\n        gap:35px;\r\n    }\r\n\r\n    .ag-services-intro{\r\n        margin-left:0;\r\n    }\r\n\r\n    .ag-projects{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .ag-card:nth-child(n){\r\n        grid-column:auto;\r\n        margin-top:0;\r\n    }\r\n\r\n    .ag-card:nth-child(n) .ag-card-image{\r\n        aspect-ratio:4\/5;\r\n    }\r\n\r\n    .ag-card:nth-child(7){\r\n        grid-column:1 \/ 3;\r\n    }\r\n\r\n    .ag-card:nth-child(7) .ag-card-image{\r\n        aspect-ratio:16\/8;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media(max-width:767px){\r\n\r\n    .ag-container{\r\n        width:88%;\r\n    }\r\n\r\n    .ag-frame{\r\n        inset:10px;\r\n    }\r\n\r\n    .ag-hero{\r\n        height:760px;\r\n        min-height:760px;\r\n    }\r\n\r\n    .ag-slide:after{\r\n        background:\r\n            linear-gradient(\r\n                0deg,\r\n                rgba(3,5,6,.94) 0%,\r\n                rgba(3,5,6,.42) 72%\r\n            );\r\n    }\r\n\r\n    .ag-hero-top{\r\n        top:35px;\r\n        left:7%;\r\n        right:7%;\r\n    }\r\n\r\n    .ag-top-right{\r\n        display:none;\r\n    }\r\n\r\n    .ag-hero-content{\r\n        left:7%;\r\n        bottom:14%;\r\n        width:86%;\r\n    }\r\n\r\n    .ag-kicker{\r\n        font-size:10px;\r\n        letter-spacing:2px;\r\n    }\r\n\r\n    .ag-kicker:before{\r\n        width:30px;\r\n    }\r\n\r\n    .ag-hero h1{\r\n        font-size:clamp(52px,15vw,76px);\r\n        letter-spacing:-4px;\r\n        line-height:.88;\r\n    }\r\n\r\n    .ag-description{\r\n        font-size:15px;\r\n        margin-top:25px;\r\n    }\r\n\r\n    .ag-number{\r\n        right:6%;\r\n        bottom:4%;\r\n        font-size:70px;\r\n    }\r\n\r\n    .ag-vertical{\r\n        display:none;\r\n    }\r\n\r\n    .ag-progress{\r\n        bottom:8%;\r\n        width:130px;\r\n    }\r\n\r\n\r\n    \/* MARQUEE *\/\r\n\r\n    .ag-marquee{\r\n        padding:19px 0;\r\n    }\r\n\r\n    .ag-marquee span{\r\n        font-size:19px;\r\n    }\r\n\r\n\r\n    \/* MANIFESTO *\/\r\n\r\n    .ag-manifesto{\r\n        padding:100px 0;\r\n    }\r\n\r\n    .ag-manifesto-grid{\r\n        gap:35px;\r\n    }\r\n\r\n    .ag-manifesto h2{\r\n        font-size:46px;\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .ag-manifesto-bottom{\r\n        grid-template-columns:1fr;\r\n        gap:25px;\r\n        margin-top:40px;\r\n    }\r\n\r\n\r\n    \/* SERVICES *\/\r\n\r\n    .ag-services{\r\n        padding:90px 0;\r\n    }\r\n\r\n    .ag-services-header{\r\n        margin-bottom:50px;\r\n    }\r\n\r\n    .ag-services-header h2{\r\n        font-size:58px;\r\n        letter-spacing:-4px;\r\n    }\r\n\r\n    .ag-projects{\r\n        grid-template-columns:1fr;\r\n        gap:55px;\r\n    }\r\n\r\n    .ag-card:nth-child(n){\r\n        grid-column:auto;\r\n    }\r\n\r\n    .ag-card:nth-child(n) .ag-card-image{\r\n        aspect-ratio:4\/3;\r\n    }\r\n\r\n    .ag-card h3{\r\n        font-size:32px;\r\n    }\r\n\r\n\r\n    \/* STATEMENT *\/\r\n\r\n    .ag-statement{\r\n        padding:100px 0;\r\n    }\r\n\r\n    .ag-statement-grid{\r\n        gap:45px;\r\n    }\r\n\r\n    .ag-statement h2{\r\n        font-size:54px;\r\n        letter-spacing:-4px;\r\n    }\r\n\r\n    .ag-statement-copy > p{\r\n        font-size:18px;\r\n    }\r\n\r\n    .ag-statement-number{\r\n        font-size:230px;\r\n    }\r\n\r\n\r\n    \/* FOCUS *\/\r\n\r\n    .ag-focus{\r\n        height:700px;\r\n    }\r\n\r\n    .ag-focus:after{\r\n        background:\r\n            linear-gradient(\r\n                0deg,\r\n                rgba(0,0,0,.88),\r\n                rgba(0,0,0,.1) 80%\r\n            );\r\n    }\r\n\r\n    .ag-focus-content{\r\n        left:7%;\r\n        right:7%;\r\n        bottom:9%;\r\n    }\r\n\r\n    .ag-focus h2{\r\n        font-size:55px;\r\n        letter-spacing:-4px;\r\n    }\r\n\r\n    .ag-focus p{\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    \/* APPLICATIONS *\/\r\n\r\n    .ag-applications{\r\n        padding:90px 0;\r\n    }\r\n\r\n    .ag-app-top{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .ag-app-top h2{\r\n        font-size:52px;\r\n    }\r\n\r\n    .ag-app-item{\r\n        grid-template-columns:45px 1fr;\r\n    }\r\n\r\n    .ag-app-type{\r\n        display:none;\r\n    }\r\n\r\n    .ag-app-name{\r\n        font-size:25px;\r\n    }\r\n\r\n\r\n    \/* FINAL *\/\r\n\r\n    .ag-final{\r\n        padding:120px 0;\r\n    }\r\n\r\n    .ag-final h2{\r\n        font-size:58px;\r\n        letter-spacing:-5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media(max-width:480px){\r\n\r\n    .ag-hero{\r\n        height:700px;\r\n        min-height:700px;\r\n    }\r\n\r\n    .ag-hero h1{\r\n        font-size:48px;\r\n    }\r\n\r\n    .ag-manifesto h2{\r\n        font-size:40px;\r\n    }\r\n\r\n    .ag-services-header h2{\r\n        font-size:50px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"ag26\">\r\n\r\n\r\n<!-- =========================================================\r\n HERO\r\n========================================================= -->\r\n\r\n<section class=\"ag-hero\">\r\n\r\n    <div class=\"ag-frame\"><\/div>\r\n\r\n    <div class=\"ag-hero-top\">\r\n\r\n        <div class=\"ag-top-left\">\r\n            \r\n            \r\n        <\/div>\r\n\r\n        <div class=\"ag-top-right\">\r\n            \r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ag-slides\">\r\n\r\n\r\n        <!-- 01 -->\r\n\r\n        <div class=\"ag-slide active\">\r\n\r\n            <div\r\n                class=\"ag-bg\"\r\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/01-Cam-Balkon-Sistemleri.png')\">\r\n            <\/div>\r\n\r\n            <div class=\"ag-hero-content\">\r\n\r\n                <div class=\"ag-kicker\">\r\n                    CAM BALKON \/ 01\r\n                <\/div>\r\n\r\n                <h1>\r\n                    SINIRLARI\r\n                    <span class=\"outline\">\u015eEFFAFLA\u015eTIR.<\/span>\r\n                <\/h1>\r\n\r\n                <div class=\"ag-description\">\r\n                    \u0130\u00e7 mek\u00e2n ile d\u0131\u015f d\u00fcnyay\u0131 birbirinden ay\u0131rmak yerine\r\n                    onlar\u0131 tek bir mimari deneyimde bulu\u015fturan modern\r\n                    cam balkon sistemleri.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 02 -->\r\n\r\n        <div class=\"ag-slide\">\r\n\r\n            <div\r\n                class=\"ag-bg\"\r\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/02-Aluminyum-Dis-Cephe-scaled.png')\">\r\n            <\/div>\r\n\r\n            <div class=\"ag-hero-content\">\r\n\r\n                <div class=\"ag-kicker\">\r\n                    AL\u00dcM\u0130NYUM CEPHE \/ 02\r\n                <\/div>\r\n\r\n                <h1>\r\n                    YAPININ\r\n                    <span class=\"outline\">YEN\u0130 Y\u00dcZ\u00dc.<\/span>\r\n                <\/h1>\r\n\r\n                <div class=\"ag-description\">\r\n                    G\u00fc\u00e7l\u00fc geometriler, rafine detaylar ve \u00e7a\u011fda\u015f\r\n                    al\u00fcminyum cephe teknolojileriyle mimariye\r\n                    yeni bir karakter kazand\u0131r\u0131yoruz.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 03 -->\r\n\r\n        <div class=\"ag-slide\">\r\n\r\n            <div\r\n                class=\"ag-bg\"\r\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/03-Giyotin-Cam-Sistemleri.jpg')\">\r\n            <\/div>\r\n\r\n            <div class=\"ag-hero-content\">\r\n\r\n                <div class=\"ag-kicker\">\r\n                    G\u0130YOT\u0130N CAM \/ 03\r\n                <\/div>\r\n\r\n                <h1>\r\n                    MEK\u00c2NI\r\n                    <span class=\"outline\">HAREKET ETT\u0130R.<\/span>\r\n                <\/h1>\r\n\r\n                <div class=\"ag-description\">\r\n                    Hareketli cam teknolojisiyle a\u00e7\u0131k ve kapal\u0131 alan\r\n                    aras\u0131ndaki s\u0131n\u0131rlar\u0131 tek dokunu\u015fla yeniden tan\u0131mlay\u0131n.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 04 -->\r\n\r\n        <div class=\"ag-slide\">\r\n\r\n            <div\r\n                class=\"ag-bg\"\r\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/04-Ofis-Bolme-sistemleri.png')\">\r\n            <\/div>\r\n\r\n            <div class=\"ag-hero-content\">\r\n\r\n                <div class=\"ag-kicker\">\r\n                    OF\u0130S B\u00d6LME \/ 04\r\n                <\/div>\r\n\r\n                <h1>\r\n                    \u015eEFFAF\r\n                    <span class=\"outline\">\u00c7ALI\u015eMA K\u00dcLT\u00dcR\u00dc.<\/span>\r\n                <\/h1>\r\n\r\n                <div class=\"ag-description\">\r\n                    I\u015f\u0131\u011f\u0131, ferahl\u0131\u011f\u0131 ve \u00e7a\u011fda\u015f kurumsal mimariyi\r\n                    merkezine alan yeni nesil ofis b\u00f6lme sistemleri.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- 05 -->\r\n\r\n        <div class=\"ag-slide\">\r\n\r\n            <div\r\n                class=\"ag-bg\"\r\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/05-Dusa-Kabin-Sistemleri.png')\">\r\n            <\/div>\r\n\r\n            <div class=\"ag-hero-content\">\r\n\r\n                <div class=\"ag-kicker\">\r\n                    KI\u015e BAH\u00c7ES\u0130 \/ 05\r\n                <\/div>\r\n\r\n                <h1>\r\n                    DI\u015eARISI\r\n                    <span class=\"outline\">ARTIK \u0130\u00c7ER\u0130DE.<\/span>\r\n                <\/h1>\r\n\r\n                <div class=\"ag-description\">\r\n                    Do\u011fayla aran\u0131za duvar \u00f6rmeden d\u00f6rt mevsim\r\n                    ya\u015fayabilece\u011finiz panoramik ya\u015fam alanlar\u0131.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ag-number\">\r\n        01\r\n    <\/div>\r\n\r\n    <div class=\"ag-vertical\">\r\n        DESIGN \/ GLASS \/ ALUMINIUM \/ SPACE\r\n    <\/div>\r\n\r\n    <div class=\"ag-progress\">\r\n        <div class=\"ag-progress-in play\"><\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n MOVING BAND\r\n========================================================= -->\r\n\r\n<div class=\"ag-marquee\">\r\n\r\n    <div class=\"ag-marquee-track\">\r\n\r\n        <span>CAM BALKON<\/span><b>\u2726<\/b>\r\n        <span>AL\u00dcM\u0130NYUM CEPHE<\/span><b>\u2726<\/b>\r\n        <span>G\u0130YOT\u0130N CAM<\/span><b>\u2726<\/b>\r\n        <span>OF\u0130S B\u00d6LME<\/span><b>\u2726<\/b>\r\n        <span>DU\u015eAKAB\u0130N<\/span><b>\u2726<\/b>\r\n        <span>KI\u015e BAH\u00c7ES\u0130<\/span><b>\u2726<\/b>\r\n        <span>S\u0130NEKL\u0130K<\/span><b>\u2726<\/b>\r\n\r\n        <span>CAM BALKON<\/span><b>\u2726<\/b>\r\n        <span>AL\u00dcM\u0130NYUM CEPHE<\/span><b>\u2726<\/b>\r\n        <span>G\u0130YOT\u0130N CAM<\/span><b>\u2726<\/b>\r\n        <span>OF\u0130S B\u00d6LME<\/span><b>\u2726<\/b>\r\n        <span>DU\u015eAKAB\u0130N<\/span><b>\u2726<\/b>\r\n        <span>KI\u015e BAH\u00c7ES\u0130<\/span><b>\u2726<\/b>\r\n        <span>S\u0130NEKL\u0130K<\/span><b>\u2726<\/b>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n MANIFESTO\r\n========================================================= -->\r\n\r\n<section class=\"ag-manifesto\">\r\n\r\n    <div class=\"ag-container\">\r\n\r\n        <div class=\"ag-manifesto-grid\">\r\n\r\n            <div class=\"ag-label\">\r\n                <span>01 \u2014<\/span> YAKLA\u015eIM\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <h2>\r\n                    CAM SADECE B\u0130R MALZEME DE\u011e\u0130L.\r\n                    <em>MEK\u00c2NIN KEND\u0130S\u0130.<\/em>\r\n                <\/h2>\r\n\r\n\r\n                <div class=\"ag-manifesto-bottom\">\r\n\r\n                    <p>\r\n                        Ya\u015fam alanlar\u0131n\u0131 kapatan sistemler de\u011fil,\r\n                        onlar\u0131 \u00f6zg\u00fcrle\u015ftiren mimari \u00e7\u00f6z\u00fcmler\r\n                        tasarl\u0131yoruz.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Cam ve al\u00fcminyumun teknik g\u00fcc\u00fcn\u00fc \u00e7a\u011fda\u015f\r\n                        mimarinin yal\u0131n esteti\u011fiyle birle\u015ftirerek\r\n                        konut ve ticari yap\u0131lara \u00f6zel sistemler\r\n                        uyguluyoruz.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n SERVICES\r\n========================================================= -->\r\n\r\n<section class=\"ag-services\">\r\n\r\n    <div class=\"ag-container\">\r\n\r\n\r\n        <div class=\"ag-services-header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"ag-label\">\r\n                    <span>02 \u2014<\/span> S\u0130STEMLER\r\n                <\/div>\r\n\r\n                <h2>\r\n                    YED\u0130<br>\r\n                    <span>FARKLI<\/span><br>\r\n                    DENEY\u0130M.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ag-services-intro\">\r\n\r\n                Her proje ayn\u0131 de\u011fildir. Bu nedenle sistemlerimizi\r\n                haz\u0131r kal\u0131plar yerine mek\u00e2n\u0131n mimarisi, kullan\u0131m\r\n                bi\u00e7imi ve ihtiya\u00e7lar\u0131 \u00fczerinden ele al\u0131yoruz.\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"ag-projects\">\r\n\r\n\r\n            <!-- 01 CAM BALKON -->\r\n\r\n            <article class=\"ag-card\">\r\n\r\n                <div class=\"ag-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"CAM-BALKON-GORSEL-URL.jpg\"\r\n                        alt=\"Cam Balkon Sistemleri\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ag-card-meta\">\r\n                    <span>01 \/ GLASS<\/span>\r\n                    <span>PANORAMIC LIVING<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Cam Balkon <span>\u2192<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Manzaray\u0131 kesmeden balkonlar\u0131 d\u00f6rt mevsim\r\n                    kullan\u0131labilir ya\u015fam alanlar\u0131na d\u00f6n\u00fc\u015ft\u00fcren\r\n                    modern cam sistemleri.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- 02 CEPHE -->\r\n\r\n            <article class=\"ag-card\">\r\n\r\n                <div class=\"ag-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"ALUMINYUM-CEPHE-GORSEL-URL.jpg\"\r\n                        alt=\"Al\u00fcminyum D\u0131\u015f Cephe\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ag-card-meta\">\r\n                    <span>02 \/ FACADE<\/span>\r\n                    <span>ARCHITECTURE<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Al\u00fcminyum Cephe <span>\u2192<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Modern yap\u0131lara g\u00fc\u00e7l\u00fc, rafine ve zamans\u0131z\r\n                    bir d\u0131\u015f mimari karakter kazand\u0131r\u0131yoruz.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- 03 GIYOTIN -->\r\n\r\n            <article class=\"ag-card\">\r\n\r\n                <div class=\"ag-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"GIYOTIN-CAM-GORSEL-URL.jpg\"\r\n                        alt=\"Giyotin Cam\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ag-card-meta\">\r\n                    <span>03 \/ MOTION<\/span>\r\n                    <span>AUTOMATIC GLASS<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Giyotin Cam <span>\u2192<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Dikey hareket teknolojisiyle mek\u00e2n\u0131 hava\r\n                    ko\u015fullar\u0131na g\u00f6re saniyeler i\u00e7inde d\u00f6n\u00fc\u015ft\u00fcren\r\n                    dinamik cam sistemleri.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- 04 OFIS -->\r\n\r\n            <article class=\"ag-card\">\r\n\r\n                <div class=\"ag-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"OFIS-BOLME-GORSEL-URL.jpg\"\r\n                        alt=\"Ofis B\u00f6lme Sistemleri\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ag-card-meta\">\r\n                    <span>04 \/ INTERIOR<\/span>\r\n                    <span>WORKSPACE<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Ofis B\u00f6lme <span>\u2192<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u00c7al\u0131\u015fma alanlar\u0131n\u0131 b\u00f6lmeden organize eden,\r\n                    do\u011fal \u0131\u015f\u0131\u011f\u0131 koruyan \u015feffaf mimari \u00e7\u00f6z\u00fcmler.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- 05 DUSAKABIN -->\r\n\r\n            <article class=\"ag-card\">\r\n\r\n                <div class=\"ag-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"DUSAKABIN-GORSEL-URL.jpg\"\r\n                        alt=\"Du\u015fakabin Sistemleri\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ag-card-meta\">\r\n                    <span>05 \/ BATH<\/span>\r\n                    <span>MINIMAL<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Du\u015fakabin <span>\u2192<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Minimal profiller, rafine cam detaylar\u0131\r\n                    ve yal\u0131n \u00e7izgilerle modern banyo sistemleri.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- 06 KIS BAHCESI -->\r\n\r\n            <article class=\"ag-card\">\r\n\r\n                <div class=\"ag-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"KIS-BAHCESI-GORSEL-URL.png\"\r\n                        alt=\"K\u0131\u015f Bah\u00e7esi\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ag-card-meta\">\r\n                    <span>06 \/ OUTDOOR<\/span>\r\n                    <span>365 DAYS<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    K\u0131\u015f Bah\u00e7esi <span>\u2192<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Teras ve bah\u00e7eleri y\u0131l\u0131n her g\u00fcn\u00fc kullan\u0131labilen\r\n                    panoramik ya\u015fam alanlar\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- 07 SINEKLIK -->\r\n\r\n            <article class=\"ag-card\">\r\n\r\n                <div class=\"ag-card-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"SINEKLIK-GORSEL-URL.jpg\"\r\n                        alt=\"Sineklik Sistemleri\">\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ag-card-meta\">\r\n                    <span>07 \/ AIR<\/span>\r\n                    <span>INVISIBLE PROTECTION<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Sineklik Sistemleri <span>\u2192<\/span>\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Hava ak\u0131\u015f\u0131n\u0131 ve manzaray\u0131 korurken ya\u015fam\r\n                    alanlar\u0131n\u0131 d\u0131\u015f etkenlerden ay\u0131ran minimal\r\n                    koruma sistemleri.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n STATEMENT\r\n========================================================= -->\r\n\r\n<section class=\"ag-statement\">\r\n\r\n    <div class=\"ag-statement-number\">\r\n        07\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ag-container\">\r\n\r\n        <div class=\"ag-statement-grid\">\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"ag-label\">\r\n                    <span>03 \u2014<\/span> DETAY\r\n                <\/div>\r\n\r\n                <h2>\r\n                    AZ \u00c7\u0130ZG\u0130.<br>\r\n                    DAHA \u00c7OK<br>\r\n                    <span>MEK\u00c2N.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ag-statement-copy\">\r\n\r\n                <p>\r\n                    \u0130yi tasar\u0131m kendini g\u00f6stermeye \u00e7al\u0131\u015fmaz.\r\n                    Mek\u00e2n\u0131n daha ferah, daha kullan\u0131\u015fl\u0131 ve daha\r\n                    do\u011fal hissedilmesini sa\u011flar.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"ag-feature-list\">\r\n\r\n\r\n                    <div class=\"ag-feature\">\r\n\r\n                        <div class=\"ag-feature-no\">01<\/div>\r\n\r\n                        <strong>\r\n                            Projeye \u00d6zel \u00d6l\u00e7\u00fclendirme\r\n                        <\/strong>\r\n\r\n                        <div class=\"ag-feature-icon\">\u2197<\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ag-feature\">\r\n\r\n                        <div class=\"ag-feature-no\">02<\/div>\r\n\r\n                        <strong>\r\n                            Minimal Profil Tasar\u0131m\u0131\r\n                        <\/strong>\r\n\r\n                        <div class=\"ag-feature-icon\">\u2197<\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ag-feature\">\r\n\r\n                        <div class=\"ag-feature-no\">03<\/div>\r\n\r\n                        <strong>\r\n                            Profesyonel Uygulama\r\n                        <\/strong>\r\n\r\n                        <div class=\"ag-feature-icon\">\u2197<\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ag-feature\">\r\n\r\n                        <div class=\"ag-feature-no\">04<\/div>\r\n\r\n                        <strong>\r\n                            Uzun \u00d6m\u00fcrl\u00fc Sistemler\r\n                        <\/strong>\r\n\r\n                        <div class=\"ag-feature-icon\">\u2197<\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n FEATURE \/ WINTER GARDEN\r\n========================================================= -->\r\n\r\n<section class=\"ag-focus\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"KIS-BAHCESI-GORSEL-URL.png\"\r\n        alt=\"Modern K\u0131\u015f Bah\u00e7esi\">\r\n\r\n\r\n    <div class=\"ag-focus-content\">\r\n\r\n        <div class=\"ag-focus-tag\">\r\n            365 DAYS \/ IN & OUT\r\n        <\/div>\r\n\r\n        <h2>\r\n            D\u00d6RT MEVS\u0130M\r\n            <span>DI\u015eARIDA.<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n            Bah\u00e7eyi eve, teras\u0131 ya\u015fam alan\u0131na d\u00f6n\u00fc\u015ft\u00fcren;\r\n            \u0131\u015f\u0131\u011f\u0131 ve manzaray\u0131 koruyan modern cam mimarisi.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n APPLICATIONS\r\n========================================================= -->\r\n\r\n<section class=\"ag-applications\">\r\n\r\n    <div class=\"ag-container\">\r\n\r\n\r\n        <div class=\"ag-app-top\">\r\n\r\n            <div class=\"ag-label\">\r\n                <span>04 \u2014<\/span> UYGULAMA ALANLARI\r\n            <\/div>\r\n\r\n            <h2>\r\n                HER YAPIYA<br>\r\n                BA\u015eKA B\u0130R<br>\r\n                CEVAP.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ag-app-list\">\r\n\r\n\r\n            <div class=\"ag-app-item\">\r\n\r\n                <div class=\"ag-app-num\">01<\/div>\r\n\r\n                <div class=\"ag-app-name\">\r\n                    Villa & Konut\r\n                <\/div>\r\n\r\n                <div class=\"ag-app-type\">\r\n                    RESIDENTIAL\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ag-app-item\">\r\n\r\n                <div class=\"ag-app-num\">02<\/div>\r\n\r\n                <div class=\"ag-app-name\">\r\n                    Ofis & \u0130\u015f Merkezi\r\n                <\/div>\r\n\r\n                <div class=\"ag-app-type\">\r\n                    CORPORATE\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ag-app-item\">\r\n\r\n                <div class=\"ag-app-num\">03<\/div>\r\n\r\n                <div class=\"ag-app-name\">\r\n                    Restoran & Kafe\r\n                <\/div>\r\n\r\n                <div class=\"ag-app-type\">\r\n                    HOSPITALITY\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ag-app-item\">\r\n\r\n                <div class=\"ag-app-num\">04<\/div>\r\n\r\n                <div class=\"ag-app-name\">\r\n                    Otel & Turizm\r\n                <\/div>\r\n\r\n                <div class=\"ag-app-type\">\r\n                    HOTEL\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ag-app-item\">\r\n\r\n                <div class=\"ag-app-num\">05<\/div>\r\n\r\n                <div class=\"ag-app-name\">\r\n                    Teras & Balkon\r\n                <\/div>\r\n\r\n                <div class=\"ag-app-type\">\r\n                    OUTDOOR\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ag-app-item\">\r\n\r\n                <div class=\"ag-app-num\">06<\/div>\r\n\r\n                <div class=\"ag-app-name\">\r\n                    Ticari Yap\u0131lar\r\n                <\/div>\r\n\r\n                <div class=\"ag-app-type\">\r\n                    COMMERCIAL\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n FINAL\r\n========================================================= -->\r\n\r\n<section class=\"ag-final\">\r\n\r\n    <div class=\"ag-final-inner\">\r\n\r\n        <div class=\"ag-final-small\">\r\n            CAM \/ AL\u00dcM\u0130NYUM \/ MEK\u00c2N\r\n        <\/div>\r\n\r\n        <h2>\r\n            DAHA AZ SINIR.<br>\r\n            DAHA \u00c7OK YA\u015eAM.\r\n        <\/h2>\r\n\r\n        <p>\r\n            Mimariyi kapatmak yerine a\u00e7\u0131yoruz.\r\n            Cam\u0131n \u015feffafl\u0131\u011f\u0131n\u0131, al\u00fcminyumun g\u00fcc\u00fcn\u00fc ve modern\r\n            tasar\u0131m\u0131n yal\u0131nl\u0131\u011f\u0131n\u0131 tek sistemde bulu\u015fturuyoruz.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    const root = document.querySelector(\"#ag26\");\r\n\r\n    if(!root) return;\r\n\r\n\r\n    const slides =\r\n        root.querySelectorAll(\".ag-slide\");\r\n\r\n    const number =\r\n        root.querySelector(\".ag-number\");\r\n\r\n    const progress =\r\n        root.querySelector(\".ag-progress-in\");\r\n\r\n\r\n    let current = 0;\r\n\r\n    let timer;\r\n\r\n    const speed = 5000;\r\n\r\n\r\n    function resetProgress(){\r\n\r\n        progress.classList.remove(\"play\");\r\n\r\n        void progress.offsetWidth;\r\n\r\n        progress.classList.add(\"play\");\r\n\r\n    }\r\n\r\n\r\n    function changeSlide(){\r\n\r\n        slides[current]\r\n            .classList.remove(\"active\");\r\n\r\n\r\n        current++;\r\n\r\n        if(current >= slides.length){\r\n\r\n            current = 0;\r\n\r\n        }\r\n\r\n\r\n        slides[current]\r\n            .classList.add(\"active\");\r\n\r\n\r\n        number.textContent =\r\n            String(current + 1)\r\n            .padStart(2,\"0\");\r\n\r\n\r\n        resetProgress();\r\n\r\n    }\r\n\r\n\r\n    function start(){\r\n\r\n        clearInterval(timer);\r\n\r\n        timer =\r\n            setInterval(\r\n                changeSlide,\r\n                speed\r\n            );\r\n\r\n    }\r\n\r\n\r\n    resetProgress();\r\n\r\n    start();\r\n\r\n\r\n    document.addEventListener(\r\n        \"visibilitychange\",\r\n        function(){\r\n\r\n            if(document.hidden){\r\n\r\n                clearInterval(timer);\r\n\r\n            }else{\r\n\r\n                resetProgress();\r\n\r\n                start();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =============================================\r\n       SUBTLE IMAGE PARALLAX\r\n    ============================================= *\/\r\n\r\n    const cards =\r\n        root.querySelectorAll(\".ag-card-image img\");\r\n\r\n\r\n    if(\r\n        window.matchMedia(\r\n            \"(min-width: 900px)\"\r\n        ).matches\r\n    ){\r\n\r\n        window.addEventListener(\r\n            \"scroll\",\r\n            function(){\r\n\r\n                cards.forEach(function(img){\r\n\r\n                    const rect =\r\n                        img.getBoundingClientRect();\r\n\r\n                    if(\r\n                        rect.top < window.innerHeight &&\r\n                        rect.bottom > 0\r\n                    ){\r\n\r\n                        const movement =\r\n                            (\r\n                                rect.top -\r\n                                window.innerHeight \/ 2\r\n                            ) * 0.015;\r\n\r\n                        img.style.objectPosition =\r\n                            \"center calc(50% + \" +\r\n                            movement +\r\n                            \"px)\";\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n            {passive:true}\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-6d92e2a e-con-full e-flex e-con e-parent \" data-id=\"6d92e2a\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-b63a903 pxl-wg-bd-anm-no elementor-widget elementor-widget-html\" data-id=\"b63a903\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n \u00d6LMZE CAM & AL\u00dcM\u0130NYUM\n 2026 M\u0130MAR\u0130 ANA SAYFA \u2014 SON S\u00dcR\u00dcM\n ELEMENTOR HTML WIDGET\n FULL WIDTH + RESPONSIVE\n========================================================= -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Syne:wght@500;600;700;800&display=swap');\n\n#olmze-final{\n    --dark:#080a0b;\n    --dark2:#101314;\n    --paper:#f4f3ee;\n    --cream:#e9e7df;\n    --green:#d9ff43;\n    --green-dark:#94a700;\n    --white:#ffffff;\n    --muted:#8a9294;\n    --line:rgba(255,255,255,.14);\n\n    width:100vw;\n    max-width:100vw;\n    position:relative;\n    left:50%;\n    margin-left:-50vw;\n    overflow:hidden;\n    background:var(--paper);\n    color:var(--dark);\n    font-family:'Manrope',sans-serif;\n}\n\n#olmze-final *{\n    box-sizing:border-box;\n}\n\n#olmze-final img{\n    display:block;\n    width:100%;\n}\n\n#olmze-final a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.oz-container{\n    width:min(1500px,92%);\n    margin:auto;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.oz-hero{\n    position:relative;\n    height:clamp(780px,96vh,1040px);\n    min-height:780px;\n    background:#050607;\n    color:#fff;\n    overflow:hidden;\n}\n\n.oz-slides,\n.oz-slide{\n    position:absolute;\n    inset:0;\n}\n\n.oz-slide{\n    opacity:0;\n    visibility:hidden;\n    transition:\n        opacity 1.2s ease,\n        visibility 1.2s ease;\n}\n\n.oz-slide.active{\n    opacity:1;\n    visibility:visible;\n    z-index:2;\n}\n\n.oz-slide-bg{\n    position:absolute;\n    inset:-35px;\n    background-size:cover;\n    background-position:center center;\n    transform:scale(1.09);\n    transition:transform 7s cubic-bezier(.16,.8,.2,1);\n}\n\n.oz-slide.active .oz-slide-bg{\n    transform:scale(1);\n}\n\n.oz-slide:after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(3,5,6,.95) 0%,\n            rgba(3,5,6,.76) 27%,\n            rgba(3,5,6,.45) 47%,\n            rgba(3,5,6,.15) 72%,\n            rgba(3,5,6,.03) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(3,5,6,.78) 0%,\n            rgba(3,5,6,.12) 50%,\n            rgba(3,5,6,.20) 100%\n        );\n}\n\n\n\/* =========================================================\n HERO \u00c7ER\u00c7E\n Header i\u00e7in \u00fcst b\u00f6l\u00fcm daha temiz b\u0131rak\u0131ld\u0131\n========================================================= *\/\n\n.oz-hero-frame{\n    position:absolute;\n    z-index:5;\n    top:24px;\n    left:9px;\n    right:9px;\n    bottom:24px;\n    border:1px solid rgba(255,255,255,.22);\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n HERO ANA SLOGAN\n HEADER ALTINA ALINDI\n========================================================= *\/\n\n.oz-hero-content{\n    position:absolute;\n    z-index:6;\n\n    left:6.2%;\n    top:49%;\n    bottom:auto;\n\n    width:min(1050px,82%);\n\n    transform:translateY(-22%);\n}\n\n.oz-kicker{\n    display:flex;\n    align-items:center;\n    gap:15px;\n    margin-bottom:30px;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:3px;\n\n    color:var(--green);\n}\n\n.oz-kicker:before{\n    content:\"\";\n    width:55px;\n    height:1px;\n    background:var(--green);\n}\n\n.oz-hero h1{\n    max-width:1100px;\n    margin:0;\n\n    font-family:'Syne',sans-serif;\n    font-size:clamp(58px,7vw,116px);\n    font-weight:600;\n    line-height:.84;\n    letter-spacing:-6px;\n\n    color:#fff;\n}\n\n.oz-hero h1 span{\n    display:block;\n    color:transparent;\n    -webkit-text-stroke:1.5px rgba(255,255,255,.82);\n}\n\n.oz-hero-desc{\n    max-width:650px;\n    margin-top:38px;\n\n    font-size:clamp(16px,1.2vw,20px);\n    line-height:1.8;\n\n    color:rgba(255,255,255,.72);\n}\n\n\n\/* =========================================================\n SLIDE NUMARASI\n========================================================= *\/\n\n.oz-slide-number{\n    position:absolute;\n    z-index:7;\n\n    right:5%;\n    bottom:8%;\n\n    font-family:'Syne',sans-serif;\n    font-size:clamp(80px,11vw,175px);\n    font-weight:600;\n    line-height:.7;\n\n    color:transparent;\n    -webkit-text-stroke:1px rgba(255,255,255,.28);\n}\n\n\n\/* =========================================================\n SA\u011e D\u0130KEY YAZI\n========================================================= *\/\n\n.oz-side-text{\n    position:absolute;\n    z-index:8;\n\n    right:38px;\n    top:58%;\n\n    transform:\n        translateY(-50%)\n        rotate(90deg);\n\n    white-space:nowrap;\n\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:5px;\n\n    color:rgba(255,255,255,.47);\n}\n\n\n\/* =========================================================\n PROGRESS\n========================================================= *\/\n\n.oz-progress{\n    position:absolute;\n    z-index:9;\n\n    left:6.2%;\n    bottom:6%;\n\n    width:220px;\n    height:2px;\n\n    background:rgba(255,255,255,.22);\n}\n\n.oz-progress-bar{\n    width:0;\n    height:100%;\n    background:var(--green);\n}\n\n.oz-progress-bar.play{\n    animation:ozProgress 5s linear forwards;\n}\n\n@keyframes ozProgress{\n    from{width:0;}\n    to{width:100%;}\n}\n\n\n\/* =========================================================\n KAYAN BANT\n========================================================= *\/\n\n.oz-marquee{\n    position:relative;\n    z-index:20;\n\n    margin-top:-9px;\n    padding:23px 0;\n\n    overflow:hidden;\n\n    background:var(--green);\n    color:var(--dark);\n\n    transform:rotate(-1deg) scale(1.02);\n}\n\n.oz-marquee-track{\n    display:flex;\n    align-items:center;\n    gap:38px;\n\n    width:max-content;\n\n    animation:ozMarquee 28s linear infinite;\n}\n\n.oz-marquee span{\n    font-family:'Syne',sans-serif;\n    font-size:clamp(20px,2vw,31px);\n    font-weight:700;\n    white-space:nowrap;\n}\n\n.oz-marquee i{\n    font-style:normal;\n    font-size:15px;\n}\n\n@keyframes ozMarquee{\n    to{\n        transform:translateX(-50%);\n    }\n}\n\n\n\/* =========================================================\n G\u0130R\u0130\u015e\n========================================================= *\/\n\n.oz-intro{\n    padding:160px 0 145px;\n    background:var(--paper);\n}\n\n.oz-intro-grid{\n    display:grid;\n    grid-template-columns:280px 1fr;\n    gap:70px;\n}\n\n.oz-label{\n    display:flex;\n    align-items:center;\n    gap:12px;\n\n    font-size:11px;\n    font-weight:800;\n    letter-spacing:3px;\n}\n\n.oz-label b{\n    color:var(--green-dark);\n}\n\n.oz-intro h2{\n    max-width:1150px;\n    margin:0;\n\n    font-family:'Syne',sans-serif;\n    font-size:clamp(48px,5.7vw,92px);\n    font-weight:600;\n    line-height:.97;\n    letter-spacing:-4px;\n}\n\n.oz-intro h2 span{\n    color:#94a700;\n}\n\n.oz-intro-copy{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:65px;\n\n    max-width:880px;\n    margin:60px 0 0 auto;\n}\n\n.oz-intro-copy p{\n    margin:0;\n\n    font-size:17px;\n    line-height:1.9;\n\n    color:#616869;\n}\n\n\n\/* =========================================================\n H\u0130ZMETLER\u0130M\u0130Z\n========================================================= *\/\n\n.oz-services{\n    position:relative;\n    padding:150px 0 170px;\n\n    background:var(--dark);\n    color:#f3f3ef;\n\n    overflow:hidden;\n}\n\n.oz-services:before{\n    content:\"\";\n    position:absolute;\n\n    width:650px;\n    height:650px;\n\n    left:-320px;\n    top:-220px;\n\n    border:1px solid rgba(217,255,67,.08);\n    border-radius:50%;\n}\n\n.oz-services:after{\n    content:\"07\";\n\n    position:absolute;\n    right:-35px;\n    bottom:-120px;\n\n    font-family:'Syne',sans-serif;\n    font-size:420px;\n    font-weight:700;\n    line-height:1;\n\n    color:rgba(255,255,255,.018);\n\n    pointer-events:none;\n}\n\n\n\/* BA\u015eLIK *\/\n\n.oz-services-head{\n    position:relative;\n    z-index:2;\n\n    display:grid;\n    grid-template-columns:1fr 1.15fr;\n    gap:80px;\n    align-items:end;\n\n    margin-bottom:80px;\n}\n\n.oz-services-head h2{\n    margin:18px 0 0;\n\n    font-family:'Syne',sans-serif;\n    font-size:clamp(58px,7vw,112px);\n    font-weight:600;\n    line-height:.82;\n    letter-spacing:-6px;\n}\n\n.oz-services-head h2 span{\n    display:block;\n    color:transparent;\n    -webkit-text-stroke:1px rgba(255,255,255,.50);\n}\n\n.oz-services-lead{\n    max-width:600px;\n    margin-left:auto;\n\n    font-size:18px;\n    line-height:1.85;\n\n    color:#8b9395;\n}\n\n\n\/* ANA H\u0130ZMET YAPISI *\/\n\n.oz-service-layout{\n    position:relative;\n    z-index:3;\n\n    display:grid;\n    grid-template-columns:330px 1fr;\n    gap:70px;\n}\n\n\n\/* SOL PANEL *\/\n\n.oz-service-side{\n    position:relative;\n}\n\n.oz-service-side-inner{\n    position:sticky;\n    top:110px;\n\n    min-height:430px;\n    padding:35px;\n\n    border:1px solid rgba(255,255,255,.12);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.055),\n            rgba(255,255,255,.012)\n        );\n\n    backdrop-filter:blur(15px);\n    -webkit-backdrop-filter:blur(15px);\n}\n\n.oz-service-big-no{\n    font-family:'Syne',sans-serif;\n    font-size:110px;\n    font-weight:600;\n    line-height:.8;\n\n    color:var(--green);\n}\n\n.oz-service-side-line{\n    height:1px;\n    margin:40px 0;\n    background:rgba(255,255,255,.14);\n}\n\n.oz-service-side-title{\n    font-family:'Syne',sans-serif;\n    font-size:29px;\n    font-weight:600;\n    line-height:1.1;\n}\n\n.oz-service-side p{\n    margin:22px 0 0;\n\n    font-size:14px;\n    line-height:1.8;\n\n    color:#7d8688;\n}\n\n.oz-service-shape{\n    position:absolute;\n\n    right:25px;\n    bottom:25px;\n\n    width:60px;\n    height:60px;\n\n    border-right:1px solid var(--green);\n    border-bottom:1px solid var(--green);\n}\n\n\n\/* H\u0130ZMET L\u0130STES\u0130 *\/\n\n.oz-service-list{\n    border-top:1px solid var(--line);\n}\n\n.oz-service-item{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:\n        75px\n        1fr\n        205px\n        55px;\n\n    gap:25px;\n    align-items:center;\n\n    min-height:140px;\n\n    border-bottom:1px solid var(--line);\n\n    transition:\n        padding .4s cubic-bezier(.16,.8,.2,1),\n        background .4s ease;\n}\n\n.oz-service-item:before{\n    content:\"\";\n\n    position:absolute;\n    left:0;\n    bottom:-1px;\n\n    width:0;\n    height:1px;\n\n    background:var(--green);\n\n    transition:width .55s cubic-bezier(.16,.8,.2,1);\n}\n\n.oz-service-item:hover:before{\n    width:100%;\n}\n\n.oz-service-item:hover{\n    padding-left:20px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(217,255,67,.045),\n            transparent 60%\n        );\n}\n\n.oz-service-no{\n    font-family:'Syne',sans-serif;\n    font-size:13px;\n    font-weight:700;\n\n    color:var(--green);\n}\n\n.oz-service-name{\n    position:relative;\n    z-index:3;\n\n    font-family:'Syne',sans-serif;\n    font-size:clamp(27px,3vw,47px);\n    font-weight:500;\n    line-height:1;\n    letter-spacing:-2px;\n\n    transition:\n        transform .4s ease,\n        color .4s ease;\n}\n\n.oz-service-item:hover .oz-service-name{\n    transform:translateX(8px);\n    color:#fff;\n}\n\n.oz-service-desc{\n    font-size:13px;\n    line-height:1.65;\n\n    color:#70787a;\n}\n\n.oz-service-arrow{\n    width:46px;\n    height:46px;\n\n    display:grid;\n    place-items:center;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:50%;\n\n    font-size:20px;\n\n    transition:.4s ease;\n}\n\n.oz-service-item:hover .oz-service-arrow{\n    transform:rotate(45deg);\n\n    background:var(--green);\n    border-color:var(--green);\n\n    color:var(--dark);\n}\n\n\n\/* =========================================================\n HOVER Y\u00dcZEN G\u00d6RSEL\n========================================================= *\/\n\n.oz-service-preview{\n    position:fixed;\n    z-index:9999;\n\n    width:380px;\n    height:260px;\n\n    overflow:hidden;\n\n    opacity:0;\n    visibility:hidden;\n\n    pointer-events:none;\n\n    border:1px solid rgba(255,255,255,.24);\n\n    box-shadow:0 35px 90px rgba(0,0,0,.60);\n\n    transform:\n        translate(-50%,-50%)\n        scale(.88)\n        rotate(-3deg);\n\n    transition:\n        opacity .25s ease,\n        transform .35s cubic-bezier(.16,.8,.2,1),\n        visibility .25s ease;\n}\n\n.oz-service-preview.show{\n    opacity:1;\n    visibility:visible;\n\n    transform:\n        translate(-50%,-50%)\n        scale(1)\n        rotate(-2deg);\n}\n\n.oz-service-preview img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.oz-preview-no{\n    position:absolute;\n\n    top:15px;\n    left:15px;\n\n    padding:8px 11px;\n\n    background:var(--green);\n    color:var(--dark);\n\n    font-size:10px;\n    font-weight:800;\n}\n\n\n\/* H\u0130ZMET ALT MET\u0130N *\/\n\n.oz-services-bottom{\n    position:relative;\n    z-index:2;\n\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:50px;\n\n    margin-top:90px;\n    padding-top:40px;\n\n    border-top:1px solid var(--line);\n}\n\n.oz-services-bottom-title{\n    max-width:670px;\n\n    font-family:'Syne',sans-serif;\n    font-size:clamp(30px,3.5vw,55px);\n    line-height:1;\n    letter-spacing:-2px;\n}\n\n.oz-services-bottom-title span{\n    color:var(--green);\n}\n\n.oz-services-bottom p{\n    max-width:530px;\n\n    margin:0 0 0 auto;\n\n    font-size:16px;\n    line-height:1.85;\n\n    color:#7e8789;\n}\n\n\n\/* =========================================================\n M\u0130MAR\u0130 YAKLA\u015eIM\n========================================================= *\/\n\n.oz-philosophy{\n    position:relative;\n\n    padding:170px 0;\n\n    overflow:hidden;\n\n    background:var(--cream);\n}\n\n.oz-bg-number{\n    position:absolute;\n\n    right:-80px;\n    top:-160px;\n\n    font-family:'Syne';\n    font-size:480px;\n    font-weight:700;\n    line-height:1;\n\n    color:rgba(0,0,0,.035);\n}\n\n.oz-philosophy-grid{\n    position:relative;\n    z-index:2;\n\n    display:grid;\n    grid-template-columns:.8fr 1.2fr;\n    gap:100px;\n}\n\n.oz-philosophy h2{\n    margin:20px 0 0;\n\n    font-family:'Syne';\n    font-size:clamp(50px,6vw,96px);\n    font-weight:600;\n    line-height:.87;\n    letter-spacing:-5px;\n}\n\n.oz-philosophy h2 span{\n    color:#94a700;\n}\n\n.oz-philosophy-right{\n    align-self:end;\n}\n\n.oz-philosophy-lead{\n    max-width:650px;\n\n    margin:0 0 45px;\n\n    font-size:21px;\n    line-height:1.75;\n\n    color:#4f5657;\n}\n\n.oz-feature-list{\n    border-top:1px solid #c8c7bf;\n}\n\n.oz-feature{\n    display:grid;\n    grid-template-columns:60px 1fr 42px;\n    gap:20px;\n    align-items:center;\n\n    padding:25px 0;\n\n    border-bottom:1px solid #c8c7bf;\n\n    transition:.3s ease;\n}\n\n.oz-feature:hover{\n    padding-left:15px;\n}\n\n.oz-feature-no{\n    font-family:'Syne';\n    font-weight:700;\n\n    color:#93a500;\n}\n\n.oz-feature strong{\n    font-family:'Syne';\n    font-size:20px;\n    font-weight:600;\n}\n\n.oz-feature-icon{\n    width:36px;\n    height:36px;\n\n    display:grid;\n    place-items:center;\n\n    border:1px solid #a8aaa4;\n    border-radius:50%;\n}\n\n\n\/* =========================================================\n B\u00dcY\u00dcK G\u00d6RSEL\n========================================================= *\/\n\n.oz-cinema{\n    position:relative;\n\n    height:850px;\n\n    overflow:hidden;\n\n    background:#111;\n}\n\n.oz-cinema img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.oz-cinema:after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5,7,8,.82),\n            rgba(5,7,8,.15) 68%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(5,7,8,.58),\n            transparent 55%\n        );\n}\n\n.oz-cinema-content{\n    position:absolute;\n    z-index:3;\n\n    left:7%;\n    bottom:10%;\n\n    max-width:950px;\n\n    color:white;\n}\n\n.oz-cinema-tag{\n    display:inline-flex;\n\n    padding:10px 17px;\n    margin-bottom:25px;\n\n    background:var(--green);\n    color:var(--dark);\n\n    font-size:11px;\n    font-weight:800;\n    letter-spacing:2px;\n}\n\n.oz-cinema h2{\n    margin:0;\n\n    font-family:'Syne';\n    font-size:clamp(55px,7vw,112px);\n    font-weight:600;\n    line-height:.84;\n    letter-spacing:-6px;\n}\n\n.oz-cinema h2 span{\n    display:block;\n\n    color:transparent;\n\n    -webkit-text-stroke:1px rgba(255,255,255,.9);\n}\n\n.oz-cinema p{\n    max-width:590px;\n\n    margin:30px 0 0;\n\n    font-size:18px;\n    line-height:1.8;\n\n    color:rgba(255,255,255,.76);\n}\n\n\n\/* =========================================================\n UYGULAMA ALANLARI\n========================================================= *\/\n\n.oz-areas{\n    padding:140px 0;\n\n    background:#0a0c0d;\n    color:white;\n}\n\n.oz-areas-head{\n    display:grid;\n    grid-template-columns:.8fr 1.2fr;\n    gap:60px;\n    align-items:end;\n\n    margin-bottom:75px;\n}\n\n.oz-areas h2{\n    margin:0;\n\n    font-family:'Syne';\n    font-size:clamp(52px,6vw,92px);\n    font-weight:600;\n    line-height:.88;\n    letter-spacing:-5px;\n}\n\n.oz-area-list{\n    border-top:1px solid var(--line);\n}\n\n.oz-area{\n    display:grid;\n\n    grid-template-columns:\n        100px\n        1fr\n        auto;\n\n    align-items:center;\n\n    padding:30px 10px 30px 0;\n\n    border-bottom:1px solid var(--line);\n\n    transition:.35s ease;\n}\n\n.oz-area:hover{\n    padding-left:25px;\n\n    background:rgba(217,255,67,.035);\n}\n\n.oz-area-no{\n    font-family:'Syne';\n    font-weight:700;\n\n    color:var(--green);\n}\n\n.oz-area-name{\n    font-family:'Syne';\n    font-size:clamp(25px,3vw,45px);\n    font-weight:500;\n}\n\n.oz-area-note{\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:2px;\n\n    color:#70787a;\n}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.oz-final{\n    position:relative;\n\n    padding:170px 0;\n\n    overflow:hidden;\n\n    background:var(--green);\n    color:var(--dark);\n}\n\n.oz-final:before,\n.oz-final:after{\n    content:\"\";\n\n    position:absolute;\n\n    border:1px solid rgba(0,0,0,.17);\n    border-radius:50%;\n}\n\n.oz-final:before{\n    width:700px;\n    height:700px;\n\n    right:-240px;\n    top:-300px;\n}\n\n.oz-final:after{\n    width:450px;\n    height:450px;\n\n    right:-100px;\n    top:-170px;\n}\n\n.oz-final-inner{\n    position:relative;\n    z-index:2;\n\n    width:min(1400px,90%);\n\n    margin:auto;\n}\n\n.oz-final-small{\n    font-size:11px;\n    font-weight:800;\n    letter-spacing:3px;\n}\n\n.oz-final h2{\n    max-width:1250px;\n\n    margin:25px 0 0;\n\n    font-family:'Syne';\n    font-size:clamp(58px,8vw,132px);\n    font-weight:600;\n    line-height:.82;\n    letter-spacing:-7px;\n}\n\n.oz-final p{\n    max-width:650px;\n\n    margin:45px 0 0;\n\n    font-size:19px;\n    line-height:1.75;\n}\n\n\n\/* =========================================================\n SCROLL AN\u0130MASYONU\n========================================================= *\/\n\n.oz-reveal{\n    opacity:0;\n    transform:translateY(50px);\n\n    transition:\n        opacity .9s cubic-bezier(.16,.8,.2,1),\n        transform .9s cubic-bezier(.16,.8,.2,1);\n}\n\n.oz-reveal.visible{\n    opacity:1;\n    transform:none;\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n    .oz-intro-grid,\n    .oz-philosophy-grid,\n    .oz-areas-head{\n        grid-template-columns:1fr;\n    }\n\n    .oz-services-head{\n        grid-template-columns:1fr;\n        gap:35px;\n    }\n\n    .oz-services-lead{\n        margin-left:0;\n    }\n\n    .oz-service-layout{\n        grid-template-columns:240px 1fr;\n        gap:40px;\n    }\n\n    .oz-service-item{\n        grid-template-columns:55px 1fr 50px;\n    }\n\n    .oz-service-desc{\n        display:none;\n    }\n}\n\n\n\/* =========================================================\n MOB\u0130L\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .oz-container{\n        width:88%;\n    }\n\n    \/* HERO *\/\n\n    .oz-hero{\n        height:760px;\n        min-height:760px;\n    }\n\n    .oz-hero-frame{\n        inset:10px;\n    }\n\n    .oz-slide-bg{\n        background-position:center center;\n    }\n\n    .oz-slide:after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(3,5,6,.96) 0%,\n                rgba(3,5,6,.60) 58%,\n                rgba(3,5,6,.16) 100%\n            );\n    }\n\n    .oz-hero-content{\n        left:7%;\n        top:auto;\n        bottom:14%;\n\n        width:86%;\n\n        transform:none;\n    }\n\n    .oz-kicker{\n        margin-bottom:18px;\n\n        font-size:10px;\n        letter-spacing:2px;\n    }\n\n    .oz-kicker:before{\n        width:30px;\n    }\n\n    .oz-hero h1{\n        font-size:clamp(46px,14vw,70px);\n        line-height:.87;\n        letter-spacing:-4px;\n    }\n\n    .oz-hero-desc{\n        margin-top:22px;\n\n        font-size:15px;\n        line-height:1.65;\n    }\n\n    .oz-slide-number{\n        right:6%;\n        bottom:4%;\n\n        font-size:68px;\n    }\n\n    .oz-side-text{\n        display:none;\n    }\n\n    .oz-progress{\n        width:130px;\n        bottom:8%;\n        left:7%;\n    }\n\n\n    \/* BANT *\/\n\n    .oz-marquee{\n        padding:18px 0;\n    }\n\n    .oz-marquee span{\n        font-size:18px;\n    }\n\n\n    \/* INTRO *\/\n\n    .oz-intro{\n        padding:95px 0;\n    }\n\n    .oz-intro-grid{\n        gap:35px;\n    }\n\n    .oz-intro h2{\n        font-size:42px;\n        letter-spacing:-3px;\n    }\n\n    .oz-intro-copy{\n        grid-template-columns:1fr;\n\n        gap:25px;\n\n        margin-top:40px;\n    }\n\n    .oz-intro-copy p{\n        font-size:16px;\n    }\n\n\n    \/* SERVICES *\/\n\n    .oz-services{\n        padding:95px 0 110px;\n    }\n\n    .oz-services-head{\n        margin-bottom:55px;\n    }\n\n    .oz-services-head h2{\n        font-size:55px;\n        letter-spacing:-4px;\n    }\n\n    .oz-services-lead{\n        font-size:16px;\n    }\n\n    .oz-service-layout{\n        display:block;\n    }\n\n    .oz-service-side{\n        display:none;\n    }\n\n    .oz-service-item{\n        grid-template-columns:\n            40px\n            1fr\n            42px;\n\n        gap:10px;\n\n        min-height:auto;\n\n        padding:27px 0;\n    }\n\n    .oz-service-item:hover{\n        padding-left:0;\n    }\n\n    .oz-service-name{\n        font-size:27px;\n        letter-spacing:-1.3px;\n    }\n\n    .oz-service-item:hover .oz-service-name{\n        transform:none;\n    }\n\n    .oz-service-arrow{\n        width:38px;\n        height:38px;\n\n        font-size:17px;\n    }\n\n    .oz-service-preview{\n        display:none !important;\n    }\n\n    .oz-services-bottom{\n        grid-template-columns:1fr;\n\n        gap:25px;\n\n        margin-top:60px;\n    }\n\n    .oz-services-bottom-title{\n        font-size:36px;\n    }\n\n    .oz-services-bottom p{\n        margin:0;\n    }\n\n    .oz-services:after{\n        font-size:220px;\n    }\n\n\n    \/* PHILOSOPHY *\/\n\n    .oz-philosophy{\n        padding:100px 0;\n    }\n\n    .oz-philosophy-grid{\n        gap:50px;\n    }\n\n    .oz-philosophy h2{\n        font-size:50px;\n        letter-spacing:-4px;\n    }\n\n    .oz-philosophy-lead{\n        font-size:18px;\n    }\n\n    .oz-bg-number{\n        font-size:240px;\n    }\n\n    .oz-feature{\n        grid-template-columns:\n            45px\n            1fr\n            38px;\n    }\n\n    .oz-feature strong{\n        font-size:17px;\n    }\n\n\n    \/* CINEMA *\/\n\n    .oz-cinema{\n        height:680px;\n    }\n\n    .oz-cinema:after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(5,7,8,.93),\n                rgba(5,7,8,.08) 78%\n            );\n    }\n\n    .oz-cinema-content{\n        left:7%;\n        right:7%;\n        bottom:9%;\n    }\n\n    .oz-cinema h2{\n        font-size:53px;\n        letter-spacing:-4px;\n    }\n\n    .oz-cinema p{\n        font-size:16px;\n    }\n\n\n    \/* AREAS *\/\n\n    .oz-areas{\n        padding:95px 0;\n    }\n\n    .oz-areas h2{\n        font-size:50px;\n        letter-spacing:-4px;\n    }\n\n    .oz-area{\n        grid-template-columns:\n            45px\n            1fr;\n\n        padding:23px 0;\n    }\n\n    .oz-area-note{\n        display:none;\n    }\n\n    .oz-area-name{\n        font-size:25px;\n    }\n\n\n    \/* FINAL *\/\n\n    .oz-final{\n        padding:110px 0;\n    }\n\n    .oz-final h2{\n        font-size:55px;\n        letter-spacing:-4px;\n    }\n\n    .oz-final p{\n        margin-top:30px;\n        font-size:17px;\n    }\n}\n\n\n@media(max-width:480px){\n\n    .oz-hero{\n        height:720px;\n        min-height:720px;\n    }\n\n    .oz-hero h1{\n        font-size:45px;\n    }\n\n    .oz-intro h2{\n        font-size:38px;\n    }\n\n    .oz-services-head h2{\n        font-size:48px;\n    }\n}\n\/* =========================================================\n HEADER \/ SLIDER KATMAN SORUNU KES\u0130N \u00c7\u00d6Z\u00dcM\n========================================================= *\/\n\n\/* Slider hi\u00e7bir zaman tema header'\u0131n\u0131n \u00fczerine \u00e7\u0131kmas\u0131n *\/\n#olmze-final{\n    position:relative !important;\n    z-index:1 !important;\n}\n\n#olmze-final .oz-hero{\n    position:relative !important;\n    z-index:1 !important;\n}\n\n#olmze-final .oz-hero-frame{\n    z-index:2 !important;\n}\n\n#olmze-final .oz-slide{\n    z-index:1 !important;\n}\n\n#olmze-final .oz-slide.active{\n    z-index:2 !important;\n}\n\n#olmze-final .oz-hero-content{\n    z-index:3 !important;\n}\n\n#olmze-final .oz-slide-number,\n#olmze-final .oz-side-text,\n#olmze-final .oz-progress{\n    z-index:3 !important;\n}\n\n\n\/* =========================================================\n ADSETT TEMA HEADER'INI EN \u00dcSTE AL\n========================================================= *\/\n\nheader,\n.header,\n.site-header,\n.main-header,\n#header,\n#masthead,\nheader.header-style-one,\nheader.header-style-two,\nheader.header-style-three,\n.header-area,\n.main-menu-area,\n.elementor-location-header{\n    position:relative;\n    z-index:99999 !important;\n}\n\n\n\/* Tema absolute header kullan\u0131yorsa *\/\nbody header,\nbody .site-header,\nbody #masthead,\nbody .main-header,\nbody .header-area{\n    z-index:99999 !important;\n}\n\n\n\/* Dropdown men\u00fcler de slider arkas\u0131nda kalmas\u0131n *\/\nheader .sub-menu,\nheader .dropdown-menu,\n.site-header .sub-menu,\n.main-header .sub-menu{\n    z-index:100000 !important;\n}\n\n\n\/* =========================================================\n HERO SLOGANI HEADER'DAN A\u015eA\u011eI BA\u015eLASIN\n========================================================= *\/\n\n#olmze-final .oz-hero-content{\n    top:54% !important;\n    transform:translateY(-22%) !important;\n}\n\n\n\/* =========================================================\n MOB\u0130L\n========================================================= *\/\n\n@media(max-width:767px){\n\n    #olmze-final .oz-hero-content{\n        top:auto !important;\n        bottom:12% !important;\n        transform:none !important;\n    }\n\n}\n\/* =========================================================\n   \u00d6LMEZ \u2014 OKUNAB\u0130L\u0130RL\u0130K \/ KONTRAST D\u00dcZELTMES\u0130\n   Koyu alanlardaki b\u00fct\u00fcn soluk yaz\u0131lar\u0131 g\u00fc\u00e7lendirir\n========================================================= *\/\n\n\/* =========================\n   HERO\n========================= *\/\n\n#olmze-final .oz-hero-desc{\n    color:rgba(255,255,255,.90) !important;\n    font-weight:500 !important;\n}\n\n#olmze-final .oz-side-text{\n    color:rgba(255,255,255,.72) !important;\n}\n\n\n\/* =========================\n   H\u0130ZMETLER BA\u015eLIK ALANI\n========================= *\/\n\n#olmze-final .oz-services{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-services .oz-label{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-services .oz-label b{\n    color:#d9ff43 !important;\n}\n\n#olmze-final .oz-services-head h2{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-services-head h2 span{\n    color:transparent !important;\n    -webkit-text-stroke:1.4px rgba(255,255,255,.82) !important;\n}\n\n#olmze-final .oz-services-lead{\n    color:#d7ddde !important;\n    font-size:19px !important;\n    line-height:1.8 !important;\n    font-weight:400 !important;\n}\n\n\n\/* =========================\n   H\u0130ZMETLER SOL PANEL\n========================= *\/\n\n#olmze-final .oz-service-side-inner{\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.09),\n            rgba(255,255,255,.025)\n        ) !important;\n\n    border-color:rgba(255,255,255,.22) !important;\n}\n\n#olmze-final .oz-service-big-no{\n    color:#d9ff43 !important;\n}\n\n#olmze-final .oz-service-side-title{\n    color:#ffffff !important;\n    font-weight:600 !important;\n}\n\n#olmze-final .oz-service-side p{\n    color:#cbd2d3 !important;\n    font-size:15px !important;\n    line-height:1.8 !important;\n}\n\n\n\/* =========================\n   H\u0130ZMET L\u0130STES\u0130\n========================= *\/\n\n#olmze-final .oz-service-list{\n    border-color:rgba(255,255,255,.22) !important;\n}\n\n#olmze-final .oz-service-item{\n    border-color:rgba(255,255,255,.17) !important;\n}\n\n#olmze-final .oz-service-no{\n    color:#d9ff43 !important;\n    font-weight:800 !important;\n}\n\n#olmze-final .oz-service-name{\n    color:#ffffff !important;\n    font-weight:600 !important;\n}\n\n#olmze-final .oz-service-desc{\n    color:#c5cdcf !important;\n\n    font-size:14px !important;\n    line-height:1.7 !important;\n    font-weight:500 !important;\n}\n\n#olmze-final .oz-service-arrow{\n    color:#ffffff !important;\n\n    border-color:rgba(255,255,255,.40) !important;\n}\n\n\n\/* HOVER *\/\n\n#olmze-final .oz-service-item:hover{\n    background:\n        linear-gradient(\n            90deg,\n            rgba(217,255,67,.09),\n            rgba(217,255,67,.025) 55%,\n            transparent\n        ) !important;\n}\n\n#olmze-final .oz-service-item:hover .oz-service-name{\n    color:#d9ff43 !important;\n}\n\n#olmze-final .oz-service-item:hover .oz-service-desc{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-service-item:hover .oz-service-arrow{\n    color:#080a0b !important;\n}\n\n\n\/* =========================\n   H\u0130ZMETLER ALT MET\u0130N\n========================= *\/\n\n#olmze-final .oz-services-bottom{\n    border-color:rgba(255,255,255,.20) !important;\n}\n\n#olmze-final .oz-services-bottom-title{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-services-bottom-title span{\n    color:#d9ff43 !important;\n}\n\n#olmze-final .oz-services-bottom p{\n    color:#cbd2d3 !important;\n\n    font-size:17px !important;\n    line-height:1.85 !important;\n}\n\n\n\/* =========================\n   A\u00c7IK ZEM\u0130N \u2014 G\u0130R\u0130\u015e\n========================= *\/\n\n#olmze-final .oz-intro-copy p{\n    color:#3e4546 !important;\n\n    font-weight:500 !important;\n}\n\n#olmze-final .oz-intro .oz-label{\n    color:#151819 !important;\n}\n\n\n\/* =========================\n   M\u0130MAR\u0130 YAKLA\u015eIM\n========================= *\/\n\n#olmze-final .oz-philosophy{\n    color:#090b0c !important;\n}\n\n#olmze-final .oz-philosophy-lead{\n    color:#363c3d !important;\n\n    font-weight:500 !important;\n}\n\n#olmze-final .oz-feature strong{\n    color:#111415 !important;\n}\n\n\n\/* =========================\n   B\u00dcY\u00dcK G\u00d6RSEL\n========================= *\/\n\n#olmze-final .oz-cinema p{\n    color:rgba(255,255,255,.92) !important;\n\n    font-weight:500 !important;\n}\n\n#olmze-final .oz-cinema h2{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-cinema h2 span{\n    -webkit-text-stroke:1.4px rgba(255,255,255,.95) !important;\n}\n\n\n\/* =========================\n   UYGULAMA ALANLARI\n========================= *\/\n\n#olmze-final .oz-areas{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-areas .oz-label{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-areas .oz-label b{\n    color:#d9ff43 !important;\n}\n\n#olmze-final .oz-area-name{\n    color:#ffffff !important;\n}\n\n#olmze-final .oz-area-no{\n    color:#d9ff43 !important;\n}\n\n#olmze-final .oz-area-note{\n    color:#c3ccce !important;\n\n    font-size:12px !important;\n    font-weight:700 !important;\n}\n\n\n\/* =========================\n   MOB\u0130L OKUNAB\u0130L\u0130RL\u0130K\n========================= *\/\n\n@media(max-width:767px){\n\n    #olmze-final .oz-services-lead{\n        font-size:17px !important;\n        color:#e0e5e6 !important;\n    }\n\n    #olmze-final .oz-service-name{\n        color:#ffffff !important;\n    }\n\n    #olmze-final .oz-services-bottom p{\n        font-size:16px !important;\n        color:#d5dbdc !important;\n    }\n\n    #olmze-final .oz-hero-desc{\n        color:#ffffff !important;\n        font-size:16px !important;\n    }\n\n    #olmze-final .oz-cinema p{\n        color:#ffffff !important;\n    }\n\n}\n\n\n\/* NEDEN ISICAM \u2014 PREMIUM B\u00d6L\u00dcM *\/\n#olmze-final .oz-isicam{padding:125px 0;background:#e9e7df;color:#080a0b;position:relative;overflow:hidden}\n#olmze-final .oz-isicam-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}\n#olmze-final .oz-isicam-eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#667400;margin-bottom:25px}\n#olmze-final .oz-isicam h2{font-family:'Syne',sans-serif;font-size:clamp(52px,6vw,96px);line-height:.92;letter-spacing:-4px;font-weight:600;margin:0 0 32px}\n#olmze-final .oz-isicam h2 span{color:#849600}\n#olmze-final .oz-isicam-lead{font-size:19px;line-height:1.85;color:#384042;max-width:680px;margin:0 0 38px}\n#olmze-final .oz-isicam-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n#olmze-final .oz-isicam-feature{padding:24px;background:#f6f5f0;border:1px solid #d4d4cb;min-height:170px;transition:transform .3s,border-color .3s}\n#olmze-final .oz-isicam-feature:hover{transform:translateY(-5px);border-color:#849600}\n#olmze-final .oz-isicam-feature .num{display:block;color:#849600;font-family:'Syne',sans-serif;font-weight:700;font-size:13px;margin-bottom:15px}\n#olmze-final .oz-isicam-feature h3{font-family:'Syne',sans-serif;font-size:21px;line-height:1.2;margin:0 0 10px;font-weight:700;color:#101314}\n#olmze-final .oz-isicam-feature p{font-size:14px;line-height:1.7;margin:0;color:#50595a}\n#olmze-final .oz-isicam-visual{position:relative;min-height:660px;background:#101314;overflow:hidden}\n#olmze-final .oz-isicam-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}\n#olmze-final .oz-isicam-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%)}\n#olmze-final .oz-isicam-visual-label{position:absolute;z-index:2;bottom:38px;left:38px;right:38px;color:#fff;font-family:'Syne',sans-serif;font-size:clamp(28px,3vw,44px);line-height:1.05;font-weight:600}\n#olmze-final .oz-isicam-visual-label span{color:#d9ff43}\n@media(max-width:1100px){#olmze-final .oz-isicam-grid{grid-template-columns:1fr;gap:45px}#olmze-final .oz-isicam-visual{min-height:470px}}\n@media(max-width:767px){#olmze-final .oz-isicam{padding:85px 0}#olmze-final .oz-isicam h2{font-size:49px;letter-spacing:-3px}#olmze-final .oz-isicam-lead{font-size:16px}#olmze-final .oz-isicam-features{grid-template-columns:1fr}#olmze-final .oz-isicam-feature{min-height:0;padding:22px}#olmze-final .oz-isicam-visual{min-height:380px}#olmze-final .oz-isicam-visual-label{left:24px;right:24px;bottom:25px}}\n\n<\/style>\n\n\n<div id=\"olmze-final\">\n\n\n<!-- =========================================================\n HERO SLIDER\n Header \/ logo bu alan\u0131n \u00dcZER\u0130NDE WordPress'ten gelecek.\n Hero i\u00e7inde ikinci logo veya \u00fcst ba\u015fl\u0131k YOK.\n========================================================= -->\n\n<section class=\"oz-hero\">\n\n    <div class=\"oz-hero-frame\"><\/div>\n\n\n    <div class=\"oz-slides\">\n\n\n        <!-- 01 CAM BALKON -->\n\n        <article class=\"oz-slide active\">\n\n            <div\n                class=\"oz-slide-bg\"\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/01-Cam-Balkon-Sistemleri.png');\">\n            <\/div>\n\n            <div class=\"oz-hero-content\">\n\n                <div class=\"oz-kicker\">\n                    CAM BALKON \u2022 01\n                <\/div>\n\n                <h1>\n                    SINIRLARI\n                    <span>\u015eEFFAFLA\u015eTIR.<\/span>\n                <\/h1>\n\n                <div class=\"oz-hero-desc\">\n                    \u0130\u00e7 mek\u00e2n ile d\u0131\u015f d\u00fcnyay\u0131 ay\u0131rmak yerine,\n                    onlar\u0131 tek bir mimari deneyimde bulu\u015fturan\n                    modern cam balkon sistemleri.\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- 02 AL\u00dcM\u0130NYUM CEPHE -->\n\n        <article class=\"oz-slide\">\n\n            <div\n                class=\"oz-slide-bg\"\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/02-Aluminyum-Dis-Cephe-scaled.png');\">\n            <\/div>\n\n            <div class=\"oz-hero-content\">\n\n                <div class=\"oz-kicker\">\n                    AL\u00dcM\u0130NYUM DI\u015e CEPHE \u2022 02\n                <\/div>\n\n                <h1>\n                    YAPININ\n                    <span>YEN\u0130 Y\u00dcZ\u00dc.<\/span>\n                <\/h1>\n\n                <div class=\"oz-hero-desc\">\n                    Modern mimariyi g\u00fc\u00e7l\u00fc geometriler,\n                    yal\u0131n detaylar ve al\u00fcminyumun karakteriyle\n                    yeniden yorumluyoruz.\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- 03 G\u0130YOT\u0130N -->\n\n        <article class=\"oz-slide\">\n\n            <div\n                class=\"oz-slide-bg\"\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/03-Giyotin-Cam-Sistemleri.jpg');\">\n            <\/div>\n\n            <div class=\"oz-hero-content\">\n\n                <div class=\"oz-kicker\">\n                    G\u0130YOT\u0130N CAM \u2022 03\n                <\/div>\n\n                <h1>\n                    MEK\u00c2NI\n                    <span>HAREKET ETT\u0130R.<\/span>\n                <\/h1>\n\n                <div class=\"oz-hero-desc\">\n                    A\u00e7\u0131k ve kapal\u0131 alan aras\u0131ndaki s\u0131n\u0131r\u0131\n                    hareketli cam teknolojisiyle yeniden\n                    tan\u0131mlayan \u00e7a\u011fda\u015f sistem \u00e7\u00f6z\u00fcmleri.\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- 04 OF\u0130S B\u00d6LME -->\n\n        <article class=\"oz-slide\">\n\n            <div\n                class=\"oz-slide-bg\"\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/04-Ofis-Bolme-sistemleri.png');\">\n            <\/div>\n\n            <div class=\"oz-hero-content\">\n\n                <div class=\"oz-kicker\">\n                    OF\u0130S B\u00d6LME \u2022 04\n                <\/div>\n\n                <h1>\n                    I\u015eI\u011eI\n                    <span>B\u00d6LME.<\/span>\n                <\/h1>\n\n                <div class=\"oz-hero-desc\">\n                    \u00c7al\u0131\u015fma alanlar\u0131n\u0131 organize ederken\n                    do\u011fal \u0131\u015f\u0131\u011f\u0131 ve mek\u00e2nsal ferahl\u0131\u011f\u0131\n                    koruyan modern cam b\u00f6lme sistemleri.\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n\n        <!-- 05 DU\u015eAKAB\u0130N -->\n\n        <article class=\"oz-slide\">\n\n            <div\n                class=\"oz-slide-bg\"\n                style=\"background-image:url('https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/05-Dusa-Kabin-Sistemleri.png');\">\n            <\/div>\n\n            <div class=\"oz-hero-content\">\n\n                <div class=\"oz-kicker\">\n                    DU\u015eAKAB\u0130N \u2022 05\n                <\/div>\n\n                <h1>\n                    SADE.\n                    <span>NET. ZAMANSIZ.<\/span>\n                <\/h1>\n\n                <div class=\"oz-hero-desc\">\n                    Cam\u0131n yal\u0131nl\u0131\u011f\u0131n\u0131 minimal profil\n                    detaylar\u0131yla bulu\u015fturan \u00e7a\u011fda\u015f\n                    du\u015fakabin sistemleri.\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n\n    <div class=\"oz-slide-number\">\n        01\n    <\/div>\n\n\n    <div class=\"oz-side-text\">\n        \u015eEFFAFLIK \u2022 I\u015eIK \u2022 MEK\u00c2N \u2022 M\u0130MAR\u0130\n    <\/div>\n\n\n    <div class=\"oz-progress\">\n        <div class=\"oz-progress-bar play\"><\/div>\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n KAYAN BANT\n========================================================= -->\n\n<div class=\"oz-marquee\">\n\n    <div class=\"oz-marquee-track\">\n\n        <span>CAM BALKON<\/span><i>\u2726<\/i>\n        <span>AL\u00dcM\u0130NYUM DI\u015e CEPHE<\/span><i>\u2726<\/i>\n        <span>G\u0130YOT\u0130N CAM<\/span><i>\u2726<\/i>\n        <span>OF\u0130S B\u00d6LME<\/span><i>\u2726<\/i>\n        <span>DU\u015eAKAB\u0130N<\/span><i>\u2726<\/i>\n        <span>KI\u015e BAH\u00c7ES\u0130<\/span><i>\u2726<\/i>\n        <span>S\u0130NEKL\u0130K<\/span><i>\u2726<\/i>\n\n        <span>CAM BALKON<\/span><i>\u2726<\/i>\n        <span>AL\u00dcM\u0130NYUM DI\u015e CEPHE<\/span><i>\u2726<\/i>\n        <span>G\u0130YOT\u0130N CAM<\/span><i>\u2726<\/i>\n        <span>OF\u0130S B\u00d6LME<\/span><i>\u2726<\/i>\n        <span>DU\u015eAKAB\u0130N<\/span><i>\u2726<\/i>\n        <span>KI\u015e BAH\u00c7ES\u0130<\/span><i>\u2726<\/i>\n        <span>S\u0130NEKL\u0130K<\/span><i>\u2726<\/i>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n G\u0130R\u0130\u015e\n========================================================= -->\n\n<section class=\"oz-intro\">\n\n    <div class=\"oz-container\">\n\n        <div class=\"oz-intro-grid oz-reveal\">\n\n            <div class=\"oz-label\">\n                <b>01 \u2014<\/b>\n                TASARIM ANLAYI\u015eIMIZ\n            <\/div>\n\n\n            <div>\n\n                <h2>\n                    CAMI B\u0130R SINIR DE\u011e\u0130L,\n                    <span>M\u0130MAR\u0130N\u0130N PAR\u00c7ASI<\/span>\n                    OLARAK G\u00d6R\u00dcYORUZ.\n                <\/h2>\n\n\n                <div class=\"oz-intro-copy\">\n\n                    <p>\n                        Ya\u015fam alanlar\u0131n\u0131 kapatan de\u011fil,\n                        daha ferah, daha ayd\u0131nl\u0131k ve\n                        daha \u00f6zg\u00fcr hissettiren sistemler\n                        tasarl\u0131yoruz.\n                    <\/p>\n\n                    <p>\n                        Cam ve al\u00fcminyumun olanaklar\u0131n\u0131\n                        \u00e7a\u011fda\u015f mimariyle bir araya getirerek\n                        konutlardan ticari yap\u0131lara kadar\n                        mek\u00e2na \u00f6zel \u00e7\u00f6z\u00fcmler uyguluyoruz.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n H\u0130ZMETLER\u0130M\u0130Z\n========================================================= -->\n\n\n<!-- =========================================================\n NEDEN ISICAM? \u2014 H\u0130ZMETLER\u0130N \u00dcST\u00dcNDE\n========================================================= -->\n<section class=\"oz-isicam\" aria-labelledby=\"oz-isicam-title\">\n  <div class=\"oz-container\">\n    <div class=\"oz-isicam-grid\">\n      <div class=\"oz-reveal\">\n        <div class=\"oz-isicam-eyebrow\">KONFOR \u2022 VER\u0130ML\u0130L\u0130K \u2022 YA\u015eAM KAL\u0130TES\u0130<\/div>\n        <h2 id=\"oz-isicam-title\">NEDEN <span>ISICAM?<\/span><\/h2>\n        <p class=\"oz-isicam-lead\">Is\u0131cam, iki veya daha fazla cam\u0131n aras\u0131nda yal\u0131t\u0131ml\u0131 bir bo\u015fluk olu\u015fturularak \u00fcretilen cam \u00fcnitesi sistemidir. Do\u011fru cam kombinasyonu ve profesyonel uygulamayla ya\u015fam alanlar\u0131nda \u0131s\u0131 konforunu art\u0131rmaya, enerji kay\u0131plar\u0131n\u0131 azaltmaya ve d\u0131\u015f ortam g\u00fcr\u00fclt\u00fcs\u00fcn\u00fc kontrol etmeye yard\u0131mc\u0131 olur.<\/p>\n        <div class=\"oz-isicam-features\">\n          <article class=\"oz-isicam-feature\"><span class=\"num\">01 \/ ISI<\/span><h3>Is\u0131 Yal\u0131t\u0131m\u0131<\/h3><p>\u0130\u00e7 ve d\u0131\u015f ortam aras\u0131ndaki \u0131s\u0131 ge\u00e7i\u015fini azaltmaya yard\u0131mc\u0131 olarak d\u00f6rt mevsim daha dengeli bir i\u00e7 mek\u00e2n sa\u011flar.<\/p><\/article>\n          <article class=\"oz-isicam-feature\"><span class=\"num\">02 \/ ENERJ\u0130<\/span><h3>Enerji Verimlili\u011fi<\/h3><p>Uygun cam ve do\u011frama sistemiyle \u0131s\u0131tma ve so\u011futma ihtiyac\u0131n\u0131n d\u00fc\u015fmesine katk\u0131 sa\u011flayabilir.<\/p><\/article>\n          <article class=\"oz-isicam-feature\"><span class=\"num\">03 \/ SES<\/span><h3>Akustik Konfor<\/h3><p>\u0130htiyaca g\u00f6re se\u00e7ilen farkl\u0131 kal\u0131nl\u0131k ve akustik cam kombinasyonlar\u0131 d\u0131\u015f g\u00fcr\u00fclt\u00fcy\u00fc azaltabilir.<\/p><\/article>\n          <article class=\"oz-isicam-feature\"><span class=\"num\">04 \/ KONFOR<\/span><h3>Daha Ya\u015fanabilir Mek\u00e2nlar<\/h3><p>Uygun \u00f6zellikteki camlarla so\u011fuk y\u00fczey hissi ve i\u00e7 cam y\u00fczeyinde yo\u011fu\u015fma riski azalt\u0131labilir.<\/p><\/article>\n        <\/div>\n      <\/div>\n      <div class=\"oz-isicam-visual oz-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/01-Cam-Balkon-Sistemleri.png\" alt=\"Modern cam sistemleri ile ayd\u0131nl\u0131k ya\u015fam alan\u0131\" loading=\"lazy\">\n        <div class=\"oz-isicam-visual-label\">DAHA AZ ENERJ\u0130 KAYBI.<br><span>DAHA FAZLA KONFOR.<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"oz-services\">\n\n    <div class=\"oz-container\">\n\n\n        <div class=\"oz-services-head oz-reveal\">\n\n            <div>\n\n                <div class=\"oz-label\">\n                    <b>02 \u2014<\/b>\n                    H\u0130ZMETLER\u0130M\u0130Z\n                <\/div>\n\n                <h2>\n                    MEK\u00c2NI\n                    <span>YEN\u0130DEN<\/span>\n                    D\u00dc\u015e\u00dcN.\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"oz-services-lead\">\n                Cam ve al\u00fcminyum sistemlerini yaln\u0131zca\n                bir yap\u0131 eleman\u0131 olarak de\u011fil,\n                mimarinin karakterini belirleyen g\u00fc\u00e7l\u00fc\n                bir tasar\u0131m unsuru olarak ele al\u0131yoruz.\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"oz-service-layout\">\n\n\n            <!-- SOL PANEL -->\n\n            <aside class=\"oz-service-side\">\n\n                <div class=\"oz-service-side-inner\">\n\n                    <div class=\"oz-service-big-no\">\n                        07\n                    <\/div>\n\n                    <div class=\"oz-service-side-line\"><\/div>\n\n                    <div class=\"oz-service-side-title\">\n                        Yedi farkl\u0131 sistem.<br>\n                        Tek bir mimari dil.\n                    <\/div>\n\n                    <p>\n                        Konutlardan ticari yap\u0131lara,\n                        i\u00e7 mek\u00e2ndan d\u0131\u015f cepheye kadar\n                        projeye \u00f6zel \u00e7\u00f6z\u00fcmler.\n                    <\/p>\n\n                    <div class=\"oz-service-shape\"><\/div>\n\n                <\/div>\n\n            <\/aside>\n\n\n            <!-- SA\u011e H\u0130ZMET L\u0130STES\u0130 -->\n\n            <div class=\"oz-service-list oz-reveal\">\n\n\n                <div\n                    class=\"oz-service-item\"\n                    data-no=\"01\"\n                    data-image=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/01-Cam-Balkon-Sistemleri.png\">\n\n                    <div class=\"oz-service-no\">01<\/div>\n\n                    <div class=\"oz-service-name\">\n                        Cam Balkon\n                    <\/div>\n\n                    <div class=\"oz-service-desc\">\n                        Panoramik g\u00f6r\u00fcn\u00fcm ve\n                        d\u00f6rt mevsim ya\u015fam.\n                    <\/div>\n\n                    <div class=\"oz-service-arrow\">\u2197<\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"oz-service-item\"\n                    data-no=\"02\"\n                    data-image=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/02-Aluminyum-Dis-Cephe-scaled.png\">\n\n                    <div class=\"oz-service-no\">02<\/div>\n\n                    <div class=\"oz-service-name\">\n                        Al\u00fcminyum D\u0131\u015f Cephe\n                    <\/div>\n\n                    <div class=\"oz-service-desc\">\n                        Yap\u0131ya modern ve g\u00fc\u00e7l\u00fc\n                        bir mimari kimlik.\n                    <\/div>\n\n                    <div class=\"oz-service-arrow\">\u2197<\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"oz-service-item\"\n                    data-no=\"03\"\n                    data-image=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/03-Giyotin-Cam-Sistemleri.jpg\">\n\n                    <div class=\"oz-service-no\">03<\/div>\n\n                    <div class=\"oz-service-name\">\n                        Giyotin Cam\n                    <\/div>\n\n                    <div class=\"oz-service-desc\">\n                        A\u00e7\u0131k ve kapal\u0131 alan aras\u0131nda\n                        hareketli cam \u00e7\u00f6z\u00fcm\u00fc.\n                    <\/div>\n\n                    <div class=\"oz-service-arrow\">\u2197<\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"oz-service-item\"\n                    data-no=\"04\"\n                    data-image=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/04-Ofis-Bolme-sistemleri.png\">\n\n                    <div class=\"oz-service-no\">04<\/div>\n\n                    <div class=\"oz-service-name\">\n                        Ofis B\u00f6lme\n                    <\/div>\n\n                    <div class=\"oz-service-desc\">\n                        I\u015f\u0131\u011f\u0131 koruyan modern\n                        \u00e7al\u0131\u015fma alanlar\u0131.\n                    <\/div>\n\n                    <div class=\"oz-service-arrow\">\u2197<\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"oz-service-item\"\n                    data-no=\"05\"\n                    data-image=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/05-Dusa-Kabin-Sistemleri.png\">\n\n                    <div class=\"oz-service-no\">05<\/div>\n\n                    <div class=\"oz-service-name\">\n                        Du\u015fakabin\n                    <\/div>\n\n                    <div class=\"oz-service-desc\">\n                        Banyolar i\u00e7in sade ve\n                        \u00e7a\u011fda\u015f cam sistemleri.\n                    <\/div>\n\n                    <div class=\"oz-service-arrow\">\u2197<\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"oz-service-item\"\n                    data-no=\"06\"\n                    data-image=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/06-Kis-Bahcesi.png\">\n\n                    <div class=\"oz-service-no\">06<\/div>\n\n                    <div class=\"oz-service-name\">\n                        K\u0131\u015f Bah\u00e7esi\n                    <\/div>\n\n                    <div class=\"oz-service-desc\">\n                        D\u00f6rt mevsim kullan\u0131labilen\n                        ayd\u0131nl\u0131k ya\u015fam alanlar\u0131.\n                    <\/div>\n\n                    <div class=\"oz-service-arrow\">\u2197<\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"oz-service-item\"\n                    data-no=\"07\"\n                    data-image=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/07-Sineklik-Sistemleri.png\">\n\n                    <div class=\"oz-service-no\">07<\/div>\n\n                    <div class=\"oz-service-name\">\n                        Sineklik Sistemleri\n                    <\/div>\n\n                    <div class=\"oz-service-desc\">\n                        Hava ak\u0131\u015f\u0131n\u0131 koruyan\n                        minimal koruma \u00e7\u00f6z\u00fcmleri.\n                    <\/div>\n\n                    <div class=\"oz-service-arrow\">\u2197<\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"oz-services-bottom oz-reveal\">\n\n            <div class=\"oz-services-bottom-title\">\n                MALZEMEDEN \u00d6NCE\n                <span>MEK\u00c2NI<\/span>\n                D\u00dc\u015e\u00dcN\u00dcYORUZ.\n            <\/div>\n\n            <p>\n                Her sistem; uygulanaca\u011f\u0131 yap\u0131n\u0131n \u00f6l\u00e7\u00fcs\u00fcne,\n                kullan\u0131m bi\u00e7imine ve mimari karakterine g\u00f6re\n                ele al\u0131n\u0131r. B\u00f6ylece \u00e7\u00f6z\u00fcm yap\u0131ya sonradan\n                eklenen de\u011fil, yap\u0131n\u0131n do\u011fal bir par\u00e7as\u0131 olur.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- HOVER G\u00d6RSEL -->\n\n    <div class=\"oz-service-preview\">\n\n        <img decoding=\"async\" src=\"\" alt=\"Hizmet G\u00f6rseli\">\n\n        <div class=\"oz-preview-no\">\n            01\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n M\u0130MAR\u0130 YAKLA\u015eIM\n========================================================= -->\n\n<section class=\"oz-philosophy\">\n\n    <div class=\"oz-bg-number\">\n        07\n    <\/div>\n\n\n    <div class=\"oz-container\">\n\n        <div class=\"oz-philosophy-grid oz-reveal\">\n\n\n            <div>\n\n                <div class=\"oz-label\">\n                    <b>03 \u2014<\/b>\n                    DETAY\n                <\/div>\n\n                <h2>\n                    DAHA AZ<br>\n                    \u00c7\u0130ZG\u0130.<br>\n                    DAHA \u00c7OK<br>\n                    <span>MEK\u00c2N.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"oz-philosophy-right\">\n\n                <p class=\"oz-philosophy-lead\">\n                    \u0130yi tasar\u0131m kendini g\u00f6stermeye \u00e7al\u0131\u015fmaz.\n                    Mek\u00e2n\u0131n daha do\u011fal, daha ferah ve daha\n                    i\u015flevsel hissedilmesini sa\u011flar.\n                <\/p>\n\n\n                <div class=\"oz-feature-list\">\n\n                    <div class=\"oz-feature\">\n\n                        <div class=\"oz-feature-no\">\n                            01\n                        <\/div>\n\n                        <strong>\n                            Projeye \u00d6zel \u00d6l\u00e7\u00fclendirme\n                        <\/strong>\n\n                        <div class=\"oz-feature-icon\">\n                            \u2197\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"oz-feature\">\n\n                        <div class=\"oz-feature-no\">\n                            02\n                        <\/div>\n\n                        <strong>\n                            Modern ve Yal\u0131n Tasar\u0131m\n                        <\/strong>\n\n                        <div class=\"oz-feature-icon\">\n                            \u2197\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"oz-feature\">\n\n                        <div class=\"oz-feature-no\">\n                            03\n                        <\/div>\n\n                        <strong>\n                            Profesyonel Uygulama\n                        <\/strong>\n\n                        <div class=\"oz-feature-icon\">\n                            \u2197\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"oz-feature\">\n\n                        <div class=\"oz-feature-no\">\n                            04\n                        <\/div>\n\n                        <strong>\n                            Uzun \u00d6m\u00fcrl\u00fc Sistem \u00c7\u00f6z\u00fcmleri\n                        <\/strong>\n\n                        <div class=\"oz-feature-icon\">\n                            \u2197\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n KI\u015e BAH\u00c7ES\u0130 B\u00dcY\u00dcK G\u00d6RSEL\n========================================================= -->\n\n<section class=\"oz-cinema\">\n\n    <img decoding=\"async\"\n        src=\"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-content\/uploads\/2026\/10\/06-Kis-Bahcesi.png\"\n        alt=\"K\u0131\u015f Bah\u00e7esi\">\n\n\n    <div class=\"oz-cinema-content oz-reveal\">\n\n        <div class=\"oz-cinema-tag\">\n            D\u00d6RT MEVS\u0130M YA\u015eAM\n        <\/div>\n\n        <h2>\n            DI\u015eARISI\n            <span>ARTIK \u0130\u00c7ER\u0130DE.<\/span>\n        <\/h2>\n\n        <p>\n            Bah\u00e7eyi eve, teras\u0131 ya\u015fam alan\u0131na\n            d\u00f6n\u00fc\u015ft\u00fcren; g\u00fcn \u0131\u015f\u0131\u011f\u0131n\u0131 ve manzaray\u0131\n            merkezine alan \u00e7a\u011fda\u015f cam mimarisi.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n UYGULAMA ALANLARI\n========================================================= -->\n\n<section class=\"oz-areas\">\n\n    <div class=\"oz-container\">\n\n\n        <div class=\"oz-areas-head oz-reveal\">\n\n            <div class=\"oz-label\">\n                <b>04 \u2014<\/b>\n                UYGULAMA ALANLARI\n            <\/div>\n\n            <h2>\n                HER MEK\u00c2NA<br>\n                BA\u015eKA B\u0130R<br>\n                \u00c7\u00d6Z\u00dcM.\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"oz-area-list oz-reveal\">\n\n\n            <div class=\"oz-area\">\n\n                <div class=\"oz-area-no\">01<\/div>\n\n                <div class=\"oz-area-name\">\n                    Villa & Konut\n                <\/div>\n\n                <div class=\"oz-area-note\">\n                    YA\u015eAM ALANLARI\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"oz-area\">\n\n                <div class=\"oz-area-no\">02<\/div>\n\n                <div class=\"oz-area-name\">\n                    Ofis & \u0130\u015f Merkezi\n                <\/div>\n\n                <div class=\"oz-area-note\">\n                    KURUMSAL ALANLAR\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"oz-area\">\n\n                <div class=\"oz-area-no\">03<\/div>\n\n                <div class=\"oz-area-name\">\n                    Restoran & Kafe\n                <\/div>\n\n                <div class=\"oz-area-note\">\n                    T\u0130CAR\u0130 ALANLAR\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"oz-area\">\n\n                <div class=\"oz-area-no\">04<\/div>\n\n                <div class=\"oz-area-name\">\n                    Otel & Turizm\n                <\/div>\n\n                <div class=\"oz-area-note\">\n                    KONAKLAMA\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"oz-area\">\n\n                <div class=\"oz-area-no\">05<\/div>\n\n                <div class=\"oz-area-name\">\n                    Teras & Balkon\n                <\/div>\n\n                <div class=\"oz-area-note\">\n                    A\u00c7IK ALANLAR\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"oz-area\">\n\n                <div class=\"oz-area-no\">06<\/div>\n\n                <div class=\"oz-area-name\">\n                    Ticari Yap\u0131lar\n                <\/div>\n\n                <div class=\"oz-area-note\">\n                    M\u0130MAR\u0130 PROJELER\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n FINAL\n========================================================= -->\n\n<section class=\"oz-final\">\n\n    <div class=\"oz-final-inner oz-reveal\">\n\n        <div class=\"oz-final-small\">\n            CAM \u2022 AL\u00dcM\u0130NYUM \u2022 M\u0130MAR\u0130\n        <\/div>\n\n\n        <h2>\n            DAHA AZ SINIR.<br>\n            DAHA \u00c7OK YA\u015eAM.\n        <\/h2>\n\n\n        <p>\n            Cam\u0131n \u015feffafl\u0131\u011f\u0131n\u0131, al\u00fcminyumun g\u00fc\u00e7l\u00fc\n            karakterini ve \u00e7a\u011fda\u015f tasar\u0131m\u0131n yal\u0131nl\u0131\u011f\u0131n\u0131\n            bir araya getirerek ya\u015fam alanlar\u0131na\n            yeni bir bak\u0131\u015f kazand\u0131r\u0131yoruz.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n<\/div>\n\n\n<script>\n(function(){\n\n    const root =\n        document.querySelector(\"#olmze-final\");\n\n    if(!root) return;\n\n\n    \/* =====================================================\n       SLIDER\n    ===================================================== *\/\n\n    const slides =\n        root.querySelectorAll(\".oz-slide\");\n\n    const number =\n        root.querySelector(\".oz-slide-number\");\n\n    const progress =\n        root.querySelector(\".oz-progress-bar\");\n\n    let current = 0;\n    let timer = null;\n\n    const speed = 5000;\n\n\n    function resetProgress(){\n\n        if(!progress) return;\n\n        progress.classList.remove(\"play\");\n\n        void progress.offsetWidth;\n\n        progress.classList.add(\"play\");\n    }\n\n\n    function showSlide(index){\n\n        slides[current]\n            .classList\n            .remove(\"active\");\n\n        current = index;\n\n        if(current >= slides.length){\n            current = 0;\n        }\n\n        if(current < 0){\n            current = slides.length - 1;\n        }\n\n        slides[current]\n            .classList\n            .add(\"active\");\n\n\n        if(number){\n\n            number.textContent =\n                String(current + 1)\n                .padStart(2,\"0\");\n\n        }\n\n        resetProgress();\n    }\n\n\n    function nextSlide(){\n\n        showSlide(current + 1);\n\n    }\n\n\n    function startSlider(){\n\n        clearInterval(timer);\n\n        timer =\n            setInterval(\n                nextSlide,\n                speed\n            );\n    }\n\n\n    if(slides.length){\n\n        resetProgress();\n        startSlider();\n\n    }\n\n\n    document.addEventListener(\n        \"visibilitychange\",\n        function(){\n\n            if(document.hidden){\n\n                clearInterval(timer);\n\n            }else{\n\n                resetProgress();\n                startSlider();\n\n            }\n\n        }\n    );\n\n\n    \/* =====================================================\n       H\u0130ZMETLER HOVER G\u00d6RSEL\u0130\n    ===================================================== *\/\n\n    const serviceItems =\n        root.querySelectorAll(\n            \".oz-service-item\"\n        );\n\n    const preview =\n        root.querySelector(\n            \".oz-service-preview\"\n        );\n\n\n    if(preview){\n\n        const previewImage =\n            preview.querySelector(\"img\");\n\n        const previewNumber =\n            preview.querySelector(\n                \".oz-preview-no\"\n            );\n\n\n        if(\n            window.matchMedia(\n                \"(min-width:900px)\"\n            ).matches\n        ){\n\n            serviceItems.forEach(\n                function(item){\n\n\n                    item.addEventListener(\n                        \"mouseenter\",\n                        function(){\n\n                            const img =\n                                item.getAttribute(\n                                    \"data-image\"\n                                );\n\n                            const no =\n                                item.getAttribute(\n                                    \"data-no\"\n                                );\n\n\n                            if(previewImage){\n                                previewImage.src = img;\n                            }\n\n                            if(previewNumber){\n                                previewNumber.textContent = no;\n                            }\n\n                            preview.classList.add(\n                                \"show\"\n                            );\n\n                        }\n                    );\n\n\n                    item.addEventListener(\n                        \"mouseleave\",\n                        function(){\n\n                            preview.classList.remove(\n                                \"show\"\n                            );\n\n                        }\n                    );\n\n\n                    item.addEventListener(\n                        \"mousemove\",\n                        function(e){\n\n                            let x =\n                                e.clientX - 230;\n\n                            let y =\n                                e.clientY - 80;\n\n\n                            if(x < 210){\n\n                                x =\n                                    e.clientX + 230;\n\n                            }\n\n\n                            if(\n                                x >\n                                window.innerWidth - 190\n                            ){\n\n                                x =\n                                    e.clientX - 230;\n\n                            }\n\n\n                            if(y < 145){\n\n                                y = 155;\n\n                            }\n\n\n                            if(\n                                y >\n                                window.innerHeight - 145\n                            ){\n\n                                y =\n                                    window.innerHeight -\n                                    155;\n\n                            }\n\n\n                            preview.style.left =\n                                x + \"px\";\n\n                            preview.style.top =\n                                y + \"px\";\n\n                        }\n                    );\n\n                }\n            );\n\n        }\n\n    }\n\n\n    \/* =====================================================\n       SCROLL REVEAL\n    ===================================================== *\/\n\n    const reveals =\n        root.querySelectorAll(\n            \".oz-reveal\"\n        );\n\n\n    if(\n        \"IntersectionObserver\" in window\n    ){\n\n        const observer =\n            new IntersectionObserver(\n\n                function(entries){\n\n                    entries.forEach(\n                        function(entry){\n\n                            if(\n                                entry.isIntersecting\n                            ){\n\n                                entry.target\n                                    .classList\n                                    .add(\"visible\");\n\n                                observer\n                                    .unobserve(\n                                        entry.target\n                                    );\n\n                            }\n\n                        }\n                    );\n\n                },\n\n                {\n                    threshold:.10,\n                    rootMargin:\n                        \"0px 0px -30px 0px\"\n                }\n\n            );\n\n\n        reveals.forEach(\n            function(element){\n\n                observer.observe(element);\n\n            }\n        );\n\n    }else{\n\n        reveals.forEach(\n            function(element){\n\n                element\n                    .classList\n                    .add(\"visible\");\n\n            }\n        );\n\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CAM BALKON \/ 01 SINIRLARI \u015eEFFAFLA\u015eTIR. \u0130\u00e7 mek\u00e2n ile d\u0131\u015f d\u00fcnyay\u0131 birbirinden ay\u0131rmak yerine onlar\u0131 tek bir mimari deneyimde bulu\u015fturan modern cam balkon sistemleri. AL\u00dcM\u0130NYUM CEPHE \/ 02 YAPININ YEN\u0130 Y\u00dcZ\u00dc. G\u00fc\u00e7l\u00fc geometriler, rafine detaylar ve \u00e7a\u011fda\u015f al\u00fcminyum cephe teknolojileriyle mimariye yeni bir karakter kazand\u0131r\u0131yoruz. G\u0130YOT\u0130N CAM \/ 03 MEK\u00c2NI HAREKET ETT\u0130R. Hareketli cam teknolojisiyle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":40,"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":10727,"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/pages\/27\/revisions\/10727"}],"wp:attachment":[{"href":"https:\/\/www.alfaserver.com.tr\/olmzecambalkon\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}