/* #Reset & Basics 
================================================== */
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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

* {
  padding: 0;
  margin: 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: "Jost", sans-serif;
	font-size: 1rem; /* (tarayıcının varsayılan font-size değeri 16px. Öyleyse 1rem = 16px. Ancak bu değer html içindeki font size ile değiştirilebilir.) */
	font-weight: 400;
	line-height: 1.5;
	background-color: #fff; /* #f9f9f9; */
	color: #222;
	letter-spacing: 1px;
	}
	
/* Typography
------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin-top: 0;	margin-bottom: 1rem; font-weight: 600; line-height: 2; color: inherit;}
h1 {font-size: 1.4rem; color: #000;}
h2 {font-size: 1.2rem; color: #111;}
h3 {font-size: 1.1rem; color: #222;}
h4 {font-size: 1rem;}
h5 {font-size: .9rem;}
h6 {font-size: .9rem;}
p {margin-top: 0; margin-bottom: 1rem;}
b, strong {font-weight: 700;}
small, .small  {font-size: 80%;}

.title-capt {} /* ürün başlıkları */


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {
	h1 {font-size: 1.6rem;}
	h2 {font-size: 1.4rem;}
	h3 {font-size: 1.2rem;}
}
@media (max-width: 576px) {
	h1 {font-size: 1.6rem;}
	h2 {font-size: 1.4rem;}
	h3 {font-size: 1.2rem;}
}

/* List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ol,ul, dl {margin-top: 0; margin-bottom: 1rem;}
ol ol, ul ul, ol ul, ul ol {}

/* HR
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {box-sizing: content-box; height: 0;	overflow: visible; margin-top: .5rem; margin-bottom: .5rem; border: 0; border-top: 1px solid #ddd; }
hr.dashed {box-sizing: content-box;	height: 0; overflow: visible; margin-top: 1rem;	margin-bottom: 1rem; border: 0;	border-top: 1px dashed #ccc; }
img {border:none; padding:0; margin:0; display:block;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color: #192d69; text-decoration: none;}
a:hover {text-decoration: none;}

/* placeholder
–––––––––––––––––––––––––––––––––––––––––––––––––– */
::placeholder {
	color: #aaa;
	text-transform: uppercase;
}
  

/* table (dikey yatay border)
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 
table {background-color:#fff;border-collapse:collapse;width:100%;font-size:1rem;border:1px solid #eee;border-left:none;margin:10px 0px}
table thead tr{background-color:#eee;border-bottom:1px solid #eee;}
table thead th{border-left:1px solid #eee;color:#222;text-align:left;padding:2px;font-weight:bold}
table tbody tr{background-color:#fff;border-bottom:1px solid #eee}
table tbody td{color:#222;padding:5px;text-align:left;border-left:1px solid #eee}
.table-bordered{border:1px solid #eee}
table p {margin:0;}

/* Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input, button, select, optgroup, textarea {margin: 0; font-family: inherit;	font-size: inherit;	line-height: inherit; border:1px solid #aaa;}
label {display: block; font-weight:400;}
button {border-radius: 0; border:none; cursor:pointer;}
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;
}

/*
input:required {background: #eee;}
input:invalid {background: red;}
*/

/* Form Custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.formum {margin:0; }
.formum .form-grup {position:relative; width:100%; padding:0; margin-bottom:.5rem; font-size:1rem;}	
	.formum .form-grup::after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.formum input, .formum button, .formum select, .formum optgroup, .formum textarea {padding:.5rem 1rem;; 
	border:1px solid #ccc; border-radius:5px;}
.formum input, .formum select, .formum textarea {color: #000; font-size:1rem;}
.formum input[type="checkbox"] {margin: .2rem .5rem 0 0;	width: 16px; height: 16px; }
.formum label {display: block; font-weight:400; font-size:1rem;}
.formum fieldset {border:none; border-top: 1px dashed #ccc; margin: 20px 0; padding:1rem 0;}
.formum legend {font-weight:500; background-color: #000; border: 1px dashed #ccc; color:#eee; padding:.5rem 1rem; margin-bottom:.5rem; 
	font-size:1.2rem; border-radius:5px;}
.formum a {text-decoration: underline; color:#397aff;}

.formOgeXS {width:70px; padding:.3rem .3rem;}
.formOgeS {width:120px;}
.formOgeM {width:220px;}
.formOgeL {width:340px; max-width:100%;}
.formOgeXL {width:80%;}


/* Form teklif urun bilgi
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.formUrunBilgi {margin:0; }
.formUrunBilgi .form-grup {position:relative; width:100%; padding:0; margin-bottom:.5rem; font-size:1rem; color:#fff;}	
	.formUrunBilgi .form-grup::after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.formUrunBilgi input, .formUrunBilgi select, .formUrunBilgi optgroup, .formUrunBilgi textarea {padding:.5rem 1rem;
	border:1px solid #ccc; border-radius:5px;}
.formUrunBilgi input, .formUrunBilgi select, .formUrunBilgi textarea {color: #000; font-size:1rem; width:100%; max-width:100%;}
.formUrunBilgi input[type="checkbox"] {margin: .2rem .5rem 0 0;	width: 16px; height: 16px; }
.formUrunBilgi label {display: block; font-weight:400; font-size:1rem; color:#fff;}
.formUrunBilgi fieldset {border:none; border-top: 1px dashed #ccc; margin: 20px 0; padding:1rem 0;}
.formUrunBilgi legend {font-weight:500; background-color: #000; border: 1px dashed #ccc; color:#eee; padding:.5rem 1rem; margin-bottom:.5rem; 
	font-size:1.2rem; border-radius:5px;}
.formUrunBilgi a {text-decoration: underline; color:#fff;}


#urunBilgiFormFixed {position:fixed; padding:0; margin:0; right: -100%; bottom: 0; height:100%; width:360px; z-index:11;
	border-left:5px solid #021d4a; background: #192d69;}
#urunBilgiFormKutu {width:100%; height:100%; display:flex; align-items:center; overflow: hidden;}
#urunBilgiFormKutuIc {padding:1rem 1.5rem; margin:0; width:100%;}
#urunBilgiFormKutuIc h3 {color:#fff; margin-bottom:1rem;}
#urunBilgiFormKutuIc table {margin:0;}
#urunBilgiFormKutuIc table td {margin:0; vertical-align: middle;}
#urunBilgiFormKutuIc table td p {color:#ddd; font-size:.8rem; line-height:1.5; margin:0; padding:0 .5rem;}

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



/* Table
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.aTable { width: 100%; margin-bottom: 1rem; background-color: transparent; border-collapse: collapse; }
.aTable thead tr { background: #fff; border:none; border-bottom: 1px solid rgb(0, 0, 0); text-align: left; }
.aTable thead th { padding: .5rem; vertical-align: bottom; font-weight:500; }
.aTable tbody {	border-bottom: 1px solid #000; }
.aTable tbody tr { border-bottom: 1px solid #ddd; text-align: left;}
.aTable tbody td { padding: .5rem; vertical-align: center; }
.table-bordered { border: 1px solid #ddd; }


button .btn, .btn {display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle;  margin: .5rem 0;  padding: 0 1em;
	font-size: 1.2rem; line-height: 2.5rem; transition: all 0.2s; cursor:pointer; background-color:#ddd; color:#192d69; border-radius: 9999px; cursor: pointer;}

	.btn:hover {color: #fff; background-color: #5a6268;	border-color: #545b62; text-decoration: none;}
	.btn:focus, .btn.focus {box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);}
	.btn.disabled, .btn:disabled {color: #fff; background-color: #6c757d; border-color: #6c757d;}
	.btn span{margin-right: 0;}

p.hata {background-color: #eee; color:#dc3545; padding:.5rem; margin:1rem 0; border-radius:5px;}
p.onay {background-color: #eee; color:#198754; padding:.5rem; margin:1rem 0; border-radius:5px;}

p.hata a {color:#88242d; font-weight:500; text-decoration: underline; }
p.onay a {color:#0f4e31; font-weight:500; text-decoration: underline; }


/* GRID */
.container-full, .container-genis, .container-dar, .container { 
	position:relative; width: 100%; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.container-full {max-width:100%;}
.container-genis {max-width: 1440px;}
.container-dar {max-width: 768px;}
.container {max-width: 1200px;}

.grid {position:relative; width:100%; padding:0; margin:0; /* background:#ddd; */
	/*display: flex; align-items: center; justify-content: center; */}
	.grid::after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

.col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12, .col-1-5, .col-2-5, .col-3-5, .col-4-5 {
	position:relative; float:left; /* border:1px solid rgba(221,221,221,1);	box-sizing:border-box;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	background-color:#ddd; */}
.col-1-12 {width:8.33%;}
.col-2-12 {width:16.66%;}
.col-3-12 {width:25%;}
.col-4-12 {width:33.33%;}
.col-5-12 {width:41.66%;}
.col-6-12 {width:50%;}
.col-7-12 {width:58.33%;}
.col-8-12 {width:66.66%;}
.col-9-12 {width:75%;}
.col-10-12 {width:83.33%;}
.col-11-12 {width:91.66%;}
.col-12-12 {width:100%;}
/* --- */
.col-1-5 {width:20%;}
.col-2-5 {width:40%;}
.col-3-5 {width:60%;}
.col-4-5 {width:80%;}
/* .col-5-4 -> .col-12-12 */

.content {position:relative; /* background:#fff; */ margin:0px 16px; padding:0;}
	.content::after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
 
	
/* 993px – 1199px (Laptop) */
@media (max-width: 1199px) and (min-width: 993px) {
  	.content {margin:0px 14px;}
	.container, .container-genis, .container-dar {max-width: 992px;}
}

/* 769px – 992px (Büyük tablet / küçük laptop) */
@media (max-width: 992px) and (min-width: 769px) {
  	.content {margin:0px 10px;}
	.container, .container-genis, .container-dar {max-width: 768px;}
}

/* 577px – 768px (Küçük tablet) */
@media (max-width: 768px) and (min-width: 577px) {
  	.content {margin:0px 10px;}
	.container, .container-genis, .container-dar {max-width: 576px;}
}

/* ≤576px (Mobil) */
@media (max-width: 576px) {
	.col-1-12 {width:100%;}
	.col-2-12 {width:100%;}
	.col-3-12 {width:100%;}
	.col-4-12 {width:100%;}
	.col-5-12 {width:100%;}
	.col-6-12 {width:100%;}
	.col-7-12 {width:100%;}
	.col-8-12 {width:100%;}
	.col-9-12 {width:100%;}
	.col-10-12 {width:100%;}
	.col-11-12 {width:100%;}
	.col-12-12 {width:100%;}
	
	.col-1-5 {width:100%;}
	.col-2-5 {width:100%;}
	.col-3-5 {width:100%;}
	.col-4-5 {width:100%;}
	
	.content {margin:0px 10px;}
	.container, .container-genis, .container-dar {max-width: 94%;}
}



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

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

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

.marginTop20 {margin-top:20px;}
.marginBottom40 {margin-bottom:20px;}
.marginTop40 {margin-top:40px;}
.marginBottom40 {margin-bottom:40px;}

/* İMG 
--------------------------------*/
.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%);}

#headerUstPay {}

#headerFixed {position:fixed; z-index:3; width:100%; margin:0 auto; padding:0; background-color: #fff; border-bottom: 1px solid rgba(255,255,255,0.4);}
#headerFixed.scrollBasla {
   background-color: #fff; transition:all .2s;
}
/*
.banner-kap {background-color:#000; text-align:center;}
.banner-kap h1 {line-height:6rem; color:white; margin:0;}
*/
.headerKap {padding:0;}
/*
.headerKap:before {content:""; position:absolute; box-shadow:0 5px 10px rgba(0,0,0,0.1);
bottom:0; top:0; left:0; right:0; pointer-events: none;}
*/
#headerFixed.scrollBasla .headerKap:before {content:""; position:absolute; box-shadow:0 5px 10px rgba(0,0,0,0.1);
bottom:0; top:0; left:0; right:0; pointer-events: none;}

.headerFlex {display: flex; justify-content:space-between; align-items: center; }
.icerikBody {margin:20px auto; background-color:#fff; padding:14px 0; box-sizing: border-box;}

.logo {display: flex; align-items: center; padding:5px 10px; margin:0 20px 0 0;}
	.logo img {height:5rem;}

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

.headerMenuKutu {display: flex; align-items: center; padding: 0 1rem;}

	ul.dilMenum {display: flex; align-items: center;	margin: 0; padding: 0; list-style: none;}
	ul.dilMenum {}
	ul.dilMenum li {margin: 0; padding: 0 0.5rem; font-size: 0.9rem; font-weight: 500; line-height: 2rem; background-color: rgba(255,255,255,0.01);}
	ul.dilMenum li.dilSel {background-color: rgba(255,255,255,0.1);}
	ul.dilMenum li a {color: #fff;	display: flex;	align-items: center;}
	ul.dilMenum li img {width: 32px; margin-right: 5px;}

	ul.headerMenu {display: flex; align-items: center; margin: 0; padding: 0; list-style: none;	cursor: pointer;}

	ul.headerMenu li {position: relative; display: flex; align-items: center; padding: 0 1em; margin-left: 0.5rem; font-size: 1rem;
	line-height: 2.5rem; border: 1px solid #192d69; border-radius: 9999px;	background-color: #192d69;	color: #fff; cursor: pointer;
	appearance: none; -webkit-appearance: none; -moz-appearance: none; transition: all 0.2s;}
	ul.headerMenu li a {color: #fff; display: block; text-decoration: none;}
	ul.headerMenu li:hover {background-color: #fff; color: #192d69;}
	ul.headerMenu li:hover a {color: #192d69;}
	ul.headerMenu li i {line-height: 2.5rem; }
	ul.headerMenu li span.menuMetin {display: none; padding-left: 0.5rem;}
	ul.headerMenu li span.menuCount {position: absolute; top: -5px; right: -3px; padding: 5px; font-size: 0.8rem; line-height: 1;
	background-color: #000; color: #fff; border-radius: 5px;}
	ul.headerMenu li#menuac {display: none;}

	.dilMenumSelect {display: flex; align-items: center; margin:0 0 0 .5rem; padding: 0;}
	.dilSec { padding: 0 1em; line-height:1.5rem; font-size: 1rem; line-height:2.5rem; border: 1px solid #192d69; border-radius: 9999px; background-color: #f4f4f4; color: #333; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
	.dilSec:focus { border-color: #666; background-color: #fff; }

#aramaformum {position:relative; display: none; padding:5px; margin:.5rem 0; width:80%; max-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; background-color: #fff;} 
		#aramaformum .input {float:left; width:100%; padding:0 3rem 0 0; background:#fff; margin:0px; font-size:1.2rem; 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;} 

	/* respblok
**************************** */
#respblok {position:fixed; top:0; left:0; z-index:20; width:100%; height:100%; background:rgba(25, 45, 105, .9); display:none;}
#respblok .mainNav {width:320px; height:100%; padding:20px; border-radius:0;}
#respblok .menuBasligim {display:none; position:relative; width:320px; padding:10px 20px; font-size:1.2rem; color:#fff; background:rgba(7, 69, 118, 1); border-bottom:1px solid #222;}

#menukapat {position:absolute; left:340px; padding:16px; color:#fff; cursor:pointer; z-index:3;}	
#menukapat span {font-size:1.6rem; line-height:1; }

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

.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 .2s; margin:0px 6px;}
.sf-menu li a {display: block; position: relative; color: #000; padding: 6px; line-height:2.5; font-size:.85rem; font-weight: 500;
	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: #000; bottom: 0px;	
	left: 0px;	width: 0%; height: 3px; transition: all 0.2s;}
.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: .8rem; line-height:2; padding: 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;}


@media (max-width: 1199px) and (min-width: 993px) {
	.logo {
		/* background-color: blue; */
	}
	.logo img {}

	.sf-menu {display:none;}
	ul.headerMenu li#telLi span {display:none;}
	ul.headerMenu li#menuac {display:block;}
}
@media (max-width: 992px) and (min-width: 769px) {
	.logo {
		/* background-color: green;	*/
	}
	.logo img {}

	.sf-menu {display:none;}
	ul.headerMenu li#telLi span {display:none;}
	ul.headerMenu li#menuac {display:block;}
}

@media (max-width: 768px) and (min-width: 577px) {
	.logo {
		/* background-color: red; */
	}
	.logo img {}

	.sf-menu {display:none;}
	ul.headerMenu li#telLi span {display:none;}
	ul.headerMenu li#menuac {display:block;}
}
@media (max-width: 576px) {
	.logo {
		/* background-color: yellow; */
		padding:5px 5px; margin:0 5px 0 0;
	}
	.logo img {height:4rem;}

	.sf-menu {display:none;}
	
	ul.headerMenu li#telLi {display:none;}
	/*ul.headerMenu li#telLi span {display:none;}*/
	ul.headerMenu li#menuac {display:block;}
}

.menuKutum {background-color: #fff;}

/* .nav-menu2 -> multilevelMenu()  // ürün kategorileri için
**************************** */
.nav-menu-kutu2 {padding: 0; display: flex; justify-content: center; }
/* nav */
.nav-menu2, .nav-menu2 ul, .nav-menu2 li, .nav-menu2 a { margin: 0; padding: 0; line-height: normal; list-style: none; 
	display: block; position: relative; z-index:8; 
}
.nav-menu2 ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 9; 
	-webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu2 li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu2 ul li:hover > ul { top: 0; left: 100%; }
.nav-menu2 li { cursor: default; float: left; white-space: wrap;}

.nav-menu2 ul li { float: none; }
/* sub width */
.nav-menu2 ul { min-width: 15rem; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25); box-shadow: 2px 2px 2px rgba(0,0,0,0.25); }
/* root */
.nav-menu2 a {color: #000; font-size: 1rem; line-height:4rem; text-decoration: none; font-weight:500; padding: 0 .8rem;
	/* text-shadow: 1px 1px 1px rgb(0,0,0,.4); */ letter-spacing: 0;}

/* arrow - alt kategori varsa arrow göstermek için a.arrow classı ekleniyor */
.nav-menu2 li a.arrow::after { margin:0 5px 0 10px; display:inline-block; content:"\203A"; transform: rotate(90deg); }
.nav-menu2 li li a.arrow::after {float:right; margin:0 5px 0 10px; content: "\203A"; transform: rotate(0);}

/* root: active */
.nav-menu2 > li > .nav-active { background-color: rgba(0,0,0,0.05); }
/* root: hover/persistence */
.nav-menu2 a:hover,.nav-menu2 a:focus, .nav-menu2 li:hover a {background: #f0ce00; color: #fff; 
	-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;
}
/* 2 */
.nav-menu2 li li a, .nav-menu li:hover li a {  background: #f0ce00; color: #fff; font-size: .9rem; 
	padding: 0 1rem; font-weight:400; line-height:3rem; }
/* 2: hover/persistence */
.nav-menu2 li:hover li a:hover, .nav-menu2 li:hover li a:focus, .nav-menu2 li:hover li:hover a { background: #222; }
/* 3 */
.nav-menu2 li:hover li:hover li a { background: #222; }
/* 3: hover/persistence */
.nav-menu2 li:hover li:hover li a:hover, .nav-menu2 li:hover li:hover li a:focus, .nav-menu2 li:hover li:hover li:hover a { 
	background: #999; }
/* 4 */
.nav-menu2 li:hover li:hover li:hover li a { background: #999; }
/* 4: hover */
.nav-menu2 li:hover li:hover li:hover li a:hover, .nav-menu2 li:hover li:hover li:hover li a:focus { background: #777; }
/* özel */



@media (max-width: 1199px) and (min-width: 993px) {
	.nav-menu2 {display:none;}
}
@media (max-width: 992px) and (min-width: 769px) {
	.nav-menu2 {display:none;}
}
@media (max-width: 768px) and (min-width: 577px) {
	.nav-menu2 {display:none;}
}
@media (max-width: 576px) {
	.nav-menu2 {display:none;}
}


/* Full Slayt 
================================================= */
#slaytim {position:relative; /**/ width:100%; max-width:1920px; z-index:1; margin:0 auto;}

.slaytimg {position:relative; padding:0; margin:0; width:100%; padding:0 12px;}
.slaytimg img {height:620px; object-fit: cover; border-radius: 32px;}

.bilgikutusu {position:absolute; top:0; left:0; height:100%; width:100%; z-index:6;}
.bilgikutusu .container {display:flex; height:100%; align-items: center; }

/*
SLAYT dsyGorunum slatyClass çeşidini belirliyor 
slaytClass0 -> 0 - Başlık ve Açıklama Yok
slaytClass1 -> 1 - Başlık ve Açıklama (Ortada)
slaytClass2 -> 2 - Başlık ve Açıklama (Solda)
slaytClass3 -> 3 - Başlık ve Açıklama (Sağda)
*/

.bilgikutusu .slaytClass0 {display:none;}
.bilgikutusu .slaytClass1 {width:70%; margin: 0 auto; text-align:center;}
.bilgikutusu .slaytClass2 {width:50%; float:left; }
.bilgikutusu .slaytClass3 {width:50%; float:right; text-align:right;}

.bilgikutusu h2 {color:#192d69; font-size:2.4rem; line-height:1.5; font-weight:500; margin:0 0 0 0; padding:0 2rem; display: block; letter-spacing: 2px; /*text-shadow:1px 1px 4px rgb(0,0,0,0.5); */}
.bilgikutusu p {color:#192d69; font-size:1.4rem; line-height:1.5; font-weight:400; margin:1rem 0 0 0; padding:0 2rem; display: block; letter-spacing: 0; /*text-shadow:1px 1px 4px rgb(0,0,0,0.5); */}
.bilgikutusu .btnSlayt {color:#fff; display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; border:1px solid #fff; padding: .3rem 1rem; margin:2rem 2rem 2rem 2rem;
	font-size: 1rem; line-height: 1.5; border-radius: 1px; transition: all .2s; cursor:pointer;	/*text-shadow:1px 1px 4px rgb(0,0,0,0.5);*/ background-color: #192d69;}


.owl-item.active .bilgikutusu {}
.owl-item.active .bilgikutusu h1 {animation:1s .1s backInUp both;}
.owl-item.active .bilgikutusu p {animation:2s .1s backInUp both;}
.owl-item.active .bilgikutusu .btnSlayt {animation:3s .1s backInUp both;}

#slaytim .owl-dots {position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;  z-index: 10;}
#slaytim .owl-dot {display: inline-block; width: 12px; height: 12px; margin: 0 5px; background-color: #ccc; border: 2px solid #fff;
  border-radius: 50%; cursor: pointer; transition: all 0.2s;}
#slaytim .owl-dot.active {background-color: #192d69;}
#slaytim .owl-dot:hover {background-color: #000;}

#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:20px; line-height:30px; 
	width:50px; height:50px; color:#fff; background:rgba(0,0,0,0.5);	
	transition:all .2s; cursor:pointer; border-radius:50%;
	}
#slaytim .owl-nav button.owl-prev {left:72px;}
#slaytim .owl-nav button.owl-next {right:72px;}	
#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:16px;}
#slaytim:hover .owl-nav button.owl-next {opacity:0.8; right:16px;}


@media (max-width: 1199px) and (min-width: 993px) {
	.slaytimg img {height:595px;}
	.bilgikutusu {}
	.bilgikutusu h2 {font-size:2rem; letter-spacing: 0; padding-top:6rem;}
	.bilgikutusu p {font-size:1.3rem;}
	.bilgikutusu .btnSlayt {}
}
@media (max-width: 992px) and (min-width: 769px) {
	.slaytimg img {height:460px;}
	.bilgikutusu {}
	.bilgikutusu h2 {font-size:2rem; letter-spacing: 0; padding-top:6rem;}
	.bilgikutusu p {font-size:1.3rem;}
	.bilgikutusu .btnSlayt {}
}
@media (max-width: 768px) and (min-width: 577px) {
	.slaytimg img {height:345px;}
	.bilgikutusu {}
	.bilgikutusu h2 {font-size:1.6rem; letter-spacing: 0; }
	.bilgikutusu p {font-size:1.2rem;}
	.bilgikutusu .btnSlayt {}
}
@media (max-width: 576px) {
	.slaytimg img {height:300px;}
	.bilgikutusu {}
	.bilgikutusu h2 {padding:0 .5rem; font-size:1.2rem; letter-spacing: 0; }
	.bilgikutusu p {padding:0 .5rem; font-size:1rem;}
	.bilgikutusu .btnSlayt {margin:1rem .5rem 1rem .5rem;}

	.bilgikutusu .slaytClass2 {width:60%; float:left; }
	.bilgikutusu .slaytClass3 {width:60%; float:right; text-align:right;}
}

/* SLAYTCOKLU
**************************** */

#slaytimCoklu {position:relative; width:98%; max-width:1620px; padding:0; z-index:1; margin:0 auto 30px auto; }
.slaytimgC {position:relative; padding:0; margin:0; overflow: hidden;}
.slaytimgC img {width:100%;}
.slaytimgC::before{	content: ''; position: absolute; width: 100%; height:100%; 
	background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	left: 0;  bottom: 0; right: 0;
	transition: all .2s; }

.slaytimgC:hover::before{height: 0;}

.slaytimgC:hover img {animation:1s .1s pulse;}

.bilgikutusu2 {position:absolute; top:0; left:0; height:100%; width:100%; padding:0; z-index:6;}
.bilgikutusu2 .content {display:flex; height:100%; align-items: center;}

/*
SLAYT dsyGorunum slatyClass çeşidini belirliyor 
slaytClass0 -> 0 - Başlık ve Açıklama Yok
slaytClass1 -> 1 - Başlık ve Açıklama (Ortada)
slaytClass2 -> 2 - Başlık ve Açıklama (Solda)
slaytClass3 -> 3 - Başlık ve Açıklama (Sağda)
*/

.bilgikutusu2 h1 {color:#fff; font-size:2rem; line-height:1.5; font-weight:700; margin-bottom:0; padding:0 1rem; display: block; letter-spacing: -1px; text-shadow:1px 1px 4px rgb(0,0,0,0.8);}
.bilgikutusu2 p {color:#eee; font-size:1rem; line-height:1.5; font-weight:400; margin:0 0 0 0; padding:0 1rem; display: block; letter-spacing: 0; text-shadow:1px 1px 4px rgb(0,0,0,0.8); }
.bilgikutusu2 .btnSlayt {color:#fff; display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; border:1px solid #fff; padding: .3rem 1rem; margin:1rem;
	font-size: 1rem; line-height: 1.5; border-radius: 30px; transition: all 0.2s;
	cursor:pointer;	text-shadow:1px 1px 4px rgb(0,0,0,0.8);}

.bilgikutusu2 .slaytClass0 {display:none;}
.bilgikutusu2 .slaytClass1 {width:100%; text-align:center;}
	.bilgikutusu2 .slaytClass1 h1, .bilgikutusu2 .slaytClass1 p, .bilgikutusu2 .slaytClass1 .btnSlayt {float:none; }
	.bilgikutusu2 .slaytClass1 h1, .bilgikutusu2 .slaytClass1 p {width:100%; }
.bilgikutusu2 .slaytClass2 {width:100%;}
	.bilgikutusu2 .slaytClass2 h1, .bilgikutusu2 .slaytClass2 p, .bilgikutusu2 .slaytClass2 .btnSlayt {float:left; text-align:left;}
	.bilgikutusu2 .slaytClass2 h1, .bilgikutusu2 .slaytClass2 p {width:70%;}
.bilgikutusu2 .slaytClass3 {width:100%;}
	.bilgikutusu2 .slaytClass3 h1, .bilgikutusu2 .slaytClass3 p, .bilgikutusu2 .slaytClass3 .btnSlayt {float:right; text-align:right;}
	.bilgikutusu2 .slaytClass3 h1, .bilgikutusu2 .slaytClass3 p {width:70%;}

	.owl-item.active .bilgikutusu2 {}
	.owl-item.active .bilgikutusu2 h1 {/*animation:1s .1s backInUp both;*/}
	.owl-item.active .bilgikutusu2 p {/*animation:2s .1s backInUp both;*/}
	.owl-item.active .bilgikutusu2 .btnSlayt {/*animation:3s .1s backInUp both;*/}
	
	#slaytimCoklu .owl-dots {display:none;}
	#slaytimCoklu .owl-nav {}
	#slaytimCoklu .owl-nav button.owl-prev, #slaytimCoklu .owl-nav button.owl-next {position:absolute; top:50%; transform:translateY(-50%); opacity:0; font-size:30px; line-height:30px; 
		width:50px; height:50px; color:#fff; background:rgba(0,0,0,0.5);	
		transition:all .2s; cursor:pointer;
		-webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;
		}
	#slaytimCoklu .owl-nav button.owl-prev {left:50px;}
	#slaytimCoklu .owl-nav button.owl-next {right:50px;}	
	#slaytimCoklu .owl-nav button.owl-prev:hover, #slaytimCoklu .owl-nav button.owl-next:hover {background:rgba(0,0,0,0.8); color:#fff;}
	
	#slaytimCoklu:hover .owl-nav button.owl-prev {opacity:0.8; left:10px;}
	#slaytimCoklu:hover .owl-nav button.owl-next {opacity:0.8; right:10px;}


@media (max-width: 1199px) and (min-width: 993px) {
	.bilgikutusu2 h1 {font-size:1.6rem; padding:0 .5rem; }
	.bilgikutusu2 p {font-size:1rem; padding:0 .5rem; }
	.bilgikutusu2 .btnSlayt {font-size: .8rem;}
}
@media (max-width: 992px) and (min-width: 769px) {
	.bilgikutusu2 h1 {font-size:1.6rem; padding:0 .5rem; }
	.bilgikutusu2 p {font-size:1rem; padding:0 .5rem; }
	.bilgikutusu2 .btnSlayt {font-size: .8rem;}
}
@media (max-width: 768px) and (min-width: 577px) {
	.bilgikutusu2 h1 {font-size:1.4rem; padding:0 .5rem; }
	.bilgikutusu2 p {font-size:.9rem; padding:0 .5rem; }
	.bilgikutusu2 .btnSlayt {font-size: .8rem;}
}
@media (max-width: 576px) {
	.bilgikutusu2 h1 {font-size:1.2rem; font-weight:500; padding:0 .5rem; }
	.bilgikutusu2 p {font-size:.8rem; padding:0 .5rem; }
	.bilgikutusu2 .btnSlayt {font-size: .8rem;}
}

/* Banner 
================================================= */
.bannerimg {position: relative; margin: 0; padding: 0 12px; overflow: hidden;}
.bannerimg img {height: 200px; width: 100%; object-fit: cover; border-radius: 32px; display: block;}
.bannerimg::after {content: ""; position: absolute; top: 0; left: 12px; right: 12px; bottom: 0; border-radius: 32px;
  background-color: rgba(0, 0, 0, 0.4); z-index: 2; pointer-events: none;}
#bannerim .bilgikutusuBanner {position:absolute; top:50%; left:0; margin-top:-1rem; width:100%; padding:0; z-index:6; text-align:left; }
#bannerim .bilgikutusuBanner span {position:relative; text-align:center; color:#fff; font-size:1.8rem; line-height:1.5; margin:0; display: block; z-index:2; font-weight: 700; letter-spacing: 0; text-shadow:1px 1px 4px rgb(0,0,0,0.5);}
#bannerim .bilgikutusuBanner p {font-size:1.6rem; line-height:1.5; font-weight:400; margin:1rem 0 0 0; padding:0; color:#eee; text-shadow:1px 1px 4px #000;}

.owl-item.active .bilgikutusuBanner {}
.owl-item.active .bilgikutusuBanner span {animation:1s .1s backInUp both;}
.owl-item.active .bilgikutusuBanner p {animation:3s .1s backInUp both;}

#bannerim .owl-dots {display:none;}
#bannerim .owl-nav {display:none;}


@media (max-width: 1199px) and (min-width: 993px) {
	#bannerim .bannerimg img{height:200px;}
	#bannerim .bilgikutusuBanner span {font-size:2rem;}
}
@media (max-width: 992px) and (min-width: 769px) {
	#bannerim .bannerimg img {height:180px;}
	#bannerim .bilgikutusuBanner span {font-size:2rem;}
}
@media (max-width: 768px) and (min-width: 577px) {
	#bannerim .bannerimg img, #noBanner .bannerimg img {height:160px;}
	#bannerim .bilgikutusuBanner span {font-size:1.8rem;}
}
@media (max-width: 576px) {
	#bannerim .bannerimg img {height:140px;}
	#bannerim .bilgikutusuBanner span {font-size:1.6rem;}
}

/* Hakkımızda vb */


.flexKapCenter {display: flex; width:100%; justify-content: center; flex-wrap: wrap;}
.flexKapLeft {display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap;}
.flexKapRight {display: flex; width: 100%; justify-content: flex-end; flex-wrap: wrap;}

/* anaSayfUrnKat - anasayfa anaSayfUrnKat modul */  

.anaSyfKatKutu {padding:0; margin-top:32px; margin-bottom:32px; z-index:10;}

.boxAnaSayfKat1 {margin-bottom:2rem; width:33.33%; float:left;} /* alt kat. listeleme 3-4 sutun*/
	.boxAnaSayfKat1 .content {margin-bottom:10px;}
	.boxAnaSayfKat1 img {z-index:1;}

	.boxAnaSayfKat1 .content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 2; /* katman görselin üstünde */
	pointer-events: none; 
	transition: all .3s;}
	
	.boxAnaSayfKat1 .capt {position: absolute; left:0; top:0; width:100%; height:100%;
		display:flex; align-items: center; z-index:2; }
	.boxAnaSayfKat1 .capt span.title-capt {width:80%; padding:0; margin:0 auto; text-align:center;
		 /* border:2px solid #fff; border-radius: 5px;*/ }
	.boxAnaSayfKat1 .capt span.title-capt a {color:#fff; display:block; padding:1rem; line-height:1.5; font-size:1.4rem; font-weight:700; text-shadow:1px 1px 4px rgb(0,0,0,0.8);}

	.boxAnaSayfKat1:hover .content::before {
	background: rgba(0,0,0,0.5);}


.owl-kategori {margin-top:10px; margin-bottom:0; padding:0 20px; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.owl-kategori .owl-nav {}
.owl-kategori .owl-nav button.owl-prev, .owl-kategori .owl-nav button.owl-next {position:absolute; top:50%; margin-top:-1rem; font-size:1.2rem; width:2rem; height:2rem; line-height:2rem;
	color:#192d69; cursor:pointer; }
.owl-kategori .owl-nav button.owl-prev {left:-.5rem;}
.owl-kategori .owl-nav button.owl-next {right:-.5rem;}	
.owl-kategori .owl-nav button.owl-prev:hover, .owl-marka .owl-nav button.owl-next:hover {color:#000;}

.owl-kategori .boxAnaSayfKat1 {width:100%;}


@media (max-width: 1199px) and (min-width: 993px) {
	.anaSyfKatFlex {padding:0;}
}
@media (max-width: 992px) and (min-width: 769px) {
	.anaSyfKatFlex {padding:0;}
}
@media (max-width: 768px) and (min-width: 577px) {
	.anaSyfKatFlex {padding:0;}

	.boxAnaSayfKat1 {width:50%;}
}
@media (max-width: 576px) {
	.anaSyfKatFlex {padding:0;}

	.boxAnaSayfKat1 {width:50%;}
	.boxAnaSayfKat1 .capt span.title-capt a {padding:.5rem; line-height:1.5; font-size:1.2rem; font-weight:500;}
}

/* anasayfa ürün tab */	

ul.modulTabs {width:100%; margin:32px 0 8px 0; padding:0px; list-style: none; display: flex; justify-content: center; }
ul.modulTabs li {list-style:none; font-size:1rem; font-weight:500; line-height:2; color: #192d69; padding:.5rem 1rem; margin:0 .5rem; cursor: pointer; border:1px solid #ccc; text-align:center;}
ul.modulTabs li.current {background-color: #192d69; color:#fff;}
.modulTabs-content { position:relative; width:100%; display: none; border:none; padding:20px 0; border-top:1px solid #ccc; text-align: justify;}
.modulTabs-content.current { display: inherit;}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {

}
@media (max-width: 576px) {
	ul.modulTabs li {width:90%; }
}


/* owl1 - anasayfa modul */  
	
.owl-secme {margin-top:20px; margin-bottom:10px; padding:0 2rem;}
.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:2rem; width:2rem; height:2rem; line-height:2rem;
	color:#192d69; cursor:pointer;}
.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 {color:#000;}

.owl-secme .boxUrn2, .owl-secme .boxSyf2 {width:100%;}

/* sepet sayfalarında */

.sptOzet {padding:1rem; background-color: #eee;}
.sptOzet p {font-size:.9rem}

/*odeme sayfalarında */

.kartKap {border:1px solid #ccc; width:380px; padding:2rem 1rem; border-radius:5px;}
.formum .kartKap input#kartNo, .formum .kartKap input#kartName {width:100%; margin-bottom:1rem;}

/* modal*/

.modal::before {content: ""; display: none;	background: rgb(0,0,0,0.5); position: fixed; top: 0; 
	left: 0; right: 0; bottom: 0;	z-index: 10; }
  .opened::before {display: block;}
  .opened .modal-dialog {transform: translate(0, 0); top: 20%; }
  .modal-dialog {padding: 20px;	background: #fefefe; border: #192d69 solid 0px; border-radius: 5px;
	margin-left: -40%; text-align:left; position: fixed; left: 50%;	top: 0;	z-index: 11;
	width: 80%; max-height:60%; overflow: scroll; box-shadow:0 5px 10px rgba(0,0,0,0.3); 
	transform: translate(0, -500%); transition: transform 0.3s ease-out;}
  a.openmodal {cursor: pointer;}
  a.closemodal {text-align:center; width:2rem; font-size:1.6rem; line-height:2rem; cursor: pointer; position:fixed; right:1rem; top:1rem; background:#000; color:#fff; text-decoration:none; border-radius: 50%;}


.lognFormKap {float:left; width:100%; min-height:340px; background-color: white; margin-bottom:30px; padding:30px; }

/*uye sayfalarında */
.menukap {background-color:#eee; border-radius:5px; padding:1rem 0; margin: 0 16px; border:1px solid #ddd; box-sizing: border-box;}

.menukap ul { margin:0px; padding:0; border-top:1px solid #ddd;}
	.menukap ul li {background:none; float:left; margin:0; padding:0; list-style:none; width:100%; }
	.menukap ul li:first-child {}
	.menukap ul li:last-child {}
	.menukap ul li a {padding:0.3rem 0.7rem; margin:0;  font-size: 1rem; line-height: 1.5; color:#192d69; display:block; border-bottom:1px solid #ddd; font-weight:500;}
	.menukap ul li i {margin:0 1rem 0 0; padding:0; }
	.menukap ul li:hover, .menukap ul li.select {background-color:#999; border-bottom:1px solid #ddd; color:#fff;}
	.menukap ul li:hover a, .pnlKap ul li.select a {color:#fff;}
	.menukap ul li ul {margin:0; padding:0;}
	.menukap ul li ul li {padding:0 0 0 36px; padding:0;}
	.menukap ul li ul li a {padding:0.3rem 3rem; margin:0; font-size: .9rem; line-height: 1.2; color:#bbb; font-weight:300;}

.pnlKap {border-radius:5px; padding:1rem 0; margin: 0 16px; box-sizing: border-box;}
.pnlKap ul { margin:0px; padding:0;}
	.pnlKap ul li {background:none; float:left; margin:10px 1%; padding:0; list-style:none; width:23%; border:1px solid #ddd; background-color:#eee; border-radius:5px; box-sizing: border-box; text-align:center;}
	.pnlKap ul li:first-child {}
	.pnlKap ul li:last-child {}
	.pnlKap ul li a {padding:3rem 1rem; margin:0;  font-size: 1rem; line-height: 1.5; color:#192d69; display:block; font-weight:500; }
	.pnlKap ul li i {margin:0 1rem 0 0; padding:0; }
	.pnlKap ul li:hover, .pnlKap ul li.select {background-color:#999; color:#fff;}
	.pnlKap ul li:hover a, .pnlKap ul li.select a {color:#fff;}
	.pnlKap ul li ul {margin:0; padding:0;}
	.pnlKap ul li ul li {padding:0 0 0 36px; padding:0;}
	.pnlKap ul li ul li a {padding:0.3rem 3rem; margin:0; font-size: .9rem; line-height: 1.2; color:#bbb; font-weight:300;}


@media (max-width: 1199px) and (min-width: 993px) {
	.pnlKap ul li {margin:10px 1%; width:31%;}
}
@media (max-width: 992px) and (min-width: 769px) {
	.pnlKap ul li {margin:10px 1%; width:48%;}
}
@media (max-width: 768px) and (min-width: 577px) {
	.pnlKap ul li {margin:10px 1%; width:48%;}
}
@media (max-width: 576px) {
	.pnlKap ul li {margin:10px 1%; width:48%;}
}

/* ANA SAYFA ve DİĞER SAYFALARDA ... */

.icAnaH {position:relative; text-align:center; color:#192d69; font-size:1.8rem; line-height:1.5;  margin:1rem 0 2rem 0; display: block; font-weight: 500; letter-spacing: 0;}
	.icAnaH a {position:relative; color:#192d69; display: block; padding: 0.2em 0; text-decoration: none;}
	/**/
	.icAnaH::before {position:absolute; content:""; bottom:-.5rem; left:50%; margin-left:-75px; width:150px; height:3px; background:#021d4a; }
	

.anaBannerKap {}
	.anaBanner {padding-top:4rem; padding-bottom:4rem; background-image: url("../img/destekbg2.png"); background-position: center center; background-repeat: no-repeat; border-radius: 32px;}
	.anaBanner h3 {position:relative; text-align:center; color:#fff; font-size:2rem; line-height:1.5; padding: 1rem; margin:0; display: block; font-weight: 700; letter-spacing: 0;}
	.anaBanner p {position:relative; text-align:center; color:#eee; font-size:1.5rem; line-height:1.5; padding: 1rem; margin:0; display: block; font-weight: 400; letter-spacing: 0;}
	.anaBanner .btn {margin:0 auto;
	padding: 0 1em; font-size: 1.2rem; margin:.3rem;
	line-height: 2.5rem; border: 1px solid #fff; border-radius: 9999px;	color: #fff; cursor: pointer;}

@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

    .anaBanner {background-position: center center;}

}
@media (max-width: 768px) and (min-width: 577px) {
	.icAnaPUst {font-size:.9rem;}
	.icAnaH {font-size:1.6rem;}

    .anaBanner {background-position: center center;}
}
@media (max-width: 576px) {
	.icAnaPUst {font-size:.8rem;}
	.icAnaH {font-size:1.4rem;}

    .anaBanner {background-position: center center;}
}

/* ÜRÜN KATEGORİLERİ */

#anaBlok {width: calc(100% - 288px);}

#yanBlok {width:288px;}
	#yanBlok h4 {border-radius:12px; padding:.5rem 1rem; color:#fff; margin-top:10px; background-color:#192d69; font-size:1rem;}
	#yanBlok h4 a {color:#000;}
	#yanMenuAc {display:none; float:right; padding:10px 0 0 0; cursor:pointer;}


@media (max-width: 1199px) and (min-width: 993px) {
}
@media (max-width: 992px) and (min-width: 769px) {
}
@media (max-width: 768px) and (min-width: 577px) {
	#anaBlok {width: 100%;}
	#yanBlok {width: 100%;}
	#yanMenuAc  {display:block;}
	#yanBlok .mainNav {display:none;}
}
@media (max-width: 576px) {
	#anaBlok {width: 100%;}
	#yanBlok {width: 100%;}
	#yanMenuAc  {display:block;}
	#yanBlok .mainNav {display:none;}
}


	/* **********************************
	Nav Accordion Plugin v1.1.2
	*********************************** */
	.mainNav {background: #fff; width: 100%; border:1px solid #eee; border-radius:12px; }
	/* First Level */
	.mainNav ul {margin: 0;	padding: 0;	list-style: none;}
	.mainNav ul li {border-top: 1px solid #ddd; margin:0; padding:0;}
	.mainNav ul li:first-child {border-top: none;}
	.mainNav ul li a {color: #192d69; font-weight:500;	display: block;	font-size: 1rem; line-height: 1.5; padding:12px 10px;	text-decoration: none; }
	.mainNav ul li a:hover {color:#021d4a; text-decoration: underline;}
	
		/* Second Level */
		.mainNav ul ul {border-bottom: none;}
		.mainNav ul ul li {border-top: 1px solid #ddd;	background: #eee;}
		.mainNav ul ul li a {color: #666; display: block; font-size: .9rem; line-height: 1.5; padding: 8px 0px 8px 16px;}
		.mainNav ul ul li a:hover {color:#021d4a;}
				/* Third Level */
		.mainNav ul ul ul {border-top:1px solid #f1f1f1;}
		.mainNav ul ul ul li {border:none; background: #ddd;}
		.mainNav ul ul ul li a {color: #999; font-size: .8rem; padding: 8px 0px 8px 24px;}
	/* Accordion Button */
	ul li.has-subnav .accordion-btn {color:#192d69;}
	ul li.has-subnav .accordion-btn:hover {font-size:20px;}

	.mainNav ul li a.aktif { font-weight: 700; color:#021d4a;}


.icUrnKatH1 {position:relative; color:#192d69; font-size:1.5rem; line-height:1.5; margin-bottom:1.5rem; display: inline-block; font-weight: 500; letter-spacing: 0;}
	.icUrnKatH1 a {position:relative; color:#192d69; }

.icUrnKatH2 {position:relative; color:#192d69; font-size:1.5rem; line-height:1.5; margin-bottom:1.5rem; display: inline-block; font-weight: 500; letter-spacing: 0;}
	.icUrnKatH2 a {position:relative; color:#192d69; }

.icUrnKatH2b {position:relative; color:#192d69; font-size:1.5rem; line-height:1.5;  margin-bottom:1.5rem;}
	.icUrnKatH2b a {color:#192d69;}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {
	.icUrnKatH1 {font-size:1.4rem;}
	.icUrnKatH2 {font-size:1.4rem;}
	.icUrnKatH2b {font-size:1.4rem;}
}
@media (max-width: 576px) {
	.icUrnKatH1 {font-size:1.2rem;}
	.icUrnKatH2 {font-size:1.2rem;}
	.icUrnKatH2b {font-size:1.2rem;}
}

/* ÜRÜN Kategori Liste Görünümleri */


/*-> alt kategoriler */
.boxUrnK1 {margin:1rem 0;} /* alt kat listeleme 1 sutun*/
	.boxUrnK1 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px; padding-top:10px;}
	.boxUrnK1 .content2 {padding:10px;}
	.boxUrnK1 .capt {margin-bottom: 1rem;}
	.boxUrnK1 .capt span.title-capt {color:#222; margin:0; line-height:2rem; font-size:1.2rem; font-weight:500;}
	.boxUrnK1 .capt span.title-capt a {color:#222; display:block;}

	.boxUrnK1 .btn {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#021d4a; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxUrnK1 .btn:hover {background-color: #000; color:#eee; }

	.boxUrnK1 .sol {}
	.boxUrnK1 .sag {}

	.boxUrnK1:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */

.boxUrnK2 {margin:1rem 0;} /* alt kat. listeleme 3-4 sutun*/

	.boxUrnK2 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px;}
	.boxUrnK2 .content2 {padding:10px; width:100%;}

	.boxUrnK2 .capt {width:100%; margin:1rem 0; height: 3rem; padding:0; background-color: #021d4a; transition: all 0.2s; display: flex; align-items: center; justify-content: center;}
	.boxUrnK2 .capt span.title-capt {padding: 0 .5rem; margin: 0; width: 90%; text-align: center; line-height: 1.5rem; font-size: 1rem;
		letter-spacing: 0; font-weight: 500; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
	.boxUrnK2 .capt span.title-capt a {color:#fff; display:block;}

	.boxUrnK2 .descript {}

	.boxUrnK2:hover .capt {background-color: #000;} /* #000 */
	.boxUrnK2:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */

.boxUrnKButon {float:left; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#222; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxUrnKButon a {color:#fff;}
	.boxUrnKButon:hover {background-color: #000; color:#eee; }

/*-> urunler */

.boxUrn1 {margin:1rem 0;} /* alt kat listeleme 1 sutun*/
	
	.boxUrn1 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px; padding-top:10px;}
	.boxUrn1 .content2 {padding:10px;}
	.boxUrn1 .capt {margin-bottom: 1rem;}
	.boxUrn1 .capt span.title-capt {color:#192d69; margin:0; line-height:2rem; font-size:1.2rem; font-weight:500;}
	.boxUrn1 .capt span.title-capt a {color:#192d69; display:block;}

	.boxUrn1 .fyt {width:100%; margin-bottom: 1rem;}
	.boxUrn1 .fyt span.fiyat {text-align: left; /* center */ color:#222; 
		padding:0; margin:0; line-height:2rem; font-size:1.2rem; letter-spacing: 0; font-weight:400; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
	.boxUrn1 .fyt span.fiyattl {text-align: left; /* center */ color:#222; 
		padding:0; margin:0; line-height:2rem; font-size:1.2rem; letter-spacing: 0; font-weight:500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}

	.boxUrn1 .descript {}

	.boxUrn1 button.urunBilgiFormBut {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#192d69; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxUrn1 button.urunBilgiFormBut:hover {background-color: #000; color:#eee; }

	.boxUrn1 .btn {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#021d4a; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxUrn1 .btn:hover {background-color: #000; color:#eee; }

	.boxUrn1 .sol {}
	.boxUrn1 .sag {}

	.boxUrn1:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */

.boxUrn2 {margin:1rem 0; } /* alt kat. listeleme 3-4 sutun*/
	.boxUrn2 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px;}
	.boxUrn2 .content2 {padding:10px; width:100%;}
	.boxUrn2 .capt {width:100%; margin:1rem 0; height: 3rem; padding:0; background-color: #f9f9f9; transition: all 0.2s; display: flex; align-items: center; justify-content: center;}
	.boxUrn2 .capt span.title-capt {padding: 0 .5rem; margin: 0; width: 90%; text-align: center; line-height: 1.5rem; font-size: 1rem;
		letter-spacing: 0; font-weight: 500; color: #192d69; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
	.boxUrn2 .capt span.title-capt a {color:#192d69; display:block;}

	.boxUrn2:hover .capt {background-color: #eee;} /* #000 */
	.boxUrn2:hover .capt span.title-capt a {} /* #000 */
	.boxUrn2:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */

	.boxUrn2 .fyt {width:100%; height:3.4rem; padding:.5rem 1rem;}
	.boxUrn2 .fyt span.fiyat {color:#222; 
		padding:0; margin:0; line-height:1.2rem; font-size:1rem; letter-spacing: 0; font-weight:400; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
	.boxUrn2 .fyt span.fiyattl {color:#222; 
		padding:0; margin:0; line-height:1.2rem; font-size:1rem; letter-spacing: 0; font-weight:500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
	
	.boxUrn2 .img-k img, .boxUrn2 .img-k-dikey img, .boxUrn2 .img-k-yatay img {width:auto;}	

	.boxUrn2 .descript {}

	.boxUrn2 button.urunBilgiFormBut {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#192d69; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxUrn2 button.urunBilgiFormBut:hover {background-color: #000; color:#eee; }

	.boxUrn2 .btn {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#021d4a; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxUrn2 .btn:hover {background-color: #000; color:#eee; }


	.uIndirim {position:absolute; top:20px; right:0px; background-color: #192d69; color:#fff;  text-align:center;  padding: 0 10px; line-height:30px; border-radius: 9999px 0 0 9999px; font-size: .8rem; overflow: hidden;}
	.uYeni {position:absolute; top:20px; left:0px; background-color: #333; color:#fff;  text-align:center;  padding: 0 10px; line-height:30px; border-radius: 0 9999px 9999px 0; font-size: .8rem; overflow: hidden;}
	





@media (max-width: 1199px) and (min-width: 993px) {

	/*-> alt kategoriler */
	.boxUrnK1 .sol {width:40%;}
	.boxUrnK1 .sag {width:100%;}

	.boxUrnK2 {width:33.33%;} 
	.boxUrnK2 .capt span.title-capt {font-size: .9rem;}

	/*-> urunler */
	.boxUrn1 .sol {width:40%;}
	.boxUrn1 .sag {width:100%;}

	.boxUrn2 {width:33.33%;} 
	.boxUrn2 .capt span.title-capt {font-size: .9rem;}
	.boxUrn2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxUrn2 .btn {font-size: .9rem;}
}
@media (max-width: 992px) and (min-width: 769px) {

	/*-> alt kategoriler */
	.boxUrnK1 .sol {width:50%;}
	.boxUrnK1 .sag {width:100%;}

	.boxUrnK2 {width:50%;} 
	.boxUrnK2 .capt span.title-capt {font-size: .9rem;}

	/*-> urunler */
	.boxUrn1 .sol {width:50%;}
	.boxUrn1 .sag {width:100%;}

	.boxUrn2 {width:50%;} 
	.boxUrn2 .capt span.title-capt {font-size: .9rem;}
	.boxUrn2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxUrn2 .btn {font-size: .9rem;}
}
@media (max-width: 768px) and (min-width: 577px) {
	/*-> alt kategoriler */
	.boxUrnK1 .sol {width:50%;}
	.boxUrnK1 .sag {width:100%;}
	
	.boxUrnK2 {width:50%;} 
	.boxUrnK2 .capt span.title-capt {font-size: .9rem;}
	
	/*-> urunler */
	.boxUrn1 .sol {width:50%;}
	.boxUrn1 .sag {width:100%;}

	.boxUrn2 {width:50%;} 
	.boxUrn2 .capt span.title-capt {font-size: .9rem;}
	.boxUrn2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxUrn2 .btn {font-size: .9rem;}
}
@media (max-width: 576px) {
	/*-> alt kategoriler */
	.boxUrnK1 .sol {width:60%;}
	.boxUrnK1 .sag {width:100%;}
	
	.boxUrnK2 {width:50%;} 
	.boxUrnK2 .capt span.title-capt {font-size: .9rem;}
	
	/*-> urunler */
	.boxUrn1 .sol {width:60%;}
	.boxUrn1 .sag {width:100%;}

	.boxUrn2 {width:50%;} 

	.boxUrn2 .capt {height: 3.6rem;}
	.boxUrn2 .capt span.title-capt {line-height: 1.2rem; font-size: .9rem; -webkit-line-clamp: 3; line-clamp: 3;}
	.boxUrn2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxUrn2 .btn {font-size: .9rem;}
}


/* ÜRÜN  Detay Görünümleri */

.icUrnH1 {position:relative; color:#192d69; font-size:1.5rem; line-height:1.5; margin-bottom:1.5rem;}
	.icUrnH1 a {color:#192d69;}

	.urnDetayStandart {padding-top:2rem;}
	.urnDetayStandartSol {}
	.urnDetayStandartSag {}
	.urnDetayStandartSag .content {}

	.urnDetayStandartSag .markaAndKategori{background-color:#fff; width:100%;margin-bottom:24px;display:flex;align-items:center;justify-content:flex-start}
	.urnDetayStandartSag .markaAndKategori p{margin:0 0 0 10px}
	.urnDetayStandartSag .markaAndKategori .markaImg{position:relative;width:100px; padding-right:10px;border-right:1px solid #ddd; text-align:center;overflow:hidden;}
	.urnDetayStandartSag .markaAndKategori .markaImg img{width:100%; padding-right:10px;}
	.urnDetayStandartSag .markaAndKategori .markaImg span{font-size:.9rem;position:absolute;top:0;left:0;z-index:-1}
	.urnDetayStandartSag .markaAndKategori .markaAdi{position:relative;width:100px;height:80px;background-color:#222;display:flex;justify-content:center;align-items:center}
	.urnDetayStandartSag .markaAndKategori .markaAdi span{font-size:.9rem;color:#fff}

	.urnDetayStandartSag .urnOzet{float:left;text-align:justify;width:100%;font-size:1rem;color:#888; margin-bottom:.5rem; }
	.urnDetayStandartSag .fyt {width:100%; margin: 0 0 1rem 0;}
	.urnDetayStandartSag .fyt span.fiyat {color:#222; padding:0; margin:0; line-height:2rem; font-size:1.2rem; letter-spacing: 0; font-weight:400; display:block;}
	.urnDetayStandartSag .fyt span.fiyattl {color:#222; padding:0; margin:0; line-height:2rem; font-size:1.4rem; letter-spacing: 0; font-weight:500; display:block;}
		
	.sIconKutu {margin-bottom:1rem;} /* indirimli - yeni vb. küçük resimler için */
	.sIconKutu img {float:left; border:1px solid #ccc; padding:3px; margin:3px;}

	.urnDetayStandartSag .urunBilgiFormBut {background-color: #192d69; color:#fff;}
	.urnDetayStandartSag .urunDahaFazlaBut {background-color: #fff; color:red; margin-bottom:1rem; }


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {
	.icUrnH1 {font-size:1.4rem;}
}
@media (max-width: 576px) {
	.icUrnH1 {font-size:1.2rem;}
}


/* SAYFA  Kategori Liste Görünümleri */
/*-> alt kategoriler */

.boxUrnK1 {margin:1rem 0;} /* alt kat listeleme 1 sutun*/
	.boxSyfK1 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px; padding-top:10px;}
	.boxSyfK1 .content2 {padding:10px;}
	.boxSyfK1 .capt {margin-bottom: 1rem;}
	.boxSyfK1 .capt span.title-capt {color:#222; margin:0; line-height:2rem; font-size:1.2rem; font-weight:500;}
	.boxSyfK1 .capt span.title-capt a {color:#222; display:block;}

	.boxSyfK1 .btn {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#021d4a; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxSyfK1 .btn:hover {background-color: #000; color:#eee; }

	.boxSyfK1 .sol {}
	.boxUrnK1 .sag {}

	.boxSyfK1:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */


.boxSyfK2 {margin:1rem 0;} /* alt kat. listeleme 3-4 sutun*/

	.boxSyfK2 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px;}
	.boxSyfK2 .content2 {padding:10px; width:100%;}

	.boxSyfK2 .capt {width:100%; margin:1rem 0; height: 3rem; padding:0; background-color: #021d4a; transition: all 0.2s; display: flex; align-items: center; justify-content: center;}
	.boxSyfK2 .capt span.title-capt {padding: 0 .5rem; margin: 0; width: 90%; text-align: center; line-height: 1.5rem; font-size: 1rem;
		letter-spacing: 0; font-weight: 500; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
	.boxSyfK2 .capt span.title-capt a {color:#fff; display:block;}

	.boxSyfK2 .descript {}

	.boxSyfK2:hover .capt {background-color: #000;} /* #000 */
	.boxSyfK2:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */


/*-> alt sayfalar */

.boxSyf1 {margin:1rem 0;} /* alt kat listeleme 1 sutun*/
	
	.boxSyf1 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px; padding-top:10px;}
	.boxSyf1 .content2 {padding:10px;}
	.boxSyf1 .capt {margin-bottom: 1rem;}
	.boxSyf1 .capt span.title-capt {color:#192d69; margin:0; line-height:2rem; font-size:1.2rem; font-weight:500;}
	.boxSyf1 .capt span.title-capt a {color:#192d69; display:block;}

	.boxSyf1 .descript {}

	.boxSyf1 .btn {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#021d4a; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxSyf1 .btn:hover {background-color: #000; color:#eee; }

	.boxSyf1 .sol {}
	.boxSyf1 .sag {}

	.boxSyf1:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */


.boxSyf2 {margin:1rem 0; } /* alt kat. listeleme 3-4 sutun*/
	.boxSyf2 .content {transition: all 0.2s; border:1px solid #eee; border-radius: 12px;}
	.boxSyf2 .content2 {padding:10px; width:100%;}
	.boxSyf2 .capt {width:100%; margin:1rem 0; height: 3rem; padding:0; background-color: #f9f9f9; transition: all 0.2s; display: flex; align-items: center; justify-content: center;}
	.boxSyf2 .capt span.title-capt {padding: 0 .5rem; margin: 0; width: 90%; text-align: center; line-height: 1.5rem; font-size: 1rem;
		letter-spacing: 0; font-weight: 500; color: #192d69; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
	.boxSyf2 .capt span.title-capt a {color:#192d69; display:block;}

	.boxSyf2:hover .capt {background-color: #eee;} /* #000 */
	.boxSyf2:hover .capt span.title-capt a {} /* #000 */
	.boxSyf2:hover .content {box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);} /* #000 */

	.boxSyf2 .img-k img, .boxUrn2 .img-k-dikey img, .boxUrn2 .img-k-yatay img {width:auto;}	

	.boxSyf2 .descript {}

	.boxSyf2 .btn {font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; margin: .1rem; padding: 0 1rem;
	font-size: 1rem; line-height: 2rem;  transition: all 0.2s;
	cursor:pointer;	background-color:#021d4a; color:#fff; border-radius: 9999px; cursor: pointer;}
	.boxSyf2 .btn:hover {background-color: #000; color:#eee; }


@media (max-width: 1199px) and (min-width: 993px) {

	/*-> alt kategoriler */
	.boxSyfK1 .sol {width:40%;}
	.boxUrnK1 .sag {width:100%;}

	.boxSyfK2 {width:33.33%;} 
	.boxSyfK2 .capt span.title-capt {font-size: .9rem;}

	/*-> urunler */
	.boxSyf1 .sol {width:40%;}
	.boxSyf1 .sag {width:100%;}

	.boxSyf2 {width:33.33%;} 
	.boxSyf2 .capt span.title-capt {font-size: .9rem;}
	.boxSyf2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxSyf2 .btn {font-size: .9rem;}
}
@media (max-width: 992px) and (min-width: 769px) {

	/*-> alt kategoriler */
	.boxSyfK1 .sol {width:50%;}
	.boxSyfK1 .sag {width:100%;}

	.boxSyfK2 {width:50%;} 
	.boxSyfK2 .capt span.title-capt {font-size: .9rem;}

	/*-> urunler */
	.boxSyf1 .sol {width:50%;}
	.boxSyf1 .sag {width:100%;}

	.boxSyf2 {width:50%;} 
	.boxSyf2 .capt span.title-capt {font-size: .9rem;}
	.boxSyf2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxSyf2 .btn {font-size: .9rem;}
}
@media (max-width: 768px) and (min-width: 577px) {
	/*-> alt kategoriler */
	.boxSyfK1 .sol {width:50%;}
	.boxSyfK1 .sag {width:100%;}
	
	.boxSyfK2 {width:50%;} 
	.boxSyfK2 .capt span.title-capt {font-size: .9rem;}
	
	/*-> urunler */
	.boxSyf1 .sol {width:50%;}
	.boxSyf1 .sag {width:100%;}

	.boxSyf2 {width:50%;} 
	.boxSyf2 .capt span.title-capt {font-size: .9rem;}
	.boxSyf2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxSyf2 .btn {font-size: .9rem;}
}
@media (max-width: 576px) {
	/*-> alt kategoriler */
	.boxSyfK1 .sol {width:60%;}
	.boxSyfK1 .sag {width:100%;}
	
	.boxSyfK2 {width:50%;} 
	.boxSyfK2 .capt span.title-capt {font-size: .9rem;}
	
	/*-> urunler */
	.boxSyf1 .sol {width:60%;}
	.boxSyf1 .sag {width:100%;}

	.boxSyf2 {width:50%;} 
	.boxSyf2 .capt span.title-capt {font-size: .9rem;}
	.boxSyf2 button.urunBilgiFormBut {font-size: .9rem;}
	.boxSyf2 .btn {font-size: .9rem;}
}

/* SAYFA  Detay Görünümleri */

.icSayfH1 {position:relative; text-align:center; color:#192d69; font-size:2.4rem; line-height:1.5;  margin:1rem 0 4rem 0; display: block; font-weight: 500; letter-spacing: 0;}
	.icSayfH1 a {position:relative; color:#192d69; display: block; padding: 0.2em 0; text-decoration: none;}
	/**/
	.icSayfH1::before {position:absolute; content:""; bottom:-.5rem; left:50%; margin-left:-50px; width:100px; height:3px; background:#021d4a; }

.customH2 {position:relative; color:#192d69;  margin-bottom:.5rem; padding-left: 2rem; font-size:2rem; line-height:1.5; font-weight:600; letter-spacing: 2px;}
	.customH2 a {color:#192d69; }
	.customH2::after {position:absolute; content:""; background:#021d4a; top:50%; margin-top:-.5rem; left:0; width:1rem; height:1rem;}

.customH3 {position:relative; color:#192d69;  margin-bottom:.5rem; padding-left: 1.4rem; font-size:1.4rem; line-height:1.5; font-weight:600; letter-spacing: 2px;}
	.customH3 a {color:#192d69; }
	.customH3::after {position:absolute; content:""; background:#021d4a; top:50%; margin-top:-.35rem; left:0; width:.7rem; height:.7rem;}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {
	.icSayfH1 {font-size:1.8rem;}

	.customH2 { padding-left: 1.6rem; font-size:1.6rem; line-height:1.5; letter-spacing: 1px;}
	.customH2::after {margin-top:-.4rem; width:.8rem; height:.8rem;}

	.customH3 { padding-left: 1.4rem; font-size:1.4rem; line-height:1.5; letter-spacing: 1px;}
	.customH3::after {margin-top:-.35rem; left:0; width:.7rem; height:.7rem;}
}
@media (max-width: 576px) {
	.icSayfH1 {font-size:1.6rem;}
	
	.customH2 { padding-left: 1.4rem; font-size:1.4rem; line-height:1.5; letter-spacing: 1px;}
	.customH2::after {margin-top:-.35rem; width:.7rem; height:.7rem;}

	.customH3 { padding-left: 1.2rem; font-size:1.2rem; line-height:1.5; letter-spacing: 1px;}
	.customH3::after {margin-top:-.3rem; left:0; width:.6rem; height:.6rem;}
}


/* ürün detay tab */	

	ul.urnTabs {width:100%; margin:32px 0 8px 0; padding:0px; list-style: none; display: flex; justify-content: center; }
		ul.urnTabs li {list-style:none; font-size:1rem; font-weight:500; line-height:2; color: #192d69; border-radius:9999px;  padding:.5rem 1rem; margin:0 .5rem; cursor: pointer; border:1px solid #ccc; text-align:center;}
		ul.urnTabs li.current {background-color: #192d69; color:#fff;}
		.urnTabs-content { position:relative; width:100%; display: none; border:none; padding:20px 0; border-top:1px solid #ccc; text-align: justify;}
		.urnTabs-content.current { display: inherit;}

		.urnTabs-content ul { list-style: circle inside; }
		.urnTabs-content ol { list-style: decimal inside; }	



@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {

}
@media (max-width: 576px) {
	ul.urnTabs li {width:90%; }
}

/* GALERİ TAB İCERİK
*********************************** */
#galeriTabIcerik {width:100%; margin-bottom:20px; display: flex; flex-wrap: wrap; justify-content: center;}

#galeriTabIcerik .galeriTab-oge {margin: 10px; background-color: #192d69; width:260px; border:1px solid #ccc;}

#galeriTabIcerik .galeriTab-oge .imgTab {width:100%; height:360px; }
#galeriTabIcerik .galeriTab-oge .imgTab img {margin: 0; width:100%; height:100%; object-fit: cover;}

#galeriTabIcerik .galeriTab-oge .oge-capt { width:100%; height: 3rem; margin:2px 0;}
#galeriTabIcerik .galeriTab-oge .oge-capt p {text-align:center; line-height:1.5rem; font-size:.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}

/* GALERİ GÖRÜNÜMLERİ BAŞLANGIÇ
*********************************** */
/* #urnGaleri -> tablı + LİGHTBOX EFEKT*/
#urnGaleri {position:relative;  margin:0 0 10px 0; padding:0px; float:left; width:100%;}
	#urnGaleri .img-g {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 */
	#urnGaleri .img-g img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.gtab-content {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;}
ul.gals {position:relative;  margin:0 0 10px 0; padding:0; list-style:none; float:left; width:100%;}
	ul.gals li {position:relative; color:#222; float:left; padding:.3rem; margin:0 5px 10px 5px; cursor:pointer; width:18%; border:1px solid #aaa; box-sizing: border-box; }
	ul.gals li img {}
	ul.gals li.current {border:1px solid #192d69;}



@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {

}
@media (max-width: 576px) {

}

/* #urnGaleri2 -> TABSIZ + DİREK LİGHTBOX EFEKT */
#urnGaleri2 {position:relative;  margin:0 0 10px 0; padding:0px; float:left; width:100%;}
	#urnGaleri2 .img-g {position:relative; width:100%; padding-top:100%; overflow:hidden;  max-height:400px; }/* 100% -> 1:1 Aspect Ratio | 75% -> 4:3 Aspect Ratio | 62.5% -> 8:5 Aspect Ratio */
	#urnGaleri2 .img-g img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#urnGaleri2 p {position:relative; margin:0; color:#999; text-align:center; width:100%; line-height:2; font-size:.9rem;}
ul.gals2 {position:relative;  margin:0 0 10px 0; padding:0; list-style:none; float:left; width:100%;}
	ul.gals2 li {position:relative; color:#222; float:left; padding:.3rem; margin:0 5px 10px 5px; cursor:pointer; width:18%; border:1px solid #aaa; box-sizing: border-box; }
	ul.gals2 li img {}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {

}
@media (max-width: 576px) {

}

/* #slaytGaleri*/
#slaytGaleri {width:100%; margin:0 auto 20px auto; max-width:600px;}
#slaytGaleri .galeri-oge {margin: 0; width:100%;}
#slaytGaleri .galeri-oge .oge-capt { width:100%; height: 3rem; margin:2px 0;}
#slaytGaleri .galeri-oge .oge-capt p {text-align:center; line-height:1.5rem; font-size:.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}

#slaytGaleri .galeri-oge .img {width:100%;}
#slaytGaleri .galeri-oge .img img {
	width: 100%; margin:0 auto;
}

#slaytGaleri .owl-nav	{}
#slaytGaleri .owl-nav button.owl-prev, #slaytGaleri .owl-nav button.owl-next {position:absolute; top:48%; transform:translateY(-50%); opacity:0; font-size:16px; line-height:16px; 
	width:50px; height:50px; color:#fff; background:rgba(0,0,0,0.5);
	transition:all .2s; cursor:pointer;
	-webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px;}
#slaytGaleri .owl-nav button.owl-prev {left:50px;}
#slaytGaleri .owl-nav button.owl-next {right:50px;}	
#slaytGaleri .owl-nav button.owl-prev:hover, #slaytGaleri .owl-nav button.owl-next:hover {background:rgba(14,35,67,.8); color:#fff;}

#slaytGaleri:hover .owl-nav button.owl-prev {opacity:0.8; left:10px;}
#slaytGaleri:hover .owl-nav button.owl-next {opacity:0.8; right:10px;}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {

}
@media (max-width: 576px) {

}

/* #slaytGaleriFull*/
#slaytGaleriFull {width:100%; margin-bottom:20px;}
#slaytGaleriFull .galeri-oge {position:relative; margin: 0; width:100%; border:2px solid #fff;}
#slaytGaleriFull .galeri-oge .oge-capt { position: absolute; bottom:0; margin:0; width:100%; background:rgba(0, 0, 0, 0.2);}
#slaytGaleriFull .galeri-oge .oge-capt p {width:100%; text-align:center; color:#eee; margin:0; line-height:2; font-size:.9rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
#slaytGaleriFull .img-g {position: relative;}
#slaytGaleriFull .img-g img {width: 100%;}

#slaytGaleriFull .owl-nav	{}
#slaytGaleriFull .owl-nav button.owl-prev, #slaytGaleriFull .owl-nav button.owl-next	{position:absolute; top:48%; transform:translateY(-50%); opacity:0; font-size:16px; line-height:16px; 
	width:50px; height:50px; color:#fff; background:rgba(0,0,0,0.5);
	transition:all .2s; cursor:pointer;
	-webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px;}
#slaytGaleriFull .owl-nav button.owl-prev {left:50px;}
#slaytGaleriFull .owl-nav button.owl-next {right:50px;}	
#slaytGaleriFull .owl-nav button.owl-prev:hover, #slaytGaleriFull .owl-nav button.owl-next:hover {background:rgba(14,35,67,.8); color:#fff;}

#slaytGaleriFull:hover .owl-nav button.owl-prev {opacity:0.8; left:10px;}
#slaytGaleriFull:hover .owl-nav button.owl-next {opacity:0.8; right:10px;}

/*tek resim varsa */
#slaytGaleriFullTek {width:100%; margin-bottom:20px; }
#slaytGaleriFullTek .galeri-oge {position:relative; margin: 0; width:100%; background-color: #f9f9f9; }

#slaytGaleriFullTek .galeri-oge .oge-capt { position: absolute; bottom:0; margin:0; width:100%; display: flex; justify-content: center;}
#slaytGaleriFullTek .galeri-oge .oge-capt p {display:inline-block; background:rgba(0, 0, 0, 0.2); margin:0; padding: 0 1rem; color:#eee; line-height:2; font-size:.9rem;}

#slaytGaleriFullTek .img-g {position: relative; display: flex; justify-content: center;}
#slaytGaleriFullTek .img-g img {height: 100%; max-height:400px; object-fit: contain;}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {

}
@media (max-width: 576px) {

}

/* #sutunluGaleri*/
#sutunluGaleri {width:100%; margin-bottom:20px; display: flex; justify-content: center; flex-wrap: wrap;}
#sutunluGaleri .galeri-oge {width:25%;}
#sutunluGaleri .galeri-oge .oge-capt { width:100%; height: 4.5rem; margin:5px 0;}
#sutunluGaleri .galeri-oge .oge-capt p {text-align:center; color:#192d69; line-height:1.5rem; font-size:1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden;}
#sutunluGaleri .galeri-oge .img-k {}
#sutunluGaleri .galeri-oge .img-k img{}



@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {
	#sutunluGaleri .galeri-oge {float:left; width:50%;}
}
@media (max-width: 576px) {
	#sutunluGaleri .galeri-oge {float:left; width:50%;}
}

/* #referansgaleri*/
#referansgaleri {width:80%; margin-left:10%; margin-right:10%; margin-bottom:20px;}
#referansgaleri .galeri-oge {float:left; width:33.3%; margin-bottom:1rem;}
#referansgaleri .galeri-oge .oge-capt { width:100%; height: 5rem; margin:2px 0;}
#referansgaleri .galeri-oge .oge-capt p {text-align:center; line-height:1.5rem; font-size:.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
#referansgaleri .galeri-oge .img-k {}
#referansgaleri .galeri-oge .img-k img{width: 90%; transition: all .2s;}
#referansgaleri .galeri-oge .img-k img:hover {width: 100%; border:2px solid #ddd;}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {
	#referansgaleri .galeri-oge {float:left; width:50%;}
}
@media (max-width: 576px) {
	#referansgaleri .galeri-oge {float:left; width:80%; margin:2px 10%;}
}

/* #kataloggaleri*/
#kataloggaleri {width:100%; margin-bottom:20px;}
#kataloggaleri .galeri-oge {float:left; width:25%;}
#kataloggaleri .galeri-oge .oge-capt { width:100%; height: 8rem; margin:2px 0;}
#kataloggaleri .galeri-oge .oge-capt p {text-align:center; line-height:1.5rem; font-size:.9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
#kataloggaleri .galeri-oge .img-k {}
#kataloggaleri .galeri-oge .img-k img{}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {
	#kataloggaleri .galeri-oge {float:left; width:50%;}
}
@media (max-width: 576px) {
	#kataloggaleri .galeri-oge {float:left; width:50%;}
}


/* GALERİ GÖRÜNÜMLERİ SON
*********************************** */

/* anasayfaa marka Kutu */

/*markalar için */
.markaKutu {padding:0; margin:5px 0; width:240px; text-align: center; padding:0 5px;}
.markaKutu .img-k { width:100%; height:auto; /*border-radius: 50%;*/ }
.markaKutu .img-k img { width:100%; height:auto; /*border-radius: 50%;*/}
.markaKutu span {display:none; padding:0; margin:0; line-height: 1; font-size: .8rem; font-weight: 300; color: #bbb;}
/*cozumortakları için */
.cozumOrtakKutu {padding:0; width: 140px; text-align: center;}
.cozumOrtakKutu img {width: 80%; /*border:1px solid #ddd;*/}
/* referanslar için */
.refKutu {padding:0; width: 12.5%; text-align: center;}
.refKutu img {width: 80%; /*border:1px solid #ddd;*/transition: all .2s;}
.refKutu img:hover {width: 100%;}

.owl-marka {margin-top:10px; margin-bottom:0; padding:0 20px; 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.owl-marka .owl-nav {}
.owl-marka .owl-nav button.owl-prev, .owl-marka .owl-nav button.owl-next {position:absolute; top:50%; margin-top:-1rem; font-size:1.2rem; width:2rem; height:2rem; line-height:2rem;
	color:#192d69; cursor:pointer; }
.owl-marka .owl-nav button.owl-prev {left:-.5rem;}
.owl-marka .owl-nav button.owl-next {right:-.5rem;}	
.owl-marka .owl-nav button.owl-prev:hover, .owl-marka .owl-nav button.owl-next:hover {color:#000;}

.owl-marka .markaKutu {width:100%;}
.owl-marka .cozumOrtakKutu {width:100%;}
.owl-marka .refKutu {width:100%;}

/* etiketler */
.etiketlerKutu {position:relative; width:100%;}
.etiketlerKutu span {float:left; padding:.5rem; margin:.5rem .5rem .5rem 0; border-radius:5px; border:1px dashed #bbb;}
.etiketlerKutu a {text-decoration: underline;}


@media (max-width: 1199px) and (min-width: 993px) {
	.refKutu {}
	.markaKutu {}
}
@media (max-width: 992px) and (min-width: 769px) {
	.refKutu {}
	.markaKutu {}
}
@media (max-width: 768px) and (min-width: 577px) {
	.refKutu {width: 15%;}
}
@media (max-width: 576px) {
	.refKutu {width: 25%;}
	.etiketlerKutu span {padding:.3rem; margin:.3rem .3rem .3rem 0;}
	.etiketlerKutu a {font-size:.7rem;}
}

/* gezgin*/
p.gezgin {margin:0; padding: .5rem 1rem; color:#192d69; font-size:.8rem; background-color: #f5f5f5; text-align: left;}
p.gezgin a {color:#192d69;}

/* pager*/
.pager {display: flex; background:#f9f9f9; align-items: center; justify-content: center; margin:10px auto; padding:10px; color:#192d69; width:100%;}
.pagerIc {margin: 0 .5rem;}
.pagerIc select {border:1px solid #192d69; border-radius:5px; height:2rem; padding:0 .5rem; margin:0; font-size:1rem; line-height:2rem; cursor: pointer; color:#192d69;}
.pagerIc i {font-size:1.5rem; line-height:2rem;}

/* FOOTER */
.footer-kap {/*  background:#3b4045 url("../img/footerBG.jpg") no-repeat center center;  */ background-color: #192d69;  padding:32px 0 16px 0; margin-top:32px; color:#eee; font-size: .9rem; line-height: 1.5;}
.footer {/*background-color:rgba(255,255,255,1);*/ padding:0;}
.footer .col-2-12, .footer .col-3-12, .footer .col-4-12, .footer .col-6-12 {margin-bottom:2rem;}
.footer a {color:#fff;}
.footer p {color:#eee; font-size: 1rem; line-height: 1.5;}

.footerLogo {width:160px; margin-top:0; margin-bottom:10px;  /*border:2px solid #fff;*/ filter: brightness(0) invert(1); }

.footer h3 {position:relative; color:#fff; margin-bottom:1.5rem; font-size:1rem; line-height:1.5; font-weight:600; letter-spacing: 2px;}
.footer h3 a{color:#fff;}
.footer h3::after {position:absolute; content:""; background:#fff; bottom:-10px; left:0; width:50px; height:3px;}

.footermenu ul { margin:0px; padding:0; }
	.footermenu ul li {position:relative; background:none; float:left; margin:0; padding:0 0 0 14px; 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: 1rem; 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 {}
	.footermenu ul li li {padding:0 0 0 1rem; padding:0;}
	.footermenu ul li li a {padding:.3rem 1rem; margin:0; font-size: 1rem; line-height: 1rem; color:#eee; font-weight:100;}

	ul.sosyal-link {list-style:none; margin:12px 0 12px 0; padding:0; float:left;}
	ul.sosyal-link li {position:relative; display:block; float:left; list-style:none; height:2.5rem; width:2.5rem; line-height:2.5rem; font-size:1.5rem;  
		margin:3px; padding:0; background:#021d4a; color:#fff; text-align:center; transition:all 0.2s;
		}
	ul.sosyal-link li a {color:#fff; display:block; }
	ul.sosyal-link li a span {line-height:2.5rem; font-size:1.5rem; }
	ul.sosyal-link li:hover {border-radius:50%;}
	ul.sosyal-link li:hover a {color:#fff;}

.footeralt-kap {background-color:#192d69; padding:6px 0px; color:#eee; border-top:1px solid #09548e;}
	.footeralt p {margin:0; color:#eee; font-size:1rem; line-height:2;}
	.footeralt p a {color:#eee;}
	
	p.avinga {position: absolute; right:0; top:0; margin-bottom:32px; color:#eee; font-weight:100;}
	p.avinga a {color:#eee;}


@media (max-width: 1199px) and (min-width: 993px) {

}
@media (max-width: 992px) and (min-width: 769px) {

}
@media (max-width: 768px) and (min-width: 577px) {

}
@media (max-width: 576px) {
	.footeralt p {font-size:.8rem; letter-spacing: -.7px;}
}

/* -> whatsappAra ve telAra */

.customAra {position: fixed; right: 0; color: #fff; z-index: 2; border-radius: 9999px 0 0 9999px;
  cursor: pointer; letter-spacing: -1px; overflow: hidden; width: 3.5rem; transition: width 0.4s ease;}
.whatsappAra {background-color: #4caf50; bottom: 80px; }
.telAra {background-color: #fd7e14; bottom: 25px; }

.customAra a {display: flex; align-items: center; text-decoration: none; color: #fff; height: 3rem; padding: 0 1rem;}
.customAra i {font-size: 1.8rem; line-height: 3rem; min-width: 1.8rem; text-align: center; animation: blink 1.5s infinite;}
.customAra span {font-size: 1.2rem; line-height: 3rem; margin-left: 1rem; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease 0.1s;}
.customAra:hover {width: 14rem;}
.customAra:hover span {opacity: 1;}

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


.custom-whatsapp {position: fixed; width: 80px;	height: 80px; bottom: 20px; right: 20px; z-index: 10; text-align: center;}
.custom-whatsapp p {position: relative;	z-index: 80; font-size: 11px; display: inline-block; background: #fff;	padding: 8px; 
    border-radius: 30px; line-height: 15px;}
.wp-box {width: 60px; height: 60px;	position: relative;	display: inline-block;}
.wp-box .box-fx {text-align: center; background-color: #4caf50; transform-origin: center; border-radius: 500px; z-index: 60; width: 60px;
	height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px;}
.wp-box .box-fx i {line-height: 60px; font-size: 36px; color: #fff; font-weight: normal;}
.wp-box .box-1 {animation-duration: 2s;	animation-iteration-count: infinite; background-color: #8bc34a; transform-origin: center;
	border-radius: 500px; z-index: 20; width: 0px; height: 0px;	position: absolute;	left: 50%; top: 50%; margin-left: 0; margin-top: 0;}
.wp-box .box-2 {animation-duration: 3s;	animation-iteration-count: infinite; background-color: #4caf50; transform-origin: center;
	border-radius: 500px; z-index: 30; width: 0px; height: 0px;	position: absolute;	left: 50%; top: 50%; margin-left: 0; margin-top: 0;}

.wp-box .bounce-2 {animation-name: bounce-2; animation-timing-function: ease;}
@keyframes bounce-2 {0% {width: 0px; height: 0px;} 80% {width: 100px; height: 100px; margin-left: -50px; margin-top: -50px;} 100% {opacity: 0}}

/* 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: #ec1414;}
.bg-orange {background-color: #fd7e14;}
.bg-yellow {background-color: #ffc107;}
.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-primary {background-color: #192d69;} /* 00643c */
.bg-secondary {background-color: #021d4a;} /* 9e783c */
.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;}

.color-blue {color: #4096ca;}
.color-indigo {color: #6610f2;}
.color-purple {color: #6f42c1;}
.color-pink {color: #d63384;}
.color-red {color: #ec1414;}
.color-orange {color: #fd7e14;}
.color-yellow {color: #ffc107;}
.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-primary {color: #192d69}  /* 00643c */
.color-secondary {color: #021d4a;}  /* 9e783c */
.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 bg ozel  */

.custom-bg-color1 {background-color: #fca049;}
.custom-bg-color2 {background-color: #ba71da;}
.custom-bg-color3 {background-color: #64b1fe;}
.custom-bg-color4 {background-color: #efa61c;}
.custom-bg-color5 {background-color: #1bbc9b;}
.custom-bg-color6 {background-color: #e67a08;}
.custom-bg-color7 {background-color: #f76570;}
.custom-bg-color8 {background-color: #ffd205;}

.custom-color1 {color: #fca049;}
.custom-color2 {color: #ba71da;}
.custom-color3 {color: #64b1fe;}
.custom-color4 {color: #efa61c;}
.custom-color5 {color: #1bbc9b;}
.custom-color6 {color: #e67a08;}
.custom-color7 {color: #f76570;}
.custom-color8 {color: #ffd205;}