@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;300;400;500;600;700&family=Roboto:wght@100;300;400;500;600;700&display=swap');
@font-face {font-family: 'Esbah'; src: url('fonts/Esbah-Regular2.ttf') format('truetype'); font-display: swap;}

:root {
    /* Renk Değişkenleri */
    --birinci-color: #233074;  /* esbah kurumsal renk */  
    --ikinci-color: #ffd200;    
    --ucuncu-color: #193246; 
    --dorduncu-color: #121212; 
    --besinci-color: #ff431e;   
    
    /* Zamanlama ve Efektler */
    --fade-speed: 0.8s;

    --baslik-font: 'Barlow', sans-serif;
    /* Metinler için Roboto */
    --metin-font: 'Roboto', sans-serif;

}



/* Reset & Basics 
------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* html - body
------------------------------------- */
* {margin: 0; padding: 0; box-sizing:border-box;}
html { box-sizing:border-box; /* font-size:14px; */}
body { margin:0; padding:0; font-family: var(--metin-font); font-size:1.1rem; font-weight:400; line-height:1.5; color:#222; background-color: #fff;}

/* Typography
------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:1rem; font-weight:600; line-height:1.5; color:#222; font-family: var(--baslik-font); }
h1{ font-size:2rem; }
h2{	font-size:1.8rem; }
h3{	font-size:1.6rem; }
h4{	font-size:1.4rem; }
p {	margin-top:0; margin-bottom:1rem; font-size:1.1rem;}
b, strong {	font-weight:500; }
small { font-size:80%; }


@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    body {font-size:1rem;}
    h1{ font-size:1.6rem; }
    h2{	font-size:1.4rem; }
    h3{	font-size:1.2rem; }
    h4{	font-size:1rem; }
    p {	font-size:1rem;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    body {font-size:1rem;}
    h1{ font-size:1.6rem; }
    h2{	font-size:1.4rem; }
    h3{	font-size:1.2rem; }
    h4{	font-size:1rem; }
    p {	font-size:1rem;}
}

/* Links
------------------------------------- */
a{ color: #000; text-decoration: none; outline: 0; }
a:hover {  text-decoration: underline; }

/* #hr
================================================== */	
hr.cizgi{ display: block; height:1px; margin:10px 0px; padding: 0; clear: both; border:none; border-bottom:1px solid #ddd;}
hr.nokta{ display: block; height:1px; margin:10px 0px; padding: 0; clear: both; border:none; border-bottom:1px dashed #ddd;}	  

/* Forms
------------------------------------- */
input, button, select, optgroup, textarea {margin: 0; font-family: inherit;	font-size: inherit;	line-height: inherit; border:1px solid #ccc;}
label {display: block; font-weight:400;}
button {border-radius: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none;}
input[type="radio"], input[type="checkbox"] {box-sizing: border-box; padding: 0;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {-webkit-appearance: listbox;}
textarea {overflow: auto; resize: vertical;	background-color:#fff;}
fieldset {border: 1px solid #bbb;}
legend {font-weight:500;}
textarea:focus, input:focus{outline: none;}
::placeholder {color: #444; font-style:normal; font-size: 1rem;}
sup {	vertical-align: super; font-size: .5rem;}
/* Buttons
------------------------------------- */
button, input[type="submit"], input[type="reset"], input[type="button"] {}
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, 
	button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus  { }
.btn{ background: var(--ikinci-color); color: #121212; display: inline-block; font-size: 1rem; font-weight: 500; text-decoration: none; cursor: pointer; 
	  line-height: normal; padding: 0.5rem 1rem; margin:0 10px 10px 0px; color:#222; border-radius:5px; border:none;}
.btn:hover, .btn:focus {color:#ccc; background: #222; text-decoration: none;}


	
.err {color:red; margin:20px 0;}
.suc, .ok {color:green; margin:20px 0;}

/* Lists
------------------------------------- */
ul { list-style: none; }
ol { list-style: decimal inside; }
ol, ul { padding: 0; margin-bottom: 16px;}
ul ul, ul ol, ol ol, ol ul { margin: 0; }
li { margin:0; }

/* Tables
------------------------------------- */
table {margin-bottom:1rem;}
th,
td { padding: 3px; text-align: left; border-bottom: 1px solid #ddd; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }

/* Spacing
------------------------------------- */
button, .button {cursor: pointer;}
strong {font-weight:700;}
em {font-style: italic;}
 
img {border:none; padding:0; margin:0; display:block; }

.fLeft {float:left;}
.fRight {float:right;}

.displayNone {display:none;}
.displayBlock {display:block;}

/* UYARİ
------------------------------------- */
.uyari {z-index:8; position:fixed; top:200px; left:10px; display:flex; flex-direction: column; justify-content:center; background-color: #d62323; color:#fff; padding:10px; width:120px; height:120px; border-radius: 50%;}
.uyari p {margin:0; color:#fff; font-size:.8rem; text-align: center;}

/* GRID
------------------------------------- */


.aContainer-full, .aContainer-genis, .aContainer-dar, .aContainer { position: relative; width: 100%; margin: 0 auto; box-sizing: border-box; }
.aContainer-genis { max-width: 1400px; }
.aContainer { max-width: 1260px; }
.aContainer-dar { max-width: 768px; }
.aRow {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* Sütunların içeriğe göre küçülmesini sağlar */
    width: 100%;
}

[class*="aCol-"] {
    display: flex; /* Sütunun kendisini de flex yaparsak içindeki aContent'i tam yönetiriz */
    flex-direction: column;
}
.aCol-1-12 { width: 8.3333%; }
.aCol-2-12 { width: 16.6666%; }
.aCol-3-12 { width: 25%; }
.aCol-4-12 { width: 33.3333%; }
.aCol-5-12 { width: 41.6666%; }
.aCol-6-12 { width: 50%; }
.aCol-7-12 { width: 58.3333%; }
.aCol-8-12 { width: 66.6666%; }
.aCol-9-12 { width: 75%; }
.aCol-10-12 { width: 83.3333%; }
.aCol-11-12 { width: 91.6666%; }
.aCol-12-12 { width: 100%; }
.aCol-1-5 { width: 20%; }
.aCol-2-5 { width: 40%; }
.aCol-3-5 { width: 60%; }
.aCol-4-5 { width: 80%; }
.aContent { position: relative; width: 100%; padding: 0 16px; box-sizing: border-box; }


@media only screen and (min-width:992px) and (max-width:1259px) {
    .aContainer-genis, .aContainer-dar, .aContainer {width:94%;}
}

@media only screen and (min-width:576px) and (max-width:991px) {
    .aContainer-genis, .aContainer-dar, .aContainer {width:94%;}
    [class*="aCol-"] { width: 100%; }
    .aContent {padding: 0 12px;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .aContainer-genis, .aContainer-dar, .aContainer {width:94%;}
    [class*="aCol-"] { width: 100%; }
    .aContent {padding: 0 12px;}
}

.esbahFont { font-family: 'Esbah', serif; letter-spacing: -0.05em; font-weight: normal; font-size: 1.1em;/* 0.87 */ }
.lightFont { font-weight: 100; }
.paddingTopBottom { padding-top: 58px; padding-bottom: 58px; }
@media only screen and (min-width:992px) and (max-width:1259px) {
    .paddingTopBottom { padding-top: 48px; padding-bottom: 48px; }
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .paddingTopBottom { padding-top: 42px; padding-bottom: 42px; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .paddingTopBottom { padding-top: 36px; padding-bottom: 36px; }
}

.img{}
.img img{object-fit:contain;max-width:100%}
/* En/boy oranını korurken kutuya doldurmak için duruma göre resmin boyutunu artırır veya azaltır.*/ /* kare */ 
.img-k{position:relative;width:100%;padding-top:100%;overflow:hidden}
/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */ 
.img-k img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/* yatay */ .img-k-Yatay{position:relative;width:100%;padding-top:75%;overflow:hidden}
/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */ 
.img-k-Yatay img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/* dikey */ .img-k-Dikey{position:relative;width:100%;padding-top:125%;overflow:hidden}
/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */ 
.img-k-Dikey img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/* menuAc
************************************** */
#menuAc {position: fixed; top: 24px; left: 50%;  margin-left: 630px; width: 2.6rem; height: 2.6rem;  cursor: pointer; z-index: 10; 
/* Eski shadow yerine bunu dene */
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); 
}

#menuAc i {position: absolute; top: 0; left: 0; font-size: 2.6rem; color: #fff; transform-origin: center;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;} 

.menuAcButonAktif .menuIcon {opacity: 0; transform: scaleY(0);}
.closeIcon {opacity: 0; transform: rotate(-180deg) scaleY(0); /* Gizliyken preslenmiş haldedir */}
.menuAcButonAktif .closeIcon {opacity: 1; transform: rotate(0deg) scaleY(1);}

@media only screen and (min-width:0) and (max-width:1300px) {
    #menuAc {left:auto; right:24px; margin-left: 0;}
}



#menuOverlay {height: 100%; width: 100%; position: fixed; z-index: 4; top: 0; left: 0; background-color: var(--ucuncu-color);  
    /* Başlangıçta sağ üstte görünmez bir nokta */ clip-path: circle(0% at 100% 0%); transition: clip-path 0.3s cubic-bezier(0.4, 0, 0.2, 1);  
    display: flex; align-items: center; justify-content: center;}
.menuAcik #menuOverlay {clip-path: circle(150% at 100% 0%);}  

/* HEADER
************************************** */
.aHeaderKap {position: absolute; top: 0;  left: 0; width: 100%; z-index: 5; display: flex; flex-wrap: wrap; justify-content: center; 
    opacity: 0; transform: translateY(-100%); animation: aTopIn 0.5s ease-out forwards;}
@keyframes aTopIn { 
    from {transform: translateY(-100%); opacity: 0;}
    to {transform: translateY(0); opacity: 1;}
}
.menuAcik .aHeaderKap {position:fixed;} 

.aHeader {width: 100%; max-width: 1260px; padding: 0 16px; /* aContent */ box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}

.aLogo {width: 210px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px; padding: 16px; /*a Content*/ box-sizing: border-box;}
.aLogo img { width: 100%; height: auto; display: block; }

.aAssets {display: flex; flex-wrap: nowrap; align-items: center; padding-right:120px; }

.aramaForm {width: 220px; height: 42px; transition: width 0.5s cubic-bezier(0.5, 0, 0.2, 1); }
.aramaForm:hover {width: 240px;}
.aramaForm:focus-within {width: 240px;}
.aramaForm .searchInput:focus {background: rgba(255, 255, 255, 0.9);}
.aramaForm form {position: relative; padding: 0; margin: 0; width:100%; height: 100%; display: flex; flex-wrap: nowrap; border-radius: 50px; overflow: hidden;
    border: none; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px;}
.aramaForm .searchInput {width: calc(100% - 42px); padding: 0 1rem; margin: 0; background: rgba(255, 255, 255, 0.6); font-size: 1rem; border: none; outline: none;
    color: #222; height: 100%;}
.aramaForm .searchButton {width: 42px; height: 100%; padding: 0; margin: 0; color: #444; background: rgba(255, 255, 255, 1); border: none; cursor: pointer;
    font-size: 1rem; display: flex; align-items: center; justify-content: center;}

.dilSecici {position: relative; width: 160px; height: 42px; margin-left:12px; cursor: pointer; }
.dilSecici .seciliDilKutu {position: relative; padding: 0; margin: 0; width:100%; height: 100%; display: flex; flex-wrap: nowrap; border-radius: 42px;
    overflow: hidden; border: none; transition: border-radius 0.5s ease; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px;}
.dilSecici .seciliDilKutu.tikli {border-radius: 21px 21px 0 0;}
.dilSecici .seciliDil {width: calc(100% - 42px); padding: 0 1rem; margin: 0; background: rgba(255, 255, 255, 0.6); font-size: 1rem; border: none;  outline: none;
    color: #444; height: 100%; line-height: 42px; display: flex; align-items: center; gap: 8px;}
.dilSecici .seciliDilOk {width: 42px; height: 100%; padding: 0; margin: 0; color: #444; background: rgba(255, 255, 255, 1); border: none; cursor: pointer;
    font-size: 1.6rem; display: flex; align-items: center; justify-content: center;}
.dilSecici .seciliDilOk i {display: inline-block; /* Dönme efekti için şart */ transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.dilList { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border-radius: 0 0 21px 21px;
    z-index: 4; overflow: hidden; padding: 0; display: block; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
.dilList .pasifDil a {display: block; padding: 0; font-size: 1rem; border: none; outline: none; color: #444; height: 100%; line-height: 42px; text-decoration: none;
    font-size: 1rem; padding-left:42px;}
.dilList .pasifDil a:hover {background: #f5f5f5; color: #222;}
.dilList.is-active {opacity: 1; visibility: visible; transform: translateY(0);}

.respMenu { width: 100%; max-width: 1260px; box-sizing:border-box; margin-top:64px; padding:0; display: none;}
.menuAcik .respMenu {display:block;
    opacity: 0; animation: aRightIn 0.3s ease forwards; animation-delay: 0.3s;}
@keyframes aRightIn {
    from {opacity: 0; transform: translateX(200px);}
    to {opacity: 1; transform: translateX(0);}
}
.respMenuContent {width:100%; display: flex;}
.respBox {display: flex; padding: 0 16px; /* aContent*/ box-sizing: border-box;}
.respMenuUL {width:100%; list-style: none; padding: 0; margin: 0; width: 340px; font-family: var(--baslik-font);}
.respMenuUL li {margin-bottom: .5rem; overflow: hidden;}
.respMenuUL > li > a {font-size: 1.4rem; font-weight: 500; color: #ffffff; text-decoration: none; letter-spacing: 2px; display: block;
    transition: color 0.3s ease, transform 0.3s ease;}
.respMenuUL li a:hover {color: var(--ikinci-color);}
.respMenuUL ul {list-style: none; padding: 0; margin-top: .3rem; margin-bottom: .3rem;}
.respMenuUL ul li {margin-bottom: 0; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 1rem; }
.respMenuUL ul li a {font-size: 1.2rem; font-weight: 400; color: #bbb; text-decoration: none; transition: all 0.3s ease;}

.resp-banner {width:100%;}
.resp-banner img {width:100%; max-width:300px;}

@media only screen and (min-width:992px) and (max-width:1259px) {
    .aLogo {/* background-color: green;  */} 
    .aHeader {width: 94%;}
    .respMenu { width: 94%;}
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .aLogo {/*background-color: blue;  */}  
    #menuAc {top: 16px;}
    .aHeader {width: 94%; flex-direction: column; align-items: flex-start; flex-wrap: wrap; padding: 0 12px; /* aContent */}
    .aLogo {width: 140px; padding: 12px; /* aContent */}
    .aLogo img {}
    .aAssets {opacity: 0; visibility: hidden; width:100%; margin-top:32px; padding-right:0; transition: all 0.5s ease;}
    .menuAcik .aAssets {opacity: 1; visibility: visible;}
        .aramaForm {width: 160px;}
        .aramaForm:hover {width: 160px;}
    .aramaForm:focus-within {width: 160px;}
    .respMenu { width: 94%;}
    .respBox {padding: 0 12px; /* aContent*/}
    #respBox2, #respBox3 {display:none;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .aLogo { /*background-color: yellow; */} 
    #menuAc {top: 16px;}
    .aHeader {width: 94%; flex-direction: column; align-items: flex-start; flex-wrap: wrap; padding: 0 12px; /* aContent */}
    .aLogo {width: 140px; padding: 12px; /*aContent */}
    .aLogo img {}
    .aAssets {opacity: 0; visibility: hidden; width:100%; margin-top:32px; padding-right:0; transition: all 0.5s ease;}
    .menuAcik .aAssets {opacity: 1; visibility: visible;}
        .aramaForm {width: 160px;}
        .aramaForm:hover {width: 160px;}
    .aramaForm:focus-within {width: 160px;}
    .respMenu { width: 94%;}
    .respBox {padding: 0 12px; /* aContent */}
    #respBox2, #respBox3 {display:none;}
}


/* SLIDER ve PROJE SLIDER ORTAK
************************************** */
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
    .bg-dark-black { background-color: rgba(0, 0, 0, 0.5); }
    .bg-gradient-v {
        background: linear-gradient(
        to top, 
        rgba(0, 0, 0, 0.8) 0%,   /* %0 noktasında 0.9 saydamlık */
        rgba(0, 0, 0, 0.4) 20%,  /* %20 noktasında 0.6 saydamlık */
        rgba(0, 0, 0, 0) 100%    /* %100 noktasında tam şeffaf */
        );
    }
    .bg-blue-tint { background: rgba(20, 40, 80, 0.4); }
    .bg-vignette { background: radial-gradient(circle, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); }

/* SLIDER
************************************** */
.sliderKap { position: relative; width: 100vw; height: 100vh; height: 100dvh; overflow: hidden; background-color: #000; touch-action: pan-y; user-select: none; }
    .sliderKap:active { cursor: grabbing; }
    .slides-container { position: relative; width: 100%; height: 100%; opacity: 0; animation: aFadeIn 0.5s ease-out forwards; }
    .mySlides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; 
        transition: opacity 0.2s ease-in-out, visibility 0.2s; z-index: 1; }
    .mySlides.activeSlide { opacity: 1; visibility: visible; z-index: 2; }
    .mySlides img { width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-drag: none; pointer-events: none; }
    .mySlides video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.slideContent { position: absolute; bottom: 200px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1260px; padding: 16px 16px; /* aContent */ 
    box-sizing: border-box; z-index: 4; text-align: left; color: #ffffff; box-sizing: border-box; 
    display: flex; flex-direction: column; align-items: flex-start;}
    .activeSlide .slideContent { visibility: visible; }
    .slideTitle, .slideDesc, .slideBtn { margin:.5rem 0; opacity: 0; transform: translateX(50px); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
        display: block; }
    .activeSlide .slideTitle, .activeSlide .slideDesc, .activeSlide .slideBtn { opacity: 1; transform: translateX(0);}
    .slideTitle { text-shadow: rgba(0, 0, 0, 0.9) 3px 3px 10px; font-family: var(--baslik-font); font-size: 2.2rem; line-height: 1.5; font-weight: 500;
        color: rgba(255, 255, 255, 1); letter-spacing: 1px; transition-delay: 0.3s; }
    .slideDesc { text-shadow: rgba(0, 0, 0, 0.9) 3px 3px 10px; font-size: 1.6rem; line-height: 1.5; font-weight: 400;
        color: rgba(255, 255, 255, 0.9); transition-delay: 0.5s; }
    .slideBtn { display: inline-block; padding: .8rem; background-color: var(--ikinci-color); color: #222; text-decoration: none; font-weight: 500; 
        letter-spacing: 0; border: 2px solid var(--ikinci-color); border-radius: 5px; transition-delay: 0.7s; margin-top:1rem;}
    .slideBtn:hover { background-color: transparent; color: #fff; border-color: #fff; }
.slider-controls { position: absolute; right:0; bottom:120px; display: flex; justify-content:center; opacity: 0; 
    padding: 0 16px; /* aContent */ z-index: 5; pointer-events: none; }
    .ctrl-btn { pointer-events: auto; color: white; width: 60px; height: 60px; font-size: 60px; background-color: transparent; border:none;
        cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; }
    .ctrl-btn:hover { color: var(--ikinci-color);}
.sliderNav { position: absolute; bottom: 60px; left: 50%; transform: translate(-50%, 0); width: 100%; max-width: 1260px; padding: 0 16px; /* aContent */ box-sizing: border-box;
    z-index: 3; opacity: 0; animation: aFadeIn 0.5s ease-out forwards; animation-delay: .5s; }
    .lineWrapper { position: relative; width: 100%; height: 6px; margin-bottom: 10px; }
    .thinLine { position: absolute; top: 2px; width: 100%; height: 2px; background: rgba(255, 255, 255, 0.2); }
    .thickLine { position: absolute; top: 0; left: 0; height: 6px; background: var(--ikinci-color); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s ease; }
    .navItems { display: flex; justify-content: space-between; }
    .navItem { flex: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; min-height: 4.5rem; padding: 10px 5px; }
    .navItem span { color: #fff; font-family: var(--baslik-font); font-weight: 500; font-size: 1.1rem; line-height: 1.5rem; text-transform: uppercase; transition: color 0.4s ease, transform 0.3s ease; align-items: center; text-align: center; letter-spacing: 2px;  text-shadow: rgba(0, 0, 0, 0.9) 3px 3px 10px; }
    .navItem.active span { color: var(--ikinci-color); }
    .navItem:hover span { color: var(--ikinci-color); }
    .navItem span.navItemTitle {}
    .navItem span.navItemNumber { display: none; background-color: var(--ikinci-color); color: #fff; font-size: 1.2rem; line-height: 2rem; height: 2rem; width: 2rem; border-radius: 50%; }

    @keyframes aFadeIn { from {opacity: 0;} to {opacity: 1;} }


@media only screen and (min-width:992px) and (max-width:1259px) {
    .sliderKap {height:580px;}
    .slideContent {width: 94%; bottom: 80px;}
    .slideTitle {font-size: 2rem;}
    .slideDesc {font-size: 1.4rem;}
    .slideBtn {padding: .7rem;}
    .sliderNav {width: 94%; bottom: 20px;}
    .slider-controls {bottom:80px; opacity: 1; }
    .navItems {display:none;}
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .sliderKap {height:580px;}
    .slideContent {width: 94%; bottom: 60px; padding: 12px 12px; /* aContent */}
    .slideTitle {font-size: 1.8rem;}
    .slideDesc {font-size: 1.3rem;}
    .slideBtn {padding: .6rem;}
    .sliderNav {width: 94%; bottom: 20px; padding: 0 12px; /* aContent */}
    .slider-controls {bottom:60px; opacity: 1; padding: 0 12px;/* aContent */ }
    .navItems {display:none;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .sliderKap {height:480px;}
    .slideContent {bottom: 40px; padding: 12px 12px; /* aContent */}
    .slideTitle {font-size: 1.6rem; letter-spacing: -1px;}
    .slideDesc {font-size: 1.2rem; letter-spacing: -0.5px;}
    .slideBtn {padding: .5rem;}
    .sliderNav {width: 94%; bottom: 10px; padding: 0 12px; /* aContent */}
    .slider-controls {bottom:40px; opacity: 1; padding: 0 12px; /* aContent */}
    .navItems {display:none;}
}

/* ANA SAYFA PROJE TİPLERİ UL
************************************** */
.anasayfaProjeType { list-style-type: none; padding: 0; margin: 36px auto 12px auto; text-align: center; width: 100%; }
.anasayfaProjeType li { display: inline-block; background: var(--ikinci-color); color: #222; font-size: 1.1rem; font-weight: 400; text-decoration: none; cursor: pointer; line-height: normal; padding: 0.5rem 1rem; margin: 0 5px 10px 5px; border-radius: 5px; border: none; transition: all 0.3s ease; }
.anasayfaProjeType li a { text-decoration: none; }
.anasayfaProjeType li a i { margin-right: 0.5rem; }
.anasayfaProjeType li:hover { filter: brightness(0.9); }

/* talepformAç whatsappAra ve telAra 
************************************** */

.customAra {position: fixed; right: -110px; color: #fff; z-index: 5; border-radius: 9999px 0 0 9999px;
  cursor: pointer; overflow: hidden; width: 160px; transition: all 0.4s ease;}

.talepFormAc { bottom: 260px; }
.whatsappAra {background-color: #4caf50; bottom: 205px; }
.telAra {background-color: #fd7e14; bottom: 150px; }

.customAra button {display: flex; align-items: center; text-decoration: none; color: #121212; height: 3rem; padding: 0 1rem; border:none; 
    background-color: var(--ikinci-color);}
.customAra a {display: flex; align-items: center; text-decoration: none; color: #fff; height: 3rem; padding: 0 1rem;}
.customAra i {font-size: 1.8rem; line-height: 3rem; min-width: 1.8rem; text-align: center; animation: blink 1.5s infinite;}
.customAra span {font-size: 1rem; line-height: 3rem; margin-left: .5rem; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease 0.1s; font-weight: 700;}
.customAra:hover {right: 0;}
.customAra:hover span {opacity: 1;}

/* Yanıp sönme animasyonu */
@keyframes blink {0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.1; transform: scale(1.1); }}

@media only screen and (min-width:992px) and (max-width:1259px) {
    .talepFormAc { bottom: 135px; }
    .whatsappAra {background-color: #4caf50; bottom: 80px; }
    .telAra {background-color: #fd7e14; bottom: 25px; }
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .talepFormAc { bottom: 135px; }
    .whatsappAra {background-color: #4caf50; bottom: 80px; }
    .telAra {background-color: #fd7e14; bottom: 25px; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .talepFormAc { bottom: 135px; }
    .whatsappAra {background-color: #4caf50; bottom: 80px; }
    .telAra {background-color: #fd7e14; bottom: 25px; }
}

/* BANNER
************************************** */
.bannerKap {position: relative; width: 100vw; /*height: 100vh; height: 100dvh; */ height:360px; overflow: hidden; background-color: #000; 
    touch-action: pan-y; user-select: none; animation: aFadeIn 0.5s ease-out forwards; }
    .banner-container { position: relative; width: 100%; height: 100%; opacity: 1; z-index:1;  }
    .myBanner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: 2;}
.myBanner img { width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-drag: none; pointer-events: none; opacity: 0; animation: imageFadeIn 1.5s ease-out forwards; }
.banner-content { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1260px; 
    padding: 0 16px; /* aContent */ box-sizing: border-box; 
       z-index: 3; text-align: left; color: #ffffff; 
    opacity: 0;
    animation: aFadeIn 0.8s ease-out 0.5s forwards; /* 0.5s gecikme ekledik */}
    .banner-contentIC { position: relative; width:100%; border-left: 5px solid var(--ikinci-color); display: flex; flex-direction: column;
        /* background-color: rgba(0, 0, 0, 0.3);*/}
    .bannerTitle, .bannerTitleKat {margin:.5rem 0 .5rem 3rem; display: block; }
    .bannerTitle {font-family: var(--baslik-font); font-size: 2.2rem;  line-height: 1.5; 
        font-weight: 500; color: rgba(255, 255, 255, 1); text-transform: uppercase; letter-spacing: 1px;  text-shadow: rgba(0, 0, 0, 0.9) 3px 3px 10px;
        transition-delay: 0.3s; }
    .bannerTitleKat {font-size: 1.2rem; line-height: 1.2;  font-weight: 300;
        color: rgba(255, 255, 255, 0.9); text-shadow: rgba(0, 0, 0, 0.9) 3px 3px 10px; transition-delay: 0.5s; }
    @keyframes imageFadeIn {
        0% {opacity: 0; transform: scale(1.05);}
        100% {opacity: 1; transform: scale(1); }
    }
@media only screen and (min-width:992px) and (max-width:1259px) {
    .bannerKap {height:320px;}
    .banner-content {width: 94%; bottom: 40px;}
    .banner-contentIC {}
    .bannerTitle, .bannerTitleKat {margin:.4rem 0 .4rem 2.2rem; }
    .bannerTitle {font-size: 2rem; }
    .bannerTitleKat {font-size: 1.2rem; }
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .bannerKap {height:280px;}
    .banner-content {width: 94%; bottom: 30px; padding: 0 12px; /* aContent */}
    .banner-contentIC {}
    .bannerTitle, .bannerTitleKat {margin:.3rem 0 .3rem 1.6rem; }
    .bannerTitle {font-size: 1.8rem; }
    .bannerTitleKat {font-size: 1.1rem; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .bannerKap {height:220px;}
    .banner-content {width: 94%; bottom: 20px; padding: 0 12px; /* aContent */}
    .banner-contentIC {}
    .bannerTitle, .bannerTitleKat {margin:.2rem 0 .2rem 1rem; }
    .bannerTitle {font-size: 1.6rem; }
    .bannerTitleKat {font-size: 1rem; }
}

/* OWL-İNOVASYON 
************************************** */
.owl-inovasyon { width: 100%; }
.owl-inovasyon .owl-stage { display: flex; }
.owl-inovasyon .owl-item { display: flex; flex: 1 0 auto; }
.inoBox { width: 100%; display: flex; flex-direction: column; padding: 16px 16px 0 16px; background-color: #eee; border-radius: 12px; }
.inoBox h3 { }
.inoBox p { }
.owl-inovasyon .owl-nav { display: none; }
.owl-inovasyon .owl-dots { display: none; }

/* OWL-LOGO
************************************** */

.logoProjem { text-align: center; display: flex; justify-content: center; align-items: center; padding: 10px; height: 100px; box-sizing: border-box; }
.logoProjem img { max-width: 100%; max-height: 70px; width: auto !important; object-fit: contain; filter: grayscale(100%); transition: all 0.3s; }
.logoProjem:hover img { filter: none; }
.owl-logo { margin-top: 10px; margin-bottom: 0; box-sizing: border-box; position: relative; padding: 0 30px; }
.owl-logo .owl-nav { display: block !important; }
.owl-logo .owl-nav button.owl-prev, .owl-logo .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); 
    font-size: 3rem; color: #999; cursor: pointer; background: none; border: none; transition: color 0.3s; }
.owl-logo .owl-nav button.owl-prev { left: 5px; }
.owl-logo .owl-nav button.owl-next { right: 5px; }
.owl-logo .owl-nav button:hover { color: #000; }


/* ARAMA SAYFASI
************************************** */
.araKap {}
	.araKap .searchInput {width:140px; padding:.2rem 1rem; margin:0 10px 10px 0px; background-color: #fff; border:1px solid #666; border-radius: 5px; box-sizing: border-box; }


/* HAKKIMIZDA SAYFASI
************************************** */
.hakkKap { }

/* gorselmetin */
.hakkGorMet {position:relative; width: 100%; display: flex; gap: 32px; align-items: center; padding: 16px 0; }
.hakkMet { position:relative; flex: 1; }
.hakkMet h2 { font-size: 1.6rem; padding-left: 1rem; border-left: 5px solid var(--ikinci-color); line-height: 1.5;}
.hakkMet p { text-align: justify; }
.hakkGor {position:relative; flex: 1; overflow: hidden; border-radius: 12px; }
.hakkGor img { width: 100%; display: block; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.hakkVid {width:100%; display:flex; justify-content:center; padding:0; max-width:900px; margin:0 auto;}
.hakkVid video {width:100%; border-radius: 12px; margin:16px 0;}
.hakkGor:hover img { transform: scale(1.1); }

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    .hakkGorMet { flex-direction: column; gap: 24px; }
    .hakkGor, .hakkMet {width: 100%; }
    .hakkMet h2 { font-size: 1.4rem; }
    .hakkMet p { font-size: 1rem; }
    .hakkGor { order: 1; }
    .hakkMet { order: 2; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .hakkGorMet { flex-direction: column; gap: 24px; }
    .hakkGor, .hakkMet { width: 100%; }
    .hakkMet h2 { font-size: 1.4rem; }
    .hakkMet p { font-size: 1rem; }
    .hakkGor { order: 1; }
    .hakkMet { order: 2; }
}

/* İLETİŞİM SAYFASI
************************************** */

.iletKap {}

.contactFormKap {width:100%; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.contactFormItem {width:100%; padding:0 1rem 1rem 0; display:flex; flex-wrap:wrap;}
.contactFormItem.form50 {width:50%;}
.contactForm {padding-bottom:0; display:flex;}
.contactForm label {width:100%; font-size:.9rem;}
.contactForm input, .contactForm textarea {float:left;}

	.contactForm input, .contactForm textarea, .contactForm select {width:100%; padding:0.5rem 0.5rem; border:1px solid #666; border-radius: 5px; background-color: transparent; box-sizing: border-box;}
	.contactForm input[type="checkbox"] {margin:.2rem 1rem 0 0; width:16px; height:16px; box-sizing: border-box;}
	
	.contactForm textarea {height:8rem;}
	.contactForm .error {border: 1px solid var(--besinci-color);}
	.contactForm input::placeholder, .contactForm textarea::placeholder  {color:#666;}
	.contactForm .contactFormGndr {padding: 0.5rem 1rem; background-color: var(--ikinci-color); border:none; border-radius:5px; color:#222;}

	.contactForm select.telUlkeKod {width:105px; margin-right:5px; float:left; background-color: transparent; border:1px solid #666; color:#666; }
	.contactForm input.telNumarasi {width : calc(100% - 110px); float:right;}

	.contactFormItem .fInfo {font-size:.8rem;}
	.contactFormItem .fInfo a {text-decoration: underline;}


.contactPageList { list-style: none; padding: 0; margin: 0; display: flex; gap: 16px; }
.contactPageList li { display: flex; margin:0; padding:0; width:33.33%; justify-content: center; align-items: center; border-right:5px solid var(--ikinci-color);}
.contactPageList li a { display: flex; justify-content: center; align-items: center; text-decoration: none !important; color: #121212;}
.contactPageList li i { width: 2.2rem; font-size: 1.8rem; line-height: 1; display: flex; align-items: center; justify-content: flex-start; color: #121212; }
.contactPageList li span { font-size: 1.2rem; font-weight: 400; line-height: 1.5; margin-left: .5rem; transition: color 0.3s ease-in-out; }
.contactPageList li a:hover { color: #000; }
.contactPageList li a:hover i, .contactPageList li a:hover span { color: #000;}
.contactPageList li:last-child { border:none;}

ul.mapAcUL {position: absolute; right:72px; margin:0; top:-64px; padding:0; list-style: none; z-index:3;}
	ul.mapAcUL li {float:left; width:80px; text-align:center; font-size:.7rem; line-height:1.5; color: #333; padding:0; margin:0 8px 0 0; cursor: pointer; }
	ul.mapAcUL li a {color: #333;}
	ul.mapAcUL li span {background-color: #fff;}
	ul.mapAcUL li i {font-size:2rem; color:#333;}
	ul.mapAcUL li img {width:100%;}

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    .contactPageList li i { width: 2rem; font-size: 1.6rem; }
    .contactPageList li span { font-size: 1.1rem;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .contactFormItem.form50 {width:100%;}
    .contactPageList {flex-direction: column; gap: 24px;}
    .contactPageList li {width:100%; justify-content:flex-start; border:none;}
    .contactPageList li i { width: 2rem; font-size: 1.6rem; }
    .contactPageList li span { font-size: 1.1rem;}
}


/* PROJE HARİTASI SAYFASI
************************************** */
#projemap {position: relative; width: 100vw; height: 100vh; height: 100dvh; z-index: 1;}

.projemapContent {position:absolute; bottom: 50px; right: 120px; background-color: var(--ucuncu-color); width:180px; padding:16px; z-index:500;}
.projemapContent h1 {color:#fff; margin-bottom:1rem; line-height: 1.2;}
.projemapContent p {color:#fff; margin-bottom:1rem; line-height: 1.2;}
.proje-select {margin:0; position: relative; width:100%;}
	.proje-select select {display: block; width:100%; padding: 10px 5px; font-size: .9rem; border: 1px solid #ccc;
		border-radius: 5px; color:#333;  
		cursor:pointer; background-color: #eee; }

.leaflet-top {bottom: 0; }
.leaflet-top .leaflet-control-zoom {top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
	.projemapContent {bottom: 5%; right: 5%; width:90%;}
}
@media only screen and (min-width:0) and (max-width:575px) {
	.projemapContent {bottom: 5%; right: 5%; width:90%;}
	.proje-select select {padding: 5px;}
	
}

/* KARİYER SAYFASI
************************************** */
.contKariyerFlex { display: flex; align-items: flex-start; width: 100%; }
.contKariyerMetin { width: calc(60% - 32px); }
.contKariyerAra { width: 64px; align-self: stretch; position: relative; display: flex; justify-content: center; }
.contKariyerAra::before { content: ""; width: 5px; background-color: var(--ikinci-color); height: 100%; border-radius: 5px; }
.contKariyerForm { width: calc(40% - 32px); }

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    .contKariyerFlex {flex-wrap: wrap;}
    .contKariyerMetin {width: 100%;}
    .contKariyerAra {display:none;}
    .contKariyerForm {width: 100%;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .contKariyerFlex {flex-wrap: wrap;}
    .contKariyerMetin {width: 100%;}
    .contKariyerAra {display:none;}
    .contKariyerForm {width: 100%;}

}

/* YONETİM KURULU
************************************** */
.yonKurulBG {padding-top: 96px; padding-bottom:148px; background: transparent url('../eimages/yonetim-kurulu-bg2.jpg') center center; }
.yonKurulRow {display: flex; justify-content: center; flex-wrap: nowrap; width:100%;}
.yonKurulUye {position: relative; width: 600px; display: flex; flex-direction: column; align-items: center;}
.yonKurulUye h2.ism {background-color: rgba(0, 0, 0, 0.1); width: 225px; text-align: center; margin: 0; font-family: var(--baslik-font); 
    font-weight: 500; color: var(--ucuncu-color); font-size:1.4rem; line-height:2.5;}
.yonKurulUye span.grv {background-color: var(--ucuncu-color); width:275px; text-align: center; color: #fff; font-size: .9rem; line-height: 2.5; font-weight: 300; }
.yonKurulUye .ortaDikCizgi {width:1px; height:3.2rem; border-left:1px solid rgba(0, 0, 0, 0.5);}
.yonKurulUye .sagYatayCizgi {position: absolute; top: 0; left: 50%;	width: 50%; border-top: 1px solid rgba(0, 0, 0, 0.5);}
.yonKurulUye .solYatayCizgi {position: absolute; top: 0; right: 50%; width: 50%; border-top: 1px solid rgba(0, 0, 0, 0.5);}

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
	.yonKurulUye {width: 240px;}
	.yonKurulUye h2.ism {width: 200px; font-size: 1.2rem;}
	.yonKurulUye span.grv {width: 220px; font-size: .8rem; }
}
@media only screen and (min-width:0) and (max-width:575px) {
	.yonKurulUye {width: 180px;}
	.yonKurulUye h2.ism {width: 160px; font-size: .9rem; max-width: 80%;}
	.yonKurulUye span.grv {width: 176px; font-size: .7rem; max-width: 90%; line-height: 1.5; padding:.3rem 0;}
}

/* HABERLER SAYFASI
************************************** */
.modHaberGorMetKap { }

/* gorselmetin */
.haberGorMet {position:relative; width: 100%; display: flex; gap: 32px; align-items: center; padding: 16px 0; }
.haberMet { position:relative; flex: 1; }
.haberMet h2 { font-size: 1.6rem; padding-left: 1rem; border-left: 5px solid var(--ikinci-color); line-height: 1.5;}
.haberMet p { text-align: justify; }
.haberGor {position:relative; flex: 1; overflow: hidden; border-radius: 12px; }
.haberGor img { width: 100%; display: block; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.haberGor:hover img { transform: scale(1.1); }

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    .haberGorMet { flex-direction: column; gap: 24px; }
    .haberGor, .haberMet {width: 100%; }
    .haberMet h2 { font-size: 1.4rem; }
    .haberMet p { font-size: 1rem; }
    .haberGor { order: 1; }
    .haberMet { order: 2; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .haberGorMet { flex-direction: column; gap: 24px; }
    .haberGor, .haberMet { width: 100%; }
    .haberMet h2 { font-size: 1.4rem; }
    .haberMet p { font-size: 1rem; }
    .haberGor { order: 1; }
    .haberMet { order: 2; }
}


/* TEM34 PROJELERİ SAYFASI
************************************** */
.modTEM34GorMetKap { }

/* gorselmetin */
.tem34GorMet {position:relative; width: 100%; display: flex; gap: 32px; align-items: center; padding: 16px 0; }
.tem34Met { position:relative; flex: 1; }
.tem34Met h2 { font-size: 1.6rem; padding-left: 1rem; border-left: 5px solid var(--ikinci-color); line-height: 1.5;}
.tem34Met p { text-align: justify; }
.tem34Gor {position:relative; flex: 1; overflow: hidden; border-radius: 12px; }
.tem34Gor img { width: 100%; display: block; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.tem34Gor:hover img { transform: scale(1.1); }

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    .tem34GorMet { flex-direction: column; gap: 24px; }
    .tem34Gor, .tem34Met {width: 100%; }
    .tem34Met h2 { font-size: 1.4rem; }
    .tem34Met p { font-size: 1rem; }
    .tem34Gor { order: 1; }
    .tem34Met { order: 2; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .tem34GorMet { flex-direction: column; gap: 24px; }
    .tem34Gor, .tem34Met { width: 100%; }
    .tem34Met h2 { font-size: 1.4rem; }
    .tem34Met p { font-size: 1rem; }
    .tem34Gor { order: 1; }
    .tem34Met { order: 2; }
}

/* KVKK SAYFASI
************************************** */
.kvkk-list { list-style: none; padding: 0; margin: 1rem 0; border-left: 5px solid var(--ikinci-color); font-family: var(--baslik-font); }
.kvkk-list li { margin-bottom: 2px; }
.kvkk-list li a { display: block; text-decoration: none; background-color: #eee; color: #121212; padding: 0.5rem 1rem; font-size: 1rem; font-weight: 500; transition: all 0.3s ease; border-bottom: 1px solid #eee; }
.kvkk-list li a:hover { background-color: var(--ikinci-color); color: #121212; padding: 0.5rem 0.8rem 0.5rem 1.2rem; }
.kvkk-list li.active a { background-color: #ddd; }

/* PROJELER KATEGERİ MENU (meta projeleri - konut projeleri - ofis projeleri)
************************************** */
.projeKatMenuKap {position: relative; background-color: var(--ikinci-color); backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); animation: aFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1); top: 0; 
    z-index: 3; width: 100%; }
.projeKatMenu { display: flex; flex-wrap: wrap; align-items: center; width:100%; max-width: 1260px; box-sizing: border-box; padding: 1.6rem 16px; /* a Content */ margin: 0 auto; 
    font-family: var(--baslik-font);}
.projeKatMenuUL { position: relative; list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
.projeKatMenuUL li { position: relative; display: inline-block; background-color: transparent; border: none; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 
    border-radius: 5px; margin: 0 5px; padding: 0.5rem 1.5rem; }
.projeKatMenuUL li a { text-decoration: none; display: flex; align-items: center; color: #222; font-weight: 600; font-size: 1rem; }
.projeKatMenuUL li i { margin-right: 0.8rem; font-size: 1.2rem; transition: transform 0.3s ease; }
.projeKatMenuUL li:hover { background-color: rgba(255, 255, 255, 0.9); color: #000; transform: translateY(-2px); }
.projeKatMenuUL li:hover i { transform: scale(1.1); }
.projeKatMenuUL li span { letter-spacing: 0; white-space: nowrap; }
.projeKatMenuUL li::after { content: ""; position: absolute; right: -5px; top: 0; height: 100%; width: 1px; border-right: 1px solid rgba(0, 0, 0, 0.4); }
.projeKatMenuUL li:last-child::after { display: none; }
.projeKatMenuUL li.aktif { background-color: rgba(255, 255, 255, 0.9); color: #000; transform: translateY(-2px);}
.projeKatMenuUL li.aktif:hover i { transform: scale(1.1); }

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    .projeKatMenuUL li { padding: 0.5rem .5rem; }
    .projeKatMenuUL li a {display: flex; flex-direction: column; text-align: center;}
    .projeKatMenuUL li i { margin-right: 0; margin-bottom:5px;}
    .projeKatMenuUL li span {letter-spacing: 0; white-space: wrap; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .projeKatMenuUL li { padding: 0.5rem .5rem; }
    .projeKatMenuUL li a {display: flex; flex-direction: column; text-align: center; font-size: .9rem;}
    .projeKatMenuUL li i { margin-right: 0; margin-bottom:5px;}
    .projeKatMenuUL li span {letter-spacing: 0; white-space: wrap; }
}

/* PROJE LİSTELEME
************************************** */
.modProjeListKap {}
.modProjeList {position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; width:100%;}

.projeBoxOuter { position: relative; overflow: visible; width:100%; max-width:600px; min-width:320px; box-sizing: border-box;}
.projeBox { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; background-color: #000;}
.projeBoxImg { width: 100%; height: 100%; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.projeBoxImg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.projeBox:hover .projeBoxImg { transform: scale(1.1); }
.projeBoxCapt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; z-index: 2; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); box-sizing: border-box; }
.projeBoxCapt a { text-decoration: none; color: #fff; display: block; transform: translateY(10px); transition: transform 0.4s ease; }
.projeBoxCapt a i.esbahFont { margin-right: 4px; }
.projeBoxCapt a span { display: block; font-family: var(--baslik-font); font-size: 1.4rem; font-weight: 600; line-height: 1.2; letter-spacing: 1px; }
.projeBox:hover .projeBoxCapt a { transform: translateY(0); }
.projeBox::after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 5px; background-color: #ffcc00; z-index: 3; transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.projeBox:hover::after { width: 100%; left: 0; right: auto; }

.projeLabelKap { position: absolute; right:0; top:20px; display: flex; flex-direction: column; align-items: flex-end;}
    .projeLabelKap .projeLabel { position: relative; width: fit-content; margin-right:-6px; margin-bottom:12px; background: var(--ikinci-color); color: #222; 
        padding: 0 1rem; font-size:1rem; line-height:2.5rem; font-weight: 600; display: flex; align-items:center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 
        font-size: .9rem; border-radius: 5px 3px 0 5px;}
    .projeLabelKap .projeLabel::after { content: ""; position: absolute; right: 0; bottom: -6px; width: 0; height: 0; border-right: 6px solid transparent; 
        border-top: 6px solid var(--ucuncu-color); }
    /*1- labeldevam */
    .projeLabelKap .projeLabel.labeldevam {/* */}
    /* 2- labelsatista */
    .projeLabelKap .projeLabel.labelsatista {background-color: var(--ucuncu-color); color:#fff;}
    /* 3- labelteslim2024 */
    .projeLabelKap .projeLabel.labelteslim2024 {}
    /* 4- ön talep */
    .projeLabelKap .projeLabel.labelontalepte {}
    /* 5- yakinda */
    .projeLabelKap .projeLabel.labelyakinda {}
    /* 6- büyük fırsat */
    .projeLabelKap .projeLabel.labelbuyukfirsat {}
    /* 7- labeltasiniyoruz */
    .projeLabelKap .projeLabel.labeltasin {background-color: var(--besinci-color); color:#fff;}



    /* 8- labeltamam  pilli yüdelik gösterim */
    /*
    .projeLabelKap .projeLabel[class*="labeltamam-"] {background-color: var(--ikinci-color); padding-left:2.5rem;}
    .projeLabelKap .projeLabel[class*="labeltamam-"]::before {font-family: 'icomoon';  position: absolute; left: 0.5rem; top:0; font-size:1.6rem; line-height:2.5rem; margin-right:.3rem;}
    .projeLabelKap .projeLabel.labeltamam-0::before {content: '\e939';}
    .projeLabelKap .projeLabel.labeltamam-10::before, .projeLabelKap .projeLabel.labeltamam-20::before, .projeLabelKap .projeLabel.labeltamam-30::before {content: '\e936';}
    .projeLabelKap .projeLabel.labeltamam-40::before, .projeLabelKap .projeLabel.labeltamam-50::before, .projeLabelKap .projeLabel.labeltamam-60::before {content: '\e937';}
    .projeLabelKap .projeLabel.labeltamam-70::before, .projeLabelKap .projeLabel.labeltamam-80::before, .projeLabelKap .projeLabel.labeltamam-90::before {content: '\e935';}
    .projeLabelKap .projeLabel.labeltamam-100::before {content: '\e938'; color:rgb(4, 57, 4);}
    */

    /* labeltamam-10 vb ikonlu gösterim */
    .projeLabelKap .projeLabel[class*="labeltamam-"] {background-color: var(--ikinci-color); padding-left:2.5rem;}
    .projeLabelKap .projeLabel[class*="labeltamam-"]::before {font-family: 'icomoon'; content: '\e93a'; position: absolute; left: 0.6rem; top:0; font-size:1.4rem; line-height:2.5rem; margin-right:.3rem;}
    .projeLabelKap .projeLabel.labeltamam-0::before {content: '\e92a';}
    .projeLabelKap .projeLabel.labeltamam-100::before {content: '\e92a';}


@media only screen and (min-width:992px) and (max-width:1259px) {
    .projeBoxOuter {max-width:480px;}
}
@media only screen and (min-width:576px) and (max-width:991px) {

}
@media only screen and (min-width:0) and (max-width:575px) {
    .projeLabelKap .projeLabel {padding: 0 .5rem; font-size: .8rem; line-height:2rem; margin-bottom:8px;}
    .projeLabelKap .projeLabel[class*="labeltamam-"]::before {font-size:1.2rem; line-height:2rem;}
}

/* OWL-PROJELER
************************************** */

.owl-projeler { margin-top: 10px; margin-bottom: 0; box-sizing: border-box; position: relative; padding: 0 30px; }
.owl-projeler .owl-nav { display: block !important; }
.owl-projeler .owl-nav button.owl-prev, .owl-projeler .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); 
    font-size: 3rem; color: #999; cursor: pointer; background: none; border: none; transition: color 0.3s; }
.owl-projeler .owl-nav button.owl-prev { left: 5px; }
.owl-projeler .owl-nav button.owl-next { right: 5px; }
.owl-projeler .owl-nav button:hover { color: #000; }

.owl-projeler .projeBoxOuter { width:100%; min-width: 100%; max-width:100%;}

/* PROJE SLIDER
************************************** */
.projeSliderKap {position: relative; width: 100vw; /*height: 100vh; height: 100dvh; */ height:640px; overflow: hidden; background-color: #121212; 
    touch-action: pan-y; user-select: none; animation: aFadeIn 0.5s ease-out forwards; }
/* Ana taşıyıcı yükseklik tanımı (Owl Carousel'in çalışması için şart) */
.proje-slides-container {position: relative; width: 100%; height: 100% !important;}
.myprojeSlides {position: relative; width: 100% !important; height: 100% !important; z-index: 2; display: flex; align-items: center; justify-content: center;
    background-color: #000;}
.myprojeSlides img {height: 100% !important; width: 100% !important; max-height: 100%; object-fit: cover; display: block;}
    .projeSliderKap .owl-stage-outer, .projeSliderKap .owl-stage, .projeSliderKap .owl-item {height: 100% !important;}
    .projeSliderKap .owl-dots { display: none; }
    .projeSliderKap .owl-nav { display: none; }

.projeSlideContent { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1260px; padding: 0 16px; /* aContent */ 
    box-sizing: border-box; z-index: 3; text-align: left; color: #ffffff; }
    .projeSlideContentIC { position: relative; width:100%; border-left: 5px solid var(--ikinci-color); display: flex; flex-direction: column; 
        /* background-color: rgba(0, 0, 0, 0.3);*/}
    .projeSlideTitle, .projeSlideDesc {margin:.5rem 0 .5rem 3rem; display: block; }
    .projeSlideTitle {font-family: var(--baslik-font); font-size: 2.2rem;  line-height: 1.5; 
        font-weight: 500; color: rgba(255, 255, 255, 1); text-transform: uppercase; letter-spacing: 1px;  text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; 
        transition-delay: 0.3s;}
    .projeSlideDesc {font-size: 1.5rem; line-height: 1.5;  font-weight: 300;
        color: rgba(255, 255, 255, 0.9); text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; transition-delay: 0.5s; }

.projeSlideLabelKap {position:absolute; top:-2.5rem; left:0; display:flex; padding:0 3rem; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
    .projeSlideLabelKap .projeLabel { position: relative; width: fit-content; margin-right:-6px; margin-right:12px; background: var(--ikinci-color); 
        color: #222; padding: 0 1rem; font-size:1rem; line-height:2.5rem; font-weight: 600; display: flex; align-items:center; 
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); font-size: .9rem; border-radius: 12px 12px 0 0 ; border:1px solid rgba(255, 255, 255, 0.3); border-bottom:none;}
    
    /*1- labeldevam */
    .projeSlideLabelKap .projeLabel.labeldevam {/* */}
    /* 2- labelsatista */
    .projeSlideLabelKap .projeLabel.labelsatista {background-color: var(--ucuncu-color); color:#fff;}
    /* 3- labelteslim2024 */
    .projeSlideLabelKap .projeLabel.labelteslim2024 {}
    /* 4- ön talep */
    .projeSlideLabelKap .projeLabel.labelontalepte {}
    /* 5- yakinda */
    .projeSlideLabelKap .projeLabel.labelyakinda {}
    /* 6- büyük fırsat */
    .projeSlideLabelKap .projeLabel.labelbuyukfirsat {}
    /* 7- labeltasiniyoruz */
    .projeSlideLabelKap .projeLabel.labeltasin {background-color: var(--besinci-color); color:#fff;}
    
    /* 8- labeltamam - pilli/yüzdelik gösterim*/
    /*  
    .projeSlideLabelKap .projeLabel[class*="labeltamam-"] {background-color: var(--ikinci-color); padding-left:3rem;}
    .projeSlideLabelKap .projeLabel[class*="labeltamam-"]::before {font-family: 'icomoon';  position: absolute; left: 1rem; top:0; font-size:1.6rem; line-height:2.5rem; margin-right:.3rem;}
    .projeSlideLabelKap .projeLabel.labeltamam-0::before {content: '\e939';}
    .projeSlideLabelKap .projeLabel.labeltamam-10::before, .projeSlideLabelKap .projeLabel.labeltamam-20::before, .projeSlideLabelKap .projeLabel.labeltamam-30::before {content: '\e936';}
    .projeSlideLabelKap .projeLabel.labeltamam-40::before, .projeSlideLabelKap .projeLabel.labeltamam-50::before, .projeSlideLabelKap .projeLabel.labeltamam-60::before {content: '\e937';}
    .projeSlideLabelKap .projeLabel.labeltamam-70::before, .projeSlideLabelKap .projeLabel.labeltamam-80::before, .projeSlideLabelKap .projeLabel.labeltamam-90::before {content: '\e935';}
    .projeSlideLabelKap .projeLabel.labeltamam-100::before {content: '\e938'; color:rgb(4, 57, 4);}
    */

    /* 8- labeltamam - vb ikonlu gösterim */
    .projeSlideLabelKap .projeLabel[class*="labeltamam-"] {background-color: var(--ikinci-color); padding-left:2.5rem;}
    .projeSlideLabelKap .projeLabel[class*="labeltamam-"]::before {font-family: 'icomoon'; content: '\e93a'; position: absolute; left: 0.6rem; top:0; font-size:1.6rem; line-height:2.5rem; margin-right:.3rem;}
    .projeSlideLabelKap .projeLabel.labeltamam-0::before {content: '\e92a';}
    .projeSlideLabelKap .projeLabel.labeltamam-100::before {content: '\e92a';}

@media only screen and (min-width:992px) and (max-width:1259px) {
    .projeSliderKap {height:540px;}
    .projeSlideContent {width: 94%; bottom: 80px;}
    .projeSlideContentIC {}
    .projeSlideTitle, .projeSlideDesc {margin:.4rem 0 .4rem 2.2rem; }
    .projeSlideTitle {font-size: 2rem; }
    .projeSlideDesc {font-size: 1.4rem; }
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .projeSliderKap {height:480px;}
    .projeSlideContent {width: 94%; bottom: 60px; padding: 0 12px; /* aContent */}
    .projeSlideContentIC {}
    .projeSlideTitle, .projeSlideDesc {margin:.3rem 0 .3rem 1.6rem; }
    .projeSlideTitle {font-size: 1.8rem; }
    .projeSlideDesc {font-size: 1.3rem; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .projeSliderKap {height:360px;}
    .projeSlideContent {width: 94%; bottom: 40px; padding: 0 12px; /* aContent */}
    .projeSlideContentIC {}
    .projeSlideTitle, .projeSlideDesc {margin:.2rem 0 .2rem 1rem; }
    .projeSlideTitle {font-size: 1.6rem;}
    .projeSlideDesc {font-size: 1.2rem; }

    .projeSlideLabelKap {top:-2rem; padding:0 1rem; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
    .projeSlideLabelKap .projeLabel {padding: 0 .5rem; font-size: .8rem; line-height:2rem;}
        .projeSlideLabelKap .projeLabel[class*="labeltamam-"] {padding-left:2.2rem;}
    .projeSlideLabelKap .projeLabel[class*="labeltamam-"]::before {font-size:1.2rem; line-height:2rem; left:.8rem;}
}

/* PROJE MENU  (bilgi-galeri-harita)
************************************** */
.projeMenuKap { position: -webkit-sticky; position: sticky; background-color: var(--ikinci-color); backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); animation: aFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1); top: 0; 
    z-index: 3; width: 100%; }
.projeMenu { display: flex; flex-wrap: wrap; align-items: center; width:100%; max-width: 1260px; box-sizing: border-box; padding: 1.6rem 16px; /* a Content */ margin: 0 auto; 
    font-family: var(--baslik-font);}

.projeMenuUL { position: relative; list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
.projeMenuUL li { position: relative; display: flex; align-items: center; cursor: pointer; color: #222; font-weight: 600; font-size: 1rem; 
    background-color: transparent; border: none; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); border-radius: 5px; margin: 0 5px; padding: 0.5rem 1.5rem; }
.projeMenuUL li i { margin-right: 0.8rem; font-size: 1.2rem; transition: transform 0.3s ease; }
.projeMenuUL li:hover { background-color: rgba(255, 255, 255, 0.9); color: #000; transform: translateY(-2px); }
.projeMenuUL li:hover i { transform: scale(1.1); }
.projeMenuUL li span { letter-spacing: 0; white-space: nowrap; }
.projeMenuUL li::after { content: ""; position: absolute; right: -5px; top: 0; height: 100%; width: 1px; border-right: 1px solid rgba(0, 0, 0, 0.4); }
.projeMenuUL li:last-child::after { display: none; }
.projeMenuUL li.aktif { background-color: rgba(255, 255, 255, 0.9); color: #000; transform: translateY(-2px);}
.projeMenuUL li.aktif:hover i { transform: scale(1.1); }

.talepFormuAc { margin-left: auto; margin-right:128px; width:160px; cursor: pointer; padding: 0.5rem 0; font-size: 1rem; font-weight: 600; 
    color: var(--ikinci-color); background-color: var(--dorduncu-color); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); border: none; border-radius: 50px; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); text-transform: uppercase; letter-spacing: 0.5px; 
    animation: dikeyDonus 3s infinite linear;}
.talepFormuAc:hover { color: #222; background-color: #fff; transform: scale(1.05); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); }
@keyframes dikeyDonus {
    0% {
        transform: rotateX(0deg);
    }
    10% {
        transform: rotateX(360deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}


@media only screen and (min-width:992px) and (max-width:1259px) {
    .talepFormuAc {margin-left: 16px; margin-right:64px; padding: 0.5rem 0;}
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .projeMenu {padding: 1.2rem 12px; /* aContent */}
    .projeMenuUL li i {margin-right: 0; }
    .projeMenuUL li span {display:none;}
    .talepFormuAc {margin-left: 16px; margin-right:0;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .projeMenu {padding: 1.2rem 12px; /* aContent */}
    .projeMenuUL li {padding: 0.5rem .5rem; font-size: .9rem;}
    .projeMenuUL li i {margin-right: 0;}
    .projeMenuUL li span {display:none;}
    .talepFormuAc {margin-left: 0; margin-right:0;  width:120px; font-size: .9rem; letter-spacing: -.5px;}
}

/* PROJE KÜNYE
************************************** */
.modBilgiKap {background-color: #eee; }
.modBilgi {width:100%; display: flex;}
.modBilgiSol {width: calc(100% - 300px); display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding:0 16px; /* aContent */}
    .modBilgiTitle {font-family: var(--baslik-font); font-size: 2.2rem; line-height: 1.5; margin-bottom: 1rem; font-weight: 500;}
    .modBilgiDesc {font-size: 1.6rem; line-height: 1.5; margin-bottom: 1rem; font-weight: 300;}
    .modBilgiP {font-size: 1.2rem; line-height: 1.5; margin-bottom: 0; font-weight: 400;}
.modBilgiSag {width:300px; display: flex; flex-direction: column; justify-content: center; border-left: 5px solid var(--ikinci-color); box-sizing: border-box; padding:0 32px; }
    .modBilgiSagLogo {width:160px;}
    .modBilgiSagLogo img {width:100%; margin-left:-8px;}
    .modBilgiKunye { list-style: none; padding: 0; margin: 0; font-family: var(--baslik-font);}
    .modBilgiKunye li { padding: 0; color: #333; font-size: .9rem; font-weight: 300; margin:5px 0;}
    .modBilgiKunye li span { display: block; color: #121212; font-size: 1rem; font-weight: 500; font-family: var(--metin-font); }

@media only screen and (min-width:992px) and (max-width:1259px) {
    .modBilgiSol {}
        .modBilgiTitle {font-size: 2rem;} 
        .modBilgiDesc {font-size: 1.4rem;}
        .modBilgiP {font-size: 1.1rem;} 
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .modBilgi {flex-wrap: wrap;}
    .modBilgiSol {width:100%; padding:0 12px; /* aContent */}
        .modBilgiTitle {font-size: 1.8rem;} 
        .modBilgiDesc {font-size: 1.3rem;}
        .modBilgiP {font-size: .9rem;} 
    .modBilgiSag {width:100%; padding:0 12px;  /* aContent */ border-left: none;  margin-top:12px; }
        .modBilgiKunye { display: flex; gap:0;}
        .modBilgiKunye li {padding:0 12px; width:33%; border-right:1px solid rgba(0, 0, 0, 0.2); }
        .modBilgiKunye li span {}

        .modBilgiKunye li:last-child {border-right:none;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .modBilgi {flex-wrap: wrap;}
    .modBilgiSol {width:100%; padding:0 12px; /* aContent */}
        .modBilgiTitle {font-size: 1.6rem;} 
        .modBilgiDesc {font-size: 1.2rem;}
        .modBilgiP {font-size: .9rem;} 
    .modBilgiSag {width:100%; padding:0 12px;  /* aContent */ border-left: none;  margin-top:12px; }
        .modBilgiKunye { display: flex; gap:0;}
        .modBilgiKunye li {padding:0 12px; font-size: .8rem; width:33%; border-right:1px solid rgba(0, 0, 0, 0.2); }
        .modBilgiKunye li span {font-size: .9rem;}

        .modBilgiKunye li:last-child {border-right:none;}
}

/* PROJE VİDEO
************************************** */
.modVidKap {}
.projeVid {width:100%; display:flex; justify-content:center; padding:0; max-width:900px; margin:0 auto;}
.projeVid video {width:100%; border-radius: 12px; margin:16px 0;}

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {

}
@media only screen and (min-width:0) and (max-width:575px) {

}

/* OZELLİKLER - İKONLAR
************************************** */
.modIkonKap { 
	background-image: url('../eimages/anaProjeKapBg3.png'); background-position: top right; background-repeat: no-repeat;}
.projeIkonKap {width:100%; display:flex; justify-content: flex-start; flex-wrap: wrap; margin:0; padding:0; }
.projeIkon {position: relative; width: 25%; margin: 1.2rem 0; display: flex; justify-content: flex-start; /* Sola yasla */ align-items: center;      
    flex-wrap: nowrap; text-align: left;}
.projeIkon i {width:3rem; font-size: 2.2rem; color: #fff; margin-right: 0.8rem;}
.projeIkon span {font-size: 0.9rem; line-height: 1.2; color: #fff; display: inline-block; text-align: left; 
    padding-right:1rem;}
.projeIkon:hover i {animation:1s flash both;}

@media only screen and (min-width:992px) and (max-width:1259px) {

}
@media only screen and (min-width:576px) and (max-width:991px) {
    .projeIkon {width: 33.33%;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .projeIkon {width: 50%;}
}


/* İÇERİK - görsel + metin
************************************** */
.modGorMetKap { }

/* gorselmetin */
.blokGorMet { width: 100%; display: flex; gap: 32px; align-items: center; padding: 16px 0; }
.blokMet { flex: 1; }
.blokMet h3 { font-size: 1.6rem; padding-left: 1rem; border-left: 5px solid var(--ikinci-color); line-height: 1.5; }
.blokMet h3::after {}
.blokMet p { text-align: justify; }
.blokGor {flex: 1; overflow: hidden; border-radius: 12px; }
.blokGor img { width: 100%; display: block; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.blokGor:hover img { transform: scale(1.1); }

@media only screen and (min-width:992px) and (max-width:1259px) {
    .blokMet h3 { font-size: 1.6rem; }
    .blokMet p { font-size: 1rem; }
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .blokGorMet { flex-direction: column; gap: 24px; }
    .blokGor, .blokMet {width: 100%; }
    .blokMet h3 { font-size: 1.4rem; }
    .blokMet p { font-size: 1rem; }
    .blokGor { order: 1; }
    .blokMet { order: 2; }
}
@media only screen and (min-width:0) and (max-width:575px) {
    .blokGorMet { flex-direction: column; gap: 24px; }
    .blokGor, .blokMet { width: 100%; }
    .blokMet h3 { font-size: 1.4rem; }
    .blokMet p { font-size: 1rem; }
    .blokGor { order: 1; }
    .blokMet { order: 2; }
}

/* İÇERİK - accordion
************************************** */
.modDetayKap { }
/* accordion*/
.accordionKap { width: 100%; }
.accItem { width: 100%; margin-bottom: 16px; }
.accTitle { padding: 16px; padding-right: 50px; background: #eee; color: #222; font-family: var(--baslik-font); font-size: 1.5rem; line-height: 1.5; 
    font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; position: relative; transition: all 0.5s ease; 
    border-left: 5px solid var(--ikinci-color); }
.accTitle img { width: 60px; margin-right: 16px; }
.accTitle.accActive img { /*filter: brightness(0) invert(1); */}
.accTitle::after { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); content: '+'; font-size: 36px; font-weight: bold; color: #222; line-height: 1; }
.accTitle.accActive { background: var(--ikinci-color); color: #222; }
.accTitle.accActive::after { content: '-'; color: #222; }
.accContent { width: 100%; box-sizing: border-box; padding: 16px; margin-top: 16px; display: none; border-left: 2px solid #eee; }

@media only screen and (min-width:992px) and (max-width:1259px) {
}
@media only screen and (min-width:576px) and (max-width:991px) {
}
@media only screen and (min-width:0) and (max-width:575px) {
}

/* galeriOWL
************************************** */
.modGaleriOWLKap {}
.galeriOWL { display: block; width: 100% !important; }
.galeriOWLItem { width: 100%;  border-radius: 12px; overflow: hidden;}
.galeriOWLItem img { width: 100%; object-fit: cover; display: block; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.galeriOWL .owl-item { opacity: 0.9; transition: opacity 0.3s ease; transform: scale(0.9); }
.galeriOWL .owl-item.center { opacity: 1; transform: scale(1); }
.galeriOWL .owl-dots { position: relative; bottom: 0; margin-top: 20px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 15px; z-index: 4; }
.galeriOWL .owl-dot { display: inline-block; width: 16px; height: 16px; margin: 0 !important; background-color: #eee !important; border: 2px solid #eee; border-radius: 50%; cursor: pointer; transition: all 0.2s; }
.galeriOWL .owl-dot.active { background-color: var(--ikinci-color) !important; border: 2px solid var(--ikinci-color); }
.galeriOWL .owl-nav { display: none; }
.galeriOWL .owl-nav button.owl-prev, .galeriOWL .owl-nav button.owl-next { position: relative; top: auto; left: auto; right: auto; transform: none; opacity: 1; font-size: 24px; width: 45px; height: 45px; color: #fff; background: var(--ikinci-color) !important; transition: all .2s; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none !important; }
.galeriOWL .owl-nav button.owl-prev { order: -1; }
.galeriOWL .owl-nav button.owl-next { order: 1; }
.galeriOWL .owl-nav button.owl-prev:hover, .galeriOWL .owl-nav button.owl-next:hover { background: #000 !important; }
.galeriOWLItem:hover img {transform: scale(1.1);} 
.galeriOWLItem.galeriPlay::after { position: absolute; content: "\ea1c"; font-family: 'icomoon'; color: rgba(255, 255, 255, 0.7); z-index: 4; top: 0; left: 0; 
    width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); pointer-events: none; display: flex; 
    align-items: center; justify-content: center; font-size: 3rem; }


/* galeriFlex
************************************** */
.modGaleriFlexKap {}
.galeriFlex {position: relative; overflow: visible; width:100%; display: flex; flex-wrap: wrap; gap: 16px; justify-content: center;}
.galeriFlexItem {position: relative; width: 100%;  max-width:436px; min-width:280px; aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; background-color: #000;}
.galeriFlexItemImg { width: 100%; height: 100%; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.galeriFlexItemImg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeriFlexItemImg::after {position:absolute; content: ""; z-index:1; top:0; left:0; width:100%; height:100%; 
    background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); pointer-events: none;}
.galeriFlexItem:hover .galeriFlexItemImg { transform: scale(1.01); }
.galeriFlexItem:hover .galeriFlexItemImg::after {background: linear-gradient(to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
.galeriFlexItem::after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 5px; background-color: #ffcc00; z-index: 3; transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.galeriFlexItem:hover::after { width: 100%; left: 0; right: auto; }
.galeriFlexItem.galeriPlay::before { position: absolute; content: "\ea1c"; font-family: 'icomoon'; color: rgba(255, 255, 255, 0.7); z-index: 4; top: 0; left: 0; 
    width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); pointer-events: none; display: flex; 
    align-items: center; justify-content: center; font-size: 3rem; }

/* MAP
************************************** */
.pMapKap {width:100%; display:flex; border:1px solid #fff; margin:0;}
.pMap {width: 100%; height:400px; z-index:1; border-radius: 12px;}
.map-placeholder { position: absolute; inset: 0; background: #f3f3f3; display: flex; align-items: center; justify-content: center; z-index: 4; font-size: 15px; color: #666; }
.map-placeholder::before { content: ""; width: 22px; height: 22px; border: 3px solid #ccc; border-top-color: #444; border-radius: 50%; margin-right: 10px; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* TALEP FORMU
************************************** */
#talepFormFixed {position:fixed; padding:0; margin:0; right: -100%; bottom: 0; height:100%; width:80%; max-width:460px;  z-index:15;
	background: var(--dorduncu-color);
}

#talepFormKutu {width:100%; height:100%; display:flex; align-items:center; overflow: hidden;}
#talepFormKutuIc {padding:1rem 1.5rem; margin:0; width:100%;}
#talepFormKutuIc h3 {color:#fff; margin-bottom:1rem;}
#talepFormKutuIc p {color:#ddd;}

#talepFormKapat {position:absolute; right:2rem; top:2rem; margin:0; padding:0; color:#fff; cursor:pointer; z-index:3; display: flex;}	
#talepFormKapat i {font-size:2rem; line-height:2rem; margin:0;}
#talepFormKapat span {font-size:1rem; line-height:2rem; margin:0 .5rem 0 0;}

/* -> TALEP FORMU OGE */

.talepFormKap {width:100%; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.talepFormItem {width:100%; padding:0 1rem 1rem 0; display:flex; flex-wrap:wrap;}
.talepFormItem.form50 {width:50%;}

.talepForm {display:flex;}
.talepForm input, .talepForm textarea {float:left; border:none; border-bottom:1px solid rgba(255,255,255,.3); color: #eee; background: transparent;}
	.talepForm input[type="text"], .talepForm textarea {width:100%; }
	.talepForm input[type="checkbox"] {margin:.2rem 1rem 0 0; width:16px; height:16px;}
	
	.talepForm textarea {height:5rem;}
	.talepForm .error {border: 1px solid var(--besinci-color);}

	.talepForm input::placeholder, .talepForm textarea::placeholder {color:#eee; font-size: .8rem;}

	.talepForm select.telUlkeKod {width:95px; margin-right:5px; float:left; font-size: .8rem; border:none; background-color: transparent; border-bottom:1px solid rgba(255,255,255,.3); color:#eee; }
	.talepForm select.telUlkeKod option { background-color: #eee; color: #222;}
	.talepForm input.telNumarasi {width : calc(100% - 100px); float:right;}

	.talepForm .talepFormGndr {padding: 0.5rem 1rem; background-color: var(--ikinci-color); border:none; border-radius:5px; color:#222;}
	.talepForm .fInfo {font-size:.7rem; margin: 0; padding:0 .1rem; color:#ddd;}
	.talepForm .fInfo a {text-decoration: underline; color:#ddd;}

/* FOOTER
************************************** */
.footerKap { background: var(--ucuncu-color); background-image: url('../eimages/footer-bg.png'); background-repeat: no-repeat; background-position: left bottom; }
    .footer {}
    .footer h3 { color: #fff; font-weight: 500; font-size:1.2rem; position: relative; padding-bottom: 0.8rem; margin-bottom: 1.5rem; display: inline-block; }
    .footer h3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.5); }
    .footer h4 { color: #fff; font-size:1.4rem;  line-height: 1.5; font-weight: 300; position: relative; padding-bottom: 0.8rem; margin-bottom: 1.5rem; display: inline-block; }
    .footerLogo { display: flex; align-items: center; justify-content: flex-start; padding: 0; width: 180px; margin-bottom: 32px; }
    .footerLogo img { width: 100%; display: block; filter: brightness(0) invert(1); }
.footerIletisimList { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; }
    .footerIletisimList li { display: block; }
    .footerIletisimList li a { display: inline-flex; align-items: center; text-decoration: none !important; color: #fff; 
        transition: transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .footerIletisimList li i { width: 30px; font-size: 1.2rem; line-height: 1; display: flex; align-items: center; justify-content: flex-start; color: #fff; 
        transition: color 0.3s ease-in-out; }
    .footerIletisimList li span { font-size: 1.2rem; font-weight: 300; line-height: 1; margin-left: 5px; transition: color 0.3s ease-in-out; }
    .footerIletisimList li a:hover { color: var(--ikinci-color); }
    .footerIletisimList li a:hover i, .footerIletisimList li a:hover span { color: var(--ikinci-color); }
.footerUL { list-style: none; padding: 0; margin: 0; }
    .footerUL li { margin-bottom: 0.5rem; position: relative; }
    .footerUL li a { color: #ffff; text-decoration: none; font-size: 1rem; font-weight: 300; transition: all 0.3s ease; }
    .footerUL li ul { margin-top: .5rem; margin-left: 1rem; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: .5rem; }
    .footerUL li ul li { margin-bottom: .5rem; }
    .footerUL li ul li a { font-size: .9rem; }
    .footerUL li a:hover, .footerUL li ul li a:hover { opacity: 1; color: var(--ikinci-color); }

.footerAltKap { background-color: var(--ucuncu-color); border-top:1px solid rgba(255, 255, 255, 0.1); }
    .footerAlt { padding-top: 24px; padding-bottom: 24px; }
    .footerAltUL { max-width: 800px; list-style: none; padding: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 0.5rem 1rem; 
        flex-wrap: wrap; text-align: center; }
    .footerAltUL li { display: block; line-height: 1; }
    .footerAltUL li a { color: #aaa; text-decoration: none; font-size: 0.8rem; line-height: 1; display: inline-block; font-weight: 300; border-bottom: 1px solid transparent; padding-bottom: 2px; transition: all 0.3s ease; }
    .footerAltUL li a:hover { color: #fff; border-bottom: 1px solid #aaa; }

.copyright { color: #fff; font-size: .9rem; text-align: center; padding: 0; margin: 0 0 8px 0; font-weight: 300; }

@media only screen and (min-width:992px) and (max-width:1259px) {
    .footerLogo {width: 160px;}
}
@media only screen and (min-width:576px) and (max-width:991px) {
    .footer [class*="aCol-"] { margin-bottom:24px; }
    .footer.paddingTopBottom {padding-top: 42px; padding-bottom: 42px; }
    .footerLogo {width: 140px;}
}
@media only screen and (min-width:0) and (max-width:575px) {
    .footer [class*="aCol-"] { margin-bottom:16px; }
    .footer.paddingTopBottom {padding-top: 42px; padding-bottom: 42px; }
    .footerLogo {width: 120px;}
    .footer h3 {font-size:1rem; padding-bottom: 0.5rem; margin-bottom: 1rem;}
    .footer h4 {font-size:1.2rem; padding-bottom: 0.5rem; margin-bottom: 1rem;}
    .footerUL li { margin-bottom: .3rem;}
    .footerUL li a { font-size: .9rem;}
    .footerUL li ul li a { font-size: .8rem; }
}

#backToTop { position: fixed; bottom: 60px; left: 50%; margin-left: 630px; display: none; background-color: var(--ikinci-color); color: #fff; border: none; width: 48px; height: 48px; line-height: 48px; font-size: 24px; text-align: center; border-radius: 50%; cursor: pointer; z-index:5; }
@media only screen and (min-width:0) and (max-width:1260px) { #backToTop { left: auto; right: 24px; margin-left: 0; } }

/* fancy
************************************** */
/* ajaxFancy ile açılan fancbox için*/ 

.ajaxBoxOzel .fancybox-content { max-width: 1024px !important; width: 96%; height: 96%; overflow: auto !important; }

.ajaxBoxOzel .fancybox-toolbar { position: absolute; top: 16px; right: 16px; z-index: 99999; }
.ajaxBoxOzel .fancybox-button--close { background: var(--ikinci-color) !important; color: #000 !important; border-radius: 5px; opacity: 0.9; }
.ajaxBoxOzel .fancybox-button--close:hover { opacity: 1; background: #fff !important; }

/* galeriFancy ile açılan fancbox için*/ 
.galeriFancyOzel .fancybox-content::after {content: ''; text-align:center; position: absolute; width: 100%; height:100%; background: rgba(0, 0, 0, .01); left: 0;  bottom: 0; right: 0; z-index:1; 
	background: url('../eimages/yasal-uyari.png') bottom right NO-REPEAT;
}
.galeriFancyOzel .fancybox-toolbar { position: absolute; top: 16px; right: 16px; z-index: 99999; }
.galeriFancyOzel .fancybox-toolbar .fancybox-button { background: var(--ikinci-color) !important; color: #000 !important; border-radius: 5px; opacity: 0.9; margin:2px;}
.fancybox-button--arrow_left, .fancybox-button--arrow_right {color: var(--ikinci-color) !important;}
/* cooke - çerez
************************************** */
.cookie-banner {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 800px; /* Sizin max-width yapınıza uygun */
    background-color: #fff;
    padding: 20px 32px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index:20;
    display: none; /* JavaScript ile gösterilecek */
}

.cookie-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.cookie-content p {
    margin: 0;
    font-size: 14px;
    color: #444;
    line-height: 1.5;
}

.cookie-content a {
    color: #007bff;
    text-decoration: underline;
}

.cookie-btn {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
    transition: background 0.3s;
}

.cookie-btn:hover {
    background-color: #000;
}

/* Mobil uyumluluk */
@media (max-width: 600px) {
    .cookie-content { flex-direction: column; text-align: center; }
}


/* BACKGROUND - COLOR 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-blue {background-color: #4096ca;}
.bg-indigo {background-color: #6610f2;}
.bg-purple {background-color: #6f42c1;}
.bg-pink {background-color: #d63384;}
.bg-red {background-color: #d62323;}
.bg-orange {background-color: #ff5a3c;}
.bg-yellow {background-color: #ffe800;}
.bg-green {background-color: #198754;}
.bg-teal {background-color: #20c997;}
.bg-cyan {background-color: #0dcaf0;}
.bg-white {background-color: #fff;}
.bg-gray {background-color: #eee;}
.bg-gray-dark {background-color: #343a40;}
.bg-success {background-color: #198754;}
.bg-info {background-color: #0dcaf0;}
.bg-warning {background-color: #ffc107;}
.bg-danger {background-color: #dc3545;}
.bg-light {background-color: #eee;}
.bg-dark {background-color: #121212;}
.bg-turuncu {background-color: #a50120;}
.bg-black {background-color: #000;}

.bg-primary {background-color: var(--ucuncu-color);}
.bg-secondary {background-color: var(--ikinci-color);}

.color-blue {color: #4096ca;}
.color-indigo {color: #6610f2;}
.color-purple {color: #6f42c1;}
.color-pink {color: #d63384;}
.color-red {color: #d62323;}
.color-orange {color: #ff5a3c;}
.color-yellow {color: #ffe800;}
.color-green {color: #198754;}
.color-teal {color: #20c997;}
.color-cyan {color: #0dcaf0;}
.color-white {color: #fff;}
.color-gray {color: #6c757d;}
.color-gray-dark {color: #343a40;}
.color-success {color: #198754;}
.color-info {color: #0dcaf0;}
.color-warning {color: #ffc107;}
.color-danger {color: #dc3545;}
.color-light {color: #eee;}
.color-dark {color: #121212;}
.color-turuncu {color:#a50120;}
.color-black {color:#000;}

.color-primary {color: var(--ucuncu-color);}
.color-secondary {color: var(--ikinci-color);}