/* 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 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:15px; }
body { margin:0; padding:0; font-family: 'Inter', sans-serif; font-size:1rem; font-weight:400; line-height:1.7; color:#333; background-color: #fcfcfc;}

/* Typography
------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:1rem; font-weight:500; line-height:1.6; color:#333; font-family: 'Playfair Display', serif; }
h1{ font-size:2.4rem; }
h2{	font-size:2.2rem; }
h3{	font-size:1.9rem; }
h4{	font-size:1.6rem; }
h5{ font-size:1.4rem; }
h6{	font-size:1.2rem; }
p {	margin-top:0; margin-bottom:1rem; }
b, strong {	font-weight:bolder; }
small { font-size:80%; }

/* Links
------------------------------------- */

a{ color: #000; text-decoration: none; outline: 0; }
a:hover {  color: #d62323; }

/* #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;
}

/* 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  { }
.button{ background: #fff; border: 1px solid #222; color: #000; display: inline-block; font-size: 1rem; font-weight: 500; text-decoration: none; cursor: pointer;
	  line-height: normal; padding:10px; margin:0 0px 10px 0px;  border-radius:5px; transition:all .3s;}
.button:hover, .button:focus {color:#fff; background: #222;}

/* svg ikonlar */
.ikon {display:inline-block; vertical-align:-0.15em; line-height:1;}
.ikon svg {display:block;}

/* custom form */

.kform {padding:0;}
	.kform .satir {position:relative; display:block; margin: 0 0 8px 0; width:100%;}
	.kform input {width:98%; padding:10px; line-height:1; font-size:.9rem; border-radius:5px;}
	.kform select {width:98%; padding:10px; line-height:1; font-size:.9rem; border-radius:5px;}
	
	.kform input.button {min-width:120px;}
	.kform textarea {width:98%; padding:10px; line-height:1; font-size:.9rem; height:80px; border-radius:5px;}
	.kform label {font-weight:400; margin: 0 0 4px 0;}
	.kform label.error {position:absolute; top:0; right:4%; /* text-indent:-9999px; */color:red;}
	.kform input.error, .kform textarea.error, .kform select.error, .checkboxKutu.error {border: 1px solid red;}
	.kform img#captchaimage {margin:0 10px 0 0; border-radius:5px;}
	
	.kform .checkboxKutu {display: flex; align-items: flex-start;  /* Flex öğelerini üstte hizalar */}
	.kform input.checkbox {width: 16px; height: 16px; margin-right: 10px; margin-top:4px; flex-shrink: 0;}
	.kform span.checkbox-label {font-size:.9rem; color:#333; display: inline-block;}

	.kform .formOgeXS {width:64px;}
	.kform .formOgeS {width:120px;}
	.kform .formOgeM {width:220px;}
	.kform .formOgeL {width:340px;}
	.kform .formOgeXL {width:80%;}

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

/* Lists
------------------------------------- */
ul { list-style: circle inside; }
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
------------------------------------- */
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;}
  
/* GRID
------------------------------------- */
.aContainer-full, .aContainer-genis, .aContainer-dar, .aContainer { 
	position:relative; width: 100%; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.aContainer-full {max-width:1920px;}
.aContainer-genis {max-width: 1440px;}
.aContainer-dar {max-width: 960px;}
.aContainer {max-width: 1240px;}

.aContainer-full:after, .aContainer-genis:after, .aContainer-dar:after, .aContainer:after { 
	visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;
}
/*
flex-direction: row*: soldan sağa | row-reverse: sağdan sola | column: yukarıdan aşağı | column-reverse: aşağıdan yukarı;
flex-wrap: nowrap*:ögeler tek satırda | wrap: gerektiğinde aşağı taşır | wrap-reverse: gerektiğinde aşağıdan yukarı taşır;
flex-flow : flex-direction +  flex-wrap;

justify-content (Öğelerin yatay eksende hizası): flex-start*: Öğeler başlangıç noktasından sola dayalı | flex-end: Öğeler bitiş noktasından sağa dayalı | center | space-between: İlk öğe sola dayalı, son öğe sağa dayalı ve diğerleri ortalı | space-around: İlk ve son öğe hariç diğerlerinin arası eşit olacak şekilde | space-evenly: Tüm öğelerin arası aynı eşitlikte olacak şekilde;
align-items (Öğelerin dikey eksende hizası): stretch*: Hizalama yapmaz, öğelerin yüksekliklerini kapsayıcıya göre uzat | flex-start: yukarıya doğru | flex-end: aşağıya doğru | center: ortalı | baseline: ilk ogenin altına göre;

align-content (Çok satırlı yapılarda öğelerin diyek eksende hizası): stretch*: Öğeleri hizalamaz, yüksekliklerini uzat| flex-start | flex-end | center | space-between | space-evenly;

order (Öğelerin sıralanışını değiştirmek için. varsayılan 0): 

*/

.aRow {position:relative; float:left; width:100%; margin:0 auto; }

.aCol-1-12, .aCol-2-12, .aCol-3-12, .aCol-4-12, .aCol-5-12, .aCol-6-12, .aCol-7-12, .aCol-8-12, .aCol-9-12, .aCol-10-12, .aCol-11-12, .aCol-12-12, .aCol-1-5, .aCol-2-5, .aCol-3-5, .aCol-4-5 {
	position:relative; float:left;}
/* Özel sınıflar ile farklı genişlikler */
.aCol-1-12 {width: 8.33%;}
.aCol-2-12 {width: 16.66%;}
.aCol-3-12 {width: 25%; }
.aCol-4-12 {width: 33.33%; }
.aCol-5-12 {width: 41.66%;}
.aCol-6-12 {width: 50%;}
.aCol-7-12 {width: 58.33%;}
.aCol-8-12 {width: 66.66%;}
.aCol-9-12 {width: 75%;}
.aCol-10-12 {width: 83.33%;}
.aCol-11-12 {width: 91.66%;}
.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; /* background:#fff; */ width: calc(100% - 32px);  margin:0px 16px; padding:0;}

.aRow:after, .aCol-1-12:after, .aCol-2-12:after, .aCol-3-12:after, .aCol-4-12:after, .aCol-5-12:after, .aCol-6-12:after, .aCol-7-12:after, .aCol-8-12:after, .aCol-9-12:after, .aCol-10-12:after, .aCol-11-12:after, .aCol-12-12:after, .aCol-1-5:after, .aCol-2-5:after, .aCol-3-5:after, .aCol-4-5:after, .aContent:after {
	visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

.cFix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .cFix {zoom:1;} /* IE6 */ 
*:first-child+html .cFix {zoom:1;} /* IE7 */

.clear {clear:both; padding:0 !important; margin:0 !important;}

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

.aFixedPage {  position: fixed; /* Elemanı ekrana sabitler */ top: 50%;	left: 50%;
	transform: translate(-50%, -50%); /* Elemanı tam ortalar */	
	width: 100%; max-width: 600px; /* Maksimum genişlik */
	height: 100%; max-height: 100vh; /* Maksimum yükseklik ekranın yüksekliği */
	display: flex; flex-direction: column; /* İçerikleri dikey sıralar */ justify-content: center; /* Dikey ortalama */	align-items: center; /* Yatay ortalama */}

@media only screen and (min-width:900px) and (max-width:1239px) {
	.aCol-1-12, .aCol-2-12, .aCol-3-12, .aCol-4-12, .aCol-5-12, .aCol-6-12, .aCol-7-12, .aCol-8-12, .aCol-9-12, .aCol-12-12, .aCol-1-5, .aCol-2-5, .aCol-3-5, .aCol-4-5 
	{width: 100%;}
	.aContent {width: calc(100% - 24px);  margin:0px 12px;}
	.aContainer, .aContainer-genis, .aContainer-dar {width: 880px;}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.aCol-1-12, .aCol-2-12, .aCol-3-12, .aCol-4-12, .aCol-5-12, .aCol-6-12, .aCol-7-12, .aCol-8-12, .aCol-9-12, .aCol-12-12, .aCol-1-5, .aCol-2-5, .aCol-3-5, .aCol-4-5 
	{width: 100%;}
	.aContent {width: calc(100% - 24px);  margin:0px 12px;}
	.aContainer, .aContainer-genis, .aContainer-dar {width: 580px;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.aCol-1-12, .aCol-2-12, .aCol-3-12, .aCol-4-12, .aCol-5-12, .aCol-6-12, .aCol-7-12, .aCol-8-12, .aCol-9-12, .aCol-12-12, .aCol-1-5, .aCol-2-5, .aCol-3-5, .aCol-4-5 
	{width: 100%;}
	.aContent {width: calc(100% - 16px);  margin:0px 8px;}
	.aContainer, .aContainer-genis, .aContainer-dar {width: 94%;}
}

/* custom img 
------------------------------------- */

.img img {object-fit: contain; max-width:100%;}
img {border:none; padding:0; margin:0; display:block;}
.img-k {position: relative; width: 100%; overflow: hidden; aspect-ratio: 1 / 1;}
.img-k-Yatay {position: relative; width: 100%; overflow: hidden; aspect-ratio: 4 / 3;} /* yatay */
.img-k-Dikey {position: relative; width: 100%; overflow: hidden; aspect-ratio: 3 / 4;} /* dikey */
.img-k img, .img-k-Yatay img, .img-k-Dikey img {width: 100%; height: 100%; object-fit: cover; display: block;}
.img-k a, .img-k-Yatay a, .img-k-Dikey a {display: block; width: 100%; height: 100%;}


/* HEADER  
------------------------------------- */
.headerKap {z-index: 10; background: #fcfcfc;}

.headerFlex {display: flex; flex-direction: column; align-items:center; width:100%;}

	.aHeaderLogo {width:280px; margin:24px 0; text-align:center;}
		.aHeaderLogo img {max-width:100%; margin:0 auto;}
			.saydamHeader .aHeaderLogo img {filter: brightness(0) invert(1); }

	.headerMenu {display:flex; align-items:center; justify-content:space-between; width:100%; padding:8px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

	#anaMenuKutu {position:relative;}
	.anaMenu, .anaMenu * {margin:0; padding:0; list-style:none;}
	.anaMenu {display:flex; flex-wrap:wrap; font-family: 'Playfair Display', serif; font-weight:500;}
	.anaMenu li {position:relative; margin:0 8px 0 0; text-align:left; white-space:nowrap;}
	.anaMenu li a {display:block; position:relative; color:#222; padding:16px 8px; line-height:2; font-size:1.25rem; text-decoration:none;}
	.anaMenu li a:before {content:""; position:absolute; background-color:#af2e2e; bottom:0; left:0; width:0%; height:3px; transition:all .1s ease;}
	.anaMenu li:hover a:before {width:100%;}
	.saydamHeader .anaMenu li a {color:#fff;}
	.saydamHeader .anaMenu li a:before {background-color:#fff;}

	ul.sosyal-link {display:flex; align-items:center; gap:14px; list-style:none; margin:0; padding:0;}
		ul.sosyal-link li {position:relative; list-style:none;}
		ul.sosyal-link li a {display:flex; align-items:center; justify-content:center; color:#222; transition:color .3s;}
		ul.sosyal-link li a:hover {color:#af2e2e;}
		ul.sosyal-link li a .ikon svg {width:2.2rem; height:2.2rem;}

@media only screen and (min-width:900px) and (max-width:1239px) {
	.aHeaderLogo {width:260px; margin:20px 0;}
	.anaMenu li a {font-size:1.1rem; padding:14px 6px;}
	ul.sosyal-link li a .ikon svg {width:2rem; height:2rem;}
}

@media only screen and (min-width:600px) and (max-width:899px) {
	.aHeaderLogo {width:240px; margin:16px 0;}
	.headerMenu {flex-wrap:wrap; justify-content:center; gap:12px 0; padding:12px 0;}
	#anaMenuKutu {width:100%;}
	.anaMenu {justify-content:center;}
	.anaMenu li {margin:0 8px;}
	.anaMenu li a {font-size:1.1rem; padding:8px 4px;}
	ul.sosyal-link {gap:20px;}
	ul.sosyal-link li a .ikon svg {width:1.9rem; height:1.9rem;}
}

@media only screen and (min-width:0) and (max-width:599px) {
	.aHeaderLogo {width:220px; margin:16px 0;}
	.headerMenu {flex-wrap:wrap; justify-content:center; gap:10px 0; padding:10px 0;}
	#anaMenuKutu {width:100%;}
	.anaMenu {justify-content:center; flex-wrap:wrap;}
	.anaMenu li {margin:0 6px;}
	.anaMenu li a {font-size:1rem; padding:6px 2px; line-height:1.8;}
	ul.sosyal-link {gap:18px;}
	ul.sosyal-link li a .ikon svg {width:1.7rem; height:1.7rem;}
}


/* SAYFA GENEL
------------------------------------- */
.contMarginTop {margin-top:24px;}
.contMarginBottom {margin-bottom:24px;}
.contPaddingTop {padding-top:16px;}
.contPaddingBottom {padding-bottom:16px;}

.modTitleOrta {position:relative; width:100%;}
.modTitleOrta h2 {margin-bottom:1.5rem; text-align:center; font-size:1.8rem;}
.modTitleOrta h3 {margin-bottom:1.5rem; text-align:center; font-size:1.6rem;}
.modTitleOrta h2 a, .modTitleOrta h3 a {}

/* gezgin */
p.gezgin {margin:0 0 6px 0; padding:0; font-size:.9rem; line-height:1.5; color:#999; font-weight:300;}
p.gezgin a {color:#999;}

@media only screen and (min-width:0) and (max-width:599px) {
.contMarginTop {margin-top:12px;}
.contMarginBottom {margin-bottom:12px;}
.contPaddingTop {padding-top:8px;}
.contPaddingBottom {padding-bottom:8px;}
p.gezgin {font-size:.8rem;}
}

/* FOOTER
**************************** */

.footer {color:#999; border-top:1px solid #ddd; padding:24px 0;}
.footer p {margin:0; color:#999; font-size:.9rem; line-height:3;}
.footer p a {color:#999;}

.aFixedPage {  position: fixed; /* Elemanı ekrana sabitler */ top: 50%;	left: 50%;
	transform: translate(-50%, -50%); /* Elemanı tam ortalar */
	width: 100%; max-width: 600px; /* Maksimum genişlik */
	height: 100%; max-height: 100vh; /* Maksimum yükseklik ekranın yüksekliği */
	display: flex; flex-direction: column; /* İçerikleri dikey sıralar */ justify-content: center; /* Dikey ortalama */	align-items: center; /* Yatay ortalama */}

.logFKutuLogo {width:100%; margin:20px 0 30px 0;}
.logFKutuLogo img {width:240px; margin:0 auto;}

/* BACKGROUND - COLOR
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-red {background-color: #d62323;}
.color-white {color: #fff;}

.yaziOge {padding:24px 0; border-bottom:1px solid #eaeff5;}
	.yaziOge:first-child {padding-top:0;}
	.yaziOge:last-child {border-bottom:none;}
	.yaziBaslik {font-size:1.4rem; font-weight:600; font-family:'Playfair Display', serif; color:#222; margin-bottom:.5rem; line-height:1.3;}
	.yaziTarih {font-size:.85rem; color:#999; margin-bottom:1rem;}
	.yaziOge p {text-align:justify; color:#555; margin-bottom:1rem;}

.yaziKartKap {display:flex; flex-wrap:wrap; gap:24px; width:100%;}
	.yaziKart {width:calc(33.333% - 16px); background:#fff; border:1px solid #eaeff5; border-radius:8px; padding:24px; transition:all .3s;}
	.yaziKart:hover {box-shadow:0 10px 28px rgba(71,85,95,.16); transform:translateY(-3px);}
	.yaziKart .sTitle {display:block; font-size:1.5rem; font-weight:600; font-family:'Playfair Display', serif; margin-bottom:.75rem; line-height:1.3;}
	.yaziKart .sTitle a {color:#222; transition:color .3s;}
	.yaziKart:hover .sTitle a {color:#af2e2e;}
	.yaziKart p {text-align:justify; color:#666; margin-bottom:1.25rem;}

@media only screen and (max-width:899px) {
	.yaziKart {width:calc(50% - 12px);}
}
@media only screen and (max-width:599px) {
	.yaziKartKap {gap:16px;}
	.yaziKart {width:100%;}
}