/* 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:14px; */}
body { margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:1rem; font-weight:400; line-height:1.5; color:#333; background-color: #f5f7fb;}

/* Typography
------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:1rem; font-weight:500; line-height:1.2; color:#333; font-family: 'Barlow', sans-serif; }
h1{ font-size:1.6rem; }
h2{	font-size:1.3rem; }
h3{	font-size:1.2rem; }
h4{	font-size:1.1rem; }
h5{ font-size:1rem; }
h6{	font-size:.9rem; }
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;
}
::placeholder {
  color: #999;        /* placeholder rengi */
  font-style: italic; /* yazı tipi stili */
  font-size: .8rem;    /* yazı boyutu */
}

/* 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: #ccc; border: none; color: #333; 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;}
.button:hover, .button:focus {color:#ccc; background: #333;}

/* custom form */

.kform {padding:0;}
	.kform .satir {float:left; position:relative; display:block; margin: 0 0 8px 0; width:100%;}
	.kform .satir.form50 {width:50%;}
	.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; font-family: 'Barlow', sans-serif;}
	.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 .telUlkeKod {width:115px; margin-right:5px; float:left;}
	.kform .telNumarasi {width : calc(98% - 120px); float:left;}

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

/* UYARİ
------------------------------------- */
.uyari {z-index:20; 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; -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%;}
/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */
.img-k {position:relative; width:100%; padding-top:100%; overflow:hidden;}/* kare */
.img-k-Yatay {position:relative; width:100%; padding-top:56.25%; overflow:hidden;}/* yatay */
.img-k-Dikey {position:relative; width:100%; padding-top:125%; overflow:hidden;}/* dikey */
.img-k img, .img-k-Yatay img, .img-k-Dikey img  {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


/* HEADER  
------------------------------------- */
.headerKap {z-index:5; /* Gölge ayarları */ margin-bottom:32px;}
	.saydamHeader {background-color: transparent; box-shadow:none; }
	.standartHeader {background-color: rgba(255, 255, 255, 1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); }
.headerFlex {display: flex; /*justify-content: flex-start; */ justify-content: space-between; align-items: center;}
	.aHeaderLogo {position:relative; width:140px; padding:0; padding:12px 0; }
		.aHeaderLogo img {max-width:100%;}
			.saydamHeader .aHeaderLogo img {filter: brightness(0) invert(1); }

#sf-kutu {position:relative; }
	#sf-kutu .sf-menu {position:relative; margin:0;  font-family: 'Barlow', sans-serif;}

			/*** ESSENTIAL STYLES ***/

			.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;}

			/*** DEMO SKIN ***/

			.sf-menu ul {position: absolute;	display: none; top: 100%; left: 0px; z-index: 99; box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);
				min-width: 180px; /* allow long menu items to determine submenu width */	
				*width: 200px; /* no auto sub width for IE7, see white-space comment below */}
			.sf-menu li {text-align:left; position: relative; background: transparent; white-space: nowrap; /* no need for Supersubs plugin */ 
				*white-space: normal; /* ...unless you support IE7 (let it wrap) */	transition: all .1s; margin:0px 8px;}
			.sf-menu li a {display: block; position: relative; color: #333; padding: 16px 8px; font-weight:500;  line-height:2; font-size:1rem; 
				text-decoration: none; letter-spacing:1px; zoom: 1; /* IE7 */ }
			.sf-menu ul ul {top: 0; left: 100%; z-index:99; }

			/* 1. li - alt çizgi efekti */
			.sf-menu li a:before {content: ""; position: absolute; background-color: #333; bottom: 0px;	
				left: 0px;	width: 0%; height: 3px; transition: all 0.1s ease;}
			.sf-menu li:hover a:before {width: 100%;}
			.sf-menu li li a:before {display:none;}				
						
			.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
			.sf-menu > li { float: left; }

			/* 
			:hover -> imleç üstündeyeken
			.sfHover -> imleç o li'nin alt lilerinde iken
			*/

			/* 1. li */
			.sf-menu li:hover { /*background: #fff;*/ transition: none; } 
			.sf-menu li.sfHover { /*background: #fff;*/ transition: none; } 
			/* 2. li */
			.sf-menu li li a {font-size: 1rem; line-height:2; padding: 5px 8px; color: #333; }
			.sf-menu li li { background: #eee; border:none; margin-right:0; margin-left:0;}
			.sf-menu li li:hover, .sf-menu li li.sfHover { background: #ddd;}
			/* 3. li */
			.sf-menu li li li { background: #ddd;}
			.sf-menu li li li:hover, .sf-menu li li li.sfHover { background: #eee;}

			/*** arrows (for all except IE7) **/
			.sf-arrows .sf-with-ul { position: relative; padding-right: 24px; *padding-right: 10px; /* no CSS arrows for IE7 (lack pseudo-elements) */ }
			/* bottom arrow - 1. li */
			.sf-arrows .sf-with-ul:after { 	
				content: '\e912'; font-family: 'icomoon'; font-size: 1.2rem; position: absolute; top: 50%; right: 0; 
				transform: translateY(-50%); color: #333;}
			.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
				color: #333;}
			/* right arrow - 2. li */
			.sf-arrows ul .sf-with-ul:after {content: '\e911'; color: #333;}
			.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
				color: #333;}


			/* saydam header için  özel 
			----------------------------- */
			/* 1. li - alt çizgi efekti */
			.saydamHeader .sf-menu li a:before {background-color: #fff;}

			.saydamHeader .sf-menu li a {color: #fff;}
			.saydamHeader .sf-menu li li a {color: #333;}

			/* bottom arrow - 1. li */
			.saydamHeader .sf-arrows .sf-with-ul:after { 	
				color: #fff;}
			.saydamHeader .sf-arrows > li > .sf-with-ul:focus:after, .saydamHeader .sf-arrows > li:hover > .sf-with-ul:after, .saydamHeader .sf-arrows > .sfHover > .sf-with-ul:after {
				color: #fff;}
			/* right arrow - 2. li */
			.saydamHeader .sf-arrows ul .sf-with-ul:after {color: #333;}
			.saydamHeader .sf-arrows ul li > .sf-with-ul:focus:after, .saydamHeader .sf-arrows ul li:hover > .sf-with-ul:after, .saydamHeader .sf-arrows ul .sfHover > .sf-with-ul:after {
				color: #333;}
			/* saydam header için  özel son
			----------------------------- */

			@media only screen and (min-width:998px) and (max-width:1139px) {
			.sf-menu li { margin:0px 8px;}
			.sf-menu li a {letter-spacing:-1px;}
			}
			@media only screen and (min-width:0px) and (max-width:997px) {

			}


.customMenu {display: flex; align-items: center; }

/* loginMenüm */
.loginMenum {position: relative; padding:0 14px; margin:0; font-size: 1rem; line-height: 2rem; height:2rem; border-left:1px solid #ddd;}
	.loginMenum a {color:#333;}
	.saydamHeader .loginMenum a {color: #fff;}
/* butonlu dil menu */
ul.dilMenum {position: relative; margin:0; padding:0 8px; list-style:none; /*border:1px solid #999;*/ }
	ul.dilMenum li {float:left; margin:0; padding:0; list-style:none; border:none;}
	ul.dilMenum li a {padding:0 .5rem; margin:0;  font-size: 1rem; line-height: 2rem; color:#999; display:block; font-weight:500;}
	ul.dilMenum li a.dilSel {background-color: #eee; color:#000;}
/* select dil menu */
.dil-select {position: relative; margin:0 6px; padding:0 8px;}	
	.dil-select::after {content: '\e912'; /* Ok karakteri */ font-family: 'icomoon'; position: absolute;
		top: 50%; right: 6px; transform: translateY(-50%); pointer-events: none; color:#333;}
	.dil-select select {display: block;	padding: 0 24px 0 8px; font-size: 1rem; line-height: 1.5rem; border:none; color:#333; 
		/* border: 1px solid #ccc; border-radius: 3px; */
		appearance: none; /* Tarayıcı varsayılan oku gizle */ 
		cursor:pointer; background-color: transparent; }
	.dil-select select::-ms-expand {display: none; /* IE'deki varsayılan oku gizle */ }
	.dil-select select option {color: #000;}
	.dil-select select:focus {color:#333;	outline: none; border-color: #fff; /* Seçildiğinde renk değiştirme örneği */ }

	.saydamHeader .dil-select::after {color: #fff;}
	.saydamHeader .dil-select select {color: #fff;}


/* responsivmenu
------------------------------------- */	
#respBlokAc {display:none; padding:0 16px; margin:0; font-size: 1rem; line-height: 2rem; height:2rem; text-align:center; color:#222; cursor:pointer; z-index:3; 
	border-radius:0; border-left:1px solid #ddd;}	
#respBlokAc i {font-size:1.8rem; line-height:1;}
	.saydamHeader #respBlokAc {color: #fff;}

#respBlok {position: fixed; left: -100%; top: 0px; width: 100%; height: 100%; z-index: 100; background: rgba(47, 45, 56, .7);}

.menuBlokCont {position:relative; display:flex;  flex-direction: column; width:450px; max-width:90%; height:100%; background: rgba(47, 45, 56, 1); overflow: hidden;}
#respBlokKapat {position:absolute; right:2rem; top:3rem; margin:0; padding:0; color:#fff; cursor:pointer; z-index:3;}	
#respBlokKapat span {font-size:2rem; line-height:2rem; margin:0; display:block;}

#respBlok .logo {position:relative; width:100%; height:40px; margin:3rem 2rem 2rem 2rem; }
#respBlok .logo img {max-height:100%; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(104%) contrast(103%);}

ul.respMenu {position:relative; margin:0; padding:0; list-style:none;  width:100%; padding:0 2rem; margin:0; font-family: 'Barlow', sans-serif;}
	ul.respMenu li {position:relative;  margin:0; padding:0 0 0 14px; list-style:none; font-size:1.2rem; line-height:2;}
	ul.respMenu li:before { content: "❯"; position: absolute; left: 0; top: .8rem; font-size:.5rem; color: #fff; }
	ul.respMenu li a {margin:0; padding:0; color:#fff; text-decoration: none;}
	ul.respMenu li a:hover {text-decoration: underline;}
	ul.respMenu ul {padding-left:.5rem;}
	ul.respMenu li li a {color:#ddd; font-size:1rem;}
	ul.respMenu ul ul {display:none;}

#icerikkap {position: relative; width:100%; margin:0 auto; padding:16px 0; background:#eee; z-index:3; }

#icerikkap .container {background:#fff; border:1px solid #ddd; padding:16px 0;}
#icerikkap .icerikkapCont {padding-bottom:16px;}

.mainNav {margin-bottom:20px; background: #fff; width: 100%;}	
	/* First Level */
	.mainNav ul {margin: 0;	padding: 0;	list-style: none; }
	.mainNav ul li {margin:0; padding:0;}
	.mainNav ul li a {width:100%; color: #333;	display: block;	font-size: 1rem; line-height: 1.5; padding: 8px 3px; 
		text-decoration: none; border-bottom: 1px solid #eee;}
	.mainNav ul li a:hover {color:#000; }
		/* Second Level */
		.mainNav ul ul {border-bottom: none;}
		.mainNav ul ul li {	background: #f5f5f5;}
		.mainNav ul ul li a {color: #666;display: block; font-size: .9rem;	padding: 6px 0px 6px 6px;}
		.mainNav ul ul li a:hover {color:#000;}
				/* Third Level */
		.mainNav ul ul ul {}
		.mainNav ul ul ul li {border:none;	background: #ddd;}
		.mainNav ul ul ul li a {padding: 4px 0px 4px 9px;}
	.mainNav ul li a.aktif {color: #d62323;}

@media only screen and (min-width:900px) and (max-width:1239px) {
	.aHeaderLogo {width:120px; padding:12px 0;}
	#respBlokAc {display:block;}
	#sf-kutu {display:none;}
}
@media only screen and (min-width:600px) and (max-width:899px) {
	.aHeaderLogo {width:120px; padding:12px 0;}
	#respBlokAc {display:block;}
	#sf-kutu {display:none;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.aHeaderLogo {width:120px; padding:12px 0;}
	#respBlokAc {display:block;}
	#sf-kutu {display:none;}
	ul.headerustmenu li#headerustmenuMail {display:none;}
	.loginMenum span {display:none;}
}


/* Üye-Ziyaretçi sayfası
------------------------------------- */

.uyemenu {display: flex; justify-content: center; list-style: none; padding: 10px 0; margin: 0 0 20px 0; background:#344154;}
.uyemenu li {margin: 0 10px; position: relative;}
.uyemenu a {text-decoration: none; color: #fff; font-weight: 500;}
.uyemenu li:not(:last-child)::after {content: ""; position: absolute; right: -10px; top: 0; bottom: 0; width: 1px;
    border-left:1px solid #fff; height: 100%;}


/* ANA SAYFA 
------------------------------------- */
.anaSayfaBgKap {position: relative; margin:0 auto; width:100%; height:100%;}
.anaSayfaHeader {position: absolute; top:0; left:0; z-index:4; width:100%; margin:0 auto; padding:0;}

#slaytim {height: 100%; display: flex; justify-content: center; align-items: center;
    overflow: hidden; z-index:2;}

	
	.slaytimg {position:relative; padding:0; margin:0; height: 100%; width:100%;}
	.slaytimg img {height: var(--doc-height); min-height:720px;  width:100%; object-fit: cover; z-index: 0; /* Resmi karartma arkasına alır */}

	.slaytimg picture::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
		background: rgba(0, 0, 0, 0.3); z-index: 1; pointer-events: none; /* Tıklamaları engellemez */}

	.slaytDesc {position:absolute; width:600px; left: calc(50% - 300px); top: 200px; z-index:6; text-align:center;}
	.slaytDesc h1 {position: relative; display: inline-block; color: #fff; font-size: 2.4rem; margin-bottom: 1.5rem; padding-right:10px;}
	.slaytDesc p {color:#fff; font-size: 1.4rem; font-weight: 300;}
	.slaytDesc p b {font-weight: 400; text-decoration: underline;}
		
		.owl-item.active .slaytDesc h1 {max-width: 0; overflow: hidden;	white-space: nowrap; animation: expandWidth 4s forwards;}
		.owl-item.active .slaytDesc h1::after {content: '|'; position: absolute; right: 0; top: 0; animation: blink 0.8s step-end infinite;}

		@keyframes expandWidth {100% {max-width: 1000px;}}
		@keyframes blink {0%, 50% {opacity: 1;}	50.1%, 100% {opacity: 0;}}

		.owl-item.active .slaytDesc p {animation:2s .1s flash;}		
		
	#slaytim .owl-dots {display:none;}
	#slaytim .owl-nav {display:none;}


.anaSayfaBgContent {position: absolute; bottom: 120px; left: 0; z-index: 3; width: 100%;
	display: flex; flex-direction: column; align-items: center;	justify-content: center; }

/*anasayfa ilan aramaForm */
button.gitOk {position: absolute; left:50%; bottom:-80px; background:none; border:none; z-index:5; color:#fff; font-size:1.2rem; cursor: pointer;  
	margin-left:-1.2rem; width:2.4rem; height:2.4rem; line-height: 2.4rem;
	animation: bounce 2s infinite;  border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .3); }

ul.araTabs {position:relative; display: flex; justify-content: center; align-items: center; margin:0;}
	ul.araTabs li {list-style:none; position:relative; background-color: #fff;  border:none; padding:12px 32px; font-size:1rem; color:#333; font-weight:500; 
	border-radius:5px; margin:5px; letter-spacing: 0; cursor: pointer;}
	ul.araTabs li.current {background-color: #d62323; color:#fff;}
	ul.araTabs li.current:after {
	content: ""; position: absolute; left: 50%; bottom: -8px; width: 0; height: 0; 
	border-left: 8px solid transparent;  /* Sol kenar şeffaf */
    border-right: 8px solid transparent; /* Sağ kenar şeffaf */
    border-top: 8px solid #d62323; /* Üst kenar, üçgenin rengi ve yüksekliği */
    transform: translateX(-50%); /* Üçgeni yatayda ortalar */
}
	.araTabs-content {display: none; z-index:2;}
	.araTabs-content.current {display: block;}


/*anasayfa ilan aramaFormKutu */
.aramaFormKap {position:relative; background-color: #fff; padding: 16px; margin: 16px auto; width: 800px; border-radius:10px; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
	display: flex; flex-wrap:wrap; justify-content: center; /* Öğeleri soldan hizala */ align-items: center; animation:1s .1s flipInX both;}
.aramaFormRow {display: flex; flex-wrap:wrap; justify-content: center; /* Öğeleri soldan hizala */ align-items: center; width:100%;}
.selectKutum {width:25%; padding:8px; display: flex; flex-direction: column;}
.inputKutum {width:50%; padding:8px;display: flex; flex-direction: column;}
.aramaFormKap select {line-height:1.5rem; font-size:1rem; border-radius:5px; padding:10px; margin:0; width:100%;
	box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.aramaFormKap input {line-height:1.2rem; font-size:1rem; border-radius:5px; padding:10px; margin:0; width:100%;
	box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.aramaFormKap label {line-height:1.5rem; font-size:1rem; color:#666; font-family: 'Barlow', sans-serif;}


.aramaFormKap button.filtreDataButton{ position:relative; border:none; padding:10px 64px; font-size:1rem; 
	color:#fff; font-weight:500; border-radius:5px; letter-spacing: 0; margin:10px 0;}

@media only screen and (min-width:900px) and (max-width:1239px) {
	.anaSayfaBgContent {bottom: 90px;} 
	.slaytDesc { top: 110px;}
}
@media only screen and (min-width:600px) and (max-width:899px) {
	.anaSayfaBgContent {bottom: 90px;} 
	.slaytDesc { top: 110px;}
	.aramaFormKap {padding: 8px; margin: 8px auto; width: 400px; border-radius:10px;}
	.selectKutum {width:50%;}
	.inputKutum {width:80%;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.anaSayfaBgContent {bottom: 90px;} 
	.slaytDesc { top: 100px; width:400px; left: calc(50% - 200px);}
	.slaytDesc h1 {font-size: 2rem; margin-bottom: 1rem;}
	.slaytDesc p {font-size: 1.2rem;}
	.aramaFormKap {padding: 8px; margin: 8px auto; width: 340px; border-radius:10px;}
	.selectKutum {width:50%;}
	.inputKutum {width:80%;}
}

/* anasayfa modüller */

/* owl-secme - anasayfa modul */  
	
.owl-secme {padding:0;}
.owl-secme .owl-dots {display:none;}
.owl-secme .owl-nav {}
.owl-secme .owl-nav button.owl-prev, .owl-secme .owl-nav button.owl-next {position:absolute; top:50%; margin-top:-1.2rem; font-size:1.2rem; width:2.4rem; height:2.4rem; line-height:2rem;
	color:#fff; cursor:pointer; background-color: #d62323; border-radius: 50%;}
	.owl-secme .owl-nav button.owl-prev {left:0;}
	.owl-secme .owl-nav button.owl-next {right:0;}	
	.owl-secme .owl-nav button.owl-prev:hover, .owl-secme .owl-nav button.owl-next:hover {background-color: #083b7c;}

.owl-secme .ilanKutu {width:100%;}

/* virtinFlex */  

.vitrinFlex {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap: wrap;}

@media only screen and (min-width:900px) and (max-width:1239px) {

}
@media only screen and (min-width:600px) and (max-width:899px) {

}
@media only screen and (min-width:0) and (max-width:599px) {
	.owl-secme .ilanKutu {width:80%; margin:0 10%;}
}

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


.modTitleSol {position:relative; width:100%;}
.modTitleSol h2 {position:relative; margin-bottom:2rem; font-size:1.8rem;}
.modTitleSol h3 {position:relative; margin-bottom:2rem; font-size:1.4rem;}
.modTitleSol h2 a, .modTitleSol h3 a {}
.modTitleSol h2::after, .modTitleSol h3::after {position:absolute; content:""; background:#d62323; bottom:-10px; left:0; width:100px; height:3px;}

.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 {}
.modTitleOrta h2::after, .modTitleOrta h3::after {position:absolute; content:""; background:#d62323; bottom:-10px; left:50%; margin-left:-50px; width:100px; height:3px;}


.aContentBgBord {background-color: #fff; border:1px solid #eaeff5; border-radius:5px; box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08); /* Gölge ayarı */}
.aContentIcFlex {position:relative; display:flex; flex-direction: column; padding:16px;}

/* 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:600px) and (max-width:1239px) {

}
@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;}
}	


/* SAYFALAR 
----------------------------*/

/* Galeri Sayfası için */
.flexGalKap {display:flex; flex-wrap: wrap; justify-content: center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 32px 0 0 0;}
.flexGalOge {width:33.33%; margin-bottom:16px;}
.flexGalOge .aContent{display:flex; flex-direction: column; align-items: center;}
.flexGalOge .flexGalOgeTit {font-size:1rem; font-weight:500; padding:10px 0;}
.flexGalOge .flexGalOgeDesc {font-size:.9rem;}

/* Genel İçerik  Sayfası için */
#galOWLKap {position:relative; width:100%;}
.galOWLImg {width:100%; padding:10px 0;}
.galOWLImg img {width:100%;}
#galOWLKap .owl-dots {display:none;}
#galOWLKap .owl-nav {}
#galOWLKap .owl-nav button.owl-prev, #galOWLKap .owl-nav button.owl-next {position:absolute; top:50%; margin-top:-1rem; font-size:1.2rem; width:2rem; height:2rem; line-height:2rem;
	color:#999; cursor:pointer; }
	#galOWLKap .owl-nav button.owl-prev {left:-.5rem;}
	#galOWLKap .owl-nav button.owl-next {right:-.5rem;}	
	#galOWLKap .owl-nav button.owl-prev:hover, #galOWLKap .owl-nav button.owl-next:hover {color:#000;}

/* İLAN LİSTE 
----------------------------*/
.ilanlarUstButtonFlex {width:100%;margin-bottom:10px; display:none; justify-content: space-between; align-items: center;}
	.ilanlarUstButtonFlex button {float:left; width:49%; position:relative; background-color: #fff;  border:1px solid #ddd; padding:10px 32px; font-size:1rem; 
		color:#333; font-weight:500; border-radius:5px; letter-spacing: 0; margin:.5%;}
		.ilanlarUstButtonFlex button i {margin-right:5px;}
.ilanlarUstContFlex {display:flex; justify-content: space-between; align-items: center;}
 	p.ilanAdetBilgi {margin:0;}
.ilanlarUstSagContFlex {display:flex; justify-content: space-between; align-items: center;}
	ul#pListSec {list-style-type: none; margin:0; padding:0;}
	ul#pListSec li {float:left; margin:0 5px;  padding:0;}
	ul#pListSec li a {display:block; font-size:1.2rem; line-height:1.2rem; color:#333;}
	ul#pListSec li.selected a{color:#d62323}

	#ilanSiralamaSecSelect {margin:0 0 0 10px; min-width:140px; padding:5px;}

.ilanlarSolBlok {position: sticky; top: 20px; }
.ilanlarSolBlok .filtreBlok {margin-bottom:12px; width:100%;}
.ilanlarSolBlok h2 {border-bottom:1px solid #ddd; padding:.5rem 0;}
.ilanlarSolBlok h3 {font-size:1rem;}


#ilanKategKutu {}
#ilanFiltreKutu {}

#ilanKategKapat, #ilanFiltreKapat {position: absolute; display: none; justify-content: center; align-items: center; top: 20px;	right: 10px;
		width: 2rem; height: 2rem; font-size: 1.6rem; border-radius: 5px; background-color: #d62323; color: #fff;	cursor: pointer;}

	#ilanFiltreKutu select {width:100%; padding:10px; line-height:1; font-size:.8rem; border-radius:5px; margin-bottom:8px;}
	#ilanFiltreKutu input {padding:10px; line-height:1; font-size:.8rem; border-radius:5px; margin-bottom:8px;}
	#ilanFiltreKutu button.filtreDataButton{ width:100%; position:relative; border:none; padding:10px 8px; font-size:1rem; 
	color:#fff; font-weight:500; border-radius:5px; letter-spacing: 0; margin:5px 0;}


.ilanKutu {margin-top:6px; margin-bottom:24px; }
	.ilanKutu .aContent {background-color: #fff; border:1px solid #eaeff5; border-radius:5px; box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);}
	.ilanKutu .ilanKutuFlex {display: flex; flex-direction: column; padding:16px;}
	.ilanKutu .img-k-Yatay {border-radius:5px 5px 0 0; border:1px solid #eaeff5; box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);}	
	.ilanKutu .capt {width:100%; margin:0 0 5px 0; height: 4.5rem; padding:0;
		display: flex;}
	.ilanKutu .capt span.title-capt {padding: 0; margin: 0;	width: calc(100% - 1rem);
		line-height: 1.5rem; font-size: 1rem; font-family: 'Barlow', sans-serif;
		letter-spacing: 0; font-weight: 600; color: #333; overflow: hidden; 
		display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
	.ilanKutu .capt span.title-capt a {color:#333; display:block;}
	.ilanKutu .drmCat {position:absolute; left:10px; top:10px; padding:3px 6px; background-color: #d62323; border-radius:0; font-size: .8rem; color:#fff;}
	.ilanKutu p.lks {width:100%; margin:0; padding:.5rem 0; color:#666; font-size:.8rem; overflow: hidden; border-top:1px solid #ddd;  
		display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
	.ilanKutu p.fyt {width:100%; margin:0; padding:0; color:#333; font-size:1.2rem; font-weight:500; letter-spacing: 0;}


.ilanListKutu {margin-top:6px; margin-bottom:16px;}
	.ilanListKutu .aContent {background-color: #fff; border:1px solid #eaeff5; border-radius:5px; box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08);}
	.ilanListKutu .ilanListKutuFlex {display: flex;}
    .ilanListKutu img {border-radius: 5px 0 0 5px; width:300px;}
	.ilanListKutu img .img {border-radius: 5px 0 0 5px; width:300px;}	
	.ilanListKutu .ilanListKutuIcFlex {display: flex; flex-direction: column; padding:16px; width: calc(100% - 300px);}
	.ilanListKutu .capt {width:100%; margin:0 0 5px 0; padding:0; border-bottom:1px solid #ddd;
		display: flex; align-items: center;}
	.ilanListKutu .capt span.title-capt {padding: .25rem 0; margin: 0;
		line-height: 1.5rem; font-size: 1rem; font-family: 'Barlow', sans-serif;
		letter-spacing: 0; font-weight: 600; color: #333; overflow: hidden;}
	.ilanListKutu .capt span.title-capt a {color:#333; display:block;}
	.ilanListKutu .drmCat {position:absolute; left:10px; top:10px; padding:3px 6px; background-color: #d62323; border-radius:0; font-size: .8rem; color:#fff;}
	.ilanListKutu p.lks {margin:0; padding:.5rem 0; color:#666; font-size:.8rem; }
	.ilanListKutu p.fyt {margin:0; padding:0; color:#333; font-size:1.2rem; font-weight:500; letter-spacing: 0;}


/* pagination */
.pagination {float:right; position:relative; left:-50%; text-align:left; margin:10px 0;}
.pagination ul.paginationmenu {list-style-type:none; margin:0; padding:0; left:50%; }
.pagination ul.paginationmenu li {float:left; padding:0 10px; margin:0 5px; font-size:1rem; line-height:2; font-weight:500; color:#666; border:1px solid #ddd;}
.pagination ul.paginationmenu li a {color:#0067b5; display:block;}
.pagination ul.paginationmenu li.current_page {background:#eee;}

/* pager*/
.pager {display: flex; background:#f9f9f9; align-items: center; justify-content: center; margin:10px auto; padding:10px; color:#333; width:100%;}
.pager a {position:relative; background-color: #ddd;  border:none; text-align: center; font-size:1rem; 
	color:#333; font-weight:500; border-radius:5px; letter-spacing: 0; margin:5px; padding:5px 10px;}
	.pager a.selected {background-color: #d62323; color:#fff; }


@media only screen and (min-width:900px) and (max-width:1239px) {
	.ilanlarUstButtonFlex {display: flex;}
	.ilanlarSolBlok {position: relative; top: 0;}
	#ilanKategKutu {display:none;}
	#ilanFiltreKutu {display:none;}
	#ilanKategKapat, #ilanFiltreKapat {display: flex;}

	.ilanKutu {width:33.33%;}
	.ilanKutu p.lks {font-size:.7rem;}
}
@media only screen and (min-width:600px) and (max-width:899px) {
	.ilanlarUstButtonFlex {display: flex;}
	.ilanlarSolBlok {position: relative; top: 0;}
	#ilanKategKutu {display:none;}
	#ilanFiltreKutu {display:none;}
	#ilanKategKapat, #ilanFiltreKapat {display: flex;}

	.ilanKutu {width:50%;}
	.ilanKutu p.lks {font-size:.7rem;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.ilanlarUstButtonFlex {display: flex;}
	p.ilanAdetBilgi {font-size:.9rem; letter-spacing: -1px;}
	.ilanlarSolBlok {position: relative; top: 0; }
	#ilanKategKutu {display:none;}
	#ilanFiltreKutu {display:none;}
	#ilanKategKapat, #ilanFiltreKapat {display: flex;}

	.ilanKutu {}
	.ilanKutu .capt {height: 3rem;}
	.ilanKutu .capt span.title-capt {-webkit-line-clamp: 2; line-clamp: 2;}
	.ilanKutu p.lks {font-size:.7rem;}

	.ilanListKutu .capt {width:100%; margin:0; padding: 0;}
	.ilanListKutu .capt span.title-capt {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;
		line-height: 1.2rem; letter-spacing: 0; padding: 0;} 
    .ilanListKutu img {width:210px;}
	.ilanListKutu img .img {width:210px;}	
	.ilanListKutu .ilanListKutuIcFlex {padding:8px; width: calc(100% - 210px);}
	.ilanListKutu p.lks {padding:.2rem 0; font-size:.7rem; }
	.ilanListKutu p.fyt {font-size:1rem;}
}	


/* İLAN DETAY
-----------------------------*/
.detaySolBlok {}
.detayOrtaBlok {position: sticky; top: 20px;}
.detaySagBlok {position: sticky; top: 20px;}


.sticky {position: sticky; top: 20px; /* Scroll ile menü ekranın üstüne 20px kala sabitlenir */}


#ilanGalerim {position:relative;  margin:0 0 10px 0; padding:0px; float:left; width:100%;}
	#ilanGalerim .img-g {position:relative; width:100%; padding-top:56.25%; overflow:hidden; background-color: #f5f5f5;}/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */
	#ilanGalerim .img-g img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#ilanGalerim .video-g {position:relative; width:100%;}
	#ilanGalerim .video-g video {width:100%;}
.gtab-content {position:relative; display:none; padding:0px; float:right; width:100%; }
	.gtab-content.current {display:block;}
	.gtab-content p {position:relative; margin:0; color:#999; text-align:center; width:100%; line-height:2; font-size:.9rem;}
	.gtab-content .buyutec { opacity: .9; position:absolute; z-index:10; bottom:10px; right:20px; font-size:2rem; color:#fff; transition: all 1s; text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);}
		.gtab-content .buyutec a {padding:10px; display:block; color:#fff; }
		.gtab-content:hover .buyutec { opacity: 1;}
#galKResimListFlex {position:relative;  display: flex; justify-content: center; align-items: center;}
	#galKResimListFlex .galKResim {position:relative; color:#222; padding:5px; margin:5px; cursor:pointer; width: calc(20% - 10px); border:1px solid #aaa; 
		box-sizing: border-box; }
	#galKResimListFlex .galKResim.current {border:1px solid #d62323;}
#galKResimListemOWL {position:relative; width:100%; margin:0; padding:0; float:left; padding:0 25px;}
	#galKResimListemOWL .galKResim {position:relative; float:left; color:#222; padding:5px; cursor:pointer; width:100%; border:1px solid #aaa; 
		box-sizing: border-box; }
	#galKResimListemOWL .galKResim.current {border:1px solid #d62323;}
	#galKResimListemOWL .owl-dots {display:none;}
	#galKResimListemOWL .owl-nav {}
	#galKResimListemOWL .owl-nav button.owl-prev, #galKResimListemOWL .owl-nav button.owl-next {position:absolute; top:0; font-size:1.2rem; text-align: center; 
		width:20px; height:100%; line-height:100%; background-color: #fff; border:1px solid #aaa; 
		color:#333; cursor:pointer; }
		#galKResimListemOWL .owl-nav button.owl-prev {left:0;}
		#galKResimListemOWL .owl-nav button.owl-next {right:0;}	
		#galKResimListemOWL .owl-nav button.owl-prev:hover, #galKResimListemOWL .owl-nav button.owl-next:hover {background: #fff; color:#d62323; border:1px solid #d62323; }

/* detay açıklamalar+harita tab */
ul.detayTabs {width:100%; padding:0 0 0 10px; margin-bottom:0; list-style: none; display: flex;}
	ul.detayTabs li {list-style:none; color: #000; border-bottom:3px solid #ccc; font-weight: 500; cursor: pointer; padding:5px 20px;  background-color: #fff; margin:0 10px; 
		border-radius: 5px 5px 0 0; box-shadow: 0 0 10px 1px rgba(71, 85, 95, .2); font-size:1.2rem; font-family: 'Barlow', sans-serif;}
	ul.detayTabs li.current {border-bottom:3px solid #d62323;}
	.detayTabs-content {display: none; z-index:2;}
	.detayTabs-content.current {display: block;}

.ilanAciklamaUL {position: relative; list-style-type: none; margin:0 0 12px 0; padding:0; border-top:1px solid #ddd;}
	.ilanAciklamaUL li {position: relative; width:100%; margin:0; padding:3px 0; float:left; border-bottom:1px solid #ddd; font-size:.9rem;}
	.ilanAciklamaUL li strong {width:50%; float:left;}
	.ilanAciklamaUL li span {width:50%; float: left;}

.ilanOzellikUL {position: relative; list-style-type: none; margin:0; padding:10px 0 30px 0;}
	.ilanOzellikUL li {position: relative; width:33.33%; margin:0; padding:3px 0; float:left; }	

.ilanOzBaslik  {background-color: #f5f5f5; font-size:1rem; padding:.5rem; margin-bottom:0; font-weight: 700; border-left:5px solid #ccc;}

/* paylaş buton */

	.paylasKap {position: relative; width:100%; display:flex; flex-direction: column;}
	.paylasBtn {width:100%;}
	.paylasMenu {display: none; position: absolute; bottom: 100%; left: 0; background: #fff; border: 1px solid #ccc; border-radius: 5px; 
		box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index:3; width:100%;}
	.paylasMenu a { display: block; padding: 10px 14px; text-decoration: none; color: #333; font-size: 14px; transition: background 0.2s;}
	.paylasMenu a:hover {color: #000;}


	@media only screen and (min-width:900px) and (max-width:1239px) {
		.ilanOzellikUL li {width:50%;}
	}
	@media only screen and (min-width:600px) and (max-width:899px) {
		.ilanOzellikUL li {width:50%;}
	}
	@media only screen and (min-width:0) and (max-width:599px) {
		.ilanOzellikUL li {width:50%;}

		.detayOrtaBlok {position: relative; top: 0;}
		.detaySagBlok {position: relative; top: 0;}
	}


.pMapKap {width:100%; display:flex; border:1px solid #ddd; border-radius:5px; margin-top:16px; margin-bottom:32px;}
	.pMapCont {width: 33.33%; height:400px; background-color: rgb(40, 50, 59, 1); padding:2rem;}
		.pMapCont h3 {color:#eee;}
		.pMapCont p {color:#ddd; font-weight:300;}
	.pMap {width: 100%; height:400px; z-index:1;}

.ilanIletisimKap {background-color: #083b7c; padding:12px; border-radius:5px;}
	.ilanIletisimKap h2 {color:#fff; font-size:1.1rem; line-height:1.5;}
	.ilanIletisimKap p {color:#fff; margin-bottom:8px; /*border-bottom:1px solid #ddd;*/}
	.ilanIletisimKap p.mTems {color:#fff; font-size:.8rem; line-height:1rem; border-bottom:none;}
.ilanIletisimUL {position: relative; list-style-type: none; margin:16px 0 16px 0; padding:0;}
	.ilanIletisimUL li {position: relative; width:100%; margin:0; padding:5px 0; float:left; color:#fff;}
	.ilanIletisimUL li a {color:#fff;}

/* loginkap */
#loginkap {width: 100vw; min-height: 100%; height: 100vh; background-color: #eee; display: flex; width:100%; justify-content: center; align-items: center; flex-wrap:wrap;}
.logFKutu {width:90%; max-width:440px; background-color: #fff; border:1px solid #ddd; padding:30px;}
.logFKutuLogo {width:100%; margin:20px 0 30px 0;}
.logFKutuLogo img {width:160px; margin:0 auto;}

/* login tab */	
	ul.tabs {position:relative; width:100%; margin:0 0 0 20px; padding:0px;  list-style: none; z-index:2;}
		ul.tabs li{float:left; list-style:none; background: #fff; color: #aaa; padding:5px 8px; margin:0 10px 0 0; font-weight:600; cursor: pointer; border:1px solid #ddd; border-bottom:none; border-radius:5px 5px 0 0;}
		ul.tabs li.current{ color: #333; border:1px solid #000; border-bottom:1px solid #fff;}
		.tab-content {display: none;}
		.tab-content.current { display: inherit;}


/* FANCYBOX
*************************** */
.inlineFancy {background: transparent; border:none;}
.fancybox-slide--html .fancybox-content {
    width: 80vw;
    height: 80vh;
	overflow: auto !important;
}

@media only screen and (min-width:900px) and (max-width:1239px) {

}
@media only screen and (min-width:600px) and (max-width:899px) {

}
@media only screen and (min-width:0px) and (max-width:599px) {
	.fancybox-slide--html .fancybox-content {
		width: 85vw;
		height: 85vh;
		overflow: auto !important;
	}
	.fancybox-slide--html .fancybox-content h2 {font-size:1.2rem;}
	.fancybox-slide--html .fancybox-content h3 {font-size:1rem;}
	.fancybox-slide--html .fancybox-content p {font-size:.8rem;}
}


	
/* FOOTER
**************************** */
	
.footerkap {background: #303441; padding-top:32px;}
	
	.footer {color: #fff; padding:32px 0 16px 0;}
	.footer .aCol-4-12, .footer .aCol-3-12  {margin-bottom:16px;}
	.footer p {color:#ddd; margin:0 0 6px 0; font-size:.9rem; line-height:2;}
	.footer p a {color:#ddd;}
	
	.footer h4 {position:relative; color:#fff; font-weight:500; margin-bottom:2rem; font-size:1.1rem; line-height:1.5;}
	.footer h4 a{color:#fff;}
	.footer h4:after {position:absolute; content:""; background:#d62323; bottom:-10px;left:0; width:50px; height:3px;}
	
	img.footer-logo {width:240px; margin-bottom:20px; background:#fff; border-radius:3px;}
	
	ul.sosyal-link {list-style:none; margin:16px 0 0 0; padding:0; float:left;}
	ul.sosyal-link li {position:relative; display:block; float:left; list-style:none; width:2rem; height:2rem;
		margin:0 2px 2px 2px; padding:0; background:rgba(12,14,16,0.6); color:#fff; text-align:center; -webkit-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out;	transition:all 0.15s ease-out;
		border-radius:3px;
		}
	ul.sosyal-link li a {color:#fff; display:block; font-size:1rem; line-height:2rem;}
	ul.sosyal-link li a span {color:#fff;}
	ul.sosyal-link li:hover {background:rgba(12,14,16,1);}

.footermenu {margin-bottom:16px;}
.footermenu ul { margin:0px; padding:0; }
	.footermenu ul li {position:relative; background:none; float:left; margin:0; padding:0 0 0 1rem; list-style:none; width:100%; }
	.footermenu ul li:first-child {}
	.footermenu ul li:last-child {}
	.footermenu ul li a {padding:.3rem 0; margin:0;  font-size: .9rem; line-height: 1.6rem; color:#eee; display:block; font-weight:400;}
	.footermenu ul li a:hover {text-decoration: underline;}
	.footermenu ul li::before {position:absolute; content:"▸"; top:.4rem; left:0; width:0; }
	.footermenu ul li ul {/* display:none; */}
	.footermenu ul li li {padding:0 0 0 1rem; padding:0;}
	.footermenu ul li li a {padding:.3rem 1rem; color:#ccc; }

.footeraltkap {background:#303441; padding: 6px 0px; border-top:1px solid #444954;}
	.footeralt {color:#ddd;}	
	.footeralt p {margin:0; color:#ddd; font-size:.9rem; line-height:2;}
	.footeralt p a {color:#ddd;}

@media only screen and (min-width:900px) and (max-width:1239px) {
	ul.sosyal-link {float:left;} 
}
@media only screen and (min-width:600px) and (max-width:899px) {
	ul.sosyal-link {float:left;} 
}

@media only screen and (min-width:0px) and (max-width:599px) {
	ul.sosyal-link {float:left;} 
}



/* 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: #212529;}
.bg-turuncu {background-color: #a50120;}
.bg-black {background-color: #000;}

.bg-primary {background-color: #000330;}
.bg-secondary {background-color: #083b7c;}

.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: #212529;}
.color-turuncu {color:#a50120;}
.color-black {color:#000;}

.color-primary {color: #000330;}
.color-secondary {color: #083b7c;}