/* #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:"Poppins",sans-serif;font-size:.9rem;/* (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.6rem;color:#000}
h2{font-size:1.4rem;color:#111}
h3{font-size:1.2rem;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:1139px) and (min-width:993px){

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

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

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

}
/* 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:#292929;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:.9rem;border:1px solid #f9f9f9;border-left:none;margin:10px 0px}
table thead tr{background-color:#eee;border-bottom:1px solid #f9f9f9;}
table thead th{border-left:1px solid #f9f9f9;color:#292929;text-align:left;padding:2px;font-weight:bold}
table tbody tr{background-color:#fff;border-bottom:1px solid #f9f9f9}
table tbody td{color:#292929;padding:5px;text-align:left;border-left:1px solid #f9f9f9}
.table-bordered{border:1px solid #f9f9f9}
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:.9rem}
.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 #eee;border-radius:5px}
.formum input,.formum select,.formum textarea{color:#000;font-size:.9rem}
.formum input[type="checkbox"]{margin:.2rem .5rem 0 0;width:16px;height:16px}
.formum label{display:block;font-weight:400;font-size:.9rem; color:#888;}
.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:.9rem;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:.9rem;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:.9rem;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 #292929;background:#292929}
#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 - Custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 
.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:.9rem;line-height:2.5rem;transition:all 0.2s;cursor:pointer;background-color:#ddd;color:#292929;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:1140px}
.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 – 1139px (Laptop) */
@media (max-width:1139px) 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 12px}
	.container,.container-genis,.container-dar{max-width:768px}
}
/* 577px – 768px (Küçük tablet) */ 
@media (max-width:768px) and (min-width:577px){
	.content{margin:0px 12px}
	.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}
.marginBottom20{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%)}

#headerFixed{/* position:fixed;*/ z-index:3;width:100%;margin:0 auto;padding:0;}
/*
.banner-kap {background-color:#000; text-align:center;}
.banner-kap h1 {line-height:6rem; color:white; margin:0;}
*/ 
.headerKap{padding:0;background-color:#fff}
.pageAna .headerKap{background-color:#eee}
/*
.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;}
*/ 
.headerFlexUst{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.headerSol{display:flex;justify-content:flex-start;/* Sola yasla */ align-items:center;/* Dikey ortala */ width:33.33%;}
.headerSag{display:flex;justify-content:flex-end;/* Sağa yasla */ align-items:center;/* Dikey ortala */ width:33.33%;}
.logo{display:flex;align-items:center;justify-content:center;padding:20px 0;margin:0; width:33.33%;}
.logo img{height:72px}

ul.headerMenu{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;cursor:pointer}
ul.headerMenu li{position:relative;display:flex;align-items:center;padding:0 .8rem;margin:0;font-size:1.2rem;line-height:2.5rem;
	/*border: 1px solid #000;*/ color:#000;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all 0.2s}
ul.headerMenu li a{color:#000;display:block;text-decoration:none}
ul.headerMenu li:hover{}
ul.headerMenu li:hover a{color:#000}
ul.headerMenu li i{line-height:2.5rem}
ul.headerMenu li span{padding-left:0.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;}
/* dilMenum select */
.dilMenumSelect{display:flex;align-items:center;margin:0 0 0 .5rem;padding:0}
.dilSec{padding:0 .5rem;font-size:.9rem;line-height:1.5rem;border:1px solid #666;border-radius:3px;background-color:transparent;color:#333;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}
.dilSec:focus{border-color:#666;background-color:#fff}
/* dilMenum ul */
ul.dilMenum{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}
ul.dilMenum{}
ul.dilMenum li{width:2rem; margin:0;padding:0;font-size:0.9rem;font-weight:500;line-height:2rem;text-align:center;}
ul.dilMenum li.dilSel{}
ul.dilMenum li a{color:#888}
ul.dilMenum li.dilSel a{color:#222}

#aramaformum{position:absolute;top:5rem;right:3rem;display:none;padding:0;margin:0;width:240px;border:none;z-index:3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:4;box-shadow:0 4px 10px rgba(0,0,0,0.2)}
#aramaformum .input{float:left;width:calc(100% - 3rem);padding:0 1rem;margin:0px;background:#fff;font-size:.9rem;line-height:3rem;border:none;color:#bbb}
#aramaformum .search-but{float:left;width:3rem;padding:0;margin:0;color:#fff;background:#ee3434;border:none;cursor:pointer;font-size:1.1rem;line-height:3rem}

.headerFlexAlt{display:flex;justify-content:center;align-items:center;}

.ustMenuOzel{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
.ustMenuOzel>li{position:relative;margin:0 10px}
.ustMenuOzel>li>a{display:block;padding:20px 10px;color:#292929;text-decoration:none;font-size:.8rem;font-weight:600;position:relative;letter-spacing:.5px;transition:color .2s ease}
.ustMenuOzel>li>a:hover{color:#ee3434}
.ustMenuOzel>li>a.arrow::after{margin:0 5px;display:inline-block;content:'\e912';font-family:'icomoon'}
.ustMenuOzel>li>li>a.arrow::after{float:right;margin:0 5px;content:'\e911';font-family:'icomoon'}
.ustMenuOzel li ul{list-style:none;position:absolute;top:100%;left:50%;transform:translate(-50%,10px);min-width:210px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);display:block;visibility:hidden;opacity:0;z-index:99;text-align:left;border-radius:1px;padding:20px 8px;transition:all .3s ease;pointer-events:none;border-bottom:2px solid #ee3434}
.ustMenuOzel li:hover>ul{visibility:visible;opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ustMenuOzel li ul li{position:relative}
.ustMenuOzel li ul li a{display:block;padding:8px 12px;font-size:.8rem;color:#292929;text-decoration:none;background:#fff;transition:all .2s ease}
.ustMenuOzel li ul li:hover>a{color:#ee3434}
.ustMenuOzel li ul li ul{display:none!important}

/* respblok
**************************** */ 
#respblok {position:fixed;top:0;right:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,.15);display:none;}
#respblok .respContent {display: flex; flex-wrap: wrap; width:100%;height:100%; width:300px; padding:0;float:right; background-color: #fff;}
.respContent ul.dilMenum {width:100%; background-color: #ccc;}
.respContent ul.dilMenum li{font-size:1.2rem; padding:14px 20px;}
.respContent .mainNav{width:100%;height:100%;border-radius:0; margin:0;}
.respContent .menuBasligim{display:none;position:relative;width:100%;padding:10px 0;font-size:1.2rem;color:#fff;background:rgba(0,0,0,1);border-bottom:1px solid #222}
.respContent #menukapat{position:absolute;right:300px;padding:16px;color:#fff;cursor:pointer;z-index:3;background-color: #ee3434;}
.respContent #menukapat span{font-size:1.5rem;line-height:1}

@media (max-width:1139px) and (min-width:993px){
	.logo{}

}
@media (max-width:992px) and (min-width:769px){ 
	.headerKap {background-color:#fff} 
	.headerSol{display:none;}
	.logo{justify-content:flex-start;padding:5px 0;width:50%;}
	.headerSag{width:50%;}
		ul.headerMenu li#menuac{display:block;}
	.headerFlexAlt {display:none;}
}
@media (max-width:768px) and (min-width:577px){
	.headerKap {background-color:#fff} 
	.headerSol{display:none;}
	.logo{justify-content:flex-start;padding:5px 0;width:50%;}
	.headerSag{width:50%;}
		ul.headerMenu li#menuac{display:block;}
	.headerFlexAlt {display:none;}
		

}
@media (max-width:576px){
	.headerKap {background-color:#fff} 
	.headerSol{display:none}
	.logo{justify-content:flex-start;padding:5px 0;width:50%;}
		.logo img{height:60px;}
	.headerSag{width:50%;}
		ul.headerMenu li#menuac{display:block;}
	.headerFlexAlt {display:none;}
}


.icerikBody{margin:20px auto;background-color:#fff;padding:14px 0;box-sizing:border-box}

/* Full Slayt 
================================================= */ 
#slaytim{position:relative;/**/ width:100%;max-width:1920px;z-index:1;margin:0 auto;background-color:#021d4a}
.slaytimg{position:relative;padding:0;margin:0;width:100%;padding:0;}
.slaytimg img{width:100%;height:620px;object-fit:cover;object-position:center;display:block}
.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:40%;float:left}
.bilgikutusu .slaytClass3{width:40%;float:right;text-align:right}
.bilgikutusu h2{color:#292929;font-size:2.8rem;line-height:1.5;font-weight:500;margin:1rem 0;padding:0;display:block;letter-spacing:1px;/*text-shadow:1px 1px 4px rgb(0,0,0,0.5); */}
.bilgikutusu p{color:#292929;font-size:1.4rem;line-height:1.5;font-weight:400;margin:1rem 0;padding:0;display:block;letter-spacing:0;/*text-shadow:1px 1px 4px rgb(0,0,0,0.5); */}
.bilgikutusu .btnSlayt{color:#292929;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;border:2px solid #292929;padding:0 2rem;margin:1rem 0;font-size:1rem;line-height:3;border-radius:1px;transition:all .2s;cursor:pointer;/*text-shadow:1px 1px 4px rgb(0,0,0,0.5);*/}
.owl-item.active .bilgikutusu{}
.owl-item.active .bilgikutusu h2{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:16px;height:16px;margin:0 5px;background-color:#888;border:2px solid #888;border-radius:50%;cursor:pointer;transition:all 0.2s}
#slaytim .owl-dot.active{background-color:#fff;border:2px solid #ee3434;}
#slaytim .owl-dot:hover{}
#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:1139px) and (min-width:993px){
	.slaytimg img{height:520px}
	.bilgikutusu h2{font-size:2.4rem;}
	.bilgikutusu p{font-size:1.3rem;}
	.bilgikutusu .btnSlayt{}
	#slaytim .owl-nav{display:none;}
}
@media (max-width:992px) and (min-width:769px){
	.slaytimg img{height:360px}
	.bilgikutusu h2{font-size:2rem;}
	.bilgikutusu p{font-size:1.2rem;}
	.bilgikutusu .btnSlayt{}
	#slaytim .owl-nav{display:none;}
}
@media (max-width:768px) and (min-width:577px){
	.slaytimg img{height:280px}
	.bilgikutusu h2{font-size:1.6rem;margin:.5rem 0;}
	.bilgikutusu p{font-size:1.1rem;margin:.5rem 0;}
	.bilgikutusu .btnSlayt{font-size:1rem;line-height:1.5;padding:0 1rem;}
	#slaytim .owl-nav{display:none;}
}
@media (max-width:576px){
	.slaytimg img{height:200px}
	.bilgikutusu h2{font-size:1.2rem;margin:.5rem 0;}
	.bilgikutusu p{font-size:1rem;margin:.5rem 0;}
	.bilgikutusu .btnSlayt{font-size:1rem;line-height:1.5;padding:0 1rem;}
	#slaytim .owl-nav{display:none;}
}
/* 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:1139px) 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 
================================================= */ 
#bannerim {}
.bannerimg {position: relative; margin: 0; padding: 0; overflow: hidden; height:250px;}
.bannerimg img {width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block;}
/*.bannerimg::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:2;pointer-events:none}*/
.bilgikutusuBanner{position:absolute; left: 50%; transform: translateX(-50%); top:0; width:100%; max-width:900px; height:100%; margin:0 auto; z-index:6; display: flex; flex-direction: column;   justify-content: center; align-items: center;}
.bilgikutusuBanner h1{position:relative;text-align:center;color:#292929;font-size:2.1rem;line-height:1.3;margin:0 0 2rem 0;display:block;z-index:2;font-weight:500;letter-spacing:0;}
.bilgikutusuBanner p{font-size:1.2rem;line-height:1.5;font-weight:400;padding:0;color:#666;}
.bilgikutusuBanner p.gezgin{font-size:.8rem;line-height:1.5;font-weight:300;padding:0;color:#bbb; margin:0; background-color: transparent; padding:0 100px; text-align:center;}
.bilgikutusuBanner p.gezgin a {color:#999;}
.owl-item.active .bilgikutusuBanner{}
.owl-item.active .bilgikutusuBanner h1{animation:.5s .1s fadeInUp both}
.owl-item.active .bilgikutusuBanner p{animation:.6s .1s fadeInUp both}
#bannerim .owl-dots{display:none}
#bannerim .owl-nav{display:none}
@media (max-width:1139px) and (min-width:993px){
	.bannerimg {height:200px;}
	.bilgikutusuBanner h1{font-size:1.8rem; margin:0 0 1rem 0;}
}
@media (max-width:992px) and (min-width:769px){
	.bannerimg {height:160px;}
	.bilgikutusuBanner{max-width:90%;}
	.bilgikutusuBanner h1{font-size:1.6rem; margin:0 0 1rem 0;}
}
@media (max-width:768px) and (min-width:577px){
	.bannerimg {height:120px;}
	.bilgikutusuBanner{max-width:90%;}
	.bilgikutusuBanner h1{font-size:1.4rem; margin:0 0 1rem 0;}
}
@media (max-width:576px){
	.bannerimg {height:76px;}
	.bilgikutusuBanner{max-width:90%;}
	.bilgikutusuBanner h1{font-size:1.2rem; margin:0;}
	.bilgikutusuBanner p.gezgin {display: none;}
}
/* 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:500;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:#292929;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:1139px) 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:.9rem;}
}
/* 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:#ee3434;padding:.5rem 1rem;margin:0 .5rem;cursor:pointer;border:1px solid #ccc;text-align:center}
ul.modulTabs li.current{background-color:#ee3434;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:1139px) 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:#292929;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:#040f44 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:#292929;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:#292929;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:1139px) 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:#292929;font-size:1.4rem;line-height:1.5;margin:1rem 0 2rem 0;display:block;font-weight:500;letter-spacing:0}
.icAnaH a{position:relative;color:#292929;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-color: #eee; background-image:url("../img/destekbg.png");background-position:left center;background-repeat:no-repeat;}
.anaBanner h3{position:relative;text-align:center;color:#ee3434;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:#292929;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;color:#fff;cursor:pointer}
@media (max-width:1139px) 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.2rem}
	.anaBanner{background-position:center center}
}
@media (max-width:576px){
	.icAnaPUst{font-size:.8rem}
	.icAnaH{font-size:1.2rem}
	.anaBanner{background-position:center center}
}
/* ÜRÜN KATEGORİLERİ */ 
#anaBlok{width:calc(100% - 288px)}
#yanBlok{width:288px}
#yanBlok h4{padding:.5rem 1rem;color:#292929;margin-top:10px;background-color:#eee;font-size:1rem}
#yanBlok h4 a{color:#000}
#yanMenuAc{display:none;float:right;padding:10px 0 0 0;cursor:pointer}
@media (max-width:1139px) 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: #292929; font-weight:500;	display: block;	font-size: 1rem; line-height: 1.5; padding:12px 10px;	text-decoration: none; }
.mainNav ul li a:hover {color:#000; 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: #393939; display: block; font-size: .9rem; line-height: 1.5; padding: 8px 0px 8px 16px;}
	.mainNav ul ul li a:hover {color:#000;}
			/* 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: #494949; font-size: .8rem; padding: 8px 0px 8px 24px;}
/* Accordion Button */
ul li.has-subnav .accordion-btn {color:#000;}
ul li.has-subnav .accordion-btn:hover {font-size:20px;}
.mainNav ul li a.aktif {color:#ee3434;}
/* **********************************
Nav Accordion Plugin v1.1.2 son
*********************************** */

.icUrnKatH1{position:relative;color:#292929;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:#292929}
.icUrnKatH2{position:relative;color:#292929;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:#292929}
.icUrnKatH2b{position:relative;color:#292929;font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem}
.icUrnKatH2b a{color:#292929}
@media (max-width:1139px) 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 #f9f9f9;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:0;padding:0 1rem;font-size:1rem;line-height:2rem;border-radius: 0px; transition:all 0.2s;cursor:pointer;color:#292929;background-color: #eee;cursor:pointer}
.boxUrnK1 .btn:hover{color:#ee3434}
.boxUrnK1 .sol{}
.boxUrnK1 .sag{}
.boxUrnK1:hover .content{box-shadow:0px 0px 20px rgba(0,0,0,.05)}
.boxUrnK2{margin:1rem 0}
/* alt kat. listeleme 3-4 sutun*/ .boxUrnK2 .content{transition:all 0.2s;border:1px solid #f9f9f9;}
.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}
.boxUrnK2:hover .content{box-shadow:0px 0px 20px rgba(0,0,0,.05)}
.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 #f9f9f9;padding-top:10px}
.boxUrn1 .content2{padding:10px}
.boxUrn1 .capt{margin-bottom:1rem}
.boxUrn1 .capt span.title-capt{color:#292929;margin:0;line-height:2rem;font-size:1.2rem;font-weight:500}
.boxUrn1 .capt span.title-capt a{color:#292929;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:0;padding:0 1rem;font-size:1rem;line-height:2rem;border-radius: 0px;transition:all 0.2s;cursor:pointer;color:#292929;background-color: #eee;cursor:pointer}
.boxUrn1 button.urunBilgiFormBut:hover{color:#ee3434}
.boxUrn1 .btn{font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;margin:0;padding:0 1rem;font-size:1rem;line-height:2rem;border-radius: 0px; transition:all 0.2s;cursor:pointer;color:#292929;background-color: #eee;cursor:pointer}
.boxUrn1 .btn:hover{color:#ee3434}
.boxUrn1 .sol{}
.boxUrn1 .sag{}
.boxUrn1:hover .content{box-shadow:0px 0px 20px rgba(0,0,0,.05)}
.boxUrn2{margin:1rem 0}
/* alt kat. listeleme 3-4 sutun*/ 
.boxUrn2 .content{transition:all 0.2s;border:1px solid #f9f9f9; overflow: hidden;}
.boxUrn2 .content2{padding:10px;width:100%}
.boxUrn2 .mar{padding:0 .5rem;margin:1rem 0 0 0;width:100%;text-align:left;line-height:1.5rem;font-size:.9rem;color:#888;}
.boxUrn2 .capt{width:100%;margin:0 0 1rem 0;height:3rem;padding:0;background-color:#fff;transition:all 0.2s;display:flex;}
.boxUrn2 .capt span.title-capt{padding:0 .5rem;margin:0;width:100%;text-align:left;line-height:1.5rem;font-size:.9rem;letter-spacing:0;font-weight:500;color:#292929;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.boxUrn2 .capt span.title-capt a{color:#292929;display:block}
.boxUrn2:hover .capt{background-color:#fff;}
.boxUrn2:hover .capt span.title-capt a{}
.boxUrn2:hover .content{box-shadow:0px 0px 20px rgba(0,0,0,.05)}
.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{}

.urunHizliButonlar {position: absolute;display:flex; align-items:center;justify-content:center;background-color: #eee;border:1px solid #eee;box-shadow:0px 0px 20px rgba(0,0,0,.05);width: calc(100% - 20px);margin:0 10px;
  padding:.5rem;bottom: 5rem;opacity: 0;transition: opacity 0.6s ease, bottom 0.6s ease;}
.boxUrn2:hover .urunHizliButonlar {opacity:1;bottom:7rem;}
.boxUrn2 button.urunBilgiFormBut{font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;margin:0;padding:0 1rem;font-size:1rem;line-height:2rem;border-radius: 0px;transition:all 0.2s;cursor:pointer;color:#292929;background-color: #eee;cursor:pointer}
.boxUrn2 button.urunBilgiFormBut:hover{color:#ee3434}
.boxUrn2 .btn{font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;margin:0;padding:0 1rem;font-size:1rem;line-height:2rem;border-radius: 0px; transition:all 0.2s;cursor:pointer;color:#292929;background-color: #eee;cursor:pointer}
.boxUrn2 .btn:hover{color:#ee3434}

.uIndirim{position:absolute;top:20px;right:0px;background-color:#292929;color:#fff;text-align:center;padding:0;width:50px;line-height:50px;font-size:8px;border-radius:50%;overflow:hidden}
.uYeni{position:absolute;top:20px;left:0px;background-color:#ee3434;color:#fff;text-align:center;padding:0;width:50px;line-height:50px;font-size:8px;border-radius:50%;overflow:hidden}
@media (max-width:1139px) 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:#292929;font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem}
.icUrnH1 a{color:#292929}
.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:#292929;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:.9rem;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: #292929; color:#fff;}
.urnDetayStandartSag .urunDahaFazlaBut {background-color: #fff; color:red; margin-bottom:1rem; }

@media (max-width:1139px) 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,.05)}
.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}
.boxSyfK2:hover .content{box-shadow:0px 0px 20px rgba(0,0,0,.05)}
/*-> 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:#292929;margin:0;line-height:2rem;font-size:1.2rem;font-weight:500}
.boxSyf1 .capt span.title-capt a{color:#292929;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,.05)}
.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:#292929;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.boxSyf2 .capt span.title-capt a{color:#292929;display:block}
.boxSyf2:hover .capt{background-color:#eee}
.boxSyf2:hover .capt span.title-capt a{}
.boxSyf2:hover .content{box-shadow:0px 0px 20px rgba(0,0,0,.05)}
.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:1139px) 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:#292929;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:#292929;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:#292929;margin-bottom:.5rem;padding-left:2rem;font-size:2rem;line-height:1.5;font-weight:600;letter-spacing:2px}
.customH2 a{color:#292929}
.customH2::after{position:absolute;content:"";background:#021d4a;top:50%;margin-top:-.5rem;left:0;width:1rem;height:1rem}
.customH3{position:relative;color:#292929;margin-bottom:.5rem;padding-left:1.4rem;font-size:1.4rem;line-height:1.5;font-weight:600;letter-spacing:2px}
.customH3 a{color:#292929}
.customH3::after{position:absolute;content:"";background:#021d4a;top:50%;margin-top:-.35rem;left:0;width:.7rem;height:.7rem}
@media (max-width:1139px) 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:1.4rem;font-weight:500;line-height:2;color:#666;padding:.5rem 1rem;margin:0 .5rem;cursor:pointer;border:none;text-align:center}
ul.urnTabs li.current{color:#292929}
.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}
.urnTabs-content div {font-size:0.9rem;}

@media (max-width:1139px) 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:#292929;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 #040f44}
@media (max-width:1139px) 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:1139px) 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:1139px) 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:1139px) 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:#292929;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:1139px) 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:1139px) 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:1139px) 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:#292929;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:1139px) 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 0;color:#292929;font-size:.8rem;background-color:#fff;text-align:left; width:90%;}
p.gezgin a{color:#292929}
/* pager*/ 
.pager{display:flex;background:#f9f9f9;align-items:center;justify-content:center;margin:10px auto;padding:10px;color:#292929;width:100%}
.pagerIc{margin:0 .5rem}
.pagerIc select{border:none;border-radius:3px;height:3rem;padding:0 1rem;margin:0;font-size:1rem;line-height:3rem;cursor:pointer;color:#292929; text-align: center;}
.pagerIc i{font-size:1.5rem;line-height:2rem}
/* FOOTER */ 
.footer-kap{/*  background:#3b4045 url("../img/footerBG.jpg") no-repeat center center;  */ background-color:#eee;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 .content{padding-top:1rem; padding-bottom:1rem;}
.footer .col-2-12,.footer .col-3-12,.footer .col-4-12,.footer .col-6-12{}
.footer a{color:#888}
.footer p{color:#888;font-size:.8rem;line-height:1.5}
.footerLogo{width:160px;margin-top:0;margin-bottom:1.5rem;/*border:2px solid #fff;*/ /*filter:brightness(0) invert(1)*/}
.footer h3{position:relative;color:#000;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5;font-weight:600;letter-spacing:1px; margin-top:1.5rem;}
.footer h3 a{color:#000}
/* .footer h3::after{position:absolute;content:"";background:#000;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:.8rem;line-height:1.2rem;color:#888;display:block;font-weight:400}
.footermenu ul li a:hover{text-decoration:underline}
.footermenu ul li::before{position:absolute;content:"▸";top:.2rem;left:0;width:0;color:#888;}
.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;margin:0;font-size:.8rem;line-height:1rem;color:#888;font-weight:100}
ul.sosyal-link{list-style:none;margin:0 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;color:#888;text-align:center;transition:all 0.2s}
ul.sosyal-link li a{color:#888;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:#eee;padding:6px 0px;color:#888;border-top:1px solid #ddd}
.footeralt p{margin:0;color:#888;font-size:.8rem;line-height:2}
.footeralt p a{color:#888}
p.avinga{position:absolute;right:0;top:0;margin-bottom:32px;color:#888;font-weight:100}
p.avinga a{color:#888}
@media (max-width:1139px) 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)}
}

/* 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:#292929}
.bg-secondary{background-color:#ee3434}
.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:#ee3434}
.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:#292929}
.color-secondary{color:#ee3434}
.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}