/* 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: 'Roboto', sans-serif; font-size:1rem; font-weight:400; line-height:1.7; color:#333; background-color: #f9f9f9;}

/* Typography
------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:1rem; font-weight:500; line-height:1.6; color:#333; font-family: 'Barlow', sans-serif; }
h1{ font-size:2rem; }
h2{	font-size:1.8rem; }
h3{	font-size:1.6rem; }
h4{	font-size:1.4rem; }
h5{ font-size:1.2rem; }
h6{	font-size:1rem; }
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: #0063ff; }

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

.contactMap {width: 100%; height:480px; z-index:1;}

/* 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 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%)}


/* HEADER  
------------------------------------- */
.headerKap {z-index: 10;}
	.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.1); /* ????   position: fixed; top:0;*/}
.headerFlex {display: flex; /*justify-content: flex-start; */ justify-content: space-between; align-items: center;}
	.aHeaderLogo {position:relative; width:210px; padding:8px 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; font-weight:500;}

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

	.ikinciLogo {position:relative; width:160px; padding:0;}
		.ikinciLogo img {max-width:100%;}

/* select dil menu */
.dil-select {position: relative; margin:0 6px; padding:0 8px;}	
	.dil-select::after {content: '\e906'; /* 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 span {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;}

#aramaiconum {display:none; position:absolute; right:60px; top:0; padding:0 14px; margin:10px 0 0 0; color:#333; font-size:1.2rem; line-height:3; cursor:pointer;}

/* form */	
#aramaformum {position:relative; padding:5px; margin:0; width:400px; border:none; border:1px solid #bbb; z-index:3; border-radius: 5px;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:8;} 
		#aramaformum .input {float:left; width:100%; padding:0 3rem 0 0; background:#fff; margin:0px; font-size:1rem; line-height:2rem; border:none; color:#000; }  
		#aramaformum .search-but {position: absolute; right:10px; padding:0; margin:0; color:#000; background:#fff; border:none; cursor:pointer; font-size:1.4rem; line-height:2rem;} 

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

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


/* ANA SAYFA 
------------------------------------- */

/* saydam header full slayt-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;}

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

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

	.slaytKutu {position:relative; padding:0; margin:0; height: 100%; width:100%;}
	.slaytKutu img {height: var(--doc-height); min-height:640px;  width:100%; object-fit: cover; z-index: 0; /* Resmi karartma arkasına alır */}
		.slaytContent {position:absolute; width:600px; left: calc(50% - 300px); bottom: calc(50% - 100px);; z-index:5}
		.slaytContent h1 {color:#222; font-size: 2.4rem; margin-bottom:2rem; text-align: center;}
		.slaytContent p {color:#555; font-size: 1.4rem; font-weight: 300; margin-bottom:2.4rem; text-align: center;}
		.slaytContent p b {font-weight: 400; text-decoration: underline;}
	.owl-item.active .slaytContent h1 {animation:1s .1s backInUp both;}
	.owl-item.active .slaytContent p {animation:2s .1s backInUp both;}
	
	#anaSayfaBg .owl-dots {display:none;}
	#anaSayfaBg .owl-nav {display:none;}	

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

@media only screen and (min-width:900px) and (max-width:1239px) {
	.anaSayBgBotCont {bottom: 90px;} 
}
@media only screen and (min-width:600px) and (max-width:899px) {
	.anaSayBgBotCont {bottom: 90px;} 
}
@media only screen and (min-width:0) and (max-width:599px) {
	.anaSayBgBotCont {bottom: 90px;} 
	.slaytContent {position:absolute; width:400px; left: calc(50% - 200px); bottom: calc(50% - 100px);; z-index:5}
}

/* standart header altı slayt-ana sayfa */

#slaytim {position:relative; width:100%; max-width:1920px; padding:0; z-index:5; margin: 0 auto; }

	.slaytImg {position:relative; padding:0; margin:0; }
	.slaytImg img {width:100%;}
		.slaytDesc {position: absolute; top: 0; left: calc((100% - 1240px) / 2); width: 400px; max-width: 100%; height: 100%; padding: 48px 16px;
			display:flex; flex-direction: column; justify-content: center;}
		.slaytDesc h1 {color:#222; font-size: 2.8rem; line-height:1.4; font-weight: 700; margin-bottom:2rem; text-align: left;}
		.slaytDesc p {color:#555; font-size: 1.2rem; line-height:1.4; margin-bottom:2rem;}
		.slaytDesc p b {font-weight: 400; text-decoration: underline;}
		.slaytDesc .button {color: #fff; background-color:  #0063ff; transition: all .3s; display: inline-block; /* Genişliği içeriğe göre ayarlar */
			align-self: flex-start; /* Butonu sola yaslar, isteğe göre değiştirilebilir */}
		.slaytDesc .button:hover {background-color: #00176c;}

	.owl-item.active .slaytDesc h1 {animation:1s .1s flipInX both;} /* animasyon süre | gecikme | animasyon adı */
	.owl-item.active .slaytDesc p {animation:.5s .5s fadeInUp both;}
	.owl-item.active .slaytDesc .button {animation:.5s 1s fadeInUp both;}

	#slaytim .owl-dots {display:none;}
	#slaytim .owl-nav {}
	#slaytim .owl-nav button.owl-prev, #slaytim .owl-nav button.owl-next {position:absolute; top:50%; transform:translateY(-50%); opacity:0; font-size:16px; line-height:16px; 
		width:50px; height:50px; color:#fff; background:rgba(255,255,255,0.3);	
		-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; cursor:pointer;
		-webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px;
		}
	#slaytim .owl-nav button.owl-prev {left:50px;}
	#slaytim .owl-nav button.owl-next {right:50px;}	
	#slaytim .owl-nav button.owl-prev:hover, #slaytim .owl-nav button.owl-next:hover {background:rgba(0,0,0,0.8); color:#fff;}
	
	#slaytim:hover .owl-nav button.owl-prev {opacity:0.8; left:10px;}
	#slaytim:hover .owl-nav button.owl-next {opacity:0.8; right:10px;}

#slaytimUstKap { position: absolute; top: 0; right: calc((100% - 1240px) / 2); width: 320px; max-width: 100%; height: 100%;
    z-index: 10; padding: 48px 16px; text-align: center; color: #fff;}
	.slaytimUstIc {height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; color:#333; padding:32px;  border-radius: 10px; 
		background-color: rgba(255, 255, 255, 1);}
	.slaytimUstIc h2 {color:#00176c; font-size:1.5rem; text-decoration: underline; font-weight:700;}
		.slaytimUstIc h2 a {color:#00176c;}
	.slaytimUstIc p {color:#333; font-size:1.2rem;}
	.slaytimUstIc .button {width:100%; color: #fff; background-color:  #0063ff; transition: all .3s; margin:0;}
	.slaytimUstIc .button:hover {background-color: #00176c;}

@media only screen and (min-width:900px) and (max-width:1239px) {
	.slaytImg img {width:auto; height:420px; object-fit: cover;} 
	.slaytDesc {left: calc((100% - 880px) / 2); width: 400px;} 

	#slaytimUstKap { right: calc((100% - 880px) / 2);} /* 100% - container */
}
@media only screen and (min-width:600px) and (max-width:899px) {
	.slaytImg img {width:auto; height:420px; object-fit: cover;} 
	.slaytDesc {left: calc((100% - 580px) / 2); width: 300px;} 
	.slaytDesc h1 {font-size: 1.8rem; margin-bottom:1.4rem;}
	.slaytDesc p {font-size: 1.2rem; margin-bottom:1.4rem;}

	#slaytimUstKap { right: calc((100% - 580px) / 2); width: 240px; padding: 16px;} /* 100% - container */
		.slaytimUstIc {padding:16px;}
		.slaytimUstIc h2 {font-size:1.2rem;}
		.slaytimUstIc p {font-size:1rem;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.slaytImg img {width:auto; height:300px; object-fit: cover;}
	.slaytDesc {left: 2%; width: 240px;} 
	.slaytDesc h1 {font-size: 1.4rem; margin-bottom:1.4rem;}
	.slaytDesc p {font-size: 1rem; margin-bottom:1.4rem;}

	#slaytimUstKap { right: 2%; top:32px; width: 120px; height: auto; padding: 0; } 
	.slaytimUstIc {padding:8px; background-color: rgba(255, 255, 255, .5);}
	.slaytimUstIc h2 {display:none;}
	.slaytimUstIc p {display:none;}
}


/* SAYFA GENEL
------------------------------------- */
.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:#0063ff; bottom:-10px; left:0; width:100px; height:3px;}

.modTitleOrta {position:relative; width:100%; margin-bottom:32px;}
.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:#0063ff; 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;}
}	


/* kategori öğe - tek sutun
----------------------------*/
.katOgeTekKap {display:flex; flex-direction: column; width:100%;}
.katOgeTek {width:100%; display:flex; flex-wrap: wrap; justify-content:left;}
.katOgeTekSol {width:300px;}
.katOgeTekSag {width: calc(100% - 300px);}
	.katOgeTekSag h2 {}
	.katOgeTekSag p {text-align: justify; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;	text-overflow: ellipsis;}


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

}
@media only screen and (min-width:600px) and (max-width:899px) {
	.katOgeTekSag {width: 100%;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.katOgeTekSag {width: 100%;}
}

/* urun öğe - tek sutun
----------------------------*/
.urunOgeTekKap {display:flex; flex-direction: column; width:100%;}
.urunOgeTek {width:100%; display:flex; flex-wrap: wrap; justify-content:left;}
.urunOgeTekSol {width:300px;}
.urunOgeTekSag {width: calc(100% - 300px); padding-top:16px;}
	.urunOgeTekSag h2 {}
	.urunOgeTekSag p {text-align: justify; display: -webkit-box; -webkit-line-clamp: 20; -webkit-box-orient: vertical; overflow: hidden;	text-overflow: ellipsis;}


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

}
@media only screen and (min-width:600px) and (max-width:899px) {
	.urunOgeTekSag {width: 100%;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.urunOgeTekSag {width: 100%;}
}

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

/* Hizmetler - flex
----------------------------*/
.flexHizKap {display:flex; flex-wrap: wrap; justify-content: left;}
.flexHizOge {display:flex; flex-wrap: wrap; width:50%; margin-bottom:24px; }

.flexHizIcon {width:120px; display:flex; flex-direction: column; border-right:1px solid #ccc;}
	.flexHizIcon i {font-size:60px; width:100%; text-align:center; padding-top: 8px; }
.flexHizContent {width: calc(100% - 120px); display:flex; flex-direction: column; padding:0 16px;}
	.flexHizContent h2 {}
	.flexHizContent p {text-align: justify;}

/* anasayfa -> hizmetler modulu */
.flexHizKapAnaMod {display:flex; flex-wrap: wrap; justify-content: center;}
	.flexHizOgeAnaMod {display:flex; flex-direction: column; flex-wrap: wrap; width:128px; }
	.flexHizOgeAnaMod i {font-size:50px; width:100%; text-align:center; padding: 12px 0; }
	.flexHizOgeAnaMod span {width:100%; text-align:center; font-size:.9rem;}


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

}
@media only screen and (min-width:600px) and (max-width:899px) {
	.flexHizOge {width:100%;}
}
@media only screen and (min-width:0) and (max-width:599px) {
	.flexHizOge {width:100%;}
}

/* DESTEK
----------------------------*/
.destek-oge {margin-bottom: 8px;}
.destek-title {background-color: #f5f5f5;padding: 16px; border: 1px solid #ddd; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.destek-title:hover {background-color: #eaeaea;}
.destek-title h2 {font-size: 1.2rem; margin:0;}
.destek-title .destek-symbol {font-size: 18px; font-weight: bold;}

.destek-content {padding: 16px; border: 1px solid #ddd; border-top: none; background-color: #fff; display: none;}
.destek-content p {margin:8px 0;}

/* iletişim
----------------------------*/

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


/* ANA SAYFA MODULLER
-----------------------------*/

/* owl-secme - anasayfa modul */  
	
.owl-secme {}
.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:-1rem; font-size:1.2rem; width:2rem; height:2rem; line-height:2rem;
	color:#999; cursor:pointer; }
	.owl-secme .owl-nav button.owl-prev {left:-.5rem;}
	.owl-secme .owl-nav button.owl-next {right:-.5rem;}	
	.owl-secme .owl-nav button.owl-prev:hover, .owl-secme .owl-nav button.owl-next:hover {color:#000;}

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

/* virtinFlex */  

.vitrinFlex {width:100%; display:flex; justify-content:center; align-content: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) {

}
	
/* FOOTER
**************************** */
	
.footerkap {padding-top:32px;  padding-bottom:32px; background-color: #eee; border-top:1px solid #ddd;}
	
	.footer {color: #333; padding-top:16px;}	
	.footer [class*="aCol-"] { margin-bottom:32px; } 
	.footer p {color:#333; margin:0 0 6px 0; font-size:.9rem; line-height:2;}
	.footer p a {color:#333;}
	
	.footer h4 {position:relative; color:#000; font-weight:500; margin-bottom:2rem; font-size:1.2rem; line-height:1.5;}
	.footer h4 a {color:#000;}
	.footer h4:after {position:absolute; content:""; background:#0063ff; bottom:-12px; left:0; width:32px; height:3px;}
	
	.footerLogo {width:160px; margin-bottom:20px;}
	.footerLogo img {width:100%; /* filter: brightness(0) invert(1);  border-left:3px solid #fff;*/}
	
	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:2.4rem; height:2.4rem; line-height: 2.4rem;;
		margin:0 2px 2px 2px; padding:0; background:#0063ff; color:#fff; text-align:center; transition:all .3s;
		border-radius:3px;
		}
	ul.sosyal-link li a {color:#fff; display:block; font-size: 1.4rem; line-height:2.4rem;}
	ul.sosyal-link li a span {color:#fff; line-height:2.4rem;}
	ul.sosyal-link li:hover {background:#00176c;}

.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:#333; 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:#333; }

.footeraltkap {padding: 0; background-color: #eee;}
	.footeralt {color:#333; border-top:1px solid #ccc;}	
	.footeralt p {margin:0; color:#333; font-size:.9rem; line-height:3;}
	.footeralt p a {color:#333;}

	.whatsappDestek {
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #25d366; /* WhatsApp yeşili */
		height: 80px;
		width: 80px;
		border-radius: 50%;
		z-index: 10;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}
	
	.whatsappDestek::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 70%; /* %30 daha küçük başlangıç genişliği */
		height: 70%; /* %30 daha küçük başlangıç yüksekliği */
		border-radius: 50%;
		background-color: rgba(14, 168, 70, 0.7);
		animation: waveAnimation 1.5s infinite;
		z-index: -1;
	}
	
	/* Animasyon tanımı */
	@keyframes waveAnimation {
		0% {
			transform: translate(-50%, -50%) scale(1); /* Başlangıç boyutu */
			opacity: 0.7;
		}
		50% {
			transform: translate(-50%, -50%) scale(2); /* Dalga genişliyor */
			opacity: 0.5;
		}
		100% {
			transform: translate(-50%, -50%) scale(2.5); /* Dalga maksimum genişlikte */
			opacity: 0;
		}
	}
	
	.whatsappDestek i {
		font-size: 30px;
		color: #fff;
		text-align: center;
	}
	
	.whatsappDestek span {
		font-size: 10px;
		line-height: 16px;
		color: #fff;
		text-align: center;
	}
	

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

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


.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:240px; margin:0 auto;}



/* BACKGROUND - COLOR 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-blue {background-color: #0063ff;}
.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: #00176c;}
.bg-secondary {background-color: #0063ff;}

.color-blue {color: #0063ff;}
.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: #00176c;}
.color-secondary {color: #0063ff;}