@charset "utf-8";

@-ms-viewport { width: device-width; }

.clear { clear: both; }
html { width: 100%; height: 100%; }
a, a img { border: none; text-decoration: none; color: #848484; }
p, h1, h2, h3, h4, h5, h6, strong, b, span { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; }
body, input, textarea, keygen, select, button { margin: 0px; padding: 0px; text-decoration: none; line-height: 15px; font-family: 'trOp'; color: #7a7a7a; font-size: 14px; font-weight: 400; }


body { background: #fff; display: none; }
strong, b { font-weight: 600; }
body.alt { /* background: #ffffff; */ }



.bekle { width: 100%; height: 100%; position: absolute; background: #FFFFFF url(../images/495.GIF) no-repeat center center; z-index: 99; left: 0px; top: 0px; }
.logo a, .logo img { width: 100%; float: left; }



input, .anaBaslik .arrow a, .tabCaro .caroMenu ul li a, .tabCaro .arr a, .filtre.yMenu ul li a, .filtre ul li label, .urunDetay .sagKisim .ayrinti .artir a, .yazarGoster .yazarAra .harf a, .genelListe.yazarListe ul li .baslik a.kpt, .genelListe.yazarListe ul li .baslik a.kpt:before, .header .alt .uyeGiris ul li a, .header .alt .uyeGiris a.grs, .tbAc:after, .urunListe.genelListe li .hover { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }



.ortala { width: 1170px; max-width: 1170px; /* height: 100%; */ float: left; margin-left: calc(50% - 585px); /* display: table; */ position: relative; }
.icerik { width: 100%; min-height: 192px; float: left; box-sizing: border-box; padding: 0; margin-top: 20px; background: #fff; margin-bottom: 80px; }
.kapla { width: 100%; float: left; background: #fff; }
.icerik.full { padding: 20px; border: solid 1px #ececec; background: #fff; }
.icerik .solBar {width: 285px;float: left;margin-top: 0;}
.icerik .sagBar {width: calc(100% - 310px);float: right;box-sizing: border-box;}
.icerik .sagBar.border { padding: 20px; border: solid 1px #ececec; background: #fff; }
.icerik .yazi { width: 100%; float: left; font-size: 14px; color: #444444; line-height: 21px; }
.icerik.mNone { margin-bottom: 20px; }




.header { width: 100%; float: left; margin-bottom: 69px; position: relative; z-index: 104; }
.header .ust { width: 100%; height: 48px; float: left; }
.header .ust .telefon { width: auto; float: left; font-size: 16px; line-height: 22px; color: #000000; font-weight: 300; margin-top: 13px; }
.header .ust .sosyalMedia { width: auto; float: right; margin: 0px; margin-top: 8px; }
.header .alt { width: 100%; height: 120px; float: left; }
.header .alt .ortala { background: #f9f9f9; padding: 11px 17px; box-sizing: border-box; }
.header .alt .logo { width: 292px; float: left; margin-top: 0; }
.header .alt .aramaBari { width: 493px; float: left; position: relative; background: #fff; margin-left: 88px; margin-top: 14px; }
.header .alt .aramaBari input[type="text"] { width: 100%; float: left; font-size: 22px; color: #696969; font-weight: 300; line-height: 22px; padding: 19px 83px 19px 20px; box-sizing: border-box; }
.header .alt .aramaBari input[type="submit"] { width: 73px; height: 100%; position: absolute; right: 0px; top: 0px; border-left: solid 2px #f9f9f9; background: url(../images/araic.png) no-repeat center center; }
.header .alt .sag { width: auto; float: right; position: relative; margin-top: 14px; }
.header .alt .uyeProfil { width: auto; float: left; }
.header .alt .uyeProfil a, .header .alt .uyeProfil input[type="submit"] { width: 68px; height: 68px; float: left; background-color: #fff; background-position: center center; background-repeat: no-repeat; margin-right: 4px; }
.header .alt .uyeProfil a.uye { background-image: url(../images/usric.png); }
.header .alt .uyeProfil .cikis { background-image: url(../images/ckisci.png); }
.header .alt .uyeProfil a:last-child, .header .alt .uyeProfil input[type="submit"]:last-child { margin-right: 0px; }
.header .alt .sepetGoster { width: auto; float: left; margin-left: 6px; }
.header .alt .sepetGoster a { width: 78px; height: 68px; float: left; background: url(../images/sptic.png) no-repeat center center #fff; }
.header .alt .sepetGoster a span { width: 40px; height: 40px; position: absolute; background: #f04d53; border-radius: 100%; vertical-align: middle; text-align: center; color: #fff; font-size: 19px; line-height: 41px; border: solid 3px #fff; right: -13px; top: -14px; }
.header .alt .menuBar { width: 100%; position: absolute; left: 0px; bottom: -60px; text-align: center; background: #f04d53; height: auto; }



.slider { width: 100%; height: 404px; float: left; position: relative; }
.slider ul, .slider ul li, .slider ul li a, .slider ul li img {width: 100%;float: left;position: relative;box-sizing: border-box;background-size: cover !important;}
.slider .arr { width: 25px; height: 80px; position: absolute; top: calc(50% - 44px); z-index: 101; background-position: center center; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.25); }
.slider .arr.sol { background-image: url(../images/sldsol.png); left: 10px; }
.slider .arr.sag { background-image: url(../images/sldsag.png); right: 10px; }


.aramaBari { position: relative; }
#aAramaUl, #aAramaUlY { display: none; position: absolute; top: 51px; left: 0; width: 100%; z-index: 9; padding: 10px 0; background-color: #f8f8f8; height: 250px; overflow-y: scroll; padding: 5px 17px; box-sizing: border-box; z-index: 9999; }
#aAramaUlY { top: 32px; }
#aAramaUl li, #aAramaUlY li { padding: 5px; border-bottom: 1px solid #f0f0f0; width: 100%; float: left; color: #727272; font-size: 14px; }
#aAramaUl li a, #aAramaUlY li a { width: 100%; float: left; font-size: 14px; color: #828282; }
#aAramaUl li:last-child, #aAramaUlY li:last-child { border: none; }
#aAramaUl li.aramabaslik { font-weight: 500; padding: 10px 0px; }
.genelArama { width: 100%; float: left; box-sizing: border-box; padding: 0px 15px; }
.genelArama h2 { width: 100%; float: left; font-size: 20px; color: #f04d53; }
.genelArama .yazi { margin-top: 6px; margin-bottom: 10px; }
.arama-liste { margin-bottom: 36px; width: 100%; float: left; }
.arama-liste .tumu { width: 100%; float: left; text-align: center; font-size: 15px; background: #f04d53; color: #fff; margin-top: 10px; padding: 11px 0px; }
.arama-liste:last-child { margin-bottom: 0px; }


.tabCaro { width: 100%; float: left; position: relative; margin-top: 20px; }



.caroMenu { width: 100%; float: left; background: #f9f9f9; margin-bottom: 10px; padding-top: 10px; padding-left: 10px; box-sizing: border-box; }
.caroMenu ul { width: auto; float; float: left; }
.caroMenu ul li { width: auto; float: left; margin-left: 3px; }
.caroMenu ul li a { width: auto; float: left; font-size: 14px; color: #555555; line-height: 15px; padding: 14px 16px; }
.caroMenu ul li a.active { background: #fff; }


.tabCaro { width: 100%; float: left; box-sizing: border-box; position: relative; margin-top: 30px; }
.tabCaro .baslik { width: 100%; float: left; border-bottom: solid 1px #5a93a9; }
.tabCaro .baslik strong { width: auto; float: left; font-size: 15px; color: #ffffff; background: #5a93a9; padding: 15px 20px; }
.tabCaro .solkisim { width: 220px; float: left; }
.tabCaro .sagKisim { width: calc(100% - 240px); float: right; position: relative; }



.icKisim { width: 100%; float: left; position: relative; min-height: 150px; }
.icKisim .ick { width: 100%; float: left; position: absolute; left: 0px; top: 0px; display: none; }



.urunListe.genelListe { position: relative; }
.urunListe.genelListe.golge { margin-bottom: 40px; }
.urunListe.genelListe.golge:after { content: ""; width: 100%; height: 35px; position: absolute; left: 0px; bottom: -35px; background: url(../images/altlogo.png) no-repeat bottom center; background-size: contain; }
.urunListe.genelListe li { width: 25%; padding: 0px; text-align: center; }
.urunListe.genelListe li .kapsa { width: 100%; float: left; padding: 5px; box-sizing: border-box; cursor: inherit; }
.urunListe.genelListe li a { width: 100%; float: left; box-sizing: border-box; padding: 0px 10px 10px 10px; border: solid 1px #f0f0f0; background: #fff; z-index: 25; }
.urunListe.genelListe li .resim { position: relative; height: 240px; }
.urunListe.genelListe li .resim .yuzde {width:40px;height:40px;position:absolute;right: 0px;top: 10px;background: #f04d53;z-index: 99;border-radius: 100%;font-size: 14px;color: #fff;line-height: 39px;}
.urunListe.genelListe li .resim img { max-width: calc(100% - 20px); max-height: calc(100% - 32px); width: auto; height: auto; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.urunListe.genelListe li h6 { font-size: 12px; color: #444444; line-height: 18px; margin-top: 0; min-height: 37px; }
.urunListe.genelListe li .yayin { width: 100%; float: left; font-size: 12px; color: #bebebe; margin-top: 9px; }
.urunListe.genelListe li .kod { width: 100%; float: left; font-size: 12px; color: #444444; margin-top: 9px; }
.urunListe.genelListe li .fiyats { width: 100%; float: left; margin-top: 10px; }
.urunListe.genelListe li .fiyats div { width: auto; display: inline-table; border-right: solid 1px #70adc3; vertical-align: middle; padding: 0px 7px; text-decoration: line-through; color: #bfbfbf; font-size: 13px; }
.urunListe.genelListe li .fiyats div:last-child { border-right: none; padding-right: 0px; font-size: 16px; text-decoration: none; color: #70adc3; }
.urunListe.genelListe li .fiyats div.gercek { }
.urunListe.genelListe li .fiyats div.indirim { }
.urunListe.genelListe li .kapsa:hover .hover { opacity: 1; bottom: -32px; }
.urunListe.genelListe li .hover { width: calc(100% - 12px); height: auto; float: left; position: absolute; left: 6px; bottom: 0; opacity: 0; z-index: 45; }
.urunListe.genelListe .caroufredsel_wrapper li .kapsa:hover .hover { bottom: 5px; }
.urunListe.genelListe li .hover .kapsul { width: 100%; height: auto; position: relative; float: left; text-rendering: optimizeLegibility; vertical-align: bottom; }
.urunListe.genelListe li .hover .kapsul .urun { width: 100%; float: left; font-size: 12px; color: #fff; line-height: 20px; /* border-top: solid 1px #fff; */ position: relative; padding-top: 15px; display: none; }
.urunListe.genelListe li .hover .kapsul .urun:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; top: 1px; background: #fff; }
.urunListe.genelListe li .hover .kapsul .yayini { width: 100%; float: left; font-size: 13px; color: #fff; margin-top: 10px; display: none; }
.urunListe.genelListe li .hover .kapsul .fiyati { width: 100%; float: left; font-size: 16px; color: #fff; line-height: 16px; position: relative; margin-top: 17px; padding-bottom: 18px; display: none; }
.urunListe.genelListe li .hover .kapsul .fiyati strong { font-size: 26px; }
.urunListe.genelListe li .hover .kapsul .fiyati:after { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #fff; }
.urunListe.genelListe li .hover .buttons { width: 100%; float: left; }
.urunListe.genelListe li .hover .buttons a { width: 50%; float: left; font-size: 13px; color: #fff; background: #5d5d5d; margin-bottom: 7px; padding: 10px 0px; border: 0; margin: 0; }
.urunListe.genelListe li .hover .buttons a.sepetEkle { background: #91c356; }
.urunListe.genelListe li .hover .buttons a.incele { margin-bottom: 0px; background: #328aab; }


.urunListe.genelListe.besLi li { width: 20%; }
.urunListe.genelListe.besLi li:nth-child(5n) { }

.urunListe.genelListe.dortLu li { width: 25%; }
.urunListe.genelListe.dortLu li:nth-child(4n) { }
.urunListe.genelListe.dortLu li .resim { height: 219px; }

.urunListe.genelListe.ucLu li { width: 33.33%; }
.urunListe.genelListe.ucLu li:nth-child(4n) { }



.tabCaro .arr { width: 100%; float: left; background: #f2f2f2; text-align: center; padding: 9px 0px; }
.tabCaro .arr a { display: inline-table; height: 31px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-color: #328aab; text-align: center; margin: 0px; vertical-align: top; }
.tabCaro .arr a.tumu { font-size: 12px; color: #fff; line-height: 12px; padding: 9px 50px; background: #555; }
.tabCaro .arr a.ar { width: 32px; height: 31px; }
.tabCaro .arr a.ar.sol { background-image: url(../images/crsol.png); }
.tabCaro .arr a.ar.sag { background-image: url(../images/crsag.png); }
.tabCaro .arr a:hover { background-color: #656662; }
.tabCaro .arr a.tumu.active { width: 100%; }




.anaBaslik { width: 100%; float: left; min-height: 26px; position: relative; margin: 30px 0px 20px 0px; border-bottom: solid 1px #dadada; }
.anaBaslik .sag { width: auto; float: right; }
.anaBaslik .arrow { width: auto; float: left; margin-top: 0; }
.anaBaslik .arrow a { float: left; width: 32px; height: 31px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-color: #707070; }
.anaBaslik .arrow a:hover { background-color: #9a9b93; }
.anaBaslik .arrow a.sol { background-image: url(../images/crsol.png); }
.anaBaslik .arrow a.sag { background-image: url(../images/crsag.png); margin-left: 2px; }
.anaBaslik .inc { width: auto; float: left; font-size: 15px; color: #444444; margin-right: 8px; margin-top: 7px; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: left; position: relative; padding: 0px 11px 12px 0px; border-bottom: solid 1px; margin-bottom: -1px; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a { width: auto; text-align: left; float: left; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { font-size: 23px; color: #707070; line-height: 26px; font-weight: 400; }
.noCaro .anaBaslik .arrow { display: none; }


.reklamAlani { width: 100%; float: left; margin-top: 20px; }
.reklamAlani.ust { margin-top: 4px; }
.reklamAlani a { width: 100%; float: left; }
.reklamAlani img, .reklamAlani iframe { width: 100%; height: auto; float: left; }
.sagBar .reklamAlani { margin-top: 20px; margin-bottom: 20px; }



.anaSayfa { width: 100%; float: left; position: relative; margin-top: 20px; }



.caro { position: relative; }
.genelListe .caroufredsel_wrapper ul li, .genelListe .caroufredsel_wrapper ul { transition: none; }



.urunListe.genelListe.firsat { background: #f2f2f2; margin-top: 30px; padding-bottom: 16px; }
.urunListe.genelListe.firsat .anaBaslik { margin-top: 20px; }
.urunListe.genelListe.firsat:after { content: ""; width: 100%; height: 35px; position: absolute; left: 0px; bottom: -35px; background: url(../images/altlogo.png) no-repeat bottom center; }



.bankalar { width: 100%; float: left; background: #fff; position: relative; padding: 40px 0px; }
.bankalar:before, .bankalar:after { content: ""; width: 100%; height: 1px; position: absolute; background: url(../images/ciz.png) repeat-x; left: 0px; z-index: 9; }
.bankalar:before { top: 40px; }
.bankalar:after { bottom: 40px; }
.bankalar a, .bankalar img { width: 100%; float: left; }



.altBar { width: 100%; float: left; background: #afafaf; position: relative; margin-top: 0; }
.altBar .altMenu { width: 100%; float: left; position: relative; display: table; }
.altBar .altMenu .slot { width: auto; padding: 15px 17px; box-sizing: border-box; display: table-cell; vertical-align: top; }
.altBar .altMenu .slot h6 { width: 100%; float: left; font-size: 16px; line-height: 18px; border-bottom: solid 1px #9a9a9a; padding-bottom: 7px; margin-bottom: 10px; }
.altBar .altMenu .slot:nth-child(1) { width: 452px; padding-left: 0px; }
.altBar .altMenu .slot:nth-child(2) { width: 432px; /* background: #d9d9d9; */ margin-left: 34px; }
.altBar .altMenu .slot:nth-child(3) { width: 221px; background: #f5f5f5; }
.altBar .altMenu ul { }
.altBar .altMenu ul li { width: 50%; float: left; position: relative; }
.altBar .altMenu ul li a { font-size: 12px; color: #ffffff; font-family: arial; line-height: 21px; }
.altBar .altMenu ul li a:before { content: "+"; margin-right: 5px; display: none; }
.altBar .altMenu ul, .altBar .altMenu ul li a { width: 100%; float: left; position: relative; }
.altBar .altMenu .slot:nth-child(1) h6 { color: #ffffff; /* border-color: #7a7b7b; */ }
.altBar .altMenu .slot:nth-child(1) ul li a:before { color: #adadad; }
.altBar .altMenu .slot:nth-child(2) ul li a:before { color: #000; }
.altBar .altMenu .slot:nth-child(3) ul li a:before { display: none; }
.altBar .altMenu .slot:nth-child(2) h6 { color: #ffffff; /* border-color: #000000; */ }
.altBar .altMenu .slot:nth-child(3) h6 { color: #636363; /* border-bottom: 0px; */ }
.altBar .altMenu .slot:nth-child(3) ul li { width: 100%; }
.altBar .altMenu .slot:nth-child(3) ul li a { color: #5f5c5c; }
.altBar .bilgi { width: 100%; float: left; background: #f1f1f1; padding: 11px 0px; }
.altBar .bilgi .sol { width: calc(100% - 241px); float: left; font-size: 13px; color: #656565; font-family: arial; line-height: 17px; }
.altBar .bilgi .sol span { color: #328aab; }
.altBar .bilgi .teknoBay { width: 234px; float: right; background: #f04d53; font-size: 12px; color: #fff; text-align: center; padding: 9px 0px; }



.katResim { width: 100%; height: 131px; float: left; position: relative; z-index: 5; background: rgb(179, 179, 179); }
.katResim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.34); z-index: -1; }
.katResim img { width: 100%; float: left; }
.katResim h1, .katResim strong { width: auto; position: absolute; left: 50%; top: 30px; z-index: 55; font-size: 36px; color: #fff; font-weight: 300; transform: translate(-50%, 0); line-height: 42px; border-bottom: solid 1px #fff; border-top: solid 1px #fff; padding: 0px 30px; }
.katResim .ortala { height: 131px; }

.katResim .linkAgaci { width: 100%; float: left; position: absolute; left: 0px; bottom: 20px; }
.katResim .linkAgaci ul { width: 100%; float: left; text-align: center; }
.katResim .linkAgaci ul li { width: auto; float: none; position: relative; display: inline-table; margin: 3px 0; vertical-align: text-bottom; }
.katResim .linkAgaci ul li:before { content: "/"; color: #ffffff; right: 0px; top: 0px; height: 100%; margin-right: 10px; margin-left: 10px; }
.katResim .linkAgaci ul li a { width: auto; float: left; font-size: 14px; color: #ffffff; position: relative; }
.katResim .linkAgaci ul li:last-child:before { display: none; }
.katResim .linkAgaci ul li:last-child a { }


/*.linkAgaci { width: 100%; float: left; position: relative; margin-top: 15px; margin-bottom: 3px; }
.linkAgaci ul { width: 100%; float: left; }
.linkAgaci ul li { width: auto; float: left; position: relative; }
.linkAgaci ul li:before { content: "/"; color: #3f91b0; right: 0px; top: 0px; height: 100%; margin-right: 10px; }
.linkAgaci ul li a { width: auto; float: left; font-size: 12px; color: #3b3b3b; position: relative; padding: 0 0px; padding-right: 10px; margin-right: 0px; margin-bottom: 10px; }
.linkAgaci ul li:last-child:before { display: none; }
.linkAgaci ul li:last-child a { padding-right: 0px; }*/



.genelBaslik .sag { width: auto; float: right; }
.genelBaslik .sag .fLink { width: auto; float: left; margin-top: 0; margin-right: 15px; }
.genelBaslik .sag .fLink a { width: 23px; height: 32px; float: left; background-repeat: no-repeat; background-position: center; border-right: solid 1px #d0d1cb; padding-right: 17px; }
.genelBaslik .sag .fLink a.kutu { background-image: url(../images/ktuic.png); }
.genelBaslik .sag .fLink a.kutu.active { background-image: (../images/ktuic2.png); }
.genelBaslik .sag .fLink a.liste { background-image: url(../images/lstic.png); border-right: 0px; margin-right: 0px; }
.genelBaslik .sag .fLink a.liste.active { background-image: (../images/lstic.png); }
.genelBaslik .sag .select { width: 184px; float: left; }
.genelBaslik .sag .select select { width: 100%; float: left; }



.panel { float: left; }



.filTop { width: 100%; float: left; margin-top: 20px; }
.filtre { width: 100%; float: left; box-sizing: border-box; margin-bottom: 34px; }
.filtre strong { width: 100%; float: left; padding-bottom: 5px; font-weight: 400; font-size: 14px; color: #3f91b0; line-height: 17px; border-bottom: solid 1px #3f91b0; }
.filtre ul { width: 100%; float: left; box-sizing: border-box; margin-top: 14px; max-height: 178px; overflow: hidden; position: relative; }
.filtre ul ul { padding-left: 13px; margin-top: 0px; margin-top: 7px; }
.filtre ul li { width: 100%; float: left; margin-bottom: 10px; }
.filtre.yMenu ul li a { width: 100%; float: left; font-weight: 400; text-align: left; display: block; font-size: 12px; color: #4e4f4a; }
.filtre.yMenu ul li a:hover, .filtre ul li:hover label { color: #3f91b0; }
.filtre ul li:hover .prettycheckbox.red a, .filtre ul li:hover .prettyradio.red a { border: solid 1px #3f91b0; }
.filtre ul li:hover .prettycheckbox a.checked { background: url(../images/chek.png) no-repeat #fff center center; border: solid 1px #3f91b0; }
.filtre ul li a { float: left; }
.filtre ul li:last-child { margin-bottom: 0px; }
.filtre ul li label { width: calc(100% - 23px); float: left; margin-left: 7px; padding: 0px; margin-top: 0; font-size: 12px; color: #4e4f4a; }
.filtre ul li .prettyradio label { margin-top: 3px; width: calc(100% - 30px); }
.filtre ul li .chc { width: 100%; float: left; margin-right: 0; }
.filtre.renk ul li { width: 22px; height: 22px; margin-right: 2px; margin-bottom: 2px; }
.filtre.renk ul li a { width: 100%; height: 22px; }
.filtre.fiyat ul li .input { width: 48%; float: left; margin-right: 0; box-sizing: border-box; }
.filtre.fiyat ul li .input:nth-child(2) { float: right; }
.filtre.fiyat ul li .submit { width: 100%; float: left; cursor: pointer; box-sizing: border-box; margin-top: 9px; }
.filtre .aralik { width: 100%; float: left; margin-top: 27px; }
.filtre .slc { width: 100%; float: left; }
.solBar .guncelle { width: 100%; float: left; box-sizing: border-box; margin-top: 10px; }
.filtre input { width: 100%; float: left; background-color: #fff; box-sizing: border-box; font-size: 13px; color: #606060; padding: 8px 13px; background-repeat: no-repeat; background-position: 93% center; border: solid 1px #dddddd; }
.mfiltre, .mobBar { display: none; }


.urunDetay { width: 100%; float: left; }
.urunDetay h1 { width: 100%; float: left; font-size: 22px; color: #3f91b0; line-height: 27px; margin-bottom: 21px; }
.urunDetay h1 span { color: #333333; }
.urunDetay .solKisim { width: calc(100% - 250px); float: left; }
.urunDetay .sagKisim { width: 230px; float: right; }
.urunDetay .yazi { width: 100%; float: left; margin: 0px; padding: 0px; font-size: 12px; color: #777777; line-height: 17px; margin-top: 21px; }

.urunDetay .solKisim .sol { width: 300px; float: left; }
.urunDetay .solKisim .sol .resim { width: 100%; float: left; position: relative; }
.urunDetay .solKisim .sol .resim a { width: 100%; float: left; box-sizing: border-box; padding: 20px 20px; border: solid 1px #ededed; }
.urunDetay .solKisim .sol .resim img { width: 100%; float: left; }

.urunDetay .solKisim .sag { width: calc(100% - 320px); float: right; border-top: solid 1px #ededed; padding-top: 20px; }
.urunDetay .solKisim .sag .yzrYayin { width: 100%; float: left; }
.urunDetay .solKisim .sag .yzrYayin h6 { width: 70px; float: left; font-size: 14px; color: #727272; font-weight: 500; position: relative; padding-right: 5px; box-sizing: border-box; }
.urunDetay .solKisim .sag .yzrYayin h6:after { content: ":"; position: absolute; width: 4px; height: 100%; right: 0px; top: 0px; }
.urunDetay .solKisim .sag .yzrYayin ul { width: calc(100% - 70px); float: left; box-sizing: border-box; padding-left: 6px; }
.urunDetay .solKisim .sag .yzrYayin ul li { width: auto; float: left; }
.urunDetay .solKisim .sag .yzrYayin ul li a { width: auto; float: left; position: relative; border-right: solid 1px #3f91b0; padding-right: 8px; margin-right: 8px; margin-bottom: 9px; font-size: 13px; color: #555555; }
.urunDetay .solKisim .sag .yzrYayin ul li:last-child a { border-right: none; }

.urunDetay .solKisim .sag .kitapBilgi { width: 100%; float: left; margin-top: 19px; }
.urunDetay .solKisim .sag .kitapBilgi ul { width: 100%; float: left; }
.urunDetay .solKisim .sag .kitapBilgi ul li { width: 100%; float: left; margin-bottom: 7px; }
.urunDetay .solKisim .sag .kitapBilgi ul li:last-child { margin-bottom: 0px; }
.urunDetay .solKisim .sag .kitapBilgi ul li .ksag { float: left; font-size: 13px; color: #555555; width: calc(100% - 108px); box-sizing: border-box; padding-left: 10px; }
.urunDetay .solKisim .sag .kitapBilgi ul li .ksol { width: 108px; float: left; font-size: 14px; color: #727272; font-weight: 500; position: relative; box-sizing: border-box; padding-right: 10px; }
.urunDetay .solKisim .sag .kitapBilgi ul li .ksol:after { content: ":"; position: absolute; width: 4px; height: 100%; right: 0px; top: 0px; }

.urunDetay .solKisim .pyIcon { width: 100%; float: left; border-top: solid 1px #eee; border-bottom: solid 1px #eee; margin-top: 30px; position: relative; }
.urunDetay .solKisim .pyIcon .paylas { width: auto; float: left; margin-top: 12px; }
.urunDetay .solKisim .pyIcon .paylas a.pys { width: auto; float: left; font-size: 15px; color: #3f91b0; padding: 5px 0px; padding-left: 35px; background: url(../images/pyls.png) no-repeat left top; position: relative; z-index: 10; }
.urunDetay .solKisim .pyIcon .iconSet { width: auto; float: right; }
.urunDetay .solKisim .pyIcon .iconSet a .text { width: 102px; position: absolute; background: #3f91b0; height: auto; line-height: 12px; font-size: 12px; color: #fff; display: none; text-align: center; left: 0px; top: -37px; padding: 8px 0px 7px 0px; z-index: 999; border-radius: 4px; }
.urunDetay .solKisim .pyIcon .iconSet a .text:before { content: ""; position: absolute; left: 19px; bottom: -5px; border-style: solid; border-width: 5px 4px 0 4px; border-color: #3f91b0 transparent transparent transparent; }
.urunDetay .solKisim .pyIcon .paylas .sosyalMedia { width: calc(100% - 92px); height: 38px; position: absolute; top: -1px; right: 0px; background: #fff; z-index: 9; box-sizing: border-box; padding-top: 3px; display: none; }

.urunDetay .solKisim .pyIcon .iconSet a { width: 48px; height: 48px; float: left; text-align: center; line-height: 48px; border-left: solid 1px #eeeeee; position: relative; }
.urunDetay .solKisim .pyIcon .iconSet a img { max-width: 95%; max-height: 95%; width: auto; height: auto; float: none; vertical-align: middle; }
.urunDetay .solKisim .pyIcon .iconSet { border-right: solid 1px #eeeeee; }

.urunDetay .sagKisim .ayrinti { width: 100%; float: left; box-sizing: border-box; border: solid 1px #ededed; }
.urunDetay .sagKisim .ayrinti .fiyati { width: 100%; float: left; position: relative; min-height: 120px; padding: 0px 32px 0px 31px; box-sizing: border-box; }
.urunDetay .sagKisim .ayrinti .fiyati .gercek { font-size: 17px; color: #333333; position: relative; margin-top: 69px; margin-bottom: 6px; text-decoration: line-through; }
.urunDetay .sagKisim .ayrinti .fiyati .gercek:after { content: ""; width: 11px; height: 15px; position: relative; background: url(../images/tlic2.png) no-repeat right center; display: inline-block; margin-left: 3px; }
.urunDetay .sagKisim .ayrinti .fiyati .indirim { width: auto; float: left; font-size: 32px; color: #3f91b0; line-height: 50px; position: relative; border-top: solid 1px #ededed; }
.urunDetay .sagKisim .ayrinti .fiyati .indirim:after { content: ""; width: 18px; height: 25px; position: relative; background: url(../images/tlic.png) no-repeat right center; display: inline-block; margin-left: 3px; }
.urunDetay .sagKisim .ayrinti .fiyati .yuzde { width: 120px; height: 120px; position: absolute; right: 0px; top: 0px; background: url(../images/indrmic.png) no-repeat; color: #fff; box-sizing: border-box; padding-left: 35px; }
.urunDetay .sagKisim .ayrinti .fiyati .yuzde strong { width: 100%; float: left; font-size: 34px; line-height: 32px; font-weight: 300; text-align: right; padding: 7px; box-sizing: border-box; }
.urunDetay .sagKisim .ayrinti .fiyati .yuzde span { width: 100%; float: left; text-align: right; padding: 0px 7px 7px 7px; box-sizing: border-box; }

.urunDetay .sagKisim .ayrinti .adeti { width: 100%; float: left; position: relative; margin-top: 11px; }
.urunDetay .sagKisim .ayrinti .adeti:after { content: "Adeti Seçiniz"; font-size: 12px; color: #c6c6c6; float: left; width: 40px; margin-left: 11px; line-height: 15px; margin-top: 2px; }
.urunDetay .sagKisim .ayrinti .artir { width: auto; float: left; position: relative; margin-left: 32px; }
.urunDetay .sagKisim .ayrinti .artir a { width: 29px; height: 34px; float: left; border: solid 1px #c6c6c6; padding: 0px !important; }
.urunDetay .sagKisim .ayrinti .artir a.eksi { background: url(../images/arsag.png) no-repeat center center #fff; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.urunDetay .sagKisim .ayrinti .artir a.arti { background: url(../images/arsol.png) no-repeat center center #fff; padding: 0px !important; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.urunDetay .sagKisim .ayrinti .artir a.eksi:active { background: url(../images/arsag.png) no-repeat center center #FAFAFA; }
.urunDetay .sagKisim .ayrinti .artir a.arti:active { background: url(../images/arsol.png) no-repeat center center #FAFAFA; }
.urunDetay .sagKisim .ayrinti .adet { width: 48px; height: 36px; box-sizing: border-box; float: left; border-top: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; font-size: 16px; color: #858585; text-align: center; padding: 8px 0px; }
.urunDetay .sagKisim .ayrinti .uyari { width: 183px; position: absolute; padding: 10px 15px; font-family: arial; font-size: 12px; text-align: center; margin-top: -42px; left: -1px; color: #fff; border-radius: 3px; background: rgba(169, 19, 19, 0.8); display: none; -webkit-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); -moz-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); }
.urunDetay .artir .uyari span { font-weight: bold; }

.urunDetay .urunDurum { width: 100%; float: left; margin-top: 19px; }
.urunDetay .urunDurum .durumu { width: 100%; float: left; }
.urunDetay .urunDurum.active { }
.urunDetay .urunDurum.active .durumu:before { content: ""; width: 22px; height: 22px; float: left; background: url(../images/vric.png) no-repeat center center; border-radius: 5px; border: solid 1px #c6c6c6; margin-left: 32px; }

.urunDetay .urunDurum .uinpt { width: 100%; float: left; box-sizing: border-box; font-size: 15px; color: #777777; background: #fff; border: solid 1px #3f91b0; padding: 14px 14px; }

.urunDetay .urunDurum.active span { float: left; font-size: 12px; color: #999999; margin-top: 5px; margin-left: 7px; }
.urunDetay .urunDurum.active .butons { margin-top: 28px; }
.urunDetay .urunDurum .butons { width: 100%; float: left; }
.urunDetay .urunDurum .butons a, .urunDetay .urunDurum .butons input[type="submit"] { width: 100%; float: left; text-align: center; font-size: 15px; color: #fff; padding: 8px 0px; }
.urunDetay .urunDurum .butons a:before, .urunDetay .urunDurum .butons input[type="submit"]:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 12px; }
.urunDetay .urunDurum .butons .sepetAt { background: #3f91b0; }
.urunDetay .urunDurum .butons .hemenAl { background: #86ad29; }
.urunDetay .urunDurum .butons .favorim { background: #757575; }
.urunDetay .urunDurum .butons .hbrvr { background: #3f91b0; padding: 11px 0px; margin-bottom: 5px; font-size: 12px; }
.urunDetay .urunDurum .butons .sepetAt:before { background: url(../images/sptat.png) no-repeat; width: 30px; height: 25px; }
.urunDetay .urunDurum .butons .hemenAl:before { width: 27px; height: 27px; background: url(../images/hmnal.png); }
.urunDetay .urunDurum .butons .favorim:before { background: url(../images/fvric.png); width: 24px; height: 24px; }
.urunDetay .urunDurum .butons .hbrvr:before { background: url(../images/stshbr.png); width: 20px; height: 21px; }

.urunDetay .tabBari { width: 100%; float: left; box-sizing: border-box; padding: 11px; margin-top: 21px; position: relative; }
.urunDetay .icKisim { width: 100%; min-height: 170px; float: left; margin-top: 2px; position: relative; }
.urunDetay .icKisim .ick { width: 100%; float: left; display: none; position: absolute; font-family: arial; font-size: 12px; line-height: 20px; color: #5B5B5B; }
.urunDetay .icKisim .ick img { max-width: 100%; float: left; margin-top: 10px; }
.tabMenu { margin-top: 0; position: relative; width: 100%; float: left; border-bottom: solid 1px #f2f2f2; margin-bottom: 16px; }
.tabMenu ul { width: auto; float: left; font-family: arial; }
.tabMenu ul li { width: auto; float: left; margin-right: 6px; border-right: solid 1px #f2f2f2; }
.tabMenu ul li a { width: auto; float: left; font-size: 15px; color: #777777; padding: 8px 13px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.tabMenu ul li:first-child a { padding-left: 0px; }
.tabMenu ul li a.active { color: #3f91b0; }
    .tabMenu ul li a:hover {color: #ffffff;
    }
.tabMenu ul li:last-child a { margin-right: 0px; }

.urunDetay .yorumLar { width: 100%; float: left; bac; margin-bottom: 40px; margin-top: 0; }
.urunDetay .yorumLar .baslik { width: 100%; float: left; padding-bottom: 4px; margin-bottom: 20px; padding-left: 10px; border-bottom: solid 1px #f8f8f8; box-sizing: border-box; }
.urunDetay .yorumLar .baslik h6 { width: auto; float: left; font-size: 15px; color: #3f91b0; margin-top: 9px; border: none; }
.urunDetay .yorumLar .baslik a.yorumLink { width: auto; float: right; font-size: 14px; color: #454545; margin-right: 0; margin-top: 0; }
.urunDetay .yorumLar ul.yorumListe { width: 100%; float: left; }
.urunDetay .yorumLar ul.yorumListe li { width: 100%; float: left; margin-bottom: 29px; }
.urunDetay .yorumLar ul.yorumListe li:last-child { margin-bottom: 0px; }
.urunDetay .yorumLar ul.yorumListe li h6 { width: 100%; float: left; font-size: 15px; color: #454545; }
.urunDetay .yorumLar ul.yorumListe li .tarih { width: 100%; float: left; font-size: 14px; color: #454545; font-style: italic; margin-bottom: 4px; }
.urunDetay .yorumLar ul.yorumListe li p { width: 100%; float: left; font-size: 13px; color: #858585; line-height: 17px; }

.urunDetay .yorumLar .yorumYap { width: 100%; float: left; display: none; margin-bottom: 30px; }
.urunDetay .yorumLar .yorumYap .yinpt { width: 49%; float: left; font-size: 13px; color: #454545; padding: 8px 9px; box-sizing: border-box; border: solid 1px #c6c6c6; background: #fff; }
.urunDetay .yorumLar .yorumYap .yinpt:nth-child(2) { float: right; }
.urunDetay .yorumLar .yorumYap .text { margin-top: 10px; width: 100%; height: 100px; float: left; font-size: 13px; color: #454545; padding: 8px 9px; box-sizing: border-box; border: solid 1px #c6c6c6; background: #fff; resize: none; }
.urunDetay .yorumLar .yorumYap .ysbmt { width: auto; float: right; padding: 9px 20px; font-size: 17px; color: #ffffff; background: #ed1c24; font-weight: 300; font-family: 'roboto'; margin-top: 8px; }
.urunDetay .yorumLar .uyari { width: 100%; float: left; margin-bottom: 10px; }



.msol, .msag { display: none; }
.msol, .msag { width: 26px; height: 35px; }
.msol { background: url(../images/msol.png) no-repeat; float: left; }
.msag { background: url(../images/msag.png) no-repeat; float: left; }
.mnb { width: 100%; float: left; }
.mvrap { width: auto; height: 39px; float: left; overflow: hidden; position: relative; }
a.arIc { width: 42px !important; height: 32px !important; display: none; background: url(../images/araic.png) no-repeat center center #FAA61A; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; position: static; z-index: 999; float: right; margin-top: 12px; margin-right: 0px; }
a.arIc.active { background: url(../images/araic.png) no-repeat center center #ADADAD; margin-top: -1px; height: 56px !important; width: 48px !important; }
.panel { float: left; }
.mfiltre, .mobBar { display: none; }



.genelListe.sagUrun { margin-top: 42px; }
.genelListe.sagUrun h2 { width: 100%; float: left; font-size: 15px; color: #3f91b0; position: relative; border-bottom: solid 1px #e6e6e6; padding-bottom: 5px; padding-left: 28px; box-sizing: border-box; margin-bottom: 25px; }
.genelListe.sagUrun h2:before { content: ""; width: 21px; height: 21px; position: absolute; left: 0px; top: 12px; background: url(../images/yldz.png) no-repeat left center; z-index: 9; }
.genelListe.sagUrun li { width: 100%; padding: 0px; margin-bottom: 10px; }
.genelListe.sagUrun li:last-child { margin-bottom: 0px; }
.genelListe.sagUrun li .resim { width: 60px; box-sizing: border-box; padding: 5px; border: solid 1px #e6e6e6; margin-top: 1px; }
.genelListe.sagUrun li h6 { width: calc(100% - 70px); min-height: 45px; float: right; font-size: 11px; color: #757575; margin-top: 0; }
.genelListe.sagUrun li .fiyat { width: calc(100% - 70px); float: right; margin-top: 7px; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; padding: 3px 0px; }
.genelListe.sagUrun li .fiyat div { display: inline-table; }
.genelListe.sagUrun li .fiyat .gercek { font-size: 13px; color: #bfbfbf; text-decoration: line-through; }
.genelListe.sagUrun li .fiyat .indirim { font-size: 15px; color: #000000; border-left: solid 1px; padding-left: 7px; margin-left: 7px; border-color: #3f91b0; }
.genelListe.sagUrun li .fiyat span { font-size: 10px; }



.katListem.genelListe { }
.katListem.genelListe ul { }
.katListem.genelListe ul li { width: 100%; }
.katListem.genelListe > ul > li { border-bottom: solid 1px #efefef; }
.katListem.genelListe ul li a { font-size: 13px; color: #878787; line-height: 20px; }
.katListem.genelListe ul li h6 { width: 100%; float: left; }
.katListem.genelListe ul li h6 a { font-weight: 600; font-size: 15px; }
.katListem.genelListe ul li ul { padding-left: 9px; }
.katListem.genelListe ul li ul.buldum { color: #ac0; }
.katListem.genelListe ul li ul li { width: 33.33%; padding: 5px; }
.katListem.genelListe ul li ul li a { }
.katListem.genelListe ul li ul li ul li { width: 100%; }


.tabCaro .caroMenu.yan ul, .tabCaro .caroMenu.yan ul li, .tabCaro .caroMenu.yan ul li a { width: 100%; float: left; box-sizing: border-box; position: relative; }
.tabCaro .caroMenu.yan { padding-left: 0px; }
.tabCaro .caroMenu.yan ul { }
.tabCaro .caroMenu.yan ul li { border-bottom: solid 1px #ebebeb; margin: 0px; }
.tabCaro .caroMenu.yan ul li:last-child { border-bottom: 0px; }
.tabCaro .caroMenu.yan ul li a { font-size: 14px; color: #555555; background-repeat: no-repeat; background-position: 11px center; background-image: url(../images/artic.png); padding: 13px 5px 12px 28px; border-left: solid 5px #f9f9f9; }
.tabCaro .caroMenu.yan ul li a:hover { background-color: #fff; border-color: #fff; }
.tabCaro .caroMenu.yan ul li a.active { background-color: #fff; border-color: #3f91b0; }



.yazarGoster { width: 100%; float: left; position: relative; margin-top: 10px; }
.yazarGoster .yazarAra { width: 100%; float: left; border-bottom: solid 1px #f2f2f2; }
.yazarGoster .yazarAra .harf { width: auto; float: left; }
.yazarGoster .yazarAra .harf a { width: auto; float: left; font-size: 20px; line-height: 21px; color: #5f5d5d; padding: 4px 7px; border-left: solid 1px #f2f2f2; }
.yazarGoster .yazarAra .araInput { width: auto; float: right; }
.yazarGoster .yazarAra .araInput input[type="text"] { width: 238px; height: 32px; float: left; padding: 0px 15px !important; font-size: 12px; text-align: right; color: #999999; box-sizing: border-box; padding: 0px 0px; background: #f8f8f8; -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.2); }
.yazarGoster .yazarAra .araInput input[type="submit"] { width: 32px; height: 32px; float: left; background: url(../images/araic3.png) no-repeat center center #3f91b0; margin-left: 1px; cursor: pointer; }
.yazarGoster .yazarAra .araInput input[type="text"].active { -webkit-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 36px 0px rgba(0,0,0,0.2); }


.genelListe.yazarListe { margin-top: 20px; }
.genelListe.yazarListe ul { }
.genelListe.yazarListe > ul > li { border-top: solid 1px #f0f0f0; }
.genelListe.yazarListe ul li { width: 100%; padding: 0px 0px 0px 0px; }
.genelListe.yazarListe ul li .baslik { width: 100%; float: left; box-sizing: border-box; padding: 11px 0px; }
.genelListe.yazarListe ul li .baslik a.kpt { width: 24px; height: 24px; float: right; background: #fff; border: solid 1px #dadada; position: relative; }
.genelListe.yazarListe ul li .baslik a.kpt.active:before { border-color: #3f91b0 transparent transparent transparent; transform: rotate(180deg); }
.genelListe.yazarListe ul li .baslik a.kpt:before { content: ""; border-color: #7c7c7c transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }
.genelListe.yazarListe ul li .baslik h6 { width: auto; float: left; font-size: 12px; color: #999999; margin-top: 5px; }
.genelListe.yazarListe ul li .baslik h6 a { width: auto; float: left; }
.genelListe.yazarListe ul li .bilgi { width: 100%; float: left; border: solid 1px #f0f0f0; box-sizing: border-box; display: none; }
.genelListe.yazarListe ul li .bilgi .resim { width: 100%; float: left; box-sizing: border-box; border: solid 1px #f4f4f4; }
.genelListe.yazarListe ul li .bilgi .resim img { width: 100%; float: left; }
.genelListe.yazarListe ul li .bilgi .kapsa { width: 100%; float: left; display: table; box-sizing: border-box; padding: 4px 5px; background: #fbfbfb; table-layout: fixed; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot { display: table-cell; vertical-align: middle; box-sizing: border-box; }
/*.genelListe.yazarListe ul li .bilgi .kapsa .slot:nth-child(1) { width: 96px; }*/
.genelListe.yazarListe ul li .bilgi .kapsa .slot a.link { width: 100%; float: left; font-size: 12px; color: #ffffff; text-align: center; padding: 9px 0px; border-radius: 5px; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot a.link.tumu { background: #5c5c5c; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot a.link.dty { background: #3f91b0; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot:nth-child(1) { width: calc(100% - 391px); padding: 0px 10px; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot:nth-child(2) { width: 186px; padding: 0px 10px; border-left: solid 1px #f0f0f0; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot:nth-child(3) { width: 109px; border-left: solid 1px #f0f0f0; padding: 0px 2px 0px 10px; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot a.link { width: 100%; float: left; font-size: 12px; color: #ffffff; text-align: center; padding: 9px 0px; border-radius: 5px; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot a.link.tumu { background: #5c5c5c; }
.genelListe.yazarListe ul li .bilgi .kapsa .slot a.link.dty { background: #3f91b0; }

.genelListe.yazarListe ul li ul { padding: 10px 0px; }
.genelListe.yazarListe ul li ul li { margin-bottom: 4px; }
.genelListe.yazarListe ul li ul li a { font-size: 12px; color: #858585; border-left: solid 1px #3f91b0; padding: 0px 0px 0px 7px; line-height: 12px; }



.yazarDetay { width: 100%; float: left; }
.yazarDetay .resim { width: 252px; float: left; box-sizing: border-box; border: solid 1px #f2f2f2; }
.yazarDetay .resim a, .yazarDetay .resim img { width: 100%; float: left; box-sizing: border-box; }
.yazarDetay h1, .yazarDetay .yazi { width: calc(100% - 272px); float: right; }
.yazarDetay h1 { font-size: 25px; color: #3f91b0; line-height: 25px; border-bottom: solid 1px #f2f2f2; padding-bottom: 8px; margin-bottom: 10px; margin-top: 7px; }
.yazarDetay .yazi { }



.tabYuzde { width: 100%; float: left; border-top: solid 1px #e0e0e0; margin-bottom: 70px; }





.mbWrap { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.58); position: fixed; left: 0px; top: 0px; z-index: 99999999; display: none; }
.mobilMenu { width: 325px; height: 100%; position: fixed; left: -398px; top: 0px; background: #fff; -webkit-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51); -moz-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51); box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51); }
.mobilMenu .ustKisim { width: 100%; height: 154px; float: left; background: url(../images/mbRes.jpg) no-repeat center center; position: relative; background-size: cover; }
.mobilMenu .ustKisim .dil { width: auto; position: absolute; left: 14px; top: 12px; z-index: 15; }
.mobilMenu .ustKisim .dil a { width: auto; float: left; font-size: 16px; color: #ffffff; font-weight: 600; line-height: 16px; border-right: solid 2px #fff; padding-right: 11px; margin-right: 11px; background: none; }
.mobilMenu .ustKisim .dil a:last-child { border-right: 0px; }
.mobilMenu .ustKisim .Profil { width: 88px; height: 88px; float: left; background: url(../images/musrbg.png); z-index: 150; position: relative; margin-top: 112px; margin-left: 10px; }
.mobilMenu .ustKisim .Profil:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/muser.png) no-repeat center center; }
.mobilMenu .ustKisim .Profil { }
.mobilMenu .ustKisim .sag { width: calc(100% - 111px); float: right; margin-top: 127px; position: relative; z-index: 15; }
.mobilMenu .ustKisim .sag .panel { width: 100%; float: left; }
.mobilMenu .ustKisim .sag .panel a, .mobilMenu .ustKisim .sag .panel input[type="submit"] { width: auto; float: left; font-size: 16px; color: #ffffff; font-weight: 600; line-height: 16px; border-right: solid 2px #fff; padding-right: 11px; margin-right: 11px; background: none; }
.mobilMenu .ustKisim .sag .panel a:last-child, .mobilMenu .ustKisim .sag .panel input[type="submit"]:last-child { padding-right: 0px; margin-right: 0px; border-right: none; }
.mobilMenu .ustKisim .sag .panel a:after, .mobilMenu .ustKisim .sag .panel input[type="submit"]:after { content: attr(data-text)""; float: left; }
.ustKisim .sag .panel a span { display: none; }
.mobilMenu .ustKisim .sag .sosyalMedia { width: 100%; float: left; margin-top: 9px; position: relative; margin-left: -6px; margin-top: 12px; opacity: 0.7; }
.mobilMenu .ustKisim .sag .sosyalMedia a { margin: 0px; }
.mobilMenu .ustKisim .sag .sosyalMedia a:hover { opacity: 1; }
.mobilMenu .ustKisim .sag .sosyalMedia a.facebook { background: url(../images/social/facebook2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.twitter { background: url(../images/social/twitter2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.googleplus { background: url(../images/social/googleplus2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.instagram { background: url(../images/social/instagram2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.linkedin { background: url(../images/social/linkedin2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.pinterest { background: url(../images/social/pinterest2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.youtube { background: url(../images/social/youtube2.png) no-repeat center center; }
.mobilMenu .ustKisim .mKapat { width: 16px; height: 17px; background: url(../images/cksic.png) no-repeat; position: absolute; right: 12px; top: 12px; z-index: 999; }
.mobilMenu .ustKisim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 3; background: rgba(0, 0, 0, 0.6); }
.mobilMenu .ustKisim .Profil a { width: 100%; float: left; text-align: center; font-size: 19px; color: #ffffff; line-height: 23px; margin-bottom: 8px; }
.mobilMenu .ustKisim .Profil .cks { font-size: 14px; line-height: 15px; width: 100%; float: left; text-align: center; color: #ffffff; margin-bottom: 8px; background: none; }
.mobilMenu .altKisim { width: 100%; float: left; }
.mobilMenu .altKisim .menuBar { width: 100%; box-sizing: border-box; padding: 0px 20px; height: calc(100% - 223px); float: left; overflow-x: hidden; position: absolute; left: 0px; top: 196px; }
.mobilMenu .altKisim .menuBar ul { width: 100%; float: left; box-sizing: border-box; position: relative; }
.mobilMenu .altKisim .menuBar ul li { width: 100%; float: left; }
.mobilMenu .altKisim .menuBar ul li .resim { display: none; }
.mobilMenu .altKisim .menuBar ul li a { width: 100%; float: left; font-size: 16px; color: #414141; font-weight: 400; line-height: 16px; box-sizing: border-box; padding: 9px 0px 9px 16px; position: relative; }
.mobilMenu .altKisim .menuBar > ul > li > a.sub:after { content: ""; width: 9px; height: 5px; display: inline-table; vertical-align: middle; /*background: url(../images/mbuc.png);*/ no-repeat; margin-left: 8px; margin-top: -2px; }
.mobilMenu .altKisim .menuBar > ul > li > a.mobActive:after { transform: rotate(-180deg); }
.mobilMenu .altKisim .menuBar > ul > li > a:before { content: ""; width: 7px; height: 7px; position: absolute; left: 3px; top: 14px; background: #969696; border-radius: 100%; }
.mobilMenu .altKisim .menuBar > ul > li > a { border-bottom: solid 1px #e0e0e0; }
.mobilMenu .altKisim .menuBar > ul > li:last-child > a { border-bottom: 0px; }
.mobilMenu .altKisim .menuBar ul li a b, .mobilMenu .altKisim .menuBar ul li a strong { font-weight: 400; }
.mobilMenu .altKisim .menuBar ul li ul { padding: 8px 0px 0px 17px; display: none; }
.mobilMenu .altKisim .menuBar ul li ul li { }
.mobilMenu .altKisim .menuBar ul li ul li a { font-size: 13px; padding: 4px 0px; }
.mobilMenu .altKisim .altMenu { width: 100%; float: left; background: #cfcfcf; position: absolute; left: 0px; bottom: 0px; padding: 7px 0px; }
.mobilMenu .altKisim .altMenu ul { width: 100%; float: left; text-align: center; }
.mobilMenu .altKisim .altMenu ul li { width: auto; float: none; border-right: solid 1px #737373; padding: 0px 7px; margin: 5px 0; display: inline-table; }
.mobilMenu .altKisim .altMenu ul li:last-child { border-right: none; }
.mobilMenu .altKisim .altMenu ul li a { width: auto; float: left; font-size: 14px; color: #414141; line-height: 14px; }
.menuBar ul li a:link {
color:#fff;}
.menuBar ul li ul li a {
    color: white;
}
.menuBar ul li ul li a:hover {
    color: black;
}
.menuBar ul li a {
    font-family: arial;
    font-size: 13px;
}



.header .mLinks { width: auto; float: left; display: none; }
.header .mLinks a { width: 42px; height: 39px; float: left; background-repeat: no-repeat; background-position: center center; display: inherit; position: relative; z-index: 10; margin-left: 6px; background-color: #fff; }
.header .mLinks a.kmenu { background-image: url(../images/mnug.png); }
.header .mLinks a.mAra { background-image: url(../images/maraic.png); }
.header .mLinks a.mSepet { background-image: url(../images/mspet.png); }
.header .mLinks a span { display: none; }
.header .mLinks a.active { }



.header .mobLinks { width: auto; float: left; display: none; }
.header .mobLinks a { width: 24px; height: 16px; float: left; background-repeat: no-repeat; background-position: center center; }
.header .mobLinks a.arAc { background-image: url(../images/arAc.png); }
.header .mobLinks a.sptAc { background-image: url(../images/sptic2.png); margin-left: 9px; margin-right: 15px; }
.header .mobLinks a.kmenu { }