.beyaz{color:white !important}
	.beyazbg{background-color:white !important}
.siyah{color:black !important}
	.siyahbg{background-color:black !important}
.gri{color:gray !important}
	.gribg{background-color:gray !important}
.mavi{color:blue !important}
	.mavibg{background-color:blue !important}
.kirmizi{color:red !important}
	.kirmizibg{background-color:red !important}
.yesil{color:green !important}
	.yesilbg{background-color:green !important}
.sari{color:yellow !important}
	.saribg{background-color:yellow !important}
.turuncu{color:orange !important}
	.turuncubg{background-color:orange !important}


.renkbirhv:hover{color:var(--renkbir) !important}
.renkbirborder{border:var(--renkbir) 1px solid !important}
.renkbirhvborder:hover{border:var(--renkbir) 1px solid !important}
.renkbirbg{background-color:var(--renkbir) !important}
.renkbirhvbghover{background-color:var(--renkbir) !important}
.renkikihv:hover{color:var(--renkiki) !important}
.renkikiborder{border:var(--renkiki) 1px solid !important}
.renkikihvborder:hover{border:var(--renkiki) 1px solid !important}
.renkikibg{background-color:var(--renkiki) !important}
.renkikihvbghover{background-color:var(--renkiki) !important}
.renkuchv:hover{color:var(--renkuc) !important}
.renkucborder{border:var(--renkuc) 1px solid !important}
.renkuchvborder:hover{border:var(--renkuc) 1px solid !important}
.renkucbg{background-color:var(--renkuc) !important}
.renkuchvbghover{background-color:var(--renkuc) !important}

.baslik, .baslik2, .baslik3, .baslik4{font-weight:bold;padding:5px 15px;margin:0 0 15px 0;font-size:calc(1em + 0.15vw)}
.baslik{background-color:var(--renkbir);color:var(--renkiki);}
.baslik a{color:var(--renkiki)}
.baslik2{background-color:var(--renkiki);color:var(--renkbir);}
.baslik2 a{color:var(--renkbir)}
.baslik3{background-color:var(--renkuc);color:var(--renkbir);}
.baslik3 a{color:var(--renkbir)}
.baslik4{background-color:var(--renkbir);color:var(--renkuc);}
.baslik4 a{color:var(--renkuc)}
.baslik5 {position: relative; display: inline-block;max-width: 85vw;letter-spacing:0.3em;text-shadow: 5px 5px 4px var(--renkbir)}
.baslik5:before {content: '';display: block;background-color: var(--renkbir);width: 35%;height: 3px;position:absolute;top:0;left:-5%}
.baslik5:after {content: '';display: block;background-color: var(--renkiki);width: 35%;height: 3px;position:absolute;bottom:-3px;right:-5%}

.ayrac{margin-top:5px;margin-bottom:10px;border-bottom:var(--metinrenk) 1px solid;}
.ayrac1{margin-top:5px;margin-bottom:10px;border-bottom:var(--renkbir) 1px dashed;}
.ayrac2{margin-top:5px;margin-bottom:10px;border-bottom:var(--renkiki) 1px dashed;}
.ayrac3{margin-top:5px;margin-bottom:10px;border-bottom:var(--renkuc) 1px dashed;}
.ayrac4{margin: 0 auto;display: block;width: 33%;height: 3px;background: linear-gradient(to right, rgba(30,87,153,0) 0%,var(--renkbira) 50%,var(--renkbira) 51%,rgba(225,228,226,0) 99%,rgba(229,229,229,0) 100%)}
.ayrac5{margin: 0 auto;display: block;width: 33%;height: 3px;background: linear-gradient(to right, rgba(30,87,153,0) 0%,var(--renkikia) 50%,var(--renkikia) 51%,rgba(225,228,226,0) 99%,rgba(229,229,229,0) 100%)}

.kisa {width:12% !important;white-space:nowrap}
.orta {width:50% !important;}
.uzun {width:95% !important;}

.ufak{font-size:calc(1em - 0.2vw)}
.cokbuyuk{font-size:calc(1.2em + 0.7vw)}

.notralsonuc, .olumlusonuc, .hatalisonuc, .bilgisonuc {border:#ccc 1px solid !important;color:#fff;line-height: 22px;font-size: 0.9em;}
.notralsonuc {background-color:#f37d05 !important;}
.notralbilgisonuc{border: #f37d05 1px solid;color: #f37d05;padding: 5px;margin: 5px;background-color: #ffeebf;}
.olumlusonuc {background-color:green !important;}
.olumlubilgisonuc{border: green 1px solid;color: green;padding: 5px;margin: 5px;background-color: #f0f8ff;}
.hatalisonuc {background-color:red !important;}
.hatalibilgisonuc{border: red 1px solid;color: red;padding: 5px;margin: 5px;background-color: #f7cdcd;}
.bilgisonuc {background-color:#483d8b !important}
.notralsonuc a, .olumlusonuc a, .hatalisonuc a, .bilgisonuc a{color:#E8E8E8}
.butonlastir {background-color:var(--renkbir);color:var(--renkiki);border:#ccc 1px solid;display: inline-block; padding: 4px 7px !important; line-height: normal; min-width: 110px;box-shadow:#000 0px 1px 5px}
.butonlastir a{color:var(--renkiki)} .butonlastir:hover{box-shadow:#000 0px 1px 3px;top:1px;position:relative}
.butonlastir2 {background-color:var(--renkiki);color:var(--renkbir);border:#ccc 1px solid;display: inline-block; padding: 4px 7px !important; line-height: normal; min-width: 110px;box-shadow:#000 0px 1px 5px}
.butonlastir2 a{color:var(--renkbir)} .butonlastir2:hover{box-shadow:#000 0px 1px 3px;top:1px;position:relative}
.butonlastir3 {background-color:var(--renkbir);color:var(--renkuc);border:#ccc 1px solid;display: inline-block; padding: 4px 7px !important; line-height: normal; min-width: 110px;box-shadow:#000 0px 1px 5px}
.butonlastir3 a{color:var(--renkuc)} .butonlastir3:hover{box-shadow:#000 0px 1px 3px;top:1px;position:relative}
.butonlastir4 {background-color:var(--renkiki);color:var(--renkuc);border:#ccc 1px solid;display: inline-block; padding: 4px 7px !important; line-height: normal; min-width: 110px;box-shadow:#000 0px 1px 5px}
.butonlastir4 a{color:var(--renkuc)} .butonlastir4:hover{box-shadow:#000 0px 1px 3px;top:1px;position:relative}

blockquote, .blockquote {width: 90%;margin: 3% auto;font-family: Open Sans;font-style: italic;color: var(--metinrenk);padding: 3% 1% 3% 2%;border-left: 8px solid var(--renkbira);position: relative;background: var(--renkuca)}
/* blockquote, .blockquote {font-size: calc(1em + 0.45vw);width: 60%;margin: 50px auto;font-family: Open Sans;font-style: italic;color: var(--metinrenk);padding: 1.2em 30px 1.2em 75px;border-left: 8px solid var(--renkbir);line-height: 1.6;position: relative;background: var(--renkuca);} */
blockquote::before{font-family: "Font Awesome 5 Free";content: "\f10d";font-weight: 600;color: var(--renkbir);font-size: 25px;position: absolute;left: 10px;top: -15px;}
blockquote::after{font-family: "Font Awesome 5 Free";content: "\f10e";font-weight: 600;color: var(--renkbir);font-size: 25px;position: absolute;right: 10px;bottom: -15px;}
blockquote p:last-child[align="right"] b{font-style: normal;font-family: monospace;font-weight: 600;color: var(--renkbir);position: absolute;bottom: 10px;right: 10px;}

.x5{font-size:5em}
.x6{font-size:6em}
.x7{font-size:7em}
.x8{font-size:8em}
.x9{font-size:9em}
.x10{font-size:10em}

.z0{animation-delay:0.5s; animation-duration: 1s}
.z1{animation-delay:1s; animation-duration: 1s}
.z2{animation-delay:1.5s; animation-duration: 1s}
.z3{animation-delay:2s; animation-duration: 1s}
.z4{animation-delay:2.5s; animation-duration: 1s}
.z5{animation-delay:3s; animation-duration: 1s}
.z6{animation-delay:3.5s; animation-duration: 1s}
.z7{animation-delay:4s; animation-duration: 1s}
.z8{animation-delay:4.5s; animation-duration: 1s}
.z9{animation-delay:5s; animation-duration: 1s}
.z10{animation-delay:5.5s; animation-duration: 1s}


.gradsagsol{background:var(--bgrenk);background: linear-gradient(to left, var(--renkuc) , var(--bgrenk))}
.gradsolsag{background:var(--bgrenk);background: linear-gradient(to right, var(--renkuc) , var(--bgrenk))}
.gradustalt{background:var(--bgrenk);background: linear-gradient(to bottom, var(--renkuc) , var(--bgrenk))}
.gradaltust{background:var(--bgrenk);background: linear-gradient(to top, var(--renkuc) , var(--bgrenk))}
.tablobaslik{display:inline-block;width:110px;white-space:nowrap;background-color: var(--renkbir);color:var(--renkiki);font-weight: bold;padding: 7px 10px 7px 10px;border: var(--renkbir) 1px solid}
.tabloustbaslik{display:block;width:100%;background-color:#eee;color:#000;padding: 7px 10px 7px 10px;}
.tabloyanbaslik{display: inline-block;min-width: 120px;max-width: 200px;overflow: hidden;white-space: nowrap;background-color: var(--renkiki);color: var(--renkbir);padding: 7px;border: var(--renkbir) 1px solid}

.videotasiyici{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-left:auto;margin-right:auto}
.videotasiyici iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.tablotasiyici {width: 100%; min-width: 300px;display: block; overflow-x: auto;}

.basatuttur{position:fixed !important;z-index:100;top:0;right:0;left:0;margin-right:auto;margin-left:auto}
h1,h2,h3,h4,h5,h6{color:var(--renkbir);font-weight:bold;margin:0 0 15px 0;font-size:calc(1em + 0.55vw)}

#ekrankarart{display:none;width:100%;height:100%;position:fixed;top:0;z-index:49;background-color:#000;opacity:0.7}

.tbltbl{display:table;width:100%;border-collapse: separate; border-spacing: 10px;table-layout: fixed}
.tblsatir{display:table-row}
.tblsutun{display:table-cell;vertical-align:top}
form input, form select, form textarea{padding: 6px;border: #ccc 1px solid;background-color: #fbfbfb;border-radius: 4px;box-shadow: #eee 4px 3px 4px 0px;}
input.hatalisonuc{border:#ff0000 1px solid !important;background-color:#fbfbfb !important;color:unset !important}

/* *********** TASARIM DEĞERLERİ BAŞLIYOR **************** */
body.yanmenuacik{overflow:hidden}
#solmenuactusu{display:none;position:fixed;top:0px;left:0px;padding:0 5px;z-index:50;background-color:var(--renkbir);background-color:var(--renkbir)d9;color:var(--renkiki);cursor:pointer}
#solmenuactusu:before{content:"≡";font-family:Times New Roman;font-size:40px;line-height:25px;font-weight:bold;color:var(--renkiki);}
	.yanmenuacik #solmenuactusu{left:0}
	.yanmenuacik #solmenuactusu:before{content:"X";font-family:verdana;font-size:26px}
#sayfabasligi {padding-left:5px;margin-top:5px;white-space: nowrap;position: fixed}

/* ****** ICERIK DEGERLERI BASLIYOR ************ */
.menuolustur ul li{text-align:left;position:relative;white-space:nowrap}.menuolustur ul li:hover{visibility:inherit} .menuolustur ul li a{display:block;position:relative;padding:10px} .menuolustur ul li a:hover{}
.menuolustur.yatay ul li{display:inline-block;} .menuolustur.yatay ul li li{display:block;} .menuolustur.yatay ul ul{position:absolute;top:-999em;width:210px} 
.menuolustur.dikey.baslikli ul li{padding:0px} .menuolustur.dikey.baslikli{margin-top:-7px} .menuolustur.dikey.baslikli ul li a{display:block; font-weight:bold; margin-top: 7px; text-indent: 5px;} .menuolustur.dikey.baslikli ul ul li a{font-weight:normal;margin-top:0px}
.menuolustur.dikey ul li{display:block} .menuolustur.dikey ul li{padding: 0px 0px 0px 10px;} .menuolustur.dikey ul li{padding:0px} .menuolustur.dikey ul li a{padding-left:5px;padding-right:5px;padding-bottom:3px;} .menuolustur.dikey ul ul li a{padding:5px}
.menuolustur.altmenusuz ul ul{display:none} 
.menuolustur.altmenulu ul li:hover>ul{visibility:visible} .menuolustur.altmenulu ul li:hover ul{left:0;top:80%;z-index:10} .menuolustur.altmenulu ul ul li{width:100%;position:relative;display:block;padding:0px} .menuolustur.altmenulu ul ul li a{padding:10px} .menuolustur.altmenulu ul ul li a:hover{} .menuolustur.altmenulu ul li:hover li ul{top:-999em} .menuolustur.altmenulu ul li li:hover ul{left:95%;top:0} .menuolustur.altmenulu ul li li:hover li ul{top:-999em} .menuolustur.altmenulu ul li li li:hover ul{left:95%;top:0} .menuolustur.altmenulu ul li li li:hover li ul{top:-999em} .menuolustur.altmenulu ul li li li li:hover ul{left:95%;top:0} .menuolustur.altmenulu ul li li li li:hover li ul{top:-999em} .menuolustur.altmenulu ul li li li li li:hover ul{left:95%;top:0}
.menuolustur.altmenulu.dikey ul ul li{padding: 0px 0px 0px 10px;} 

.yandamenu {margin: 0 5%}
.yandamenu a{background-color: var(--renkiki); color: var(--renkbir); font-size: 0.8em}
.yandamenu .ustmenuli li a {background-color: var(--bgrenk);border-bottom: #f7f7f7 1px solid}
.yandamenu ul li:hover{visibility:inherit} .yandamenu ul li{text-align:left;position:relative;white-space:nowrap;padding:10px;} .yandamenu ul li a{display:block;position:relative} 
.yandamenu.yatay ul li{display:inline-block;} .yandamenu.yatay ul li li{display:block;} .yandamenu.yatay ul ul{position:absolute;top:-999em;width:210px} 
.yandamenu.altmenusuz ul ul{display:none} 
.yandamenu.altmenulu ul li:hover>ul{visibility:visible} .yandamenu.altmenulu ul li:hover ul{left:0;top:80%;z-index:10} .yandamenu.altmenulu ul ul li{width:100%;position:relative;display:block;padding:10px} .yandamenu.altmenulu ul li:hover li ul{top:-999em} .yandamenu.altmenulu ul li li:hover ul{left:95%;top:0} .yandamenu.altmenulu ul li li:hover li ul{top:-999em} .yandamenu.altmenulu ul li li li:hover ul{left:95%;top:0} .yandamenu.altmenulu ul li li li:hover li ul{top:-999em} .yandamenu.altmenulu ul li li li li:hover ul{left:95%;top:0} .yandamenu.altmenulu ul li li li li:hover li ul{top:-999em} .yandamenu.altmenulu ul li li li li li:hover ul{left:95%;top:0} 
.yandamenu.altmenulu.dikey ul ul li{padding: 0px 0px 0px 10px;} 
.yandamenu.baslikli ul li a{display:block;font-weight:bold; margin-bottom: 7px; text-indent: 5px;} .yandamenu.baslikli ul ul li a{margin-bottom:0px}
.yandamenu.dikey.baslikli ul li{padding:0px}  
.yandamenu.dikey ul li {display:block} .yandamenu.dikey ul li{padding: 0px 0px 0px 10px;line-height:200%} .yandamenu.dikey ul li{padding:0px} .yandamenu.dikey ul li a{padding-left:5px;margin-bottom:3px;} 

#aramaformu{}
#t_aramaformu form{position: relative;display: inline-block}
#t_aramaformu .aramaforminput{padding-right: 25px;}
#t_aramaformu input[type="submit"]{position: absolute;z-index:2;right: 0;top: 0;width: 25px;border: none;box-shadow: none;background-color: transparent}
#t_aramaformu i.fa{position: absolute;right: 5px;top: 7px;font-size: 16px}

.duyuruolustur.gorselsiz .dkresim{display:none} .duyuruolustur.gorselsiz.yatay div.duyurukutusu{position:relative;height:220px;overflow:hidden;} .duyuruolustur.yatay div.duyurukutusu{display:inline-block;float:left;width:48%;height:260px;overflow:hidden;margin:7px 1%} .duyuruolustur.dikey div.duyurukutusu{display:block;width:100%;margin-bottom:7px} .duyuruolustur div.duyurukutusu{position:relative;margin-bottom:7px} .duyuruolustur div.dkbaslik{padding:7px 0px; text-indent:10px} .duyuruolustur div.dkbaslik a{font-weight:bold;} .duyuruolustur div.dkresim{width:100%;max-width:500px;max-height:225px;overflow:hidden;margin-bottom:5px} .duyuruolustur.gorselli div.dkresim{background:url('/site_dosyalar/bos_250x141.png') center center no-repeat;height:100px} .duyuruolustur.dikey.gorselli div.dkresim{margin:5px auto;text-align:center} .duyuruolustur div.dkresim img{width:100%;height:auto} .duyuruolustur div.dkicerik{padding:0px 7px} .duyuruolustur.dikey div.dkicerik{padding:0px 7px 10px 7px} .duyuruolustur a.ddevami{position:absolute;bottom:0;right:0;padding:4px 14px;} .duyuruolustur a.ddevami:before{content:"Devamı ..."}
.yandaduyuru.gorselsiz .dkresim{display:none} .yandaduyuru.gorselsiz.yatay div.duyurukutusu{position:relative;height:220px;overflow:hidden;} .yandaduyuru.yatay div.duyurukutusu{display:inline-block;float:left;width:48%;height:260px;overflow:hidden;margin:7px 1%} .yandaduyuru.dikey div.duyurukutusu{display:block;width:100%;margin-bottom:7px} .yandaduyuru{margin:10px 0px} .yandaduyuru div.duyurukutusu{position:relative;margin-bottom:7px} .yandaduyuru.cerceveli div.duyurukutusu {border:var(--renkbir) 1px solid;} .yandaduyuru div.dkbaslik{background-color:var(--renkbir); padding:7px 0px; text-indent:10px} .yandaduyuru div.dkbaslik a{font-weight:bold;color:var(--renkiki)} .yandaduyuru div.dkresim{width:100%;max-width:500px;max-height:225px;overflow:hidden;margin-bottom:5px} .yandaduyuru.gorselli div.dkresim{background:url('/site_dosyalar/bos_250x141.png') center center no-repeat;height:100px} .yandaduyuru.dikey.gorselli div.dkresim{margin:5px auto;text-align:center} .yandaduyuru div.dkresim img{width:100%;height:auto} .yandaduyuru div.dkicerik{padding:0px 7px} .yandaduyuru.dikey div.dkicerik{padding:0px 7px 10px 7px} .yandaduyuru a.ddevami{position:absolute;bottom:0;right:0;background-color:var(--renkbir); padding:4px 14px;color:var(--renkiki)} .yandaduyuru a.ddevami:before{content:"Devamı ..."}
.digerduyurular{display:block;width:100%;text-align:right}

.haberolustur.gorselsiz .hkresim{display:none} .haberolustur.gorselsiz.yatay div.haberkutusu{position:relative;height:220px;overflow:hidden;} .haberolustur.yatay div.haberkutusu{display:inline-block;width:30%;min-width:300px;height:260px;overflow:hidden;margin:7px 1%} .haberolustur.yatay.ikili div.haberkutusu{display:inline-block;width:48%;min-width:300px;height:260px;overflow:hidden;margin:7px 1%} .haberolustur.dikey div.haberkutusu{display:block;width:100%;margin-bottom:7px} .haberolustur{} .haberolustur div.haberkutusu{position:relative;margin-bottom:7px} .haberolustur.cerceveli div.haberkutusu {} .haberolustur div.hkbaslik{padding:7px 0px; text-indent:10px} .haberolustur div.hkbaslik a{font-weight:bold;} .haberolustur div.hkresim{width:100%;max-width:500px;max-height:225px;overflow:hidden;margin-bottom:5px} .haberolustur.gorselli div.hkresim{background:url('/site_dosyalar/bos_250x141.png') center center no-repeat;height:100px} .haberolustur.dikey.gorselli div.hkresim{margin:5px auto;text-align:center} .haberolustur div.hkresim img{width:100%;height:auto} .haberolustur div.hkicerik{padding:0px 7px;text-align:left} .haberolustur.dikey div.hkicerik{padding:0px 7px 10px 7px} .haberolustur a.hdevami{position:absolute;bottom:0;right:0;padding:4px 14px;} .haberolustur a.hdevami:before{content:"Devamı ..."}
.yandahaber.gorselsiz .hkresim{display:none} .yandahaber.gorselsiz.yatay div.haberkutusu{position:relative;height:220px;overflow:hidden;} .yandahaber.yatay div.haberkutusu{display:inline-block;float:left;width:48%;height:260px;overflow:hidden;margin:7px 1%} .yandahaber.dikey div.haberkutusu{display:block;width:100%;margin-bottom:7px} .yandahaber{margin:10px 0px} .yandahaber div.haberkutusu{position:relative;margin-bottom:7px} .yandahaber.cerceveli div.haberkutusu {border:var(--renkbir) 1px solid;} .yandahaber div.hkbaslik{background-color:var(--renkbir); padding:7px 0px; text-indent:10px} .yandahaber div.hkbaslik a{font-weight:bold;color:var(--renkiki)} .yandahaber div.hkresim{width:100%;max-width:500px;max-height:225px;overflow:hidden;margin-bottom:5px} .yandahaber.gorselli div.hkresim{background:url('/site_dosyalar/bos_250x141.png') center center no-repeat;height:100px} .yandahaber.dikey.gorselli div.hkresim{margin:5px auto;text-align:center} .yandahaber div.hkresim img{width:100%;height:auto} .yandahaber div.hkicerik{padding:0px 7px} .yandahaber.dikey div.hkicerik{padding:0px 7px 10px 7px} .yandahaber a.hdevami{position:absolute;bottom:0;right:0;background-color:var(--renkbir); padding:4px 14px;color:var(--renkiki)} .yandahaber a.hdevami:before{content:"Devamı ..."}
.digerhaberler{display:block;width:100%;text-align:right}

#t_rhaber {line-height: 2vh;}
#t_rhaber .rhaberkutusu {position:relative;padding: 3px;height: 98px;overflow: hidden;margin: 1%;border: #000 1px solid;display: inline-block;}
.yatay.uclu #t_rhaber .rhaberkutusu {width: 30%;}
.yatay.ikili #t_rhaber .rhaberkutusu {width: 48%;}
.dikey #t_rhaber .rhaberkutusu{width: 98%;display:block;margin-left:auto;margin-right:auto}
.dikey.uclu #t_rhaber .rhaberkutusu {width: 30%;}
.dikey.ikili #t_rhaber .rhaberkutusu {width: 48%;}
#t_rhaber .rhkbaslik {display:block;overflow: hidden;white-space: nowrap;}
#t_rhaber .rhkresim {display: inline-block;float: left;width: 120px;height: 90px;overflow: hidden;margin-right: 5px;padding:3%;background: url(/site_dosyalar/bos_180x190.png) center center no-repeat;background-size: 80%;}
.gorselsiz #t_rhaber .rhkresim{display:none}
#t_rhaber .rhkresim a img {width: 100%;height: auto;}
#t_rhaber .rhkicerik {height: 90px;overflow: hidden;}

.etkinlikolustur ul{text-align:center}
.etkinlikolustur li.etkinlikkutusu {position: relative;border: var(--renkiki) 1px solid;padding: 0;background-color: var(--renkiki);line-height: unset}
.etkinlikolustur li .ekresim img{width:100%;height:auto}
.etkinlikolustur .ektarih{position: absolute;top: 2%;right: 0;background-color: var(--renkikia);padding: 2%}
.etkinlikolustur .ekfiyat{position: absolute;top: 2%;left: 0;background-color: var(--renkikia);padding: 2%}
.etkinlikolustur .ekbaslik{text-align: center;letter-spacing: 2px;font-weight: bold;padding: 2% 0}
.etkinlikolustur .ekkategori{text-align: center;opacity:0.9}
.etkinlikolustur .ekicerik{text-align: justify;padding: 2%}
.etkinlikolustur .ekdevami{position: absolute;bottom: 0;right: 0;background-color: var(--renkbir);padding: 0 4%;color: var(--renkiki)}

#urunkategorilistesi.yatay{} #urunkategorilistesi.yatay ul li {display:inline-block;} #urunkategorilistesi.yatay ul li li {display:block;} #urunkategorilistesi.dikey ul li {display:block} #urunkategorilistesi ul li{text-align:left;position:relative;white-space:nowrap} #urunkategorilistesi.dikey ul li{padding: 0px 0px 0px 10px;line-height:200%} #urunkategorilistesi ul li:hover{visibility:inherit} #urunkategorilistesi.yatay ul li:hover{} #urunkategorilistesi ul li a{display:block;position:relative;} #urunkategorilistesi.yatay ul li a{padding:10px} #urunkategorilistesi ul li a:hover{} #urunkategorilistesi.altmenusuz ul ul{display:none} #urunkategorilistesi.altmenulu ul li:hover>ul{visibility:visible} #urunkategorilistesi.altmenulu ul li:hover ul{left:0;top:80%;z-index:10} #urunkategorilistesi.yatay ul ul{position:absolute;top:-999em;width:210px} #urunkategorilistesi.altmenulu.yatay ul ul li{border-bottom:#fff 1px solid} #urunkategorilistesi.altmenulu ul ul li{width:100%;position:relative;display:block} #urunkategorilistesi.altmenulu.dikey ul ul li{padding: 0px 0px 0px 10px;} #urunkategorilistesi.altmenulu.yatay ul ul li:hover{} #urunkategorilistesi.altmenulu ul ul li a{} #urunkategorilistesi.altmenulu ul ul li a:hover{} #urunkategorilistesi.altmenulu ul li:hover li ul{top:-999em} #urunkategorilistesi.altmenulu ul li li:hover ul{left:95%;top:0} #urunkategorilistesi.altmenulu ul li li:hover li ul{top:-999em} #urunkategorilistesi.altmenulu ul li li li:hover ul{left:95%;top:0} #urunkategorilistesi.altmenulu ul li li li:hover li ul{top:-999em} #urunkategorilistesi.altmenulu ul li li li li:hover ul{left:95%;top:0} #urunkategorilistesi.altmenulu ul li li li li:hover li ul{top:-999em} #urunkategorilistesi.altmenulu ul li li li li li:hover ul{left:95%;top:0} #urunkategorilistesi.dikey.baslikli ul li{padding:0px} #urunkategorilistesi.baslikli ul li a{display:block;font-weight:bold; margin-bottom: 7px; text-indent: 5px;} #urunkategorilistesi.baslikli ul ul li a{background-color:transparent;font-weight:normal;margin-bottom:0px}

#urunkategorilistesi.dikey ul li{padding:0px} #urunkategorilistesi.dikey ul ul li a:before{content:"\26AC "} #urunkategorilistesi.dikey ul li a{padding-left:5px;margin-bottom:3px;background-color:var(--renkiki);color:var(--renkbir);border-bottom:var(--renkbir) 1px solid;} #urunkategorilistesi.dikey ul ul li a{background-color:var(--bgrenk);border:none}

.slidealani{display:table;table-layout:fixed;width:100%;}
.slidealani .slidesizoge img{width:100%;height:auto}

#sabituyemenusu:before{content:"Üyelik menüsü";padding-left:5px;background-color:var(--renkbir);display:block;line-height:40px;color:var(--renkiki);font-size:calc(1em + 0.15vw)}
#sabituyemenusu{border-left: var(--renkbir) 1px solid;margin-bottom:20px}
#sabituyemenusu ul li {line-height:22px;padding-left:7px}


/* tümden eklemece */

.suannerede{font-size:calc(1em - 0.15vw);clear:both;line-height:30px;}
.suannerede div{display:inline}
.suannerede div:not(:last-of-type):after{content:":"}

.sayfaetiketleri, .eskategoriler{margin-top:10px;padding-top:10px;border-top: var(--renkbir) 1px dashed}
.sayfaetiketleri span, .eskategoriler span{font-weight:bold}
.sayfaetiketleri i{color: var(--renkbira);font-size: x-small;}

#resimgalerileri{text-align:center}
#resimgalerileri li{position:relative;width:150px;height:150px;overflow:hidden;margin:0 5px 5px 5px;display:inline-block;border:var(--renkiki) 1px solid}
#resimgalerileri li a{width:150px;height:150px;display:table-cell;vertical-align:middle;text-align:center}
#resimgalerileri li div{opacity:0.8;position:absolute;left:0;bottom:0;width:100%;line-height:25px;background-color:#000;color:#fff;font-size:0.9em;border:#fff 1px solid;border-top:0;border-radius:4px}

#altgaleriler {text-align:center}
#altgaleriler li {width: calc(100vw / 5) !important;height: calc(100vw / 5) !important;max-width: 220px;max-height: 220px;min-width: 100px;min-height: 100px;position: relative;overflow: hidden;margin: 0 5px 5px 5px;display: inline-block;border: var(--renkbir) 1px solid}
#altgaleriler li a {width: 100% !important;height: calc(calc(100vw / 5) / 1.6) !important;max-width: 220px;max-height: 165px;overflow: hidden;display: block}
#altgaleriler li a img {height: 100%;width: auto}

.galeriresimleri,#moduldokumanlari{text-align:center}
.galeriresimleri li, #moduldokumanlari li, .galerigibigoster li{position:relative;width:150px;height:150px;overflow:hidden;margin:0 5px 5px 5px;display:inline-block;border:var(--renkbir) 1px solid}
.galeriresimleri li a, #moduldokumanlari li a, .galerigibigoster li a{width:150px;height:150px;display:table-cell;vertical-align:middle;text-align:center}
.galresisim{position: absolute;bottom: 0;left: -150px;text-align: center;display: block;width: 100%;background: var(--renkbir);color: var(--renkiki); transition: left 0.4s ease-in-out; -webkit-transition: left 0.4s ease-in-out;}
.galeriresimleri li:hover .galresisim{left:0px}

#moduldokumanlari li p{text-align:center}
#moduldokumanlari li p.dokumanicon{zoom:0.6}
#moduldokumanlari li p.dokumanicon a{display:block;width:100%;height:100%;padding:10px}

#tumduyurularigoster{}
#tumduyurularigoster div.baslik{}
#tumduyurularigoster #tumduyurular{}
#tumduyurularigoster #tumduyurular div.duyurukutusu{width:100%;margin-bottom:10px;border-bottom:var(--renkbir) 1px solid}
#tumduyurularigoster #tumduyurular div.dkbaslik{font-size:0.9em;padding:7px 0px;text-indent:10px}
#tumduyurularigoster #tumduyurular div.dkbaslik a{color:var(--renkbir)}
#tumduyurularigoster #tumduyurular div.dkresim{}
#tumduyurularigoster #tumduyurular div.dkresim img{}
#tumduyurularigoster #tumduyurular div.dkicerik{padding:10px}
#tumduyurularigoster #tumduyurular a.ddevami{float:right;background-color:var(--renkbir); padding:2px 4px;color:var(--renkiki);border-radius:15px}

#duyurugoster{}
#duyurugoster h1.baslik{}
#duyurugoster div.duyuruicerik{}
#duyurugoster div.duyuruicerik .duyururesmi{float:left;margin:10px;margin-left:0;width:50%;max-width:320px;min-width:300px;}
#duyurugoster div.duyuruicerik .duyururesmi img{width:100%;height:auto}
#duyurugoster p.tamamilink{}
#duyurugoster p.tamamilink a{}

#tumhaberlerigoster{}
#tumhaberlerigoster div.baslik{}
#tumhaberlerigoster #tumhaberler{}
#tumhaberlerigoster #tumhaberler div.haberkutusu{width:100%;margin-bottom:10px;border-bottom:var(--renkbir) 1px solid}
#tumhaberlerigoster #tumhaberler div.hkbaslik{font-size:0.9em;padding:7px 0px;text-indent:10px}
#tumhaberlerigoster #tumhaberler div.hkbaslik a{color:var(--renkbir)}
#tumhaberlerigoster #tumhaberler div.hkresim{}
#tumhaberlerigoster #tumhaberler div.hkresim img{}
#tumhaberlerigoster #tumhaberler div.hkicerik{padding:10px}
#tumhaberlerigoster #tumhaberler a.hdevami{float:right;background-color:var(--renkbir); padding:2px 4px;color:var(--renkiki);border-radius:15px}

#habergoster{}
#habergoster h1.baslik{}
#habergoster div.habericerik{}
#habergoster div.habericerik div.haberresmi{float:left;margin:10px;margin-left:0;width:50%;max-width:320px;min-width:300px;}
#habergoster div.habericerik div.haberresmi a img{width:100%;height:auto}

#menugosterim{}
#menugosterim h1{font-size:calc(1em + 0.6vw)}
#menugosterim .ayrac{}
#menugosterim .menuicerik{}
#menugosterim .menuicerik .menuresmi{float:left;margin:10px;margin-left:0;width:50%;max-width:220px;min-width:200px;}
#menugosterim .menuicerik .menuresmi img{width:100%;height:auto}
#icerikustresmi{width:100%;}
#icerikustresmi img{width:100%;height:auto}

#altmenulist{text-align:center}
#altmenulist ul li{width: calc(82% / 4);display: inline-block;margin: 1%;position: relative;border: var(--renkbir) 1px solid;overflow: hidden}
#altmenulist ul li p{padding:0}
#altmenulist ul li p a{display:block;width:100%;height:100%;}
#altmenulist ul li p.altmenulistgorsel a img{width: 100%;height: auto;}

#tumhizmetlergoster, #tumurunlergoster, #tumdistributorluklergoster, #tumbayiliklergoster{}
#hizmetlerlistesi, #urunlerlistesi, #distributorluklerlistesi, #bayiliklerlistesi{text-align:center}
.hizmetlerkatkutusu, .urunlerkatkutusu, .distributorluklerkatkutusu, .bayiliklerkatkutusu{display:inline-block;background-color:var(--renkbir);border:var(--renkbir) 1px solid;margin:2px 0px;}
.hizmetlerkatresmi, .urunlerkatresmi, .distributorluklerkatresmi, .bayiliklerkatresmi{overflow-y:hidden}
.hizmetlerkatresmi a, .urunlerkatresmi a, .distributorluklerkatresmi a, .bayiliklerkatresmi a{display:block}
.hizmetlerkatresmi a img, .urunlerkatresmi a img, .distributorluklerkatresmi a img, .bayiliklerkatresmi a img{width:100%;height:auto}
.hizmetlerkatbaglanti, .urunlerkatbaglanti, .distributorluklerkatbaglanti, .bayiliklerkatbaglanti{}
.hizmetlerkatbaglanti a, .urunlerkatbaglanti a, .distributorluklerkatbaglanti a, .bayiliklerkatbaglanti a{color:var(--renkiki);line-height:30px;}

#urunkategorigosterim{}
#urunkategorigosterim .urunkategoriresmi{width:50%;max-width:700px;text-align:center;margin:0px 15px 15px 0px;display:inline-block;float:left}
#urunkategorigosterim .urunkategoriresmi img{width:100%;max-width:310px;height:auto}

#hizmetkategorigosterim{}
#hizmetkategorigosterim .hizmetkategoriresmi{width:100%;max-width:700px;text-align:center;margin-bottom:10px}
#hizmetkategorigosterim .hizmetkategoriresmi img{width:100%;height:auto}

#urunaltkategorigosterim{text-align:center}
#urunaltkategorigosterim p.baslik{}
#urunaltkategorigosterim .altkatmenusu{width:45%;max-width:300px;display:inline-block;border:var(--renkbir) 1px solid;margin:2px 0px;overflow: hidden}
#urunaltkategorigosterim .altkatresmi{}
#urunaltkategorigosterim .altkatresmi img{width:100%;height:auto}
#urunaltkategorigosterim .altkatimi{background-color:var(--renkbir);white-space:nowrap}
#urunaltkategorigosterim .altkatimi a{line-height:22px;color:var(--renkiki)}

#hizmetaltkategorigosterim{text-align:center}
#hizmetaltkategorigosterim p.baslik{}
#hizmetaltkategorigosterim .altkatmenusu{width:45%;max-width:300px;display:inline-block;border:var(--renkbir) 1px solid;margin:2px 0px}
#hizmetaltkategorigosterim .altkatresmi{}
#hizmetaltkategorigosterim .altkatresmi img{width:100%;height:auto}
#hizmetaltkategorigosterim .altkatimi{background-color:var(--renkbir);}
#hizmetaltkategorigosterim .altkatimi a{line-height:22px;color:#fff}

#tumbagliurunlergosterim{text-align:center}
.urunvitrinkutu{position:relative;width: calc(92% / 4);margin: 1%;max-width:300px;height:318px;border:var(--renkbir) 1px solid;text-align:center;display:inline-block;overflow:hidden}
.urunvitrinkutu:hover{box-shadow: var(--renkbir) 0px 0px 10px;}
.urunvitrinkutu .urunvitrinress{width:100%;height:190px;overflow:hidden;margin-bottom:20px}
.urunvitrinkutu .urunvitrinress a{display:block;height:100%}
.urunvitrinkutu .urunvitrinicerik{}
.urunvitrinkutu .urunvitrinicerik p.urunvitrinkategori{}
.urunvitrinkutu .urunvitrinicerik p.urunvitrinkategori a{}
.urunvitrinkutu .urunvitrinicerik p.urunvitrinurunadi{height: 45px;width: 98%;margin: 0 auto;font-size: 0.9em;line-height: 22px;}
.urunvitrinkutu .urunvitrinicerik p.urunvitrinurunadi a{}
.urunvitrinkutu .urunvitrinicerik p.urunvitrinurunfiyat{position: absolute;bottom: 10px;left: calc(100% / 3);font-size:1.1em;color:var(--renkbir);font-weight:bold;}
.urunvitrinkutu .urunvitrinicerik a.urunvitrinincele {display:none;background-color:var(--renkbir);line-height:40px;border:1px solid var(--renkiki);color:var(--renkiki);width:100%;position:absolute;bottom:0;left:0}
.urunvitrinkutu:hover a.urunvitrinincele{display:block}

.urunvitrinkutu .indirimgosterge {position: absolute;top: 0;left: 0;}
.urunvitrinkutu .indirimgosterge i{position: absolute;top: 0;left: 0;font-size: 60px;color: green;z-index: 0;}
.urunvitrinkutu .indirimgosterge span{display: table-cell;width: 55px;height: 60px;vertical-align: middle;position: relative;z-index: 1;color: white;}
.urunvitrinkutu .urunvitrinicerik{margin-top:-15px;}

#urungosterim{}
#urungosterim h1{}
#urungosterim .kampanyabilgileri{margin: 10px 0;padding: 5px;font-size: calc(1em + 0.15vw);}
#urungosterim .urunresimleri{width: 100%;max-width: 300px;overflow:hidden}
#urungosterim .urunresimleri div.owl-carousel{}
#urungosterim .urunresimleri div.owl-carousel div.slide-urunresim{}
#urungosterim .urunresimleri div.owl-carousel div.slide-urunresim a{}
#urungosterim .urunresimleri div.owl-carousel div.slide-urunresim a img{}

#urungosterim .urunbilgileri{margin-left:20px}
#urungosterim .urunbilgileri div{margin-bottom:15px}
#urungosterim .urunbilgileri .urunkategori{}
#urungosterim .urunbilgileri .urunadi{}
#urungosterim .urunbilgileri .urunfiyat{}
#urungosterim .urunbilgileri .urunfiyat .sonfiyat{}
#urungosterim .urunbilgileri .urunkdv{}
#urungosterim .urunbilgileri .urunkdv .kdvekleme{}
#urungosterim .urunbilgileri .urunkdv .kdvyuzdesi{}
#urungosterim .urunbilgileri .uruntoplam{}
#urungosterim .urunbilgileri .uruntoplam .kdvlifiyat{}

#urungosterim .urunbilgileri2 .uruntekliftalep{}

#haricisatisbaglantilari .haricisatisbaglantisi{width:100%;max-width:300px;margin:0 auto;text-align:center;border:var(--renkbir) 2px solid;padding: 5px 15px;}
#haricisatisbaglantilari .haricisatisbaglantisi a{font-weight:bold}

#ekfiyattablo{display: table; border-collapse: separate;width:310px;margin:0 auto 15px auto;border-spacing: 0;}
#ekfiyattablo .itblsatir{display: table-row;background-color:#eee}
#ekfiyattablo .itblsutun{display: table-cell;vertical-align: top;padding:6px}
#ekfiyattablo .itblsutun span{font-size:calc(1em - 0.15vw)}

#urunsatisalan{text-align:center}

.etkinlikkutusu{line-height:32px}
.etkinlikkutusu:hover {border-bottom: #ddd 1px solid}
.etkinlikkutusu span.etbaslik{}
.etkinlikkutusu span.eticerik{color:#000}
.etkinlikkutusu span.ettarih{padding:2px 4px;background-color:var(--renkbir) !important;min-width: 90px;display: inline-block;text-align: center}

.yukleniyorbg{background:url(/resimler/yukleniyor.gif) 50% 10% no-repeat}

#haritalogosu {color:var(--renkbir);font-weight:bold} /* txt Logolar için */

.sayfalama{text-align:center}
.sayfalama p.toplamkayit{}
.sayfalama ul.sayfanumaralari{list-style-type: none;}
.sayfalama ul li{display: inline-block;border: var(--renkbir) 1px solid;line-height: 35px;width: 35px;text-align: center;}
.sayfalama ul li.basagit{border:none}
.sayfalama ul li.gerigit{border:none}
.sayfalama ul li.sonagit{border:none}
.sayfalama ul li.ilerigit{border:none}
.sayfalama ul li.simdikisayfa{background-color:var(--renkbir);color:var(--renkiki)}
.sayfalama ul li.arabosluk{border:none}
.sayfalama ul li a{display:block}

#t_sosyalpaylasim{width: 100%;max-width: 290px;border: var(--renkbir) 1px solid;padding: 10px;margin-bottom: 10px}
#t_sosyalpaylasim span{font-weight: bold;font-size: 0.8em;}

#t_icerikler p img{max-width:100%;height:auto}
img[src*="/resimler/lazy.gif"] {width:auto !important; max-width:auto !important; height:auto !important}