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

.alanbaslik {position:relative;font-size: calc(1em + 0.5vw);z-index:1;overflow:hidden;font-weight: bold;padding: 1% 0}
.alanbaslik:after, .alanbaslik:before {content:"\a0";position:absolute;top:51%;width:100%;height:2px;background-color:var(--renkiki);text-align:right}
.alanbaslik:before{margin-left: calc(-100% - 15px)}
.alanbaslik:after{margin-left: 15px}

.modulbaslik {position:relative;font-size: calc(1em + 0.5vw);z-index:1;overflow:hidden;font-weight: bold;padding: 1% 0}
.modulbaslik:after, .modulbaslik:before {content:"\a0";position:absolute;top:51%;width:100%;height:2px;background-color:var(--renkiki);text-align:right}
.modulbaslik:before{margin-left: calc(-100% - 15px)}
.modulbaslik:after{margin-left: 15px}

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

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

form input, form button, form select, form textarea, 
.form input, .form button, .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 ************ */
#hizli-telefon span:after, #hizli-gsm span:after, #hizli-eposta span:after, #hizli-adres span:after{content:" : "}

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

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

/* 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: "\203A";padding: 3px;font-weight: bold;font-size: 1.3em;color: var(--renkbir)}

.sayfaetiketleri, .eskategoriler{margin:1% 0}

#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{text-align:center}
.galeriresimleri 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, .galerigibigoster li a{width:150px;height:150px;display:table-cell;vertical-align:middle;text-align:center;background-size:90% !important}
.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 {border-bottom: #ccc 1px solid;margin: 2% 0;padding-bottom: 1%}

/* Etkinlikler */
/* Tümü */
#surefiltre {margin-bottom:10px;}
#surefiltre a {cursor:pointer; border: #ccc 1px solid; padding: 4px;margin: 3px;display: inline-block;width: calc(84% / 5);min-width:100px;font-size:0.9em}
#turfiltre .filtreleme {cursor:pointer; border: #ccc 1px solid; padding: 4px;margin: 3px;display: inline-block;width: calc(calc(94% - 18px) / 4);min-width:125px}
#turfiltre input{margin-right: 5px}
.etkinlikkutusu {text-align:left;position: relative;width: calc(92% / 3);overflow: hidden;border: #ccc 2px solid;margin: 1%;padding: 1%;display: inline-block;font-size:0.9em;line-height:1.5em;border-bottom-right-radius: 15px}
.ekbaslik{text-align: center;height: 40px;font-weight: bold}
.ekkategori {position: absolute;top: 10px;left: 10px;background-color: #fff;padding: 5px 10px;border-bottom-right-radius: 10px;box-shadow: #000 5px 5px 10px -10px;}
.ekdevami {position: absolute;font-family: monospace;bottom: -3px;right: -3px;border: var(--renkbir) 1px solid;background-color: var(--renkbir);color: var(--bgrenk);border-left: none;border-top: none;padding: 0px 7px;border-top-left-radius: 20px}
@media only screen and (max-width:720px){ .etkinlikkutusu {width: calc(95% / 2)} }
@media only screen and (max-width:560px){ .etkinlikkutusu {width: 100%; max-width:420px} .etkinlikkutusu img{width:100%;} }
/* Tekil */
@media all and (min-width: 640px) { .etkinlikicerik .solkutu{padding: 20px;float: left;width: 50%} }

/* Duyurular */
/* Tümü */
.duyurukutusu {text-align:left;position: relative;width: calc(92% / 3);overflow: hidden;border: #ccc 2px solid;margin: 1%;padding: 1%;display: inline-block;font-size:0.9em;line-height:1.5em;border-bottom-right-radius: 15px}
.dkgorsel{position:relative;height: 230px;overflow: hidden}
.dkgorsel .va{height: 230px;display: table-cell;vertical-align: middle}
.dkgorsel .va:after{-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px); content: "";display: block;position: absolute;width: 100%; height: 100%;top: 0}
.dkgorsel .va a {position:relative;z-index:1}
.dkbaslik{text-align: center;height: 40px;font-weight: bold}
.dkicerik{height:140px;overflow:hidden}
.ddevami:before{content:attr(data-before)}
.ddevami {position: absolute;font-family: monospace;bottom: -3px;right: -3px;border: var(--renkbir) 1px solid;background-color: var(--renkbir);color: var(--bgrenk);border-left: none;border-top: none;padding: 0px 25px;border-top-left-radius: 20px}
@media only screen and (max-width:720px){ .duyurukutusu {width: calc(95% / 2)} }
@media only screen and (max-width:560px){ .duyurukutusu {width: 100%; max-width:420px} .duyurukutusu img{width:100%;} }
/* Tekil */
#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}

/* haberler */
/* Tümü */
.haberkutusu {text-align:left;position: relative;width: calc(92% / 3);overflow: hidden;border: #ccc 2px solid;margin: 1%;padding: 1%;display: inline-block;font-size:0.9em;line-height:1.5em;border-bottom-right-radius: 15px}
.hkgorsel{position:relative;height: 230px;overflow: hidden}
.hkgorsel .va{height: 230px;display: table-cell;vertical-align: middle}
.hkgorsel .va:after{-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px); content: "";display: block;position: absolute;width: 100%; height: 100%;top: 0}
.hkgorsel .va a {position:relative;z-index:1}
.hkbaslik{text-align: center;height: 40px;font-weight: bold}
.hkicerik{height:140px;overflow:hidden}
.hdevami:before{content:attr(data-before)}
.hdevami {position: absolute;font-family: monospace;bottom: -3px;right: -3px;border: var(--renkbir) 1px solid;background-color: var(--renkbir);color: var(--bgrenk);border-left: none;border-top: none;padding: 0px 25px;border-top-left-radius: 20px}
@media only screen and (max-width:720px){ .haberkutusu {width: calc(95% / 2)} }
@media only screen and (max-width:560px){ .haberkutusu {width: 100%; max-width:420px} .haberkutusu img{width:100%;} }
/* Tekil */
#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 .menuicerik .menuresmi{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 li {position:relative;display: inline-block;margin: 1%;width: calc(90% / 3);max-width: 265px;overflow:hidden;border: #ccc 1px solid;border-top: none;padding: 1%;font-size: 0.9em;box-shadow: #000 0px 7px 15px -10px;border-bottom-right-radius:15px}
@media only screen and (max-width:640px){ #altmenulist li {width: calc(94% / 2); } }
@media only screen and (max-width:460px){ #altmenulist li {width: 98%; display: block; margin-bottom:15px; max-width:unset} }
#altmenulist .altmenulistgorsel{min-height:100px;text-align:center}
#altmenulist .altmenulistgorsel i {font-size: 80px}
#altmenulist .altmenulistbaslik {font-weight:bold;min-height:40px}
#altmenulist .menuicerikonizleme {text-align:left;min-height:190px}
#altmenulist .detaygoster{position: absolute;font-family: monospace;bottom: -3px;right: -3px;border: var(--renkbir) 1px solid;background-color: var(--renkbir);color: var(--bgrenk);border-left: none;border-top: none;padding: 2px 10px;border-top-left-radius: 20px;}

.icerikgorselleri {width: 100%;/* max-width: 720px;*/margin: 2% auto;padding: 2%;box-shadow: #000 0px 0px 28px -10px}
.icerikgalerisi{margin-bottom:20px}
#gorseller2 .item {width: 120px;height: 120px;overflow:hidden;padding: 5px;border: #ccc 1px solid;margin-left:auto !important;margin-right:auto !important}
#gorseller2 .item img {position: relative;top: 50%;transform: translateY(-50%)}

#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%;background-size: 90% !important;}
.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{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}

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

input#captchacode {display:block}

img.lazy {opacity: 0}
img:not(.initial) {transition: opacity 1s}
img.initial,img.loaded,img.error {opacity: 1}